Skip to content

Commit

Permalink
Merge pull request #31 from Fullscript/rm-prefix-from-name
Browse files Browse the repository at this point in the history 
Remove "color" and "typography" from variable names
  • Loading branch information
@CCAyl
CCAyl authored Jun 30, 2022
2 parents 0668c0d + f04130a commit b998f38
Show file tree
Hide file tree
Showing 5 changed files with 277 additions and 264 deletions.
21 changes: 17 additions & 4 deletions build.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,28 @@ const StyleDictionary = require("style-dictionary").extend("config.json");

StyleDictionary.registerFilter({
name: "filter-typography",
matcher: ({ attributes }) => {
return attributes.category === "typography";
matcher: function(token){
return token.attributes.category === "typography";
},
});

StyleDictionary.registerTransform({
name: 'name/slice-path',
type: 'name',
transformer: function(token) {
return token.path.slice(1).join("");
}
});

StyleDictionary.registerTransformGroup({
name: 'custom/aviary',
transforms: ['name/slice-path', 'attribute/cti']
});

StyleDictionary.extend({
platforms: {
Owlery: {
transformGroup: "scss",
transformGroup: "custom/aviary",
buildPath: "build/scss/",
files: [
{
Expand All @@ -29,7 +42,7 @@ StyleDictionary.extend({
},

Aviary: {
transformGroup: "js",
transformGroup: "custom/aviary",
buildPath: "build/ts/",
files: [
{
Expand Down
96 changes: 48 additions & 48 deletions build/scss/colors.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,51 +2,51 @@
// Do not edit directly
// Generated on Wed, 29 Jun 2022 16:10:55 GMT

$colors-green-100: #FAFFFC;
$colors-green-200: #EBF2EF;
$colors-green-300: #D1E0D9;
$colors-green-400: #B6CFC2;
$colors-green-500: #86B09B;
$colors-green-600: #307553;
$colors-green-700: #275E43;
$colors-green-800: #244C38;
$colors-blue-100: #F5FAFF;
$colors-blue-200: #E6F1FC;
$colors-blue-300: #C0D8F0;
$colors-blue-400: #88B1D9;
$colors-blue-500: #5D96CF;
$colors-blue-600: #3971A8;
$colors-blue-700: #21588F;
$colors-blue-800: #194673;
$colors-red-100: #FFF7F9;
$colors-red-200: #FEEEF2;
$colors-red-300: #F0C4CD;
$colors-red-400: #E296A6;
$colors-red-500: #C6516A;
$colors-red-600: #AF2645;
$colors-red-700: #980B29;
$colors-red-800: #800D25;
$colors-purple-100: #FCFAFF;
$colors-purple-200: #F2ECFE;
$colors-purple-300: #D7CEE9;
$colors-purple-400: #B9ABD5;
$colors-purple-500: #8471AB;
$colors-purple-600: #533E7D;
$colors-purple-700: #3B2566;
$colors-purple-800: #2A174F;
$colors-orange-100: #FFFAF5;
$colors-orange-200: #FFF3E8;
$colors-orange-300: #F3D8C0;
$colors-orange-400: #E7B88F;
$colors-orange-500: #CF8545;
$colors-orange-600: #B4631D;
$colors-orange-700: #8E4D14;
$colors-orange-800: #784213;
$colors-grey-100: #FCFEFF;
$colors-grey-200: #F5F7FA;
$colors-grey-300: #E6EDF5;
$colors-grey-400: #C8D3E0;
$colors-grey-500: #596D84;
$colors-grey-600: #475A70;
$colors-grey-700: #36485C;
$colors-grey-800: #2E3A47;
$green100: #FAFFFC;
$green200: #EBF2EF;
$green300: #D1E0D9;
$green400: #B6CFC2;
$green500: #86B09B;
$green600: #307553;
$green700: #275E43;
$green800: #244C38;
$blue100: #F5FAFF;
$blue200: #E6F1FC;
$blue300: #C0D8F0;
$blue400: #88B1D9;
$blue500: #5D96CF;
$blue600: #3971A8;
$blue700: #21588F;
$blue800: #194673;
$red100: #FFF7F9;
$red200: #FEEEF2;
$red300: #F0C4CD;
$red400: #E296A6;
$red500: #C6516A;
$red600: #AF2645;
$red700: #980B29;
$red800: #800D25;
$purple100: #FCFAFF;
$purple200: #F2ECFE;
$purple300: #D7CEE9;
$purple400: #B9ABD5;
$purple500: #8471AB;
$purple600: #533E7D;
$purple700: #3B2566;
$purple800: #2A174F;
$orange100: #FFFAF5;
$orange200: #FFF3E8;
$orange300: #F3D8C0;
$orange400: #E7B88F;
$orange500: #CF8545;
$orange600: #B4631D;
$orange700: #8E4D14;
$orange800: #784213;
$grey100: #FCFEFF;
$grey200: #F5F7FA;
$grey300: #E6EDF5;
$grey400: #C8D3E0;
$grey500: #596D84;
$grey600: #475A70;
$grey700: #36485C;
$grey800: #2E3A47;
164 changes: 82 additions & 82 deletions build/scss/typography.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,85 +2,85 @@
// Do not edit directly
// Generated on Wed, 29 Jun 2022 16:10:55 GMT

$typography-letter-spacing-base: 0;
$typography-paragraph-spacing-base: 0;
$typography-text-decoration-base: none;
$typography-text-case-base: none;
$typography-h1-font-family: Mulish;
$typography-h1-font-weight: 700;
$typography-h1-line-height: 40px;
$typography-h1-font-size: 40px;
$typography-h1-letter-spacing: 0;
$typography-h1-paragraph-spacing: 0;
$typography-h1-text-decoration: none;
$typography-h1-text-case: none;
$typography-h2-font-family: Mulish;
$typography-h2-font-weight: 700;
$typography-h2-line-height: 40px;
$typography-h2-font-size: 32px;
$typography-h2-letter-spacing: 0;
$typography-h2-paragraph-spacing: 0;
$typography-h2-text-decoration: none;
$typography-h2-text-case: none;
$typography-h3-font-family: Mulish;
$typography-h3-font-weight: 700;
$typography-h3-line-height: 32px;
$typography-h3-font-size: 24px;
$typography-h3-letter-spacing: 0;
$typography-h3-paragraph-spacing: 0;
$typography-h3-text-decoration: none;
$typography-h3-text-case: none;
$typography-h4-font-family: Mulish;
$typography-h4-font-weight: 700;
$typography-h4-line-height: 24px;
$typography-h4-font-size: 20px;
$typography-h4-letter-spacing: 0;
$typography-h4-paragraph-spacing: 0;
$typography-h4-text-decoration: none;
$typography-h4-text-case: none;
$typography-h5-font-family: Mulish;
$typography-h5-font-weight: 700;
$typography-h5-line-height: 24px;
$typography-h5-font-size: 16px;
$typography-h5-letter-spacing: 0;
$typography-h5-paragraph-spacing: 0;
$typography-h5-text-decoration: none;
$typography-h5-text-case: none;
$typography-body-font-family: Mulish;
$typography-body-font-weight: 500;
$typography-body-line-height: 24px;
$typography-body-font-size: 16px;
$typography-body-letter-spacing: 0;
$typography-body-paragraph-spacing: 0;
$typography-body-text-decoration: none;
$typography-body-text-case: none;
$typography-footnote-font-family: Mulish;
$typography-footnote-font-weight: 500;
$typography-footnote-line-height: 16px;
$typography-footnote-font-size: 14px;
$typography-footnote-letter-spacing: 0;
$typography-footnote-paragraph-spacing: 0;
$typography-footnote-text-decoration: none;
$typography-footnote-text-case: none;
$typography-caption-font-family: Mulish;
$typography-caption-font-weight: 500;
$typography-caption-line-height: 16px;
$typography-caption-font-size: 12px;
$typography-caption-letter-spacing: 0;
$typography-caption-paragraph-spacing: 0;
$typography-caption-text-decoration: none;
$typography-caption-text-case: none;
$typography-size-h1: 40px;
$typography-size-h2: 32px;
$typography-size-h3: 24px;
$typography-size-h4: 20px;
$typography-size-body: 16px;
$typography-size-footnote: 14px;
$typography-size-caption: 12px;
$typography-line-height-xlarge: 40px;
$typography-line-height-large: 32px;
$typography-line-height-normal: 24px;
$typography-line-height-small: 16px;
$typography-font-family-sans-serif: Mulish;
$typography-weight-heading: 700;
$typography-weight-base: 500;
$letterSpacingbase: 0;
$paragraphSpacingbase: 0;
$textDecorationbase: none;
$textCasebase: none;
$h1fontFamily: Mulish;
$h1fontWeight: 700;
$h1lineHeight: 40px;
$h1fontSize: 40px;
$h1letterSpacing: 0;
$h1paragraphSpacing: 0;
$h1textDecoration: none;
$h1textCase: none;
$h2fontFamily: Mulish;
$h2fontWeight: 700;
$h2lineHeight: 40px;
$h2fontSize: 32px;
$h2letterSpacing: 0;
$h2paragraphSpacing: 0;
$h2textDecoration: none;
$h2textCase: none;
$h3fontFamily: Mulish;
$h3fontWeight: 700;
$h3lineHeight: 32px;
$h3fontSize: 24px;
$h3letterSpacing: 0;
$h3paragraphSpacing: 0;
$h3textDecoration: none;
$h3textCase: none;
$h4fontFamily: Mulish;
$h4fontWeight: 700;
$h4lineHeight: 24px;
$h4fontSize: 20px;
$h4letterSpacing: 0;
$h4paragraphSpacing: 0;
$h4textDecoration: none;
$h4textCase: none;
$h5fontFamily: Mulish;
$h5fontWeight: 700;
$h5lineHeight: 24px;
$h5fontSize: 16px;
$h5letterSpacing: 0;
$h5paragraphSpacing: 0;
$h5textDecoration: none;
$h5textCase: none;
$bodyfontFamily: Mulish;
$bodyfontWeight: 500;
$bodylineHeight: 24px;
$bodyfontSize: 16px;
$bodyletterSpacing: 0;
$bodyparagraphSpacing: 0;
$bodytextDecoration: none;
$bodytextCase: none;
$footnotefontFamily: Mulish;
$footnotefontWeight: 500;
$footnotelineHeight: 16px;
$footnotefontSize: 14px;
$footnoteletterSpacing: 0;
$footnoteparagraphSpacing: 0;
$footnotetextDecoration: none;
$footnotetextCase: none;
$captionfontFamily: Mulish;
$captionfontWeight: 500;
$captionlineHeight: 16px;
$captionfontSize: 12px;
$captionletterSpacing: 0;
$captionparagraphSpacing: 0;
$captiontextDecoration: none;
$captiontextCase: none;
$sizeh1: 40px;
$sizeh2: 32px;
$sizeh3: 24px;
$sizeh4: 20px;
$sizebody: 16px;
$sizefootnote: 14px;
$sizecaption: 12px;
$lineHeightxlarge: 40px;
$lineHeightlarge: 32px;
$lineHeightnormal: 24px;
$lineHeightsmall: 16px;
$fontFamilysansSerif: Mulish;
$weightheading: 700;
$weightbase: 500;
Loading

0 comments on commit b998f38

Please sign in to comment.