@ni/nimble-tokens 1.0.0-beta.21 → 1.0.0-beta.29

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 (6) hide show
  1. package/dist/styledictionary/css/variables.css +56 -12
  2. package/dist/styledictionary/js/tokens.d.ts +51 -7
  3. package/dist/styledictionary/js/tokens.js +56 -12
  4. package/dist/styledictionary/properties/colors.json +7 -1
  5. package/dist/styledictionary/properties/fonts.json +161 -7
  6. package/package.json +1 -1
package/dist/styledictionary/css/variables.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Oct 2021 15:20:23 GMT
3
+ * Generated on Wed, 10 Nov 2021 15:57:17 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -30,26 +30,70 @@
30
30
  --brand-100: #009b65;
31
31
  --fail-85: #cf1a37;
32
32
  --rgb-ni-sky: #3cb4e7;
33
- --banner-fail-100-dark-ui: #b3000c;
33
+ --banner-fail-100-dark-ui: #d63434;
34
34
  --warning-100-light-ui: #ff4b00;
35
- --header-2-family: Source Sans Pro;
36
- --header-2-weight: Light;
37
- --overline-capitalized-family: Space Mono;
38
- --overline-capitalized-weight: Regular;
35
+ --black-30: #d3d5d6;
36
+ --black-50: #aeb0b3;
37
+ --title-2-family: Source Sans Pro;
38
+ --title-2-weight: 400;
39
+ --control-label-1-family: Source Sans Pro;
40
+ --control-label-1-weight: 600;
39
41
  --body-family: Source Sans Pro;
40
- --body-weight: Regular;
42
+ --body-weight: 400;
41
43
  --header-0-family: Noto Serif;
42
- --header-0-weight: Regular;
44
+ --header-0-weight: 400;
43
45
  --sub-header-family: Source Sans Pro;
44
- --sub-header-weight: Regular;
46
+ --sub-header-weight: 400;
45
47
  --header-1-family: Noto Serif;
46
- --header-1-weight: Regular;
47
- --header-2-size: 22px;
48
- --overline-capitalized-size: 11px;
48
+ --header-1-weight: 400;
49
+ --group-label-1-family: Space Mono;
50
+ --group-label-1-weight: 400;
51
+ --button-label-1-family: Source Sans Pro;
52
+ --button-label-1-weight: 400;
53
+ --title-1-family: Source Sans Pro;
54
+ --title-1-weight: 400;
55
+ --link-color-ui-family: Source Sans Pro;
56
+ --link-color-ui-weight: 400;
57
+ --link-dark-ui-family: Source Sans Pro;
58
+ --link-dark-ui-weight: 400;
59
+ --headline-2-family: Noto Serif;
60
+ --headline-2-weight: 400;
61
+ --placeholder-family: Source Sans Pro;
62
+ --placeholder-weight: 400;
63
+ --tooltip-caption-family: Source Sans Pro;
64
+ --tooltip-caption-weight: 400;
65
+ --body-emphasized-family: Source Sans Pro;
66
+ --body-emphasized-weight: 600;
67
+ --subtitle-1-family: Source Sans Pro;
68
+ --subtitle-1-weight: 300;
69
+ --title-3-family: Source Sans Pro;
70
+ --title-3-weight: 400;
71
+ --subtitle-2-family: Source Sans Pro;
72
+ --subtitle-2-weight: 300;
73
+ --link-light-ui-family: Source Sans Pro;
74
+ --link-light-ui-weight: 400;
75
+ --headline-1-family: Noto Serif;
76
+ --headline-1-weight: 400;
77
+ --title-2-size: 22px;
78
+ --control-label-1-size: 11px;
49
79
  --body-size: 14px;
50
80
  --header-0-size: 36px;
51
81
  --sub-header-size: 12px;
52
82
  --header-1-size: 24px;
83
+ --group-label-1-size: 11px;
84
+ --button-label-1-size: 12.800000190734863px;
85
+ --title-1-size: 19px;
86
+ --link-color-ui-size: 14px;
87
+ --link-dark-ui-size: 14px;
88
+ --headline-2-size: 29.100000381469727px;
89
+ --placeholder-size: 14px;
90
+ --tooltip-caption-size: 11px;
91
+ --body-emphasized-size: 14px;
92
+ --subtitle-1-size: 12.800000190734863px;
93
+ --title-3-size: 25px;
94
+ --subtitle-2-size: 16px;
95
+ --link-light-ui-size: 14px;
96
+ --headline-1-size: 25px;
53
97
  --small-delay: 0.1s; /* Short animation delay used for control state change animation */
54
98
  --medium-delay: 0.15s; /* Medium animation delay for control state change animation */
55
99
  }
package/dist/styledictionary/js/tokens.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 08 Oct 2021 15:20:23 GMT
3
+ * Generated on Wed, 10 Nov 2021 15:57:17 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue : string;
@@ -31,10 +31,12 @@ export const Fail85 : string;
31
31
  export const RgbNiSky : string;
32
32
  export const BannerFail100DarkUi : string;
33
33
  export const Warning100LightUi : string;
34
- export const Header2Family : string;
35
- export const Header2Weight : string;
36
- export const OverlineCapitalizedFamily : string;
37
- export const OverlineCapitalizedWeight : string;
34
+ export const Black30 : string;
35
+ export const Black50 : string;
36
+ export const Title2Family : string;
37
+ export const Title2Weight : string;
38
+ export const ControlLabel1Family : string;
39
+ export const ControlLabel1Weight : string;
38
40
  export const BodyFamily : string;
39
41
  export const BodyWeight : string;
40
42
  export const Header0Family : string;
@@ -43,11 +45,53 @@ export const SubHeaderFamily : string;
43
45
  export const SubHeaderWeight : string;
44
46
  export const Header1Family : string;
45
47
  export const Header1Weight : string;
46
- export const Header2Size : string;
47
- export const OverlineCapitalizedSize : string;
48
+ export const GroupLabel1Family : string;
49
+ export const GroupLabel1Weight : string;
50
+ export const ButtonLabel1Family : string;
51
+ export const ButtonLabel1Weight : string;
52
+ export const Title1Family : string;
53
+ export const Title1Weight : string;
54
+ export const LinkColorUiFamily : string;
55
+ export const LinkColorUiWeight : string;
56
+ export const LinkDarkUiFamily : string;
57
+ export const LinkDarkUiWeight : string;
58
+ export const Headline2Family : string;
59
+ export const Headline2Weight : string;
60
+ export const PlaceholderFamily : string;
61
+ export const PlaceholderWeight : string;
62
+ export const TooltipCaptionFamily : string;
63
+ export const TooltipCaptionWeight : string;
64
+ export const BodyEmphasizedFamily : string;
65
+ export const BodyEmphasizedWeight : string;
66
+ export const Subtitle1Family : string;
67
+ export const Subtitle1Weight : string;
68
+ export const Title3Family : string;
69
+ export const Title3Weight : string;
70
+ export const Subtitle2Family : string;
71
+ export const Subtitle2Weight : string;
72
+ export const LinkLightUiFamily : string;
73
+ export const LinkLightUiWeight : string;
74
+ export const Headline1Family : string;
75
+ export const Headline1Weight : string;
76
+ export const Title2Size : string;
77
+ export const ControlLabel1Size : string;
48
78
  export const BodySize : string;
49
79
  export const Header0Size : string;
50
80
  export const SubHeaderSize : string;
51
81
  export const Header1Size : string;
82
+ export const GroupLabel1Size : string;
83
+ export const ButtonLabel1Size : string;
84
+ export const Title1Size : string;
85
+ export const LinkColorUiSize : string;
86
+ export const LinkDarkUiSize : string;
87
+ export const Headline2Size : string;
88
+ export const PlaceholderSize : string;
89
+ export const TooltipCaptionSize : string;
90
+ export const BodyEmphasizedSize : string;
91
+ export const Subtitle1Size : string;
92
+ export const Title3Size : string;
93
+ export const Subtitle2Size : string;
94
+ export const LinkLightUiSize : string;
95
+ export const Headline1Size : string;
52
96
  export const SmallDelay : string; // Short animation delay used for control state change animation
53
97
  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 Fri, 08 Oct 2021 15:20:23 GMT
3
+ * Generated on Wed, 10 Nov 2021 15:57:17 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue = "#009ff5";
@@ -29,25 +29,69 @@ export const Brand85 = "#26a97c";
29
29
  export const Brand100 = "#009b65";
30
30
  export const Fail85 = "#cf1a37";
31
31
  export const RgbNiSky = "#3cb4e7";
32
- export const BannerFail100DarkUi = "#b3000c";
32
+ export const BannerFail100DarkUi = "#d63434";
33
33
  export const Warning100LightUi = "#ff4b00";
34
- export const Header2Family = "Source Sans Pro";
35
- export const Header2Weight = "Light";
36
- export const OverlineCapitalizedFamily = "Space Mono";
37
- export const OverlineCapitalizedWeight = "Regular";
34
+ export const Black30 = "#d3d5d6";
35
+ export const Black50 = "#aeb0b3";
36
+ export const Title2Family = "Source Sans Pro";
37
+ export const Title2Weight = "400";
38
+ export const ControlLabel1Family = "Source Sans Pro";
39
+ export const ControlLabel1Weight = "600";
38
40
  export const BodyFamily = "Source Sans Pro";
39
- export const BodyWeight = "Regular";
41
+ export const BodyWeight = "400";
40
42
  export const Header0Family = "Noto Serif";
41
- export const Header0Weight = "Regular";
43
+ export const Header0Weight = "400";
42
44
  export const SubHeaderFamily = "Source Sans Pro";
43
- export const SubHeaderWeight = "Regular";
45
+ export const SubHeaderWeight = "400";
44
46
  export const Header1Family = "Noto Serif";
45
- export const Header1Weight = "Regular";
46
- export const Header2Size = "22px";
47
- export const OverlineCapitalizedSize = "11px";
47
+ export const Header1Weight = "400";
48
+ export const GroupLabel1Family = "Space Mono";
49
+ export const GroupLabel1Weight = "400";
50
+ export const ButtonLabel1Family = "Source Sans Pro";
51
+ export const ButtonLabel1Weight = "400";
52
+ export const Title1Family = "Source Sans Pro";
53
+ export const Title1Weight = "400";
54
+ export const LinkColorUiFamily = "Source Sans Pro";
55
+ export const LinkColorUiWeight = "400";
56
+ export const LinkDarkUiFamily = "Source Sans Pro";
57
+ export const LinkDarkUiWeight = "400";
58
+ export const Headline2Family = "Noto Serif";
59
+ export const Headline2Weight = "400";
60
+ export const PlaceholderFamily = "Source Sans Pro";
61
+ export const PlaceholderWeight = "400";
62
+ export const TooltipCaptionFamily = "Source Sans Pro";
63
+ export const TooltipCaptionWeight = "400";
64
+ export const BodyEmphasizedFamily = "Source Sans Pro";
65
+ export const BodyEmphasizedWeight = "600";
66
+ export const Subtitle1Family = "Source Sans Pro";
67
+ export const Subtitle1Weight = "300";
68
+ export const Title3Family = "Source Sans Pro";
69
+ export const Title3Weight = "400";
70
+ export const Subtitle2Family = "Source Sans Pro";
71
+ export const Subtitle2Weight = "300";
72
+ export const LinkLightUiFamily = "Source Sans Pro";
73
+ export const LinkLightUiWeight = "400";
74
+ export const Headline1Family = "Noto Serif";
75
+ export const Headline1Weight = "400";
76
+ export const Title2Size = "22px";
77
+ export const ControlLabel1Size = "11px";
48
78
  export const BodySize = "14px";
49
79
  export const Header0Size = "36px";
50
80
  export const SubHeaderSize = "12px";
51
81
  export const Header1Size = "24px";
82
+ export const GroupLabel1Size = "11px";
83
+ export const ButtonLabel1Size = "12.800000190734863px";
84
+ export const Title1Size = "19px";
85
+ export const LinkColorUiSize = "14px";
86
+ export const LinkDarkUiSize = "14px";
87
+ export const Headline2Size = "29.100000381469727px";
88
+ export const PlaceholderSize = "14px";
89
+ export const TooltipCaptionSize = "11px";
90
+ export const BodyEmphasizedSize = "14px";
91
+ export const Subtitle1Size = "12.800000190734863px";
92
+ export const Title3Size = "25px";
93
+ export const Subtitle2Size = "16px";
94
+ export const LinkLightUiSize = "14px";
95
+ export const Headline1Size = "25px";
52
96
  export const SmallDelay = "0.1s"; // Short animation delay used for control state change animation
53
97
  export const MediumDelay = "0.15s"; // Medium animation delay for control state change animation
package/dist/styledictionary/properties/colors.json CHANGED
@@ -79,10 +79,16 @@
79
79
  "value": "#3CB4E7ff"
80
80
  },
81
81
  "Banner_Fail_100_DarkUI_": {
82
- "value": "#B3000Cff"
82
+ "value": "#D63434ff"
83
83
  },
84
84
  "Warning100LightUI": {
85
85
  "value": "#FF4B00ff"
86
+ },
87
+ "Black30": {
88
+ "value": "#D3D5D6ff"
89
+ },
90
+ "Black50": {
91
+ "value": "#AEB0B3ff"
86
92
  }
87
93
  }
88
94
  }
package/dist/styledictionary/properties/fonts.json CHANGED
@@ -1,19 +1,19 @@
1
1
  {
2
2
  "font": {
3
- "Header2": {
3
+ "Title_2": {
4
4
  "family": {
5
5
  "value": "Source Sans Pro"
6
6
  },
7
7
  "weight": {
8
- "value": "Light"
8
+ "value": "Regular"
9
9
  }
10
10
  },
11
- "OverlineCapitalized": {
11
+ "ControlLabel_1": {
12
12
  "family": {
13
- "value": "Space Mono"
13
+ "value": "Source Sans Pro"
14
14
  },
15
15
  "weight": {
16
- "value": "Regular"
16
+ "value": "Semibold"
17
17
  }
18
18
  },
19
19
  "Body": {
@@ -47,14 +47,126 @@
47
47
  "weight": {
48
48
  "value": "Regular"
49
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
+ }
50
162
  }
51
163
  },
52
164
  "size": {
53
165
  "font": {
54
- "Header2": {
166
+ "Title_2": {
55
167
  "value": "22"
56
168
  },
57
- "OverlineCapitalized": {
169
+ "ControlLabel_1": {
58
170
  "value": "11"
59
171
  },
60
172
  "Body": {
@@ -68,6 +180,48 @@
68
180
  },
69
181
  "Header1": {
70
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"
71
225
  }
72
226
  }
73
227
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-tokens",
3
- "version": "1.0.0-beta.21",
3
+ "version": "1.0.0-beta.29",
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",