@lumx/core 2.1.0-alpha.6 → 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/css/_retro-compat-v2.css +117 -0
  2. package/css/design-tokens.css +30 -41
  3. package/css/material.css +1 -2
  4. package/js/constants/design-tokens.js +24 -99
  5. package/js/constants/design-tokens.min.js +1 -1
  6. package/js/constants/design-tokens.min.js.map +1 -1
  7. package/js/constants/design-tokens.ts +24 -99
  8. package/js/utils.min.js.map +1 -1
  9. package/lumx.css +1 -1
  10. package/lumx.min.css +1 -1
  11. package/package.json +2 -2
  12. package/scss/_design-tokens.scss +36 -55
  13. package/scss/_retro-compat-v2.scss +95 -0
  14. package/scss/components/button/_mixins.scss +18 -12
  15. package/scss/components/checkbox/_mixins.scss +2 -2
  16. package/scss/components/image-block/_index.scss +4 -5
  17. package/scss/components/radio-button/_mixins.scss +4 -12
  18. package/scss/components/select/_index.scss +1 -1
  19. package/scss/components/select/_mixins.scss +1 -1
  20. package/scss/components/skeleton/_index.scss +18 -0
  21. package/scss/components/switch/_mixins.scss +2 -2
  22. package/scss/components/text-field/_index.scss +1 -1
  23. package/scss/components/text-field/_mixins.scss +5 -9
  24. package/scss/components/thumbnail/_variables.scss +5 -0
  25. package/scss/components/user-block/_index.scss +2 -9
  26. package/scss/core/typography/_mixins.scss +2 -2
  27. package/scss/lumx.scss +4 -0
package/css/_retro-compat-v2.css ADDED
@@ -0,0 +1,117 @@
1
+ /**
2
+ * List of deprecated v2 variables that have been removed or renamed.
3
+ * Warning: These will be removed in the next major version.
4
+ */
5
+ :root {
6
+ --lumx-button-font-weight: var(--lumx-typography-font-weight-bold);
7
+ --lumx-button-text-transform: var(--lumx-material-button-text-transform);
8
+ --lumx-button-variant-icon-border-radius: var(--lumx-material-button-variant-icon-border-radius);
9
+ --lumx-button-size-m-font-size: var(--lumx-typography-custom-button-size-m-font-size);
10
+ --lumx-button-size-s-font-size: var(--lumx-typography-custom-button-size-s-font-size);
11
+ --lumx-checkbox-wrapper-size: var(--lumx-material-checkbox-wrapper-size);
12
+ --lumx-checkbox-control-size: var(--lumx-material-checkbox-control-size);
13
+ --lumx-chip-size-m-height: var(--lumx-material-chip-size-m-height);
14
+ --lumx-chip-size-m-border-radius: var(--lumx-material-chip-size-m-border-radius);
15
+ --lumx-chip-size-m-padding-vertical: var(--lumx-material-chip-size-m-padding-vertical);
16
+ --lumx-chip-size-s-height: var(--lumx-material-chip-size-s-height);
17
+ --lumx-chip-size-s-border-radius: var(--lumx-material-chip-size-s-border-radius);
18
+ --lumx-chip-size-s-padding-vertical: var(--lumx-material-chip-size-s-padding-vertical);
19
+ --lumx-input-helper-font-size: var(--lumx-material-input-helper-font-size);
20
+ --lumx-input-helper-font-weight: var(--lumx-material-input-helper-font-weight);
21
+ --lumx-input-helper-line-height: var(--lumx-material-input-helper-line-height);
22
+ --lumx-input-label-font-size: var(--lumx-material-input-label-font-size);
23
+ --lumx-input-label-font-weight: var(--lumx-material-input-label-font-weight);
24
+ --lumx-input-label-line-height: var(--lumx-material-input-label-line-height);
25
+ --lumx-radio-button-wrapper-size: var(--lumx-material-radio-button-wrapper-size);
26
+ --lumx-radio-button-control-size: var(--lumx-material-radio-button-control-size);
27
+ --lumx-radio-button-indicator-size: var(--lumx-material-radio-button-indicator-size);
28
+ --lumx-switch-wrapper-width: var(--lumx-material-switch-wrapper-width);
29
+ --lumx-switch-wrapper-height: var(--lumx-material-switch-wrapper-height);
30
+ --lumx-switch-control-width: var(--lumx-material-switch-control-width);
31
+ --lumx-switch-control-height: var(--lumx-material-switch-control-height);
32
+ --lumx-switch-indicator-size: var(--lumx-material-switch-indicator-size);
33
+ --lumx-switch-indicator-offset: var(--lumx-material-switch-indicator-offset);
34
+ --lumx-text-field-padding-top: var(--lumx-material-text-field-padding-top);
35
+ --lumx-text-field-padding-bottom: var(--lumx-material-text-field-padding-bottom);
36
+ --lumx-text-field-header-margin-bottom: var(--lumx-material-text-field-header-wrapper-margin-bottom);
37
+ --lumx-text-field-label-font-size: var(--lumx-material-text-field-header-label-font-size);
38
+ --lumx-text-field-label-font-weight: var(--lumx-material-text-field-header-label-font-weight);
39
+ --lumx-text-field-label-line-height: var(--lumx-material-text-field-header-label-line-height);
40
+ --lumx-text-field-wrapper-min-height: var(--lumx-text-field-input-min-height);
41
+ --lumx-text-field-wrapper-border-radius: var(--lumx-text-field-input-border-radius);
42
+ --lumx-text-field-wrapper-padding-vertical: var(--lumx-spacing-unit-tiny);
43
+ --lumx-text-field-wrapper-padding-horizontal: var(--lumx-text-field-input-padding-horizontal);
44
+ --lumx-text-field-state-default-border-top-width: var(--lumx-text-field-state-default-input-border-top-width);
45
+ --lumx-text-field-state-default-border-right-width: var(--lumx-text-field-state-default-input-border-right-width);
46
+ --lumx-text-field-state-default-border-bottom-width: var(--lumx-text-field-state-default-input-border-bottom-width);
47
+ --lumx-text-field-state-default-border-left-width: var(--lumx-text-field-state-default-input-border-left-width);
48
+ --lumx-text-field-state-default-theme-light-background-color: var(
49
+ --lumx-text-field-state-default-theme-light-input-background-color
50
+ );
51
+ --lumx-text-field-state-default-theme-light-border-color: var(
52
+ --lumx-text-field-state-default-theme-light-input-border-color
53
+ );
54
+ --lumx-text-field-state-default-theme-dark-background-color: var(
55
+ --lumx-text-field-state-default-theme-dark-input-background-color
56
+ );
57
+ --lumx-text-field-state-default-theme-dark-border-color: var(
58
+ --lumx-text-field-state-default-theme-dark-input-border-color
59
+ );
60
+ --lumx-text-field-state-hover-theme-light-background-color: var(
61
+ --lumx-text-field-state-hover-theme-light-input-background-color
62
+ );
63
+ --lumx-text-field-state-hover-theme-dark-background-color: var(
64
+ --lumx-text-field-state-hover-theme-dark-input-background-color
65
+ );
66
+ --lumx-text-field-state-focus-border-top-width: var(--lumx-text-field-state-focus-input-border-top-width);
67
+ --lumx-text-field-state-focus-border-right-width: var(--lumx-text-field-state-focus-input-border-right-width);
68
+ --lumx-text-field-state-focus-border-bottom-width: var(--lumx-text-field-state-focus-input-border-bottom-width);
69
+ --lumx-text-field-state-focus-border-left-width: var(--lumx-text-field-state-focus-input-border-left-width);
70
+ --lumx-text-field-state-focus-theme-light-background-color: var(
71
+ --lumx-text-field-state-focus-theme-light-input-background-color
72
+ );
73
+ --lumx-text-field-state-focus-theme-light-border-color: var(
74
+ --lumx-text-field-state-focus-theme-light-input-border-color
75
+ );
76
+ --lumx-text-field-state-focus-theme-dark-background-color: var(
77
+ --lumx-text-field-state-focus-theme-dark-input-background-color
78
+ );
79
+ --lumx-text-field-state-focus-theme-dark-border-color: var(
80
+ --lumx-text-field-state-focus-theme-dark-input-border-color
81
+ );
82
+ --lumx-text-field-input-icon-size: var(--lumx-size-xs);
83
+ --lumx-text-field-input-font-size: var(--lumx-material-text-field-input-content-font-size);
84
+ --lumx-text-field-input-font-weight: var(--lumx-material-text-field-input-content-font-weight);
85
+ --lumx-text-field-input-line-height: var(--lumx-material-text-field-input-content-line-height);
86
+ --lumx-text-field-input-validity-size: var(--lumx-size-xxs);
87
+ --lumx-text-field-input-clear-size: var(--lumx-size-s);
88
+ --lumx-progress-bounce: var(--lumx-material-progress-bounce);
89
+ --lumx-progress-rotate: var(--lumx-material-progress-rotate);
90
+ --lumx-typography-style-display1-font-size: var(--lumx-typography-interface-display1-font-size);
91
+ --lumx-typography-style-display1-font-weight: var(--lumx-typography-interface-display1-font-weight);
92
+ --lumx-typography-style-display1-line-height: var(--lumx-typography-interface-display1-line-height);
93
+ --lumx-typography-style-headline-font-size: var(--lumx-typography-interface-headline-font-size);
94
+ --lumx-typography-style-headline-font-weight: var(--lumx-typography-interface-headline-font-weight);
95
+ --lumx-typography-style-headline-line-height: var(--lumx-typography-interface-headline-line-height);
96
+ --lumx-typography-style-title-font-size: var(--lumx-typography-interface-title-font-size);
97
+ --lumx-typography-style-title-font-weight: var(--lumx-typography-interface-title-font-weight);
98
+ --lumx-typography-style-title-line-height: var(--lumx-typography-interface-title-line-height);
99
+ --lumx-typography-style-subtitle2-font-size: var(--lumx-typography-interface-subtitle2-font-size);
100
+ --lumx-typography-style-subtitle2-font-weight: var(--lumx-typography-interface-subtitle2-font-weight);
101
+ --lumx-typography-style-subtitle2-line-height: var(--lumx-typography-interface-subtitle2-line-height);
102
+ --lumx-typography-style-subtitle1-font-size: var(--lumx-typography-interface-subtitle1-font-size);
103
+ --lumx-typography-style-subtitle1-font-weight: var(--lumx-typography-interface-subtitle1-font-weight);
104
+ --lumx-typography-style-subtitle1-line-height: var(--lumx-typography-interface-subtitle1-line-height);
105
+ --lumx-typography-style-body2-font-size: var(--lumx-typography-interface-body2-font-size);
106
+ --lumx-typography-style-body2-font-weight: var(--lumx-typography-interface-body2-font-weight);
107
+ --lumx-typography-style-body2-line-height: var(--lumx-typography-interface-body2-line-height);
108
+ --lumx-typography-style-body1-font-size: var(--lumx-typography-interface-body1-font-size);
109
+ --lumx-typography-style-body1-font-weight: var(--lumx-typography-interface-body1-font-weight);
110
+ --lumx-typography-style-body1-line-height: var(--lumx-typography-interface-body1-line-height);
111
+ --lumx-typography-style-caption-font-size: var(--lumx-typography-interface-caption-font-size);
112
+ --lumx-typography-style-caption-font-weight: var(--lumx-typography-interface-caption-font-weight);
113
+ --lumx-typography-style-caption-line-height: var(--lumx-typography-interface-caption-line-height);
114
+ --lumx-typography-style-overline-font-size: var(--lumx-typography-interface-overline-font-size);
115
+ --lumx-typography-style-overline-font-weight: var(--lumx-typography-interface-overline-font-weight);
116
+ --lumx-typography-style-overline-line-height: var(--lumx-typography-interface-overline-line-height);
117
+ }
package/css/design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 14 Sep 2021 08:34:49 GMT
3
+ * Generated on Tue, 19 Oct 2021 08:35:24 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -178,7 +178,6 @@
178
178
  --lumx-button-emphasis-selected-state-active-theme-dark-color: #fff; /* Neutral light color */
179
179
  --lumx-button-emphasis-selected-state-active-theme-dark-border-color: transparent;
180
180
  --lumx-material-button-text-transform: none;
181
- --lumx-material-button-variant-icon-border-radius: 50%;
182
181
  --lumx-material-checkbox-wrapper-size: 20px;
183
182
  --lumx-material-checkbox-control-size: 16px;
184
183
  --lumx-material-chip-size-m-height: 36px;
@@ -188,10 +187,10 @@
188
187
  --lumx-material-chip-size-s-border-radius: 12px;
189
188
  --lumx-material-chip-size-s-padding-vertical: 12px;
190
189
  --lumx-material-input-helper-font-size: 12px;
191
- --lumx-material-input-helper-font-weight: 400;
190
+ --lumx-material-input-helper-font-weight: var(--lumx-typography-font-weight-regular);
192
191
  --lumx-material-input-helper-line-height: 16px;
193
192
  --lumx-material-input-label-font-size: 14px;
194
- --lumx-material-input-label-font-weight: 400;
193
+ --lumx-material-input-label-font-weight: var(--lumx-typography-font-weight-regular);
195
194
  --lumx-material-input-label-line-height: 20px;
196
195
  --lumx-material-progress-bounce: block;
197
196
  --lumx-material-progress-rotate: none;
@@ -208,10 +207,10 @@
208
207
  --lumx-material-text-field-padding-bottom: 0;
209
208
  --lumx-material-text-field-header-wrapper-margin-bottom: 8px;
210
209
  --lumx-material-text-field-header-label-font-size: 14px;
211
- --lumx-material-text-field-header-label-font-weight: 400;
210
+ --lumx-material-text-field-header-label-font-weight: var(--lumx-typography-font-weight-regular);
212
211
  --lumx-material-text-field-header-label-line-height: 20px;
213
212
  --lumx-material-text-field-input-content-font-size: 14px;
214
- --lumx-material-text-field-input-content-font-weight: 400;
213
+ --lumx-material-text-field-input-content-font-weight: var(--lumx-typography-font-weight-regular);
215
214
  --lumx-material-text-field-input-content-line-height: 20px;
216
215
  --lumx-navigation-item-padding-horizontal: 8px;
217
216
  --lumx-navigation-item-min-height: 36px;
@@ -848,82 +847,72 @@
848
847
  --lumx-spacing-unit-huge: 24px;
849
848
  --lumx-typography-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
850
849
  'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
850
+ --lumx-typography-font-weight-regular: 400;
851
+ --lumx-typography-font-weight-bold: 700;
852
+ --lumx-typography-font-weight-light: 300;
851
853
  --lumx-typography-interface-display1-font-size: 34px;
852
- --lumx-typography-interface-display1-font-weight: 700;
854
+ --lumx-typography-interface-display1-font-weight: var(--lumx-typography-font-weight-bold);
853
855
  --lumx-typography-interface-display1-line-height: 40px;
854
856
  --lumx-typography-interface-headline-font-size: 24px;
855
- --lumx-typography-interface-headline-font-weight: 700;
857
+ --lumx-typography-interface-headline-font-weight: var(--lumx-typography-font-weight-bold);
856
858
  --lumx-typography-interface-headline-line-height: 32px;
857
859
  --lumx-typography-interface-title-font-size: 20px;
858
- --lumx-typography-interface-title-font-weight: 700;
860
+ --lumx-typography-interface-title-font-weight: var(--lumx-typography-font-weight-bold);
859
861
  --lumx-typography-interface-title-line-height: 30px;
860
862
  --lumx-typography-interface-subtitle2-font-size: 16px;
861
- --lumx-typography-interface-subtitle2-font-weight: 700;
863
+ --lumx-typography-interface-subtitle2-font-weight: var(--lumx-typography-font-weight-bold);
862
864
  --lumx-typography-interface-subtitle2-line-height: 24px;
863
865
  --lumx-typography-interface-subtitle1-font-size: 14px;
864
- --lumx-typography-interface-subtitle1-font-weight: 700;
866
+ --lumx-typography-interface-subtitle1-font-weight: var(--lumx-typography-font-weight-bold);
865
867
  --lumx-typography-interface-subtitle1-line-height: 20px;
866
868
  --lumx-typography-interface-body2-font-size: 16px;
867
- --lumx-typography-interface-body2-font-weight: 400;
869
+ --lumx-typography-interface-body2-font-weight: var(--lumx-typography-font-weight-regular);
868
870
  --lumx-typography-interface-body2-line-height: 24px;
869
871
  --lumx-typography-interface-body1-font-size: 14px;
870
- --lumx-typography-interface-body1-font-weight: 400;
872
+ --lumx-typography-interface-body1-font-weight: var(--lumx-typography-font-weight-regular);
871
873
  --lumx-typography-interface-body1-line-height: 20px;
872
874
  --lumx-typography-interface-caption-font-size: 12px;
873
- --lumx-typography-interface-caption-font-weight: 400;
875
+ --lumx-typography-interface-caption-font-weight: var(--lumx-typography-font-weight-regular);
874
876
  --lumx-typography-interface-caption-line-height: 16px;
875
877
  --lumx-typography-interface-overline-font-size: 10px;
876
- --lumx-typography-interface-overline-font-weight: 700;
878
+ --lumx-typography-interface-overline-font-weight: var(--lumx-typography-font-weight-bold);
877
879
  --lumx-typography-interface-overline-line-height: 12px;
878
- --lumx-typography-custom-title1-font-family: var(--lumx-typography-font-family);
879
880
  --lumx-typography-custom-title1-font-size: 40px;
880
- --lumx-typography-custom-title1-font-weight: 700;
881
+ --lumx-typography-custom-title1-font-weight: var(--lumx-typography-font-weight-bold);
881
882
  --lumx-typography-custom-title1-line-height: 50px;
882
- --lumx-typography-custom-title2-font-family: var(--lumx-typography-font-family);
883
883
  --lumx-typography-custom-title2-font-size: 30px;
884
- --lumx-typography-custom-title2-font-weight: 700;
884
+ --lumx-typography-custom-title2-font-weight: var(--lumx-typography-font-weight-bold);
885
885
  --lumx-typography-custom-title2-line-height: 40px;
886
- --lumx-typography-custom-title3-font-family: var(--lumx-typography-font-family);
887
886
  --lumx-typography-custom-title3-font-size: 24px;
888
- --lumx-typography-custom-title3-font-weight: 700;
887
+ --lumx-typography-custom-title3-font-weight: var(--lumx-typography-font-weight-bold);
889
888
  --lumx-typography-custom-title3-line-height: 32px;
890
- --lumx-typography-custom-title4-font-family: var(--lumx-typography-font-family);
891
889
  --lumx-typography-custom-title4-font-size: 20px;
892
- --lumx-typography-custom-title4-font-weight: 700;
890
+ --lumx-typography-custom-title4-font-weight: var(--lumx-typography-font-weight-bold);
893
891
  --lumx-typography-custom-title4-line-height: 30px;
894
- --lumx-typography-custom-title5-font-family: var(--lumx-typography-font-family);
895
892
  --lumx-typography-custom-title5-font-size: 16px;
896
- --lumx-typography-custom-title5-font-weight: 700;
893
+ --lumx-typography-custom-title5-font-weight: var(--lumx-typography-font-weight-bold);
897
894
  --lumx-typography-custom-title5-line-height: 24px;
898
- --lumx-typography-custom-title6-font-family: var(--lumx-typography-font-family);
899
895
  --lumx-typography-custom-title6-font-size: 14px;
900
- --lumx-typography-custom-title6-font-weight: 700;
896
+ --lumx-typography-custom-title6-font-weight: var(--lumx-typography-font-weight-bold);
901
897
  --lumx-typography-custom-title6-line-height: 20px;
902
- --lumx-typography-custom-intro-font-family: var(--lumx-typography-font-family);
903
898
  --lumx-typography-custom-intro-font-size: 18px;
904
- --lumx-typography-custom-intro-font-weight: 700;
899
+ --lumx-typography-custom-intro-font-weight: var(--lumx-typography-font-weight-bold);
905
900
  --lumx-typography-custom-intro-line-height: 30px;
906
- --lumx-typography-custom-body-large-font-family: var(--lumx-typography-font-family);
907
901
  --lumx-typography-custom-body-large-font-size: 16px;
908
- --lumx-typography-custom-body-large-font-weight: 400;
902
+ --lumx-typography-custom-body-large-font-weight: var(--lumx-typography-font-weight-regular);
909
903
  --lumx-typography-custom-body-large-line-height: 24px;
910
- --lumx-typography-custom-body-font-family: var(--lumx-typography-font-family);
911
904
  --lumx-typography-custom-body-font-size: 14px;
912
- --lumx-typography-custom-body-font-weight: 400;
905
+ --lumx-typography-custom-body-font-weight: var(--lumx-typography-font-weight-regular);
913
906
  --lumx-typography-custom-body-line-height: 20px;
914
- --lumx-typography-custom-quote-font-family: var(--lumx-typography-font-family);
915
907
  --lumx-typography-custom-quote-font-size: 16px;
916
- --lumx-typography-custom-quote-font-weight: 300;
908
+ --lumx-typography-custom-quote-font-weight: var(--lumx-typography-font-weight-light);
917
909
  --lumx-typography-custom-quote-font-style: italic;
918
910
  --lumx-typography-custom-quote-line-height: 24px;
919
- --lumx-typography-custom-publish-info-font-family: var(--lumx-typography-font-family);
920
911
  --lumx-typography-custom-publish-info-font-size: 14px;
921
- --lumx-typography-custom-publish-info-font-weight: 400;
912
+ --lumx-typography-custom-publish-info-font-weight: var(--lumx-typography-font-weight-regular);
922
913
  --lumx-typography-custom-publish-info-line-height: 20px;
923
- --lumx-typography-custom-button-size-m-font-family: var(--lumx-typography-font-family);
924
914
  --lumx-typography-custom-button-size-m-font-size: 14px;
925
- --lumx-typography-custom-button-size-m-font-weight: 700;
926
- --lumx-typography-custom-button-size-s-font-family: var(--lumx-typography-font-family);
915
+ --lumx-typography-custom-button-size-m-font-weight: var(--lumx-typography-font-weight-bold);
927
916
  --lumx-typography-custom-button-size-s-font-size: 12px;
928
- --lumx-typography-custom-button-size-s-font-weight: 700;
917
+ --lumx-typography-custom-button-size-s-font-weight: var(--lumx-typography-font-weight-bold);
929
918
  }
package/css/material.css CHANGED
@@ -1,9 +1,8 @@
1
1
  :root {
2
2
  --lumx-border-radius: 2px;
3
3
  --lumx-typography-font-family: 'Roboto', sans-serif;
4
- --lumx-typography-custom-button-size-m-font-weight: 500;
4
+ --lumx-typography-font-weight-bold: 500;
5
5
  --lumx-typography-custom-button-size-s-font-size: 10px;
6
- --lumx-typography-custom-button-size-s-font-weight: 500;
7
6
  --lumx-text-field-input-min-height: 32px;
8
7
  --lumx-text-field-input-padding-horizontal: 0;
9
8
  --lumx-text-field-input-border-radius: 0;
package/js/constants/design-tokens.js CHANGED
@@ -94,7 +94,7 @@ __webpack_require__.r(__webpack_exports__);
94
94
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DESIGN_TOKENS", function() { return DESIGN_TOKENS; });
95
95
  /**
96
96
  * Do not edit directly
97
- * Generated on Tue, 14 Sep 2021 08:34:49 GMT
97
+ * Generated on Tue, 19 Oct 2021 08:35:25 GMT
98
98
  */
99
99
  var DESIGN_TOKENS = {
100
100
  button: {
@@ -963,13 +963,6 @@ var DESIGN_TOKENS = {
963
963
  type: 'button',
964
964
  item: 'text-transform'
965
965
  }
966
- },
967
- 'variant-icon-border-radius': {
968
- attributes: {
969
- category: 'material',
970
- type: 'button',
971
- item: 'variant-icon-border-radius'
972
- }
973
966
  }
974
967
  },
975
968
  checkbox: {
@@ -5044,6 +5037,29 @@ var DESIGN_TOKENS = {
5044
5037
  type: 'font-family'
5045
5038
  }
5046
5039
  },
5040
+ 'font-weight': {
5041
+ regular: {
5042
+ attributes: {
5043
+ category: 'typography',
5044
+ type: 'font-weight',
5045
+ item: 'regular'
5046
+ }
5047
+ },
5048
+ bold: {
5049
+ attributes: {
5050
+ category: 'typography',
5051
+ type: 'font-weight',
5052
+ item: 'bold'
5053
+ }
5054
+ },
5055
+ light: {
5056
+ attributes: {
5057
+ category: 'typography',
5058
+ type: 'font-weight',
5059
+ item: 'light'
5060
+ }
5061
+ }
5062
+ },
5047
5063
  interface: {
5048
5064
  display1: {
5049
5065
  'font-size': {
@@ -5255,13 +5271,6 @@ var DESIGN_TOKENS = {
5255
5271
  },
5256
5272
  custom: {
5257
5273
  title1: {
5258
- 'font-family': {
5259
- attributes: {
5260
- category: 'typography',
5261
- type: 'custom',
5262
- item: 'title1'
5263
- }
5264
- },
5265
5274
  'font-size': {
5266
5275
  attributes: {
5267
5276
  category: 'typography',
@@ -5285,13 +5294,6 @@ var DESIGN_TOKENS = {
5285
5294
  }
5286
5295
  },
5287
5296
  title2: {
5288
- 'font-family': {
5289
- attributes: {
5290
- category: 'typography',
5291
- type: 'custom',
5292
- item: 'title2'
5293
- }
5294
- },
5295
5297
  'font-size': {
5296
5298
  attributes: {
5297
5299
  category: 'typography',
@@ -5315,13 +5317,6 @@ var DESIGN_TOKENS = {
5315
5317
  }
5316
5318
  },
5317
5319
  title3: {
5318
- 'font-family': {
5319
- attributes: {
5320
- category: 'typography',
5321
- type: 'custom',
5322
- item: 'title3'
5323
- }
5324
- },
5325
5320
  'font-size': {
5326
5321
  attributes: {
5327
5322
  category: 'typography',
@@ -5345,13 +5340,6 @@ var DESIGN_TOKENS = {
5345
5340
  }
5346
5341
  },
5347
5342
  title4: {
5348
- 'font-family': {
5349
- attributes: {
5350
- category: 'typography',
5351
- type: 'custom',
5352
- item: 'title4'
5353
- }
5354
- },
5355
5343
  'font-size': {
5356
5344
  attributes: {
5357
5345
  category: 'typography',
@@ -5375,13 +5363,6 @@ var DESIGN_TOKENS = {
5375
5363
  }
5376
5364
  },
5377
5365
  title5: {
5378
- 'font-family': {
5379
- attributes: {
5380
- category: 'typography',
5381
- type: 'custom',
5382
- item: 'title5'
5383
- }
5384
- },
5385
5366
  'font-size': {
5386
5367
  attributes: {
5387
5368
  category: 'typography',
@@ -5405,13 +5386,6 @@ var DESIGN_TOKENS = {
5405
5386
  }
5406
5387
  },
5407
5388
  title6: {
5408
- 'font-family': {
5409
- attributes: {
5410
- category: 'typography',
5411
- type: 'custom',
5412
- item: 'title6'
5413
- }
5414
- },
5415
5389
  'font-size': {
5416
5390
  attributes: {
5417
5391
  category: 'typography',
@@ -5435,13 +5409,6 @@ var DESIGN_TOKENS = {
5435
5409
  }
5436
5410
  },
5437
5411
  intro: {
5438
- 'font-family': {
5439
- attributes: {
5440
- category: 'typography',
5441
- type: 'custom',
5442
- item: 'intro'
5443
- }
5444
- },
5445
5412
  'font-size': {
5446
5413
  attributes: {
5447
5414
  category: 'typography',
@@ -5465,13 +5432,6 @@ var DESIGN_TOKENS = {
5465
5432
  }
5466
5433
  },
5467
5434
  'body-large': {
5468
- 'font-family': {
5469
- attributes: {
5470
- category: 'typography',
5471
- type: 'custom',
5472
- item: 'body-large'
5473
- }
5474
- },
5475
5435
  'font-size': {
5476
5436
  attributes: {
5477
5437
  category: 'typography',
@@ -5495,13 +5455,6 @@ var DESIGN_TOKENS = {
5495
5455
  }
5496
5456
  },
5497
5457
  body: {
5498
- 'font-family': {
5499
- attributes: {
5500
- category: 'typography',
5501
- type: 'custom',
5502
- item: 'body'
5503
- }
5504
- },
5505
5458
  'font-size': {
5506
5459
  attributes: {
5507
5460
  category: 'typography',
@@ -5525,13 +5478,6 @@ var DESIGN_TOKENS = {
5525
5478
  }
5526
5479
  },
5527
5480
  quote: {
5528
- 'font-family': {
5529
- attributes: {
5530
- category: 'typography',
5531
- type: 'custom',
5532
- item: 'quote'
5533
- }
5534
- },
5535
5481
  'font-size': {
5536
5482
  attributes: {
5537
5483
  category: 'typography',
@@ -5562,13 +5508,6 @@ var DESIGN_TOKENS = {
5562
5508
  }
5563
5509
  },
5564
5510
  'publish-info': {
5565
- 'font-family': {
5566
- attributes: {
5567
- category: 'typography',
5568
- type: 'custom',
5569
- item: 'publish-info'
5570
- }
5571
- },
5572
5511
  'font-size': {
5573
5512
  attributes: {
5574
5513
  category: 'typography',
@@ -5593,13 +5532,6 @@ var DESIGN_TOKENS = {
5593
5532
  },
5594
5533
  button: {
5595
5534
  'size-m': {
5596
- 'font-family': {
5597
- attributes: {
5598
- category: 'typography',
5599
- type: 'custom',
5600
- item: 'button'
5601
- }
5602
- },
5603
5535
  'font-size': {
5604
5536
  attributes: {
5605
5537
  category: 'typography',
@@ -5616,13 +5548,6 @@ var DESIGN_TOKENS = {
5616
5548
  }
5617
5549
  },
5618
5550
  'size-s': {
5619
- 'font-family': {
5620
- attributes: {
5621
- category: 'typography',
5622
- type: 'custom',
5623
- item: 'button'
5624
- }
5625
- },
5626
5551
  'font-size': {
5627
5552
  attributes: {
5628
5553
  category: 'typography',