@ni/nimble-tokens 3.2.1 → 3.2.4

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 (7) hide show
  1. package/dist/styledictionary/css/variables.css +20 -4
  2. package/dist/styledictionary/js/tokens.d.ts +18 -2
  3. package/dist/styledictionary/js/tokens.js +20 -4
  4. package/dist/styledictionary/properties/colors.json +40 -1
  5. package/dist/styledictionary/properties/fonts.json +13 -2
  6. package/dist/styledictionary/scss/variables.scss +20 -4
  7. package/package.json +7 -4
package/dist/styledictionary/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 May 2022 14:21:51 GMT
3
+ * Generated on Thu, 26 May 2022 18:20:05 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -29,7 +29,7 @@
29
29
  --ni-nimble-base-brand-85: #26a97c;
30
30
  --ni-nimble-base-brand-100: #009b65;
31
31
  --ni-nimble-base-fail-85: #cf1a37;
32
- --ni-nimble-base-rgb-ni-sky: #3cb4e7;
32
+ --ni-nimble-base-ni-sky: #3cb4e7;
33
33
  --ni-nimble-base-banner-fail-100-dark-ui: #d63434;
34
34
  --ni-nimble-base-warning-100-light-ui: #ff4b00;
35
35
  --ni-nimble-base-black-30: #d3d5d6;
@@ -48,6 +48,19 @@
48
48
  --ni-nimble-base-black-82: #434445;
49
49
  --ni-nimble-base-indigo-dark-1: #57539e;
50
50
  --ni-nimble-base-indigo-dark-2: #312e7f;
51
+ --ni-nimble-base-ni-honey-light: #ffe76b;
52
+ --ni-nimble-base-ni-scarlet: #ef463f;
53
+ --ni-nimble-base-ni-fern: #76bc43;
54
+ --ni-nimble-base-ni-scarlet-dark-3: #371615;
55
+ --ni-nimble-base-ni-scarlet-dark-1: #cd1722;
56
+ --ni-nimble-base-ni-fern-dark-1: #499146;
57
+ --ni-nimble-base-ni-sea: #00aba5;
58
+ --ni-nimble-base-ni-sea-light: #a5d8c8;
59
+ --ni-nimble-base-ni-tulip: #e54c8a;
60
+ --ni-nimble-base-ni-indigo: #8e78b7;
61
+ --ni-nimble-base-ni-plum-dark-1: #8c459a;
62
+ --ni-nimble-base-ni-indigo-dark-2: #312e7f;
63
+ --ni-nimble-base-ni-sea-dark-2: #00685f;
51
64
  --ni-nimble-base-title-2-family: Source Sans Pro;
52
65
  --ni-nimble-base-title-2-weight: 400;
53
66
  --ni-nimble-base-control-label-1-family: Source Sans Pro;
@@ -60,8 +73,8 @@
60
73
  --ni-nimble-base-sub-header-weight: 400;
61
74
  --ni-nimble-base-header-1-family: Noto Serif;
62
75
  --ni-nimble-base-header-1-weight: 400;
63
- --ni-nimble-base-group-label-1-family: Space Mono;
64
- --ni-nimble-base-group-label-1-weight: 400;
76
+ --ni-nimble-base-group-label-1-family: Source Sans Pro;
77
+ --ni-nimble-base-group-label-1-weight: 600;
65
78
  --ni-nimble-base-button-label-1-family: Source Sans Pro;
66
79
  --ni-nimble-base-button-label-1-weight: 400;
67
80
  --ni-nimble-base-title-1-family: Source Sans Pro;
@@ -106,6 +119,8 @@
106
119
  --ni-nimble-base-link-selection-100-light-ui-weight: 400;
107
120
  --ni-nimble-base-grid-header-family: Source Sans Pro;
108
121
  --ni-nimble-base-grid-header-weight: 600;
122
+ --ni-nimble-base-group-label-expander-family: Source Sans Pro;
123
+ --ni-nimble-base-group-label-expander-weight: 600;
109
124
  --ni-nimble-base-title-2-size: 22px;
110
125
  --ni-nimble-base-control-label-1-size: 11px;
111
126
  --ni-nimble-base-body-size: 14px;
@@ -135,6 +150,7 @@
135
150
  --ni-nimble-base-error-dark-ui-size: 9px;
136
151
  --ni-nimble-base-link-selection-100-light-ui-size: 14px;
137
152
  --ni-nimble-base-grid-header-size: 12.800000190734863px;
153
+ --ni-nimble-base-group-label-expander-size: 14px;
138
154
  --ni-nimble-base-body-line-height: 18px;
139
155
  --ni-nimble-base-control-label-1-line-height: 16px;
140
156
  --ni-nimble-base-group-label-1-line-height: 16px;
package/dist/styledictionary/js/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 May 2022 14:21:51 GMT
3
+ * Generated on Thu, 26 May 2022 18:20:05 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue : string;
@@ -28,7 +28,7 @@ export const DigitalGreenLight : string;
28
28
  export const Brand85 : string;
29
29
  export const Brand100 : string;
30
30
  export const Fail85 : string;
31
- export const RgbNiSky : string;
31
+ export const NiSky : string;
32
32
  export const BannerFail100DarkUi : string;
33
33
  export const Warning100LightUi : string;
34
34
  export const Black30 : string;
@@ -47,6 +47,19 @@ export const CmykNiHoneyDark3 : string;
47
47
  export const Black82 : string;
48
48
  export const IndigoDark1 : string;
49
49
  export const IndigoDark2 : string;
50
+ export const NiHoneyLight : string;
51
+ export const NiScarlet : string;
52
+ export const NiFern : string;
53
+ export const NiScarletDark3 : string;
54
+ export const NiScarletDark1 : string;
55
+ export const NiFernDark1 : string;
56
+ export const NiSea : string;
57
+ export const NiSeaLight : string;
58
+ export const NiTulip : string;
59
+ export const NiIndigo : string;
60
+ export const NiPlumDark1 : string;
61
+ export const NiIndigoDark2 : string;
62
+ export const NiSeaDark2 : string;
50
63
  export const Title2Family : string;
51
64
  export const Title2Weight : string;
52
65
  export const ControlLabel1Family : string;
@@ -105,6 +118,8 @@ export const LinkSelection100LightUiFamily : string;
105
118
  export const LinkSelection100LightUiWeight : string;
106
119
  export const GridHeaderFamily : string;
107
120
  export const GridHeaderWeight : string;
121
+ export const GroupLabelExpanderFamily : string;
122
+ export const GroupLabelExpanderWeight : string;
108
123
  export const Title2Size : string;
109
124
  export const ControlLabel1Size : string;
110
125
  export const BodySize : string;
@@ -134,6 +149,7 @@ export const ErrorLightUiSize : string;
134
149
  export const ErrorDarkUiSize : string;
135
150
  export const LinkSelection100LightUiSize : string;
136
151
  export const GridHeaderSize : string;
152
+ export const GroupLabelExpanderSize : string;
137
153
  export const BodyLineHeight : string;
138
154
  export const ControlLabel1LineHeight : string;
139
155
  export const GroupLabel1LineHeight : string;
package/dist/styledictionary/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 10 May 2022 14:21:51 GMT
3
+ * Generated on Thu, 26 May 2022 18:20:05 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue = "#009ff5";
@@ -28,7 +28,7 @@ export const DigitalGreenLight = "#009b65";
28
28
  export const Brand85 = "#26a97c";
29
29
  export const Brand100 = "#009b65";
30
30
  export const Fail85 = "#cf1a37";
31
- export const RgbNiSky = "#3cb4e7";
31
+ export const NiSky = "#3cb4e7";
32
32
  export const BannerFail100DarkUi = "#d63434";
33
33
  export const Warning100LightUi = "#ff4b00";
34
34
  export const Black30 = "#d3d5d6";
@@ -47,6 +47,19 @@ export const CmykNiHoneyDark3 = "#292011";
47
47
  export const Black82 = "#434445";
48
48
  export const IndigoDark1 = "#57539e";
49
49
  export const IndigoDark2 = "#312e7f";
50
+ export const NiHoneyLight = "#ffe76b";
51
+ export const NiScarlet = "#ef463f";
52
+ export const NiFern = "#76bc43";
53
+ export const NiScarletDark3 = "#371615";
54
+ export const NiScarletDark1 = "#cd1722";
55
+ export const NiFernDark1 = "#499146";
56
+ export const NiSea = "#00aba5";
57
+ export const NiSeaLight = "#a5d8c8";
58
+ export const NiTulip = "#e54c8a";
59
+ export const NiIndigo = "#8e78b7";
60
+ export const NiPlumDark1 = "#8c459a";
61
+ export const NiIndigoDark2 = "#312e7f";
62
+ export const NiSeaDark2 = "#00685f";
50
63
  export const Title2Family = "Source Sans Pro";
51
64
  export const Title2Weight = "400";
52
65
  export const ControlLabel1Family = "Source Sans Pro";
@@ -59,8 +72,8 @@ export const SubHeaderFamily = "Source Sans Pro";
59
72
  export const SubHeaderWeight = "400";
60
73
  export const Header1Family = "Noto Serif";
61
74
  export const Header1Weight = "400";
62
- export const GroupLabel1Family = "Space Mono";
63
- export const GroupLabel1Weight = "400";
75
+ export const GroupLabel1Family = "Source Sans Pro";
76
+ export const GroupLabel1Weight = "600";
64
77
  export const ButtonLabel1Family = "Source Sans Pro";
65
78
  export const ButtonLabel1Weight = "400";
66
79
  export const Title1Family = "Source Sans Pro";
@@ -105,6 +118,8 @@ export const LinkSelection100LightUiFamily = "Source Sans Pro";
105
118
  export const LinkSelection100LightUiWeight = "400";
106
119
  export const GridHeaderFamily = "Source Sans Pro";
107
120
  export const GridHeaderWeight = "600";
121
+ export const GroupLabelExpanderFamily = "Source Sans Pro";
122
+ export const GroupLabelExpanderWeight = "600";
108
123
  export const Title2Size = "22px";
109
124
  export const ControlLabel1Size = "11px";
110
125
  export const BodySize = "14px";
@@ -134,6 +149,7 @@ export const ErrorLightUiSize = "9px";
134
149
  export const ErrorDarkUiSize = "9px";
135
150
  export const LinkSelection100LightUiSize = "14px";
136
151
  export const GridHeaderSize = "12.800000190734863px";
152
+ export const GroupLabelExpanderSize = "14px";
137
153
  export const BodyLineHeight = "18px";
138
154
  export const ControlLabel1LineHeight = "16px";
139
155
  export const GroupLabel1LineHeight = "16px";
package/dist/styledictionary/properties/colors.json CHANGED
@@ -75,7 +75,7 @@
75
75
  "Fail85": {
76
76
  "value": "#CF1A37ff"
77
77
  },
78
- "RGB NI Sky": {
78
+ "NI Sky": {
79
79
  "value": "#3CB4E7ff"
80
80
  },
81
81
  "Banner_Fail_100_DarkUI": {
@@ -131,6 +131,45 @@
131
131
  },
132
132
  "IndigoDark2": {
133
133
  "value": "#312E7Fff"
134
+ },
135
+ "NI Honey Light": {
136
+ "value": "#FFE76Bff"
137
+ },
138
+ "NI Scarlet": {
139
+ "value": "#EF463Fff"
140
+ },
141
+ "NI Fern": {
142
+ "value": "#76BC43ff"
143
+ },
144
+ "NI Scarlet Dark 3": {
145
+ "value": "#371615ff"
146
+ },
147
+ "NI Scarlet Dark 1": {
148
+ "value": "#CD1722ff"
149
+ },
150
+ "NI Fern Dark 1": {
151
+ "value": "#499146ff"
152
+ },
153
+ "NI Sea": {
154
+ "value": "#00ABA5ff"
155
+ },
156
+ "NI Sea Light": {
157
+ "value": "#A5D8C8ff"
158
+ },
159
+ "NI Tulip": {
160
+ "value": "#E54C8Aff"
161
+ },
162
+ "NI Indigo": {
163
+ "value": "#8E78B7ff"
164
+ },
165
+ "NI Plum Dark 1": {
166
+ "value": "#8C459Aff"
167
+ },
168
+ "NI Indigo Dark 2": {
169
+ "value": "#312E7Fff"
170
+ },
171
+ "NI Sea Dark 2": {
172
+ "value": "#00685Fff"
134
173
  }
135
174
  }
136
175
  }
package/dist/styledictionary/properties/fonts.json CHANGED
@@ -50,10 +50,10 @@
50
50
  },
51
51
  "GroupLabel_1": {
52
52
  "family": {
53
- "value": "Space Mono"
53
+ "value": "Source Sans Pro"
54
54
  },
55
55
  "weight": {
56
- "value": "Regular"
56
+ "value": "Semibold"
57
57
  }
58
58
  },
59
59
  "ButtonLabel_1": {
@@ -231,6 +231,14 @@
231
231
  "weight": {
232
232
  "value": "Semibold"
233
233
  }
234
+ },
235
+ "GroupLabel_Expander": {
236
+ "family": {
237
+ "value": "Source Sans Pro"
238
+ },
239
+ "weight": {
240
+ "value": "Semibold"
241
+ }
234
242
  }
235
243
  },
236
244
  "size": {
@@ -321,6 +329,9 @@
321
329
  },
322
330
  "Grid_Header": {
323
331
  "value": "12.800000190734863"
332
+ },
333
+ "GroupLabel_Expander": {
334
+ "value": "14"
324
335
  }
325
336
  }
326
337
  }
package/dist/styledictionary/scss/variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 10 May 2022 14:21:51 GMT
3
+ // Generated on Thu, 26 May 2022 18:20:05 GMT
4
4
 
5
5
  $ni-nimble-base-sl-legacy-blue: #009ff5;
6
6
  $ni-nimble-base-information-100-dark-ui: #a46eff;
@@ -27,7 +27,7 @@ $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;
30
- $ni-nimble-base-rgb-ni-sky: #3cb4e7;
30
+ $ni-nimble-base-ni-sky: #3cb4e7;
31
31
  $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;
@@ -46,6 +46,19 @@ $ni-nimble-base-cmyk-ni-honey-dark-3: #292011;
46
46
  $ni-nimble-base-black-82: #434445;
47
47
  $ni-nimble-base-indigo-dark-1: #57539e;
48
48
  $ni-nimble-base-indigo-dark-2: #312e7f;
49
+ $ni-nimble-base-ni-honey-light: #ffe76b;
50
+ $ni-nimble-base-ni-scarlet: #ef463f;
51
+ $ni-nimble-base-ni-fern: #76bc43;
52
+ $ni-nimble-base-ni-scarlet-dark-3: #371615;
53
+ $ni-nimble-base-ni-scarlet-dark-1: #cd1722;
54
+ $ni-nimble-base-ni-fern-dark-1: #499146;
55
+ $ni-nimble-base-ni-sea: #00aba5;
56
+ $ni-nimble-base-ni-sea-light: #a5d8c8;
57
+ $ni-nimble-base-ni-tulip: #e54c8a;
58
+ $ni-nimble-base-ni-indigo: #8e78b7;
59
+ $ni-nimble-base-ni-plum-dark-1: #8c459a;
60
+ $ni-nimble-base-ni-indigo-dark-2: #312e7f;
61
+ $ni-nimble-base-ni-sea-dark-2: #00685f;
49
62
  $ni-nimble-base-title-2-family: Source Sans Pro;
50
63
  $ni-nimble-base-title-2-weight: 400;
51
64
  $ni-nimble-base-control-label-1-family: Source Sans Pro;
@@ -58,8 +71,8 @@ $ni-nimble-base-sub-header-family: Source Sans Pro;
58
71
  $ni-nimble-base-sub-header-weight: 400;
59
72
  $ni-nimble-base-header-1-family: Noto Serif;
60
73
  $ni-nimble-base-header-1-weight: 400;
61
- $ni-nimble-base-group-label-1-family: Space Mono;
62
- $ni-nimble-base-group-label-1-weight: 400;
74
+ $ni-nimble-base-group-label-1-family: Source Sans Pro;
75
+ $ni-nimble-base-group-label-1-weight: 600;
63
76
  $ni-nimble-base-button-label-1-family: Source Sans Pro;
64
77
  $ni-nimble-base-button-label-1-weight: 400;
65
78
  $ni-nimble-base-title-1-family: Source Sans Pro;
@@ -104,6 +117,8 @@ $ni-nimble-base-link-selection-100-light-ui-family: Source Sans Pro;
104
117
  $ni-nimble-base-link-selection-100-light-ui-weight: 400;
105
118
  $ni-nimble-base-grid-header-family: Source Sans Pro;
106
119
  $ni-nimble-base-grid-header-weight: 600;
120
+ $ni-nimble-base-group-label-expander-family: Source Sans Pro;
121
+ $ni-nimble-base-group-label-expander-weight: 600;
107
122
  $ni-nimble-base-title-2-size: 22px;
108
123
  $ni-nimble-base-control-label-1-size: 11px;
109
124
  $ni-nimble-base-body-size: 14px;
@@ -133,6 +148,7 @@ $ni-nimble-base-error-light-ui-size: 9px;
133
148
  $ni-nimble-base-error-dark-ui-size: 9px;
134
149
  $ni-nimble-base-link-selection-100-light-ui-size: 14px;
135
150
  $ni-nimble-base-grid-header-size: 12.800000190734863px;
151
+ $ni-nimble-base-group-label-expander-size: 14px;
136
152
  $ni-nimble-base-body-line-height: 18px;
137
153
  $ni-nimble-base-control-label-1-line-height: 16px;
138
154
  $ni-nimble-base-group-label-1-line-height: 16px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-tokens",
3
- "version": "3.2.1",
3
+ "version": "3.2.4",
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 && npm run build:svg-to-ico",
@@ -11,7 +11,9 @@
11
11
  "pack": "npm run pack:npm && npm run pack:nuget",
12
12
  "pack:npm": "npm pack",
13
13
  "pack:nuget": "cross-env-shell dotnet pack ./source/NimbleTokens --configuration Release -p:PackageVersion=$npm_package_version",
14
- "invoke-publish": "npm publish",
14
+ "invoke-publish": "npm run invoke-publish:nuget && npm run invoke-publish:npm -- ",
15
+ "invoke-publish:nuget": "cross-env-shell dotnet nuget push \"source/NimbleTokens/bin/Release/*.nupkg\" -k $NUGET_SECRET_TOKEN -s \"https://api.nuget.org/v3/index.json\"",
16
+ "invoke-publish:npm": "npm publish",
15
17
  "lint": "eslint ."
16
18
  },
17
19
  "repository": {
@@ -30,8 +32,9 @@
30
32
  "@ni/eslint-config-javascript": "^3.1.0",
31
33
  "cross-env": "^7.0.3",
32
34
  "glob": "^8.0.1",
33
- "hex-rgb": "^5.0.0",
34
- "style-dictionary": "^3.7.0",
35
+ "hex-rgb": "4.3.0",
36
+ "lodash": "^4.17.21",
37
+ "style-dictionary": "3.7.0",
35
38
  "svg-to-ico": "1.0.8",
36
39
  "svg-to-ts": "^6.0.1",
37
40
  "typescript": "^4.3.2"