@ni/nimble-tokens 1.0.0-beta.31 → 1.0.0-beta.35

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 (23) hide show
  1. package/README.md +21 -21
  2. package/assets-fonts/README.md +9 -0
  3. package/assets-fonts/Roboto-Regular.ttf +0 -0
  4. package/assets-fonts/Roboto-Regular.woff2 +0 -0
  5. package/assets-fonts/Roboto.LICENSE.txt +202 -0
  6. package/assets-fonts/SourceSansPro-Regular.woff2 +0 -0
  7. package/assets-fonts/SourceSansPro.LICENSE.txt +93 -0
  8. package/assets-fonts/SpaceMono-Regular.woff2 +0 -0
  9. package/assets-fonts/SpaceMono.LICENSE.txt +93 -0
  10. package/dist/styledictionary/css/variables.css +100 -99
  11. package/dist/styledictionary/js/tokens.d.ts +97 -96
  12. package/dist/styledictionary/js/tokens.js +97 -96
  13. package/dist/styledictionary/properties/colors.json +93 -93
  14. package/dist/styledictionary/properties/custom.json +11 -11
  15. package/dist/styledictionary/properties/fonts.json +232 -227
  16. package/dist/styledictionary/properties/sizes.json +2 -2
  17. package/dist/styledictionary/scss/variables.scss +50 -50
  18. package/dist-icons-esm/nimble-icons-inline.d.ts +594 -594
  19. package/dist-icons-esm/nimble-icons-inline.js +589 -589
  20. package/package.json +45 -43
  21. package/source/fonts.css +26 -0
  22. package/source/source-sans-pro-font-face.css +0 -5
  23. package/source/space-mono-font-face.css +0 -5
package/dist/styledictionary/properties/fonts.json CHANGED
@@ -1,228 +1,233 @@
1
- {
2
- "font": {
3
- "Title_2": {
4
- "family": {
5
- "value": "Source Sans Pro"
6
- },
7
- "weight": {
8
- "value": "Regular"
9
- }
10
- },
11
- "ControlLabel_1": {
12
- "family": {
13
- "value": "Source Sans Pro"
14
- },
15
- "weight": {
16
- "value": "Semibold"
17
- }
18
- },
19
- "Body": {
20
- "family": {
21
- "value": "Source Sans Pro"
22
- },
23
- "weight": {
24
- "value": "Regular"
25
- }
26
- },
27
- "Header0": {
28
- "family": {
29
- "value": "Noto Serif"
30
- },
31
- "weight": {
32
- "value": "Regular"
33
- }
34
- },
35
- "SubHeader": {
36
- "family": {
37
- "value": "Source Sans Pro"
38
- },
39
- "weight": {
40
- "value": "Regular"
41
- }
42
- },
43
- "Header1": {
44
- "family": {
45
- "value": "Noto Serif"
46
- },
47
- "weight": {
48
- "value": "Regular"
49
- }
50
- },
51
- "GroupLabel_1": {
52
- "family": {
53
- "value": "Space Mono"
54
- },
55
- "weight": {
56
- "value": "Regular"
57
- }
58
- },
59
- "ButtonLabel_1": {
60
- "family": {
61
- "value": "Source Sans Pro"
62
- },
63
- "weight": {
64
- "value": "Regular"
65
- }
66
- },
67
- "Title_1": {
68
- "family": {
69
- "value": "Source Sans Pro"
70
- },
71
- "weight": {
72
- "value": "Regular"
73
- }
74
- },
75
- "Link_ColorUI": {
76
- "family": {
77
- "value": "Source Sans Pro"
78
- },
79
- "weight": {
80
- "value": "Regular"
81
- }
82
- },
83
- "Link_DarkUI": {
84
- "family": {
85
- "value": "Source Sans Pro"
86
- },
87
- "weight": {
88
- "value": "Regular"
89
- }
90
- },
91
- "Headline_2": {
92
- "family": {
93
- "value": "Noto Serif"
94
- },
95
- "weight": {
96
- "value": "Regular"
97
- }
98
- },
99
- "Placeholder": {
100
- "family": {
101
- "value": "Source Sans Pro"
102
- },
103
- "weight": {
104
- "value": "Regular"
105
- }
106
- },
107
- "Tooltip_Caption": {
108
- "family": {
109
- "value": "Source Sans Pro"
110
- },
111
- "weight": {
112
- "value": "Regular"
113
- }
114
- },
115
- "BodyEmphasized": {
116
- "family": {
117
- "value": "Source Sans Pro"
118
- },
119
- "weight": {
120
- "value": "Semibold"
121
- }
122
- },
123
- "Subtitle_1": {
124
- "family": {
125
- "value": "Source Sans Pro"
126
- },
127
- "weight": {
128
- "value": "Light"
129
- }
130
- },
131
- "Title_3": {
132
- "family": {
133
- "value": "Source Sans Pro"
134
- },
135
- "weight": {
136
- "value": "Regular"
137
- }
138
- },
139
- "Subtitle_2": {
140
- "family": {
141
- "value": "Source Sans Pro"
142
- },
143
- "weight": {
144
- "value": "Light"
145
- }
146
- },
147
- "Link_LightUI": {
148
- "family": {
149
- "value": "Source Sans Pro"
150
- },
151
- "weight": {
152
- "value": "Regular"
153
- }
154
- },
155
- "Headline_1": {
156
- "family": {
157
- "value": "Noto Serif"
158
- },
159
- "weight": {
160
- "value": "Regular"
161
- }
162
- }
163
- },
164
- "size": {
165
- "font": {
166
- "Title_2": {
167
- "value": "22"
168
- },
169
- "ControlLabel_1": {
170
- "value": "11"
171
- },
172
- "Body": {
173
- "value": "14"
174
- },
175
- "Header0": {
176
- "value": "36"
177
- },
178
- "SubHeader": {
179
- "value": "12"
180
- },
181
- "Header1": {
182
- "value": "24"
183
- },
184
- "GroupLabel_1": {
185
- "value": "11"
186
- },
187
- "ButtonLabel_1": {
188
- "value": "12.800000190734863"
189
- },
190
- "Title_1": {
191
- "value": "19"
192
- },
193
- "Link_ColorUI": {
194
- "value": "14"
195
- },
196
- "Link_DarkUI": {
197
- "value": "14"
198
- },
199
- "Headline_2": {
200
- "value": "29.100000381469727"
201
- },
202
- "Placeholder": {
203
- "value": "14"
204
- },
205
- "Tooltip_Caption": {
206
- "value": "11"
207
- },
208
- "BodyEmphasized": {
209
- "value": "14"
210
- },
211
- "Subtitle_1": {
212
- "value": "12.800000190734863"
213
- },
214
- "Title_3": {
215
- "value": "25"
216
- },
217
- "Subtitle_2": {
218
- "value": "16"
219
- },
220
- "Link_LightUI": {
221
- "value": "14"
222
- },
223
- "Headline_1": {
224
- "value": "25"
225
- }
226
- }
227
- }
1
+ {
2
+ "font": {
3
+ "Title_2": {
4
+ "family": {
5
+ "value": "Source Sans Pro"
6
+ },
7
+ "weight": {
8
+ "value": "Regular"
9
+ }
10
+ },
11
+ "ControlLabel_1": {
12
+ "family": {
13
+ "value": "Source Sans Pro"
14
+ },
15
+ "weight": {
16
+ "value": "Semibold"
17
+ }
18
+ },
19
+ "Body": {
20
+ "family": {
21
+ "value": "Source Sans Pro"
22
+ },
23
+ "weight": {
24
+ "value": "Regular"
25
+ }
26
+ },
27
+ "Header0": {
28
+ "family": {
29
+ "value": "Noto Serif"
30
+ },
31
+ "weight": {
32
+ "value": "Regular"
33
+ }
34
+ },
35
+ "SubHeader": {
36
+ "family": {
37
+ "value": "Source Sans Pro"
38
+ },
39
+ "weight": {
40
+ "value": "Regular"
41
+ }
42
+ },
43
+ "Header1": {
44
+ "family": {
45
+ "value": "Noto Serif"
46
+ },
47
+ "weight": {
48
+ "value": "Regular"
49
+ }
50
+ },
51
+ "GroupLabel_1": {
52
+ "family": {
53
+ "value": "Space Mono"
54
+ },
55
+ "weight": {
56
+ "value": "Regular"
57
+ }
58
+ },
59
+ "ButtonLabel_1": {
60
+ "family": {
61
+ "value": "Source Sans Pro"
62
+ },
63
+ "weight": {
64
+ "value": "Regular"
65
+ }
66
+ },
67
+ "Title_1": {
68
+ "family": {
69
+ "value": "Source Sans Pro"
70
+ },
71
+ "weight": {
72
+ "value": "Regular"
73
+ }
74
+ },
75
+ "Link_ColorUI": {
76
+ "family": {
77
+ "value": "Source Sans Pro"
78
+ },
79
+ "weight": {
80
+ "value": "Regular"
81
+ }
82
+ },
83
+ "Link_DarkUI": {
84
+ "family": {
85
+ "value": "Source Sans Pro"
86
+ },
87
+ "weight": {
88
+ "value": "Regular"
89
+ }
90
+ },
91
+ "Headline_2": {
92
+ "family": {
93
+ "value": "Noto Serif"
94
+ },
95
+ "weight": {
96
+ "value": "Regular"
97
+ }
98
+ },
99
+ "Placeholder": {
100
+ "family": {
101
+ "value": "Source Sans Pro"
102
+ },
103
+ "weight": {
104
+ "value": "Regular"
105
+ }
106
+ },
107
+ "Tooltip_Caption": {
108
+ "family": {
109
+ "value": "Source Sans Pro"
110
+ },
111
+ "weight": {
112
+ "value": "Regular"
113
+ }
114
+ },
115
+ "BodyEmphasized": {
116
+ "family": {
117
+ "value": "Source Sans Pro"
118
+ },
119
+ "weight": {
120
+ "value": "Semibold"
121
+ }
122
+ },
123
+ "Subtitle_1": {
124
+ "family": {
125
+ "value": "Source Sans Pro"
126
+ },
127
+ "weight": {
128
+ "value": "Light"
129
+ }
130
+ },
131
+ "Title_3": {
132
+ "family": {
133
+ "value": "Source Sans Pro"
134
+ },
135
+ "weight": {
136
+ "value": "Regular"
137
+ }
138
+ },
139
+ "Subtitle_2": {
140
+ "family": {
141
+ "value": "Source Sans Pro"
142
+ },
143
+ "weight": {
144
+ "value": "Light"
145
+ }
146
+ },
147
+ "Link_LightUI": {
148
+ "family": {
149
+ "value": "Source Sans Pro"
150
+ },
151
+ "weight": {
152
+ "value": "Regular"
153
+ }
154
+ },
155
+ "Headline_1": {
156
+ "family": {
157
+ "value": "Noto Serif"
158
+ },
159
+ "weight": {
160
+ "value": "Regular"
161
+ }
162
+ },
163
+ "LegacyContent": {
164
+ "family": {
165
+ "value": "'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif"
166
+ }
167
+ }
168
+ },
169
+ "size": {
170
+ "font": {
171
+ "Title_2": {
172
+ "value": "22"
173
+ },
174
+ "ControlLabel_1": {
175
+ "value": "11"
176
+ },
177
+ "Body": {
178
+ "value": "14"
179
+ },
180
+ "Header0": {
181
+ "value": "36"
182
+ },
183
+ "SubHeader": {
184
+ "value": "12"
185
+ },
186
+ "Header1": {
187
+ "value": "24"
188
+ },
189
+ "GroupLabel_1": {
190
+ "value": "11"
191
+ },
192
+ "ButtonLabel_1": {
193
+ "value": "12.800000190734863"
194
+ },
195
+ "Title_1": {
196
+ "value": "19"
197
+ },
198
+ "Link_ColorUI": {
199
+ "value": "14"
200
+ },
201
+ "Link_DarkUI": {
202
+ "value": "14"
203
+ },
204
+ "Headline_2": {
205
+ "value": "29.100000381469727"
206
+ },
207
+ "Placeholder": {
208
+ "value": "14"
209
+ },
210
+ "Tooltip_Caption": {
211
+ "value": "11"
212
+ },
213
+ "BodyEmphasized": {
214
+ "value": "14"
215
+ },
216
+ "Subtitle_1": {
217
+ "value": "12.800000190734863"
218
+ },
219
+ "Title_3": {
220
+ "value": "25"
221
+ },
222
+ "Subtitle_2": {
223
+ "value": "16"
224
+ },
225
+ "Link_LightUI": {
226
+ "value": "14"
227
+ },
228
+ "Headline_1": {
229
+ "value": "25"
230
+ }
231
+ }
232
+ }
228
233
  }
package/dist/styledictionary/properties/sizes.json CHANGED
@@ -1,3 +1,3 @@
1
- {
2
- "size": {}
1
+ {
2
+ "size": {}
3
3
  }
package/dist/styledictionary/scss/variables.scss CHANGED
@@ -1,51 +1,51 @@
1
-
2
- // Do not edit directly
3
- // Generated on Thu, 26 Aug 2021 18:52:38 GMT
4
-
5
- $sl-legacy-blue: #009ff5;
6
- $information-100-dark-ui: #a46eff;
7
- $information-100-light-ui: #804ad9;
8
- $warning-100-dark-ui: #ff8126;
9
- $pass-100-light-ui: #009921;
10
- $pass-100-dark-ui: #00c12b;
11
- $warning-typography-light-ui: #d3440d;
12
- $pass-typography-light-ui: #00801c;
13
- $fail-100-light-ui: #c4000c;
14
- $fail-100-dark-ui: #ff4646;
15
- $black-75: #818386;
16
- $black-15: #f1f1f2;
17
- $black-7: #f5f5f5;
18
- $white: #ffffff;
19
- $black-88: #252526;
20
- $black-85: #363738;
21
- $black-80: #505153;
22
- $black: #000000;
23
- $black-95: #0e0f0f;
24
- $black-91: #161617;
25
- $enterprise: #074023;
26
- $selection-100: #00b888;
27
- $brand-85: #26a97c;
28
- $brand-100: #009b65;
29
- $fail-85: #cf1a37;
30
- $rgb-ni-sky: #3cb4e7;
31
- $banner-fail-100-dark-ui: #b3000c;
32
- $warning-100-light-ui: #ff4b00;
33
- $header-2-family: Source Sans Pro;
34
- $header-2-weight: Light;
35
- $overline-capitalized-family: Space Mono;
36
- $overline-capitalized-weight: Regular;
37
- $body-family: Source Sans Pro;
38
- $body-weight: Regular;
39
- $header-0-family: Noto Serif;
40
- $header-0-weight: Regular;
41
- $sub-header-family: Source Sans Pro;
42
- $sub-header-weight: Regular;
43
- $header-1-family: Noto Serif;
44
- $header-1-weight: Regular;
45
- $header-2-size: 22rem;
46
- $overline-capitalized-size: 11rem;
47
- $body-size: 14rem;
48
- $header-0-size: 36rem;
49
- $sub-header-size: 12rem;
50
- $header-1-size: 24rem;
1
+
2
+ // Do not edit directly
3
+ // Generated on Thu, 26 Aug 2021 18:52:38 GMT
4
+
5
+ $sl-legacy-blue: #009ff5;
6
+ $information-100-dark-ui: #a46eff;
7
+ $information-100-light-ui: #804ad9;
8
+ $warning-100-dark-ui: #ff8126;
9
+ $pass-100-light-ui: #009921;
10
+ $pass-100-dark-ui: #00c12b;
11
+ $warning-typography-light-ui: #d3440d;
12
+ $pass-typography-light-ui: #00801c;
13
+ $fail-100-light-ui: #c4000c;
14
+ $fail-100-dark-ui: #ff4646;
15
+ $black-75: #818386;
16
+ $black-15: #f1f1f2;
17
+ $black-7: #f5f5f5;
18
+ $white: #ffffff;
19
+ $black-88: #252526;
20
+ $black-85: #363738;
21
+ $black-80: #505153;
22
+ $black: #000000;
23
+ $black-95: #0e0f0f;
24
+ $black-91: #161617;
25
+ $enterprise: #074023;
26
+ $selection-100: #00b888;
27
+ $brand-85: #26a97c;
28
+ $brand-100: #009b65;
29
+ $fail-85: #cf1a37;
30
+ $rgb-ni-sky: #3cb4e7;
31
+ $banner-fail-100-dark-ui: #b3000c;
32
+ $warning-100-light-ui: #ff4b00;
33
+ $header-2-family: Source Sans Pro;
34
+ $header-2-weight: Light;
35
+ $overline-capitalized-family: Space Mono;
36
+ $overline-capitalized-weight: Regular;
37
+ $body-family: Source Sans Pro;
38
+ $body-weight: Regular;
39
+ $header-0-family: Noto Serif;
40
+ $header-0-weight: Regular;
41
+ $sub-header-family: Source Sans Pro;
42
+ $sub-header-weight: Regular;
43
+ $header-1-family: Noto Serif;
44
+ $header-1-weight: Regular;
45
+ $header-2-size: 22rem;
46
+ $overline-capitalized-size: 11rem;
47
+ $body-size: 14rem;
48
+ $header-0-size: 36rem;
49
+ $sub-header-size: 12rem;
50
+ $header-1-size: 24rem;
51
51
  $small-delay: 0.1s; // Short animation delay used for control state change animation