@ni/nimble-tokens 1.0.0 → 1.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.
- package/dist/styledictionary/css/variables.css +23 -2
- package/dist/styledictionary/js/tokens.d.ts +22 -1
- package/dist/styledictionary/js/tokens.js +23 -2
- package/dist/styledictionary/properties/colors.json +1 -1
- package/dist/styledictionary/properties/fonts.json +77 -0
- package/dist/styledictionary/scss/variables.scss +23 -2
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 17 Feb 2022 18:31:09 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
--ni-nimble-base-black-95: #0e0f0f;
|
|
26
26
|
--ni-nimble-base-black-91: #161617;
|
|
27
27
|
--ni-nimble-base-enterprise: #074023;
|
|
28
|
-
--ni-nimble-base-selection-100: #
|
|
28
|
+
--ni-nimble-base-selection-100: #009b65;
|
|
29
29
|
--ni-nimble-base-brand-85: #26a97c;
|
|
30
30
|
--ni-nimble-base-brand-100: #009b65;
|
|
31
31
|
--ni-nimble-base-fail-85: #cf1a37;
|
|
@@ -75,6 +75,20 @@
|
|
|
75
75
|
--ni-nimble-base-headline-1-family: Noto Serif;
|
|
76
76
|
--ni-nimble-base-headline-1-weight: 400;
|
|
77
77
|
--ni-nimble-base-legacy-content-family: 'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif;
|
|
78
|
+
--ni-nimble-base-control-label-1-chinese-mac-family: Noto Sans;
|
|
79
|
+
--ni-nimble-base-control-label-1-chinese-mac-weight: 700;
|
|
80
|
+
--ni-nimble-base-button-label-1-chinese-mac-family: Noto Sans;
|
|
81
|
+
--ni-nimble-base-button-label-1-chinese-mac-weight: 400;
|
|
82
|
+
--ni-nimble-base-body-chinese-mac-family: Noto Sans;
|
|
83
|
+
--ni-nimble-base-body-chinese-mac-weight: 400;
|
|
84
|
+
--ni-nimble-base-error-color-ui-family: Source Sans Pro;
|
|
85
|
+
--ni-nimble-base-error-color-ui-weight: 400;
|
|
86
|
+
--ni-nimble-base-link-visited-light-ui-family: Source Sans Pro;
|
|
87
|
+
--ni-nimble-base-link-visited-light-ui-weight: 400;
|
|
88
|
+
--ni-nimble-base-error-light-ui-family: Source Sans Pro;
|
|
89
|
+
--ni-nimble-base-error-light-ui-weight: 400;
|
|
90
|
+
--ni-nimble-base-error-dark-ui-family: Source Sans Pro;
|
|
91
|
+
--ni-nimble-base-error-dark-ui-weight: 400;
|
|
78
92
|
--ni-nimble-base-title-2-size: 22px;
|
|
79
93
|
--ni-nimble-base-control-label-1-size: 11px;
|
|
80
94
|
--ni-nimble-base-body-size: 14px;
|
|
@@ -95,6 +109,13 @@
|
|
|
95
109
|
--ni-nimble-base-subtitle-2-size: 16px;
|
|
96
110
|
--ni-nimble-base-link-light-ui-size: 14px;
|
|
97
111
|
--ni-nimble-base-headline-1-size: 25px;
|
|
112
|
+
--ni-nimble-base-control-label-1-chinese-mac-size: 11px;
|
|
113
|
+
--ni-nimble-base-button-label-1-chinese-mac-size: 11px;
|
|
114
|
+
--ni-nimble-base-body-chinese-mac-size: 13px;
|
|
115
|
+
--ni-nimble-base-error-color-ui-size: 9px;
|
|
116
|
+
--ni-nimble-base-link-visited-light-ui-size: 14px;
|
|
117
|
+
--ni-nimble-base-error-light-ui-size: 9px;
|
|
118
|
+
--ni-nimble-base-error-dark-ui-size: 9px;
|
|
98
119
|
--ni-nimble-base-small-delay: 0.1s; /* Short animation delay used for control state change animation */
|
|
99
120
|
--ni-nimble-base-medium-delay: 0.15s; /* Medium animation delay for control state change animation */
|
|
100
121
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 17 Feb 2022 18:31:09 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const SlLegacyBlue : string;
|
|
@@ -74,6 +74,20 @@ export const LinkLightUiWeight : string;
|
|
|
74
74
|
export const Headline1Family : string;
|
|
75
75
|
export const Headline1Weight : string;
|
|
76
76
|
export const LegacyContentFamily : string;
|
|
77
|
+
export const ControlLabel1ChineseMacFamily : string;
|
|
78
|
+
export const ControlLabel1ChineseMacWeight : string;
|
|
79
|
+
export const ButtonLabel1ChineseMacFamily : string;
|
|
80
|
+
export const ButtonLabel1ChineseMacWeight : string;
|
|
81
|
+
export const BodyChineseMacFamily : string;
|
|
82
|
+
export const BodyChineseMacWeight : string;
|
|
83
|
+
export const ErrorColorUiFamily : string;
|
|
84
|
+
export const ErrorColorUiWeight : string;
|
|
85
|
+
export const LinkVisitedLightUiFamily : string;
|
|
86
|
+
export const LinkVisitedLightUiWeight : string;
|
|
87
|
+
export const ErrorLightUiFamily : string;
|
|
88
|
+
export const ErrorLightUiWeight : string;
|
|
89
|
+
export const ErrorDarkUiFamily : string;
|
|
90
|
+
export const ErrorDarkUiWeight : string;
|
|
77
91
|
export const Title2Size : string;
|
|
78
92
|
export const ControlLabel1Size : string;
|
|
79
93
|
export const BodySize : string;
|
|
@@ -94,5 +108,12 @@ export const Title3Size : string;
|
|
|
94
108
|
export const Subtitle2Size : string;
|
|
95
109
|
export const LinkLightUiSize : string;
|
|
96
110
|
export const Headline1Size : string;
|
|
111
|
+
export const ControlLabel1ChineseMacSize : string;
|
|
112
|
+
export const ButtonLabel1ChineseMacSize : string;
|
|
113
|
+
export const BodyChineseMacSize : string;
|
|
114
|
+
export const ErrorColorUiSize : string;
|
|
115
|
+
export const LinkVisitedLightUiSize : string;
|
|
116
|
+
export const ErrorLightUiSize : string;
|
|
117
|
+
export const ErrorDarkUiSize : string;
|
|
97
118
|
export const SmallDelay : string; // Short animation delay used for control state change animation
|
|
98
119
|
export const MediumDelay : string; // Medium animation delay for control state change animation
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Thu,
|
|
3
|
+
* Generated on Thu, 17 Feb 2022 18:31:09 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const SlLegacyBlue = "#009ff5";
|
|
@@ -24,7 +24,7 @@ export const Black = "#000000";
|
|
|
24
24
|
export const Black95 = "#0e0f0f";
|
|
25
25
|
export const Black91 = "#161617";
|
|
26
26
|
export const Enterprise = "#074023";
|
|
27
|
-
export const Selection100 = "#
|
|
27
|
+
export const Selection100 = "#009b65";
|
|
28
28
|
export const Brand85 = "#26a97c";
|
|
29
29
|
export const Brand100 = "#009b65";
|
|
30
30
|
export const Fail85 = "#cf1a37";
|
|
@@ -74,6 +74,20 @@ export const LinkLightUiWeight = "400";
|
|
|
74
74
|
export const Headline1Family = "Noto Serif";
|
|
75
75
|
export const Headline1Weight = "400";
|
|
76
76
|
export const LegacyContentFamily = "'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif";
|
|
77
|
+
export const ControlLabel1ChineseMacFamily = "Noto Sans";
|
|
78
|
+
export const ControlLabel1ChineseMacWeight = "700";
|
|
79
|
+
export const ButtonLabel1ChineseMacFamily = "Noto Sans";
|
|
80
|
+
export const ButtonLabel1ChineseMacWeight = "400";
|
|
81
|
+
export const BodyChineseMacFamily = "Noto Sans";
|
|
82
|
+
export const BodyChineseMacWeight = "400";
|
|
83
|
+
export const ErrorColorUiFamily = "Source Sans Pro";
|
|
84
|
+
export const ErrorColorUiWeight = "400";
|
|
85
|
+
export const LinkVisitedLightUiFamily = "Source Sans Pro";
|
|
86
|
+
export const LinkVisitedLightUiWeight = "400";
|
|
87
|
+
export const ErrorLightUiFamily = "Source Sans Pro";
|
|
88
|
+
export const ErrorLightUiWeight = "400";
|
|
89
|
+
export const ErrorDarkUiFamily = "Source Sans Pro";
|
|
90
|
+
export const ErrorDarkUiWeight = "400";
|
|
77
91
|
export const Title2Size = "22px";
|
|
78
92
|
export const ControlLabel1Size = "11px";
|
|
79
93
|
export const BodySize = "14px";
|
|
@@ -94,5 +108,12 @@ export const Title3Size = "25px";
|
|
|
94
108
|
export const Subtitle2Size = "16px";
|
|
95
109
|
export const LinkLightUiSize = "14px";
|
|
96
110
|
export const Headline1Size = "25px";
|
|
111
|
+
export const ControlLabel1ChineseMacSize = "11px";
|
|
112
|
+
export const ButtonLabel1ChineseMacSize = "11px";
|
|
113
|
+
export const BodyChineseMacSize = "13px";
|
|
114
|
+
export const ErrorColorUiSize = "9px";
|
|
115
|
+
export const LinkVisitedLightUiSize = "14px";
|
|
116
|
+
export const ErrorLightUiSize = "9px";
|
|
117
|
+
export const ErrorDarkUiSize = "9px";
|
|
97
118
|
export const SmallDelay = "0.1s"; // Short animation delay used for control state change animation
|
|
98
119
|
export const MediumDelay = "0.15s"; // Medium animation delay for control state change animation
|
|
@@ -164,6 +164,62 @@
|
|
|
164
164
|
"family": {
|
|
165
165
|
"value": "'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif"
|
|
166
166
|
}
|
|
167
|
+
},
|
|
168
|
+
"ControlLabel_1_Chinese_Mac": {
|
|
169
|
+
"family": {
|
|
170
|
+
"value": "Noto Sans"
|
|
171
|
+
},
|
|
172
|
+
"weight": {
|
|
173
|
+
"value": "Bold"
|
|
174
|
+
}
|
|
175
|
+
},
|
|
176
|
+
"ButtonLabel_1_Chinese_Mac": {
|
|
177
|
+
"family": {
|
|
178
|
+
"value": "Noto Sans"
|
|
179
|
+
},
|
|
180
|
+
"weight": {
|
|
181
|
+
"value": "Regular"
|
|
182
|
+
}
|
|
183
|
+
},
|
|
184
|
+
"Body_Chinese_Mac": {
|
|
185
|
+
"family": {
|
|
186
|
+
"value": "Noto Sans"
|
|
187
|
+
},
|
|
188
|
+
"weight": {
|
|
189
|
+
"value": "Regular"
|
|
190
|
+
}
|
|
191
|
+
},
|
|
192
|
+
"Error_ColorUI": {
|
|
193
|
+
"family": {
|
|
194
|
+
"value": "Source Sans Pro"
|
|
195
|
+
},
|
|
196
|
+
"weight": {
|
|
197
|
+
"value": "Regular"
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
"Link_Visited_LightUI": {
|
|
201
|
+
"family": {
|
|
202
|
+
"value": "Source Sans Pro"
|
|
203
|
+
},
|
|
204
|
+
"weight": {
|
|
205
|
+
"value": "Regular"
|
|
206
|
+
}
|
|
207
|
+
},
|
|
208
|
+
"Error_LightUI": {
|
|
209
|
+
"family": {
|
|
210
|
+
"value": "Source Sans Pro"
|
|
211
|
+
},
|
|
212
|
+
"weight": {
|
|
213
|
+
"value": "Regular"
|
|
214
|
+
}
|
|
215
|
+
},
|
|
216
|
+
"Error_DarkUI": {
|
|
217
|
+
"family": {
|
|
218
|
+
"value": "Source Sans Pro"
|
|
219
|
+
},
|
|
220
|
+
"weight": {
|
|
221
|
+
"value": "Regular"
|
|
222
|
+
}
|
|
167
223
|
}
|
|
168
224
|
},
|
|
169
225
|
"size": {
|
|
@@ -227,6 +283,27 @@
|
|
|
227
283
|
},
|
|
228
284
|
"Headline_1": {
|
|
229
285
|
"value": "25"
|
|
286
|
+
},
|
|
287
|
+
"ControlLabel_1_Chinese_Mac": {
|
|
288
|
+
"value": "11"
|
|
289
|
+
},
|
|
290
|
+
"ButtonLabel_1_Chinese_Mac": {
|
|
291
|
+
"value": "11"
|
|
292
|
+
},
|
|
293
|
+
"Body_Chinese_Mac": {
|
|
294
|
+
"value": "13"
|
|
295
|
+
},
|
|
296
|
+
"Error_ColorUI": {
|
|
297
|
+
"value": "9"
|
|
298
|
+
},
|
|
299
|
+
"Link_Visited_LightUI": {
|
|
300
|
+
"value": "14"
|
|
301
|
+
},
|
|
302
|
+
"Error_LightUI": {
|
|
303
|
+
"value": "9"
|
|
304
|
+
},
|
|
305
|
+
"Error_DarkUI": {
|
|
306
|
+
"value": "9"
|
|
230
307
|
}
|
|
231
308
|
}
|
|
232
309
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on Thu,
|
|
3
|
+
// Generated on Thu, 17 Feb 2022 18:31:09 GMT
|
|
4
4
|
|
|
5
5
|
$ni-nimble-base-sl-legacy-blue: #009ff5;
|
|
6
6
|
$ni-nimble-base-information-100-dark-ui: #a46eff;
|
|
@@ -23,7 +23,7 @@ $ni-nimble-base-black: #000000;
|
|
|
23
23
|
$ni-nimble-base-black-95: #0e0f0f;
|
|
24
24
|
$ni-nimble-base-black-91: #161617;
|
|
25
25
|
$ni-nimble-base-enterprise: #074023;
|
|
26
|
-
$ni-nimble-base-selection-100: #
|
|
26
|
+
$ni-nimble-base-selection-100: #009b65;
|
|
27
27
|
$ni-nimble-base-brand-85: #26a97c;
|
|
28
28
|
$ni-nimble-base-brand-100: #009b65;
|
|
29
29
|
$ni-nimble-base-fail-85: #cf1a37;
|
|
@@ -73,6 +73,20 @@ $ni-nimble-base-link-light-ui-weight: 400;
|
|
|
73
73
|
$ni-nimble-base-headline-1-family: Noto Serif;
|
|
74
74
|
$ni-nimble-base-headline-1-weight: 400;
|
|
75
75
|
$ni-nimble-base-legacy-content-family: 'Roboto', 'Microsoft YaHei', 'Hiragino Kaku Gothic Pro', sans-serif;
|
|
76
|
+
$ni-nimble-base-control-label-1-chinese-mac-family: Noto Sans;
|
|
77
|
+
$ni-nimble-base-control-label-1-chinese-mac-weight: 700;
|
|
78
|
+
$ni-nimble-base-button-label-1-chinese-mac-family: Noto Sans;
|
|
79
|
+
$ni-nimble-base-button-label-1-chinese-mac-weight: 400;
|
|
80
|
+
$ni-nimble-base-body-chinese-mac-family: Noto Sans;
|
|
81
|
+
$ni-nimble-base-body-chinese-mac-weight: 400;
|
|
82
|
+
$ni-nimble-base-error-color-ui-family: Source Sans Pro;
|
|
83
|
+
$ni-nimble-base-error-color-ui-weight: 400;
|
|
84
|
+
$ni-nimble-base-link-visited-light-ui-family: Source Sans Pro;
|
|
85
|
+
$ni-nimble-base-link-visited-light-ui-weight: 400;
|
|
86
|
+
$ni-nimble-base-error-light-ui-family: Source Sans Pro;
|
|
87
|
+
$ni-nimble-base-error-light-ui-weight: 400;
|
|
88
|
+
$ni-nimble-base-error-dark-ui-family: Source Sans Pro;
|
|
89
|
+
$ni-nimble-base-error-dark-ui-weight: 400;
|
|
76
90
|
$ni-nimble-base-title-2-size: 22px;
|
|
77
91
|
$ni-nimble-base-control-label-1-size: 11px;
|
|
78
92
|
$ni-nimble-base-body-size: 14px;
|
|
@@ -93,5 +107,12 @@ $ni-nimble-base-title-3-size: 25px;
|
|
|
93
107
|
$ni-nimble-base-subtitle-2-size: 16px;
|
|
94
108
|
$ni-nimble-base-link-light-ui-size: 14px;
|
|
95
109
|
$ni-nimble-base-headline-1-size: 25px;
|
|
110
|
+
$ni-nimble-base-control-label-1-chinese-mac-size: 11px;
|
|
111
|
+
$ni-nimble-base-button-label-1-chinese-mac-size: 11px;
|
|
112
|
+
$ni-nimble-base-body-chinese-mac-size: 13px;
|
|
113
|
+
$ni-nimble-base-error-color-ui-size: 9px;
|
|
114
|
+
$ni-nimble-base-link-visited-light-ui-size: 14px;
|
|
115
|
+
$ni-nimble-base-error-light-ui-size: 9px;
|
|
116
|
+
$ni-nimble-base-error-dark-ui-size: 9px;
|
|
96
117
|
$ni-nimble-base-small-delay: 0.1s; // Short animation delay used for control state change animation
|
|
97
118
|
$ni-nimble-base-medium-delay: 0.15s; // Medium animation delay for control state change animation
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/nimble-tokens",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "Design tokens for the NI Nimble Design System",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build:svg-to-ts && npm run build:ts",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"@ni/eslint-config-javascript": "^3.1.0",
|
|
29
29
|
"cross-env": "^7.0.3",
|
|
30
30
|
"hex-rgb": "^4.0.0",
|
|
31
|
-
"style-dictionary": "^3.
|
|
31
|
+
"style-dictionary": "^3.1.1",
|
|
32
32
|
"svg-to-ts": "^6.0.1",
|
|
33
33
|
"typescript": "^4.3.2"
|
|
34
34
|
},
|