@navikt/ds-tokens 0.9.6 → 0.9.7

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/tokens-cjs.js +7 -7
  2. package/dist/tokens.css +6 -6
  3. package/dist/tokens.js +7 -7
  4. package/dist/tokens.less +7 -7
  5. package/dist/tokens.scss +7 -7
  6. package/package.json +2 -2
  7. package/src/colors.json +5 -5
package/dist/tokens-cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 17 Jun 2022 08:07:43 GMT
3
+ * Generated on Wed, 29 Jun 2022 09:43:28 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -138,20 +138,20 @@ module.exports = {
138
138
  "NavdsSemanticColorComponentBackgroundInverted": "rgba(38, 38, 38, 1)",
139
139
  "NavdsSemanticColorComponentBackgroundLight": "rgba(255, 255, 255, 1)",
140
140
  "NavdsSemanticColorDivider": "rgba(207, 207, 207, 1)",
141
- "NavdsSemanticColorFeedbackDangerBackground": "rgba(249, 210, 204, 1)",
141
+ "NavdsSemanticColorFeedbackDangerBackground": "rgba(253, 232, 230, 1)",
142
142
  "NavdsSemanticColorFeedbackDangerBorder": "rgba(186, 58, 38, 1)",
143
143
  "NavdsSemanticColorFeedbackDangerIcon": "rgba(186, 58, 38, 1)",
144
144
  "NavdsSemanticColorFeedbackDangerText": "rgba(186, 58, 38, 1)",
145
- "NavdsSemanticColorFeedbackInfoBackground": "rgba(216, 249, 255, 1)",
145
+ "NavdsSemanticColorFeedbackInfoBackground": "rgba(235, 252, 255, 1)",
146
146
  "NavdsSemanticColorFeedbackInfoBorder": "rgba(54, 141, 168, 1)",
147
147
  "NavdsSemanticColorFeedbackInfoIcon": "rgba(54, 141, 168, 1)",
148
- "NavdsSemanticColorFeedbackSuccessBackground": "rgba(204, 241, 214, 1)",
148
+ "NavdsSemanticColorFeedbackSuccessBackground": "rgba(243, 252, 245, 1)",
149
149
  "NavdsSemanticColorFeedbackSuccessBorder": "rgba(6, 137, 58, 1)",
150
150
  "NavdsSemanticColorFeedbackSuccessIcon": "rgba(0, 124, 46, 1)",
151
- "NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 236, 204, 1)",
151
+ "NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 249, 240, 1)",
152
152
  "NavdsSemanticColorFeedbackWarningBorder": "rgba(212, 123, 0, 1)",
153
153
  "NavdsSemanticColorFeedbackWarningIcon": "rgba(212, 123, 0, 1)",
154
- "NavdsSemanticColorFocusInverted": "rgba(204, 225, 255, 1)",
154
+ "NavdsSemanticColorFocusInverted": "rgba(153, 195, 255, 1)",
155
155
  "NavdsSemanticColorFocus": "rgba(0, 52, 125, 1)",
156
156
  "NavdsSemanticColorInteractionDangerHover": "rgba(163, 42, 23, 1)",
157
157
  "NavdsSemanticColorInteractionDangerSelected": "rgba(136, 29, 12, 1)",
@@ -171,7 +171,7 @@ module.exports = {
171
171
  "NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
172
172
  "NavdsShadowXlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)",
173
173
  "NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
174
- "NavdsShadowFocusInverted": "0 0 0 3px rgba(204, 225, 255, 1)",
174
+ "NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
175
175
  "NavdsSpacing1": "0.25rem",
176
176
  "NavdsSpacing2": "0.5rem",
177
177
  "NavdsSpacing3": "0.75rem",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 17 Jun 2022 08:07:43 GMT
3
+ * Generated on Wed, 29 Jun 2022 09:43:28 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -164,20 +164,20 @@
164
164
  --navds-semantic-color-interaction-danger-selected: var(--navds-global-color-red-700);
165
165
  --navds-semantic-color-interaction-danger-hover: var(--navds-global-color-red-600);
166
166
  --navds-semantic-color-focus: var(--navds-global-color-blue-800);
167
- --navds-semantic-color-focus-inverted: var(--navds-global-color-blue-100);
167
+ --navds-semantic-color-focus-inverted: var(--navds-global-color-blue-200);
168
168
  --navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-600);
169
169
  --navds-semantic-color-feedback-warning-border: var(--navds-global-color-orange-600);
170
- --navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-100);
170
+ --navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-50);
171
171
  --navds-semantic-color-feedback-success-icon: var(--navds-global-color-green-600);
172
172
  --navds-semantic-color-feedback-success-border: var(--navds-global-color-green-500);
173
- --navds-semantic-color-feedback-success-background: var(--navds-global-color-green-100);
173
+ --navds-semantic-color-feedback-success-background: var(--navds-global-color-green-50);
174
174
  --navds-semantic-color-feedback-info-icon: var(--navds-global-color-lightblue-700);
175
175
  --navds-semantic-color-feedback-info-border: var(--navds-global-color-lightblue-700);
176
- --navds-semantic-color-feedback-info-background: var(--navds-global-color-lightblue-100);
176
+ --navds-semantic-color-feedback-info-background: var(--navds-global-color-lightblue-50);
177
177
  --navds-semantic-color-feedback-danger-text: var(--navds-global-color-red-500);
178
178
  --navds-semantic-color-feedback-danger-icon: var(--navds-global-color-red-500);
179
179
  --navds-semantic-color-feedback-danger-border: var(--navds-global-color-red-500);
180
- --navds-semantic-color-feedback-danger-background: var(--navds-global-color-red-100);
180
+ --navds-semantic-color-feedback-danger-background: var(--navds-global-color-red-50);
181
181
  --navds-semantic-color-divider: var(--navds-global-color-gray-300);
182
182
  --navds-semantic-color-component-background-light: var(--navds-global-color-white);
183
183
  --navds-semantic-color-component-background-inverted: var(--navds-global-color-gray-900);
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 17 Jun 2022 08:07:43 GMT
3
+ * Generated on Wed, 29 Jun 2022 09:43:28 GMT
4
4
  */
5
5
 
6
6
  export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
@@ -137,20 +137,20 @@ export const NavdsSemanticColorComponentBackgroundAlternate = "rgba(247, 247, 24
137
137
  export const NavdsSemanticColorComponentBackgroundInverted = "rgba(38, 38, 38, 1)";
138
138
  export const NavdsSemanticColorComponentBackgroundLight = "rgba(255, 255, 255, 1)";
139
139
  export const NavdsSemanticColorDivider = "rgba(207, 207, 207, 1)";
140
- export const NavdsSemanticColorFeedbackDangerBackground = "rgba(249, 210, 204, 1)";
140
+ export const NavdsSemanticColorFeedbackDangerBackground = "rgba(253, 232, 230, 1)";
141
141
  export const NavdsSemanticColorFeedbackDangerBorder = "rgba(186, 58, 38, 1)";
142
142
  export const NavdsSemanticColorFeedbackDangerIcon = "rgba(186, 58, 38, 1)";
143
143
  export const NavdsSemanticColorFeedbackDangerText = "rgba(186, 58, 38, 1)";
144
- export const NavdsSemanticColorFeedbackInfoBackground = "rgba(216, 249, 255, 1)";
144
+ export const NavdsSemanticColorFeedbackInfoBackground = "rgba(235, 252, 255, 1)";
145
145
  export const NavdsSemanticColorFeedbackInfoBorder = "rgba(54, 141, 168, 1)";
146
146
  export const NavdsSemanticColorFeedbackInfoIcon = "rgba(54, 141, 168, 1)";
147
- export const NavdsSemanticColorFeedbackSuccessBackground = "rgba(204, 241, 214, 1)";
147
+ export const NavdsSemanticColorFeedbackSuccessBackground = "rgba(243, 252, 245, 1)";
148
148
  export const NavdsSemanticColorFeedbackSuccessBorder = "rgba(6, 137, 58, 1)";
149
149
  export const NavdsSemanticColorFeedbackSuccessIcon = "rgba(0, 124, 46, 1)";
150
- export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255, 236, 204, 1)";
150
+ export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255, 249, 240, 1)";
151
151
  export const NavdsSemanticColorFeedbackWarningBorder = "rgba(212, 123, 0, 1)";
152
152
  export const NavdsSemanticColorFeedbackWarningIcon = "rgba(212, 123, 0, 1)";
153
- export const NavdsSemanticColorFocusInverted = "rgba(204, 225, 255, 1)";
153
+ export const NavdsSemanticColorFocusInverted = "rgba(153, 195, 255, 1)";
154
154
  export const NavdsSemanticColorFocus = "rgba(0, 52, 125, 1)";
155
155
  export const NavdsSemanticColorInteractionDangerHover = "rgba(163, 42, 23, 1)";
156
156
  export const NavdsSemanticColorInteractionDangerSelected = "rgba(136, 29, 12, 1)";
@@ -170,7 +170,7 @@ export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -
170
170
  export const NavdsShadowLarge = "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)";
171
171
  export const NavdsShadowXlarge = "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)";
172
172
  export const NavdsShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
173
- export const NavdsShadowFocusInverted = "0 0 0 3px rgba(204, 225, 255, 1)";
173
+ export const NavdsShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
174
174
  export const NavdsSpacing1 = "0.25rem";
175
175
  export const NavdsSpacing2 = "0.5rem";
176
176
  export const NavdsSpacing3 = "0.75rem";
package/dist/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 17 Jun 2022 08:07:43 GMT
3
+ // Generated on Wed, 29 Jun 2022 09:43:28 GMT
4
4
 
5
5
  @navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  @navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -136,20 +136,20 @@
136
136
  @navds-semantic-color-component-background-inverted: rgba(38, 38, 38, 1);
137
137
  @navds-semantic-color-component-background-light: rgba(255, 255, 255, 1);
138
138
  @navds-semantic-color-divider: rgba(207, 207, 207, 1);
139
- @navds-semantic-color-feedback-danger-background: rgba(249, 210, 204, 1);
139
+ @navds-semantic-color-feedback-danger-background: rgba(253, 232, 230, 1);
140
140
  @navds-semantic-color-feedback-danger-border: rgba(186, 58, 38, 1);
141
141
  @navds-semantic-color-feedback-danger-icon: rgba(186, 58, 38, 1);
142
142
  @navds-semantic-color-feedback-danger-text: rgba(186, 58, 38, 1);
143
- @navds-semantic-color-feedback-info-background: rgba(216, 249, 255, 1);
143
+ @navds-semantic-color-feedback-info-background: rgba(235, 252, 255, 1);
144
144
  @navds-semantic-color-feedback-info-border: rgba(54, 141, 168, 1);
145
145
  @navds-semantic-color-feedback-info-icon: rgba(54, 141, 168, 1);
146
- @navds-semantic-color-feedback-success-background: rgba(204, 241, 214, 1);
146
+ @navds-semantic-color-feedback-success-background: rgba(243, 252, 245, 1);
147
147
  @navds-semantic-color-feedback-success-border: rgba(6, 137, 58, 1);
148
148
  @navds-semantic-color-feedback-success-icon: rgba(0, 124, 46, 1);
149
- @navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
149
+ @navds-semantic-color-feedback-warning-background: rgba(255, 249, 240, 1);
150
150
  @navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
151
151
  @navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
152
- @navds-semantic-color-focus-inverted: rgba(204, 225, 255, 1);
152
+ @navds-semantic-color-focus-inverted: rgba(153, 195, 255, 1);
153
153
  @navds-semantic-color-focus: rgba(0, 52, 125, 1);
154
154
  @navds-semantic-color-interaction-danger-hover: rgba(163, 42, 23, 1);
155
155
  @navds-semantic-color-interaction-danger-selected: rgba(136, 29, 12, 1);
@@ -169,7 +169,7 @@
169
169
  @navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
170
170
  @navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
171
171
  @navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
172
- @navds-shadow-focus-inverted: 0 0 0 3px rgba(204, 225, 255, 1);
172
+ @navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
173
173
  @navds-spacing-1: 0.25rem;
174
174
  @navds-spacing-2: 0.5rem;
175
175
  @navds-spacing-3: 0.75rem;
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Fri, 17 Jun 2022 08:07:43 GMT
3
+ // Generated on Wed, 29 Jun 2022 09:43:28 GMT
4
4
 
5
5
  $navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  $navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -136,20 +136,20 @@ $navds-semantic-color-component-background-alternate: rgba(247, 247, 247, 1);
136
136
  $navds-semantic-color-component-background-inverted: rgba(38, 38, 38, 1);
137
137
  $navds-semantic-color-component-background-light: rgba(255, 255, 255, 1);
138
138
  $navds-semantic-color-divider: rgba(207, 207, 207, 1);
139
- $navds-semantic-color-feedback-danger-background: rgba(249, 210, 204, 1);
139
+ $navds-semantic-color-feedback-danger-background: rgba(253, 232, 230, 1);
140
140
  $navds-semantic-color-feedback-danger-border: rgba(186, 58, 38, 1);
141
141
  $navds-semantic-color-feedback-danger-icon: rgba(186, 58, 38, 1);
142
142
  $navds-semantic-color-feedback-danger-text: rgba(186, 58, 38, 1);
143
- $navds-semantic-color-feedback-info-background: rgba(216, 249, 255, 1);
143
+ $navds-semantic-color-feedback-info-background: rgba(235, 252, 255, 1);
144
144
  $navds-semantic-color-feedback-info-border: rgba(54, 141, 168, 1);
145
145
  $navds-semantic-color-feedback-info-icon: rgba(54, 141, 168, 1);
146
- $navds-semantic-color-feedback-success-background: rgba(204, 241, 214, 1);
146
+ $navds-semantic-color-feedback-success-background: rgba(243, 252, 245, 1);
147
147
  $navds-semantic-color-feedback-success-border: rgba(6, 137, 58, 1);
148
148
  $navds-semantic-color-feedback-success-icon: rgba(0, 124, 46, 1);
149
- $navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
149
+ $navds-semantic-color-feedback-warning-background: rgba(255, 249, 240, 1);
150
150
  $navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
151
151
  $navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
152
- $navds-semantic-color-focus-inverted: rgba(204, 225, 255, 1);
152
+ $navds-semantic-color-focus-inverted: rgba(153, 195, 255, 1);
153
153
  $navds-semantic-color-focus: rgba(0, 52, 125, 1);
154
154
  $navds-semantic-color-interaction-danger-hover: rgba(163, 42, 23, 1);
155
155
  $navds-semantic-color-interaction-danger-selected: rgba(136, 29, 12, 1);
@@ -169,7 +169,7 @@ $navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0,
169
169
  $navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
170
170
  $navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
171
171
  $navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
172
- $navds-shadow-focus-inverted: 0 0 0 3px rgba(204, 225, 255, 1);
172
+ $navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
173
173
  $navds-spacing-1: 0.25rem;
174
174
  $navds-spacing-2: 0.5rem;
175
175
  $navds-spacing-3: 0.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "0.9.6",
3
+ "version": "0.9.7",
4
4
  "description": "Auto-generated design-tokens for NAV design-systems framework",
5
5
  "author": "NAV Designsystem team",
6
6
  "keywords": [
@@ -43,5 +43,5 @@
43
43
  "ts-node": "^10.3.0",
44
44
  "typescript": "^4.7.2"
45
45
  },
46
- "gitHead": "ef6c59702190089db9bd0dc386f240d2269d0f99"
46
+ "gitHead": "7596f3f5dc4c6d9faf919a06e7aa1408a6c98524"
47
47
  }
package/src/colors.json CHANGED
@@ -348,7 +348,7 @@
348
348
  "feedback": {
349
349
  "danger": {
350
350
  "background": {
351
- "value": "{navds.global.color.red.100.value}"
351
+ "value": "{navds.global.color.red.50.value}"
352
352
  },
353
353
  "border": {
354
354
  "value": "{navds.global.color.red.500.value}"
@@ -362,7 +362,7 @@
362
362
  },
363
363
  "info": {
364
364
  "background": {
365
- "value": "{navds.global.color.lightblue.100.value}"
365
+ "value": "{navds.global.color.lightblue.50.value}"
366
366
  },
367
367
  "border": {
368
368
  "value": "{navds.global.color.lightblue.700.value}"
@@ -373,7 +373,7 @@
373
373
  },
374
374
  "success": {
375
375
  "background": {
376
- "value": "{navds.global.color.green.100.value}"
376
+ "value": "{navds.global.color.green.50.value}"
377
377
  },
378
378
  "border": {
379
379
  "value": "{navds.global.color.green.500.value}"
@@ -384,7 +384,7 @@
384
384
  },
385
385
  "warning": {
386
386
  "background": {
387
- "value": "{navds.global.color.orange.100.value}"
387
+ "value": "{navds.global.color.orange.50.value}"
388
388
  },
389
389
  "border": {
390
390
  "value": "{navds.global.color.orange.600.value}"
@@ -396,7 +396,7 @@
396
396
  },
397
397
  "focus": {
398
398
  "inverted": {
399
- "value": "{navds.global.color.blue.100.value}"
399
+ "value": "{navds.global.color.blue.200.value}"
400
400
  },
401
401
  "@": {
402
402
  "value": "{navds.global.color.blue.800.value}"