Skip to content

Commit

Permalink
fix(styles-dictionary): fix font shorthand variable (#95)
Browse files Browse the repository at this point in the history
  • Loading branch information
@mdjmoore
mdjmoore authored Dec 10, 2021
1 parent a966ab9 commit e4df72a
Show file tree
Hide file tree
Showing 3 changed files with 71 additions and 74 deletions.
51 changes: 24 additions & 27 deletions src/common/styles-dictionary/css/variables.css
View file
Original file line number Diff line number Diff line change
@@ -1,43 +1,40 @@
/**
* Do not edit directly
* Generated on Fri, 03 Dec 2021 21:05:51 GMT
* Generated on Fri, 10 Dec 2021 16:31:54 GMT
*/

:root {
--sds-font-letter-spacing-default: 0.3px;
--sds-font-letter-spacing-caps: 1px;
--sds-font-color: black;
--sds-font-font-family: "Open Sans", "OpenSans-Regular";
--sds-font-body-xxxs-400-font: 400, 11px/16px "Open Sans", "OpenSans-Regular";
--sds-font-body-xxxs-600-font: 600, 11px/16px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-xxs-400-font: 400, 12px/18px "Open Sans", "OpenSans-Regular";
--sds-font-body-xxs-600-font: 600, 12px/18px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-xs-400-font: 400, 13px/20px "Open Sans", "OpenSans-Regular";
--sds-font-body-xs-600-font: 600, 13px/20px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-s-400-font: 400, 14px/24px "Open Sans", "OpenSans-Regular";
--sds-font-body-s-600-font: 600, 14px/24px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-m-400-font: 400, 16px/26px "Open Sans", "OpenSans-Regular";
--sds-font-body-m-600-font: 600, 16px/26px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-l-400-font: 400, 18px/28px "Open Sans", "OpenSans-Regular";
--sds-font-body-l-600-font: 600, 18px/28px "Open Sans", "OpenSans-SemiBold";
--sds-font-caps-xxxxs-600-font: 600, 10px/14px "Open Sans",
"OpenSans-SemiBold";
--sds-font-body-xxxs-400-font: 400 11px/16px "Open Sans", "OpenSans-Regular";
--sds-font-body-xxxs-600-font: 600 11px/16px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-xxs-400-font: 400 12px/18px "Open Sans", "OpenSans-Regular";
--sds-font-body-xxs-600-font: 600 12px/18px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-xs-400-font: 400 13px/20px "Open Sans", "OpenSans-Regular";
--sds-font-body-xs-600-font: 600 13px/20px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-s-400-font: 400 14px/24px "Open Sans", "OpenSans-Regular";
--sds-font-body-s-600-font: 600 14px/24px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-m-400-font: 400 16px/26px "Open Sans", "OpenSans-Regular";
--sds-font-body-m-600-font: 600 16px/26px "Open Sans", "OpenSans-SemiBold";
--sds-font-body-l-400-font: 400 18px/28px "Open Sans", "OpenSans-Regular";
--sds-font-body-l-600-font: 600 18px/28px "Open Sans", "OpenSans-SemiBold";
--sds-font-caps-xxxxs-600-font: 600 10px/14px "Open Sans", "OpenSans-SemiBold";
--sds-font-caps-xxxxs-600-text-transform: uppercase;
--sds-font-caps-xxxs-600-font: 600, 11px/16px "Open Sans", "OpenSans-SemiBold";
--sds-font-caps-xxxs-600-font: 600 11px/16px "Open Sans", "OpenSans-SemiBold";
--sds-font-caps-xxxs-600-text-transform: uppercase;
--sds-font-caps-xxs-600-font: 600, 12px/18px "Open Sans", "OpenSans-SemiBold";
--sds-font-caps-xxs-600-font: 600 12px/18px "Open Sans", "OpenSans-SemiBold";
--sds-font-caps-xxs-600-text-transform: uppercase;
--sds-font-header-xxxs-600-font: 600, 11px/16px "Open Sans",
"OpenSans-SemiBold";
--sds-font-header-xxs-600-font: 600, 12px/18px "Open Sans",
"OpenSans-SemiBold";
--sds-font-header-xs-600-font: 600, 13px/18px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-s-600-font: 600, 14px/20px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-m-600-font: 600, 16px/22px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-l-600-font: 600, 18px/24px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-xl-600-font: 600, 22px/30px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-xxl-600-font: 600, 26px/34px "Open Sans",
--sds-font-header-xxxs-600-font: 600 11px/16px "Open Sans",
"OpenSans-SemiBold";
--sds-font-header-xxs-600-font: 600 12px/18px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-xs-600-font: 600 13px/18px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-s-600-font: 600 14px/20px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-m-600-font: 600 16px/22px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-l-600-font: 600 18px/24px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-xl-600-font: 600 22px/30px "Open Sans", "OpenSans-SemiBold";
--sds-font-header-xxl-600-font: 600 26px/34px "Open Sans", "OpenSans-SemiBold";
--sds-color-beta-100: #f4f0f9;
--sds-color-beta-200: #f0ebf6;
--sds-color-beta-400: #7a41ce;
Expand Down
48 changes: 24 additions & 24 deletions src/common/styles-dictionary/scss/_variables.scss
View file
Original file line number Diff line number Diff line change
@@ -1,37 +1,37 @@

// Do not edit directly
// Generated on Fri, 03 Dec 2021 21:05:51 GMT
// Generated on Fri, 10 Dec 2021 16:31:54 GMT

$sds-font-letter-spacing-default: 0.3px;
$sds-font-letter-spacing-caps: 1px;
$sds-font-color: black;
$sds-font-font-family: 'Open Sans', 'OpenSans-Regular';
$sds-font-body-xxxs-400-font: 400, 11px/16px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-xxs-400-font: 400, 12px/18px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-xs-400-font: 400, 13px/20px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-xs-600-font: 600, 13px/20px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-s-400-font: 400, 14px/24px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-s-600-font: 600, 14px/24px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-m-400-font: 400, 16px/26px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-m-600-font: 600, 16px/26px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-l-400-font: 400, 18px/28px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-l-600-font: 600, 18px/28px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-caps-xxxxs-600-font: 600, 10px/14px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-xxxs-400-font: 400 11px/16px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-xxxs-600-font: 600 11px/16px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-xxs-400-font: 400 12px/18px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-xxs-600-font: 600 12px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-xs-400-font: 400 13px/20px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-xs-600-font: 600 13px/20px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-s-400-font: 400 14px/24px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-s-600-font: 600 14px/24px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-m-400-font: 400 16px/26px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-m-600-font: 600 16px/26px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-body-l-400-font: 400 18px/28px 'Open Sans', 'OpenSans-Regular';
$sds-font-body-l-600-font: 600 18px/28px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-caps-xxxxs-600-font: 600 10px/14px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-caps-xxxxs-600-text-transform: uppercase;
$sds-font-caps-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-caps-xxxs-600-font: 600 11px/16px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-caps-xxxs-600-text-transform: uppercase;
$sds-font-caps-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-caps-xxs-600-font: 600 12px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-caps-xxs-600-text-transform: uppercase;
$sds-font-header-xxxs-600-font: 600, 11px/16px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xxs-600-font: 600, 12px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xs-600-font: 600, 13px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-s-600-font: 600, 14px/20px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-m-600-font: 600, 16px/22px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-l-600-font: 600, 18px/24px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xl-600-font: 600, 22px/30px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xxl-600-font: 600, 26px/34px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xxxs-600-font: 600 11px/16px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xxs-600-font: 600 12px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xs-600-font: 600 13px/18px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-s-600-font: 600 14px/20px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-m-600-font: 600 16px/22px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-l-600-font: 600 18px/24px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xl-600-font: 600 22px/30px 'Open Sans', 'OpenSans-SemiBold';
$sds-font-header-xxl-600-font: 600 26px/34px 'Open Sans', 'OpenSans-SemiBold';
$sds-color-beta-100: #f4f0f9;
$sds-color-beta-200: #f0ebf6;
$sds-color-beta-400: #7a41ce;
Expand Down
46 changes: 23 additions & 23 deletions src/common/styles-dictionary/style-dictionary.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,72 +13,72 @@
"xxxs": {
"400": {
"font": {
"value": "400, 11px/16px {sds.font.font-family.value}"
"value": "400 11px/16px {sds.font.font-family.value}"
}
},
"600": {
"font": {
"value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"xxs": {
"400": {
"font": {
"value": "400, 12px/18px {sds.font.font-family.value}"
"value": "400 12px/18px {sds.font.font-family.value}"
}
},
"600": {
"font": {
"value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"xs": {
"400": {
"font": {
"value": "400, 13px/20px {sds.font.font-family.value}"
"value": "400 13px/20px {sds.font.font-family.value}"
}
},
"600": {
"font": {
"value": "600, 13px/20px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 13px/20px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"s": {
"400": {
"font": {
"value": "400, 14px/24px {sds.font.font-family.value}"
"value": "400 14px/24px {sds.font.font-family.value}"
}
},
"600": {
"font": {
"value": "600, 14px/24px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 14px/24px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"m": {
"400": {
"font": {
"value": "400, 16px/26px {sds.font.font-family.value}"
"value": "400 16px/26px {sds.font.font-family.value}"
}
},
"600": {
"font": {
"value": "600, 16px/26px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 16px/26px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"l": {
"400": {
"font": {
"value": "400, 18px/28px {sds.font.font-family.value}"
"value": "400 18px/28px {sds.font.font-family.value}"
}
},
"600": {
"font": {
"value": "600, 18px/28px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 18px/28px 'Open Sans', 'OpenSans-SemiBold'"
}
}
}
Expand All @@ -87,23 +87,23 @@
"xxxxs": {
"600": {
"font": {
"value": "600, 10px/14px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 10px/14px 'Open Sans', 'OpenSans-SemiBold'"
},
"text-transform": { "value": " uppercase" }
}
},
"xxxs": {
"600": {
"font": {
"value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
},
"text-transform": { "value": " uppercase" }
}
},
"xxs": {
"600": {
"font": {
"value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
},
"text-transform": { "value": " uppercase" }
}
Expand All @@ -113,57 +113,57 @@
"xxxs": {
"600": {
"font": {
"value": "600, 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 11px/16px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"xxs": {
"600": {
"font": {
"value": "600, 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 12px/18px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"xs": {
"600": {
"font": {
"value": "600, 13px/18px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 13px/18px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"s": {
"600": {
"font": {
"value": "600, 14px/20px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 14px/20px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"m": {
"600": {
"font": {
"value": "600, 16px/22px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 16px/22px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"l": {
"600": {
"font": {
"value": "600, 18px/24px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 18px/24px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},

"xl": {
"600": {
"font": {
"value": "600, 22px/30px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 22px/30px 'Open Sans', 'OpenSans-SemiBold'"
}
}
},
"xxl": {
"600": {
"font": {
"value": "600, 26px/34px 'Open Sans', 'OpenSans-SemiBold'"
"value": "600 26px/34px 'Open Sans', 'OpenSans-SemiBold'"
}
}
}
Expand Down

0 comments on commit e4df72a

Please sign in to comment.