@ni/nimble-tokens 1.1.0 → 3.0.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 (12) hide show
  1. package/dist/styledictionary/css/variables.css +24 -3
  2. package/dist/styledictionary/js/tokens.d.ts +24 -3
  3. package/dist/styledictionary/js/tokens.js +24 -3
  4. package/dist/styledictionary/properties/colors.json +12 -3
  5. package/dist/styledictionary/properties/fonts.json +11 -0
  6. package/dist/styledictionary/properties/sizes.json +47 -1
  7. package/dist/styledictionary/scss/variables.scss +24 -3
  8. package/dist-icons/nimble-icons-inline.ts +697 -817
  9. package/dist-icons-esm/nimble-icons-inline.d.ts +285 -345
  10. package/dist-icons-esm/nimble-icons-inline.js +426 -486
  11. package/dist-icons-esm/nimble-icons-inline.js.map +1 -1
  12. package/package.json +2 -2
package/dist/styledictionary/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Feb 2022 18:31:09 GMT
3
+ * Generated on Tue, 01 Mar 2022 15:26:47 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -24,8 +24,8 @@
24
24
  --ni-nimble-base-black: #000000;
25
25
  --ni-nimble-base-black-95: #0e0f0f;
26
26
  --ni-nimble-base-black-91: #161617;
27
- --ni-nimble-base-enterprise: #074023;
28
- --ni-nimble-base-selection-100: #009b65;
27
+ --ni-nimble-base-forest-green: #074023;
28
+ --ni-nimble-base-digital-green-light: #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;
@@ -34,6 +34,9 @@
34
34
  --ni-nimble-base-warning-100-light-ui: #ff4b00;
35
35
  --ni-nimble-base-black-30: #d3d5d6;
36
36
  --ni-nimble-base-black-50: #aeb0b3;
37
+ --ni-nimble-base-digital-green-dark: #006b46;
38
+ --ni-nimble-base-power-green: #32eb96;
39
+ --ni-nimble-base-black-22: #e6e6e6;
37
40
  --ni-nimble-base-title-2-family: Source Sans Pro;
38
41
  --ni-nimble-base-title-2-weight: 400;
39
42
  --ni-nimble-base-control-label-1-family: Source Sans Pro;
@@ -89,6 +92,8 @@
89
92
  --ni-nimble-base-error-light-ui-weight: 400;
90
93
  --ni-nimble-base-error-dark-ui-family: Source Sans Pro;
91
94
  --ni-nimble-base-error-dark-ui-weight: 400;
95
+ --ni-nimble-base-link-selection-100-light-ui-family: Source Sans Pro;
96
+ --ni-nimble-base-link-selection-100-light-ui-weight: 400;
92
97
  --ni-nimble-base-title-2-size: 22px;
93
98
  --ni-nimble-base-control-label-1-size: 11px;
94
99
  --ni-nimble-base-body-size: 14px;
@@ -116,6 +121,22 @@
116
121
  --ni-nimble-base-link-visited-light-ui-size: 14px;
117
122
  --ni-nimble-base-error-light-ui-size: 9px;
118
123
  --ni-nimble-base-error-dark-ui-size: 9px;
124
+ --ni-nimble-base-link-selection-100-light-ui-size: 14px;
125
+ --ni-nimble-base-body-line-height: 18px;
126
+ --ni-nimble-base-control-label-1-line-height: 16px;
127
+ --ni-nimble-base-group-label-1-line-height: 16px;
128
+ --ni-nimble-base-headline-2-line-height: 40px;
129
+ --ni-nimble-base-headline-1-line-height: 32px;
130
+ --ni-nimble-base-title-3-line-height: 32px;
131
+ --ni-nimble-base-title-2-line-height: 28px;
132
+ --ni-nimble-base-title-1-line-height: 24px;
133
+ --ni-nimble-base-subtitle-2-line-height: 20px;
134
+ --ni-nimble-base-subtitle-1-line-height: 16px;
135
+ --ni-nimble-base-link-line-height: 18px;
136
+ --ni-nimble-base-placeholder-line-height: 18px;
137
+ --ni-nimble-base-body-emphasized-line-height: 18px;
138
+ --ni-nimble-base-button-label-1-line-height: 16px;
139
+ --ni-nimble-base-tooltip-caption-line-height: 14px;
119
140
  --ni-nimble-base-small-delay: 0.1s; /* Short animation delay used for control state change animation */
120
141
  --ni-nimble-base-medium-delay: 0.15s; /* Medium animation delay for control state change animation */
121
142
  }
package/dist/styledictionary/js/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Feb 2022 18:31:09 GMT
3
+ * Generated on Tue, 01 Mar 2022 15:26:47 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue : string;
@@ -23,8 +23,8 @@ export const Black80 : string;
23
23
  export const Black : string;
24
24
  export const Black95 : string;
25
25
  export const Black91 : string;
26
- export const Enterprise : string;
27
- export const Selection100 : string;
26
+ export const ForestGreen : string;
27
+ export const DigitalGreenLight : string;
28
28
  export const Brand85 : string;
29
29
  export const Brand100 : string;
30
30
  export const Fail85 : string;
@@ -33,6 +33,9 @@ export const BannerFail100DarkUi : string;
33
33
  export const Warning100LightUi : string;
34
34
  export const Black30 : string;
35
35
  export const Black50 : string;
36
+ export const DigitalGreenDark : string;
37
+ export const PowerGreen : string;
38
+ export const Black22 : string;
36
39
  export const Title2Family : string;
37
40
  export const Title2Weight : string;
38
41
  export const ControlLabel1Family : string;
@@ -88,6 +91,8 @@ export const ErrorLightUiFamily : string;
88
91
  export const ErrorLightUiWeight : string;
89
92
  export const ErrorDarkUiFamily : string;
90
93
  export const ErrorDarkUiWeight : string;
94
+ export const LinkSelection100LightUiFamily : string;
95
+ export const LinkSelection100LightUiWeight : string;
91
96
  export const Title2Size : string;
92
97
  export const ControlLabel1Size : string;
93
98
  export const BodySize : string;
@@ -115,5 +120,21 @@ export const ErrorColorUiSize : string;
115
120
  export const LinkVisitedLightUiSize : string;
116
121
  export const ErrorLightUiSize : string;
117
122
  export const ErrorDarkUiSize : string;
123
+ export const LinkSelection100LightUiSize : string;
124
+ export const BodyLineHeight : string;
125
+ export const ControlLabel1LineHeight : string;
126
+ export const GroupLabel1LineHeight : string;
127
+ export const Headline2LineHeight : string;
128
+ export const Headline1LineHeight : string;
129
+ export const Title3LineHeight : string;
130
+ export const Title2LineHeight : string;
131
+ export const Title1LineHeight : string;
132
+ export const Subtitle2LineHeight : string;
133
+ export const Subtitle1LineHeight : string;
134
+ export const LinkLineHeight : string;
135
+ export const PlaceholderLineHeight : string;
136
+ export const BodyEmphasizedLineHeight : string;
137
+ export const ButtonLabel1LineHeight : string;
138
+ export const TooltipCaptionLineHeight : string;
118
139
  export const SmallDelay : string; // Short animation delay used for control state change animation
119
140
  export const MediumDelay : string; // Medium animation delay for control state change animation
package/dist/styledictionary/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 17 Feb 2022 18:31:09 GMT
3
+ * Generated on Tue, 01 Mar 2022 15:26:47 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue = "#009ff5";
@@ -23,8 +23,8 @@ export const Black80 = "#505153";
23
23
  export const Black = "#000000";
24
24
  export const Black95 = "#0e0f0f";
25
25
  export const Black91 = "#161617";
26
- export const Enterprise = "#074023";
27
- export const Selection100 = "#009b65";
26
+ export const ForestGreen = "#074023";
27
+ export const DigitalGreenLight = "#009b65";
28
28
  export const Brand85 = "#26a97c";
29
29
  export const Brand100 = "#009b65";
30
30
  export const Fail85 = "#cf1a37";
@@ -33,6 +33,9 @@ export const BannerFail100DarkUi = "#d63434";
33
33
  export const Warning100LightUi = "#ff4b00";
34
34
  export const Black30 = "#d3d5d6";
35
35
  export const Black50 = "#aeb0b3";
36
+ export const DigitalGreenDark = "#006b46";
37
+ export const PowerGreen = "#32eb96";
38
+ export const Black22 = "#e6e6e6";
36
39
  export const Title2Family = "Source Sans Pro";
37
40
  export const Title2Weight = "400";
38
41
  export const ControlLabel1Family = "Source Sans Pro";
@@ -88,6 +91,8 @@ export const ErrorLightUiFamily = "Source Sans Pro";
88
91
  export const ErrorLightUiWeight = "400";
89
92
  export const ErrorDarkUiFamily = "Source Sans Pro";
90
93
  export const ErrorDarkUiWeight = "400";
94
+ export const LinkSelection100LightUiFamily = "Source Sans Pro";
95
+ export const LinkSelection100LightUiWeight = "400";
91
96
  export const Title2Size = "22px";
92
97
  export const ControlLabel1Size = "11px";
93
98
  export const BodySize = "14px";
@@ -115,5 +120,21 @@ export const ErrorColorUiSize = "9px";
115
120
  export const LinkVisitedLightUiSize = "14px";
116
121
  export const ErrorLightUiSize = "9px";
117
122
  export const ErrorDarkUiSize = "9px";
123
+ export const LinkSelection100LightUiSize = "14px";
124
+ export const BodyLineHeight = "18px";
125
+ export const ControlLabel1LineHeight = "16px";
126
+ export const GroupLabel1LineHeight = "16px";
127
+ export const Headline2LineHeight = "40px";
128
+ export const Headline1LineHeight = "32px";
129
+ export const Title3LineHeight = "32px";
130
+ export const Title2LineHeight = "28px";
131
+ export const Title1LineHeight = "24px";
132
+ export const Subtitle2LineHeight = "20px";
133
+ export const Subtitle1LineHeight = "16px";
134
+ export const LinkLineHeight = "18px";
135
+ export const PlaceholderLineHeight = "18px";
136
+ export const BodyEmphasizedLineHeight = "18px";
137
+ export const ButtonLabel1LineHeight = "16px";
138
+ export const TooltipCaptionLineHeight = "14px";
118
139
  export const SmallDelay = "0.1s"; // Short animation delay used for control state change animation
119
140
  export const MediumDelay = "0.15s"; // Medium animation delay for control state change animation
package/dist/styledictionary/properties/colors.json CHANGED
@@ -60,10 +60,10 @@
60
60
  "Black91": {
61
61
  "value": "#161617ff"
62
62
  },
63
- "Enterprise": {
63
+ "ForestGreen": {
64
64
  "value": "#074023ff"
65
65
  },
66
- "Selection100": {
66
+ "DigitalGreenLight": {
67
67
  "value": "#009B65ff"
68
68
  },
69
69
  "Brand85": {
@@ -78,7 +78,7 @@
78
78
  "RGB NI Sky": {
79
79
  "value": "#3CB4E7ff"
80
80
  },
81
- "Banner_Fail_100_DarkUI_": {
81
+ "Banner_Fail_100_DarkUI": {
82
82
  "value": "#D63434ff"
83
83
  },
84
84
  "Warning100LightUI": {
@@ -89,6 +89,15 @@
89
89
  },
90
90
  "Black50": {
91
91
  "value": "#AEB0B3ff"
92
+ },
93
+ "DigitalGreenDark": {
94
+ "value": "#006B46ff"
95
+ },
96
+ "PowerGreen": {
97
+ "value": "#32EB96ff"
98
+ },
99
+ "Black22": {
100
+ "value": "#E6E6E6ff"
92
101
  }
93
102
  }
94
103
  }
package/dist/styledictionary/properties/fonts.json CHANGED
@@ -220,6 +220,14 @@
220
220
  "weight": {
221
221
  "value": "Regular"
222
222
  }
223
+ },
224
+ "Link_Selection100_LightUI": {
225
+ "family": {
226
+ "value": "Source Sans Pro"
227
+ },
228
+ "weight": {
229
+ "value": "Regular"
230
+ }
223
231
  }
224
232
  },
225
233
  "size": {
@@ -304,6 +312,9 @@
304
312
  },
305
313
  "Error_DarkUI": {
306
314
  "value": "9"
315
+ },
316
+ "Link_Selection100_LightUI": {
317
+ "value": "14"
307
318
  }
308
319
  }
309
320
  }
package/dist/styledictionary/properties/sizes.json CHANGED
@@ -1,3 +1,49 @@
1
1
  {
2
- "size": {}
2
+ "size": {
3
+ "Body-line-height": {
4
+ "value": "18"
5
+ },
6
+ "ControlLabel_1-line-height": {
7
+ "value": "16"
8
+ },
9
+ "GroupLabel_1-line-height": {
10
+ "value": "16"
11
+ },
12
+ "Headline_2-line-height": {
13
+ "value": "40"
14
+ },
15
+ "Headline_1-line-height": {
16
+ "value": "32"
17
+ },
18
+ "Title_3-line-height": {
19
+ "value": "32"
20
+ },
21
+ "Title_2-line-height": {
22
+ "value": "28"
23
+ },
24
+ "Title_1-line-height": {
25
+ "value": "24"
26
+ },
27
+ "Subtitle_2-line-height": {
28
+ "value": "20"
29
+ },
30
+ "Subtitle_1-line-height": {
31
+ "value": "16"
32
+ },
33
+ "Link-line-height": {
34
+ "value": "18"
35
+ },
36
+ "Placeholder-line-height": {
37
+ "value": "18"
38
+ },
39
+ "BodyEmphasized-line-height": {
40
+ "value": "18"
41
+ },
42
+ "ButtonLabel_1-line-height": {
43
+ "value": "16"
44
+ },
45
+ "TooltipCaption-line-height": {
46
+ "value": "14"
47
+ }
48
+ }
3
49
  }
package/dist/styledictionary/scss/variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 17 Feb 2022 18:31:09 GMT
3
+ // Generated on Tue, 01 Mar 2022 15:26:47 GMT
4
4
 
5
5
  $ni-nimble-base-sl-legacy-blue: #009ff5;
6
6
  $ni-nimble-base-information-100-dark-ui: #a46eff;
@@ -22,8 +22,8 @@ $ni-nimble-base-black-80: #505153;
22
22
  $ni-nimble-base-black: #000000;
23
23
  $ni-nimble-base-black-95: #0e0f0f;
24
24
  $ni-nimble-base-black-91: #161617;
25
- $ni-nimble-base-enterprise: #074023;
26
- $ni-nimble-base-selection-100: #009b65;
25
+ $ni-nimble-base-forest-green: #074023;
26
+ $ni-nimble-base-digital-green-light: #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;
@@ -32,6 +32,9 @@ $ni-nimble-base-banner-fail-100-dark-ui: #d63434;
32
32
  $ni-nimble-base-warning-100-light-ui: #ff4b00;
33
33
  $ni-nimble-base-black-30: #d3d5d6;
34
34
  $ni-nimble-base-black-50: #aeb0b3;
35
+ $ni-nimble-base-digital-green-dark: #006b46;
36
+ $ni-nimble-base-power-green: #32eb96;
37
+ $ni-nimble-base-black-22: #e6e6e6;
35
38
  $ni-nimble-base-title-2-family: Source Sans Pro;
36
39
  $ni-nimble-base-title-2-weight: 400;
37
40
  $ni-nimble-base-control-label-1-family: Source Sans Pro;
@@ -87,6 +90,8 @@ $ni-nimble-base-error-light-ui-family: Source Sans Pro;
87
90
  $ni-nimble-base-error-light-ui-weight: 400;
88
91
  $ni-nimble-base-error-dark-ui-family: Source Sans Pro;
89
92
  $ni-nimble-base-error-dark-ui-weight: 400;
93
+ $ni-nimble-base-link-selection-100-light-ui-family: Source Sans Pro;
94
+ $ni-nimble-base-link-selection-100-light-ui-weight: 400;
90
95
  $ni-nimble-base-title-2-size: 22px;
91
96
  $ni-nimble-base-control-label-1-size: 11px;
92
97
  $ni-nimble-base-body-size: 14px;
@@ -114,5 +119,21 @@ $ni-nimble-base-error-color-ui-size: 9px;
114
119
  $ni-nimble-base-link-visited-light-ui-size: 14px;
115
120
  $ni-nimble-base-error-light-ui-size: 9px;
116
121
  $ni-nimble-base-error-dark-ui-size: 9px;
122
+ $ni-nimble-base-link-selection-100-light-ui-size: 14px;
123
+ $ni-nimble-base-body-line-height: 18px;
124
+ $ni-nimble-base-control-label-1-line-height: 16px;
125
+ $ni-nimble-base-group-label-1-line-height: 16px;
126
+ $ni-nimble-base-headline-2-line-height: 40px;
127
+ $ni-nimble-base-headline-1-line-height: 32px;
128
+ $ni-nimble-base-title-3-line-height: 32px;
129
+ $ni-nimble-base-title-2-line-height: 28px;
130
+ $ni-nimble-base-title-1-line-height: 24px;
131
+ $ni-nimble-base-subtitle-2-line-height: 20px;
132
+ $ni-nimble-base-subtitle-1-line-height: 16px;
133
+ $ni-nimble-base-link-line-height: 18px;
134
+ $ni-nimble-base-placeholder-line-height: 18px;
135
+ $ni-nimble-base-body-emphasized-line-height: 18px;
136
+ $ni-nimble-base-button-label-1-line-height: 16px;
137
+ $ni-nimble-base-tooltip-caption-line-height: 14px;
117
138
  $ni-nimble-base-small-delay: 0.1s; // Short animation delay used for control state change animation
118
139
  $ni-nimble-base-medium-delay: 0.15s; // Medium animation delay for control state change animation