@ni/nimble-tokens 2.0.0 → 2.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.
Files changed (6) hide show
  1. package/dist/styledictionary/css/variables.css +16 -1
  2. package/dist/styledictionary/js/tokens.d.ts +16 -1
  3. package/dist/styledictionary/js/tokens.js +16 -1
  4. package/dist/styledictionary/properties/sizes.json +47 -1
  5. package/dist/styledictionary/scss/variables.scss +16 -1
  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 Thu, 17 Feb 2022 18:31:09 GMT
3
+ * Generated on Mon, 21 Feb 2022 14:33:38 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -116,6 +116,21 @@
116
116
  --ni-nimble-base-link-visited-light-ui-size: 14px;
117
117
  --ni-nimble-base-error-light-ui-size: 9px;
118
118
  --ni-nimble-base-error-dark-ui-size: 9px;
119
+ --ni-nimble-base-body-line-height: 18px;
120
+ --ni-nimble-base-control-label-1-line-height: 16px;
121
+ --ni-nimble-base-group-label-1-line-height: 16px;
122
+ --ni-nimble-base-headline-2-line-height: 40px;
123
+ --ni-nimble-base-headline-1-line-height: 32px;
124
+ --ni-nimble-base-title-3-line-height: 32px;
125
+ --ni-nimble-base-title-2-line-height: 28px;
126
+ --ni-nimble-base-title-1-line-height: 24px;
127
+ --ni-nimble-base-subtitle-2-line-height: 20px;
128
+ --ni-nimble-base-subtitle-1-line-height: 16px;
129
+ --ni-nimble-base-link-line-height: 18px;
130
+ --ni-nimble-base-placeholder-line-height: 18px;
131
+ --ni-nimble-base-body-emphasized-line-height: 18px;
132
+ --ni-nimble-base-button-label-1-line-height: 16px;
133
+ --ni-nimble-base-tooltip-caption-line-height: 14px;
119
134
  --ni-nimble-base-small-delay: 0.1s; /* Short animation delay used for control state change animation */
120
135
  --ni-nimble-base-medium-delay: 0.15s; /* Medium animation delay for control state change animation */
121
136
  }
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 Mon, 21 Feb 2022 14:33:38 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue : string;
@@ -115,5 +115,20 @@ export const ErrorColorUiSize : string;
115
115
  export const LinkVisitedLightUiSize : string;
116
116
  export const ErrorLightUiSize : string;
117
117
  export const ErrorDarkUiSize : string;
118
+ export const BodyLineHeight : string;
119
+ export const ControlLabel1LineHeight : string;
120
+ export const GroupLabel1LineHeight : string;
121
+ export const Headline2LineHeight : string;
122
+ export const Headline1LineHeight : string;
123
+ export const Title3LineHeight : string;
124
+ export const Title2LineHeight : string;
125
+ export const Title1LineHeight : string;
126
+ export const Subtitle2LineHeight : string;
127
+ export const Subtitle1LineHeight : string;
128
+ export const LinkLineHeight : string;
129
+ export const PlaceholderLineHeight : string;
130
+ export const BodyEmphasizedLineHeight : string;
131
+ export const ButtonLabel1LineHeight : string;
132
+ export const TooltipCaptionLineHeight : string;
118
133
  export const SmallDelay : string; // Short animation delay used for control state change animation
119
134
  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 Mon, 21 Feb 2022 14:33:38 GMT
4
4
  */
5
5
 
6
6
  export const SlLegacyBlue = "#009ff5";
@@ -115,5 +115,20 @@ export const ErrorColorUiSize = "9px";
115
115
  export const LinkVisitedLightUiSize = "14px";
116
116
  export const ErrorLightUiSize = "9px";
117
117
  export const ErrorDarkUiSize = "9px";
118
+ export const BodyLineHeight = "18px";
119
+ export const ControlLabel1LineHeight = "16px";
120
+ export const GroupLabel1LineHeight = "16px";
121
+ export const Headline2LineHeight = "40px";
122
+ export const Headline1LineHeight = "32px";
123
+ export const Title3LineHeight = "32px";
124
+ export const Title2LineHeight = "28px";
125
+ export const Title1LineHeight = "24px";
126
+ export const Subtitle2LineHeight = "20px";
127
+ export const Subtitle1LineHeight = "16px";
128
+ export const LinkLineHeight = "18px";
129
+ export const PlaceholderLineHeight = "18px";
130
+ export const BodyEmphasizedLineHeight = "18px";
131
+ export const ButtonLabel1LineHeight = "16px";
132
+ export const TooltipCaptionLineHeight = "14px";
118
133
  export const SmallDelay = "0.1s"; // Short animation delay used for control state change animation
119
134
  export const MediumDelay = "0.15s"; // Medium animation delay for control state change animation
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 Mon, 21 Feb 2022 14:33:38 GMT
4
4
 
5
5
  $ni-nimble-base-sl-legacy-blue: #009ff5;
6
6
  $ni-nimble-base-information-100-dark-ui: #a46eff;
@@ -114,5 +114,20 @@ $ni-nimble-base-error-color-ui-size: 9px;
114
114
  $ni-nimble-base-link-visited-light-ui-size: 14px;
115
115
  $ni-nimble-base-error-light-ui-size: 9px;
116
116
  $ni-nimble-base-error-dark-ui-size: 9px;
117
+ $ni-nimble-base-body-line-height: 18px;
118
+ $ni-nimble-base-control-label-1-line-height: 16px;
119
+ $ni-nimble-base-group-label-1-line-height: 16px;
120
+ $ni-nimble-base-headline-2-line-height: 40px;
121
+ $ni-nimble-base-headline-1-line-height: 32px;
122
+ $ni-nimble-base-title-3-line-height: 32px;
123
+ $ni-nimble-base-title-2-line-height: 28px;
124
+ $ni-nimble-base-title-1-line-height: 24px;
125
+ $ni-nimble-base-subtitle-2-line-height: 20px;
126
+ $ni-nimble-base-subtitle-1-line-height: 16px;
127
+ $ni-nimble-base-link-line-height: 18px;
128
+ $ni-nimble-base-placeholder-line-height: 18px;
129
+ $ni-nimble-base-body-emphasized-line-height: 18px;
130
+ $ni-nimble-base-button-label-1-line-height: 16px;
131
+ $ni-nimble-base-tooltip-caption-line-height: 14px;
117
132
  $ni-nimble-base-small-delay: 0.1s; // Short animation delay used for control state change animation
118
133
  $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": "2.0.0",
3
+ "version": "2.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",