@navikt/ds-tokens 0.8.5 → 0.8.8

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 +4 -4
  2. package/dist/tokens.css +3 -3
  3. package/dist/tokens.js +4 -4
  4. package/dist/tokens.less +4 -4
  5. package/dist/tokens.scss +4 -4
  6. package/package.json +2 -2
  7. package/src/colors.json +2 -2
package/dist/tokens-cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 31 Mar 2022 10:47:09 GMT
3
+ * Generated on Tue, 26 Apr 2022 12:44:45 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -129,7 +129,7 @@ module.exports = {
129
129
  "NavdsGlobalColorTransparent": "rgba(255, 255, 255, 0)",
130
130
  "NavdsGlobalColorWhite": "rgba(255, 255, 255, 1)",
131
131
  "NavdsSemanticColorBorderInverted": "rgba(229, 229, 229, 1)",
132
- "NavdsSemanticColorBorderMuted": "rgba(176, 176, 176, 1)",
132
+ "NavdsSemanticColorBorderMuted": "rgba(143, 143, 143, 1)",
133
133
  "NavdsSemanticColorBorder": "rgba(112, 112, 112, 1)",
134
134
  "NavdsSemanticColorCanvasBackgroundInverted": "rgba(38, 38, 38, 1)",
135
135
  "NavdsSemanticColorCanvasBackgroundLight": "rgba(255, 255, 255, 1)",
@@ -151,7 +151,7 @@ module.exports = {
151
151
  "NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 236, 204, 1)",
152
152
  "NavdsSemanticColorFeedbackWarningBorder": "rgba(212, 123, 0, 1)",
153
153
  "NavdsSemanticColorFeedbackWarningIcon": "rgba(255, 145, 0, 1)",
154
- "NavdsSemanticColorFocusInverted": "rgba(153, 195, 255, 1)",
154
+ "NavdsSemanticColorFocusInverted": "rgba(102, 165, 244, 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.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
172
172
  "NavdsShadowXlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.05), 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(153, 195, 255, 1)",
174
+ "NavdsShadowFocusInverted": "0 0 0 3px rgba(102, 165, 244, 1)",
175
175
  "NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
176
176
  "NavdsShadowCard": "0 1px 3px 0 rgba(38,38,38,0.2),0 2px 1px 0 rgba(38,38,38,0.12),0 1px 1px 0 rgba(38,38,38,0.14)",
177
177
  "NavdsSpacing1": "0.25rem",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 31 Mar 2022 10:47:09 GMT
3
+ * Generated on Tue, 26 Apr 2022 12:44:45 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -166,7 +166,7 @@
166
166
  --navds-semantic-color-interaction-danger-selected: var(--navds-global-color-red-700);
167
167
  --navds-semantic-color-interaction-danger-hover: var(--navds-global-color-red-600);
168
168
  --navds-semantic-color-focus: var(--navds-global-color-blue-800);
169
- --navds-semantic-color-focus-inverted: var(--navds-global-color-blue-200);
169
+ --navds-semantic-color-focus-inverted: var(--navds-global-color-blue-300);
170
170
  --navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-500);
171
171
  --navds-semantic-color-feedback-warning-border: var(--navds-global-color-orange-600);
172
172
  --navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-100);
@@ -188,7 +188,7 @@
188
188
  --navds-semantic-color-canvas-background-light: var(--navds-global-color-white);
189
189
  --navds-semantic-color-canvas-background-inverted: var(--navds-global-color-gray-900);
190
190
  --navds-semantic-color-border: var(--navds-global-color-gray-600);
191
- --navds-semantic-color-border-muted: var(--navds-global-color-gray-400);
191
+ --navds-semantic-color-border-muted: var(--navds-global-color-gray-500);
192
192
  --navds-semantic-color-border-inverted: var(--navds-global-color-gray-200);
193
193
  --navds-shadow-focus-inverted: 0 0 0 3px var(--navds-semantic-color-focus-inverted);
194
194
  --navds-shadow-focus: 0 0 0 3px var(--navds-semantic-color-focus);
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 31 Mar 2022 10:47:09 GMT
3
+ * Generated on Tue, 26 Apr 2022 12:44:45 GMT
4
4
  */
5
5
 
6
6
  export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
@@ -128,7 +128,7 @@ export const NavdsGlobalColorRed900 = "rgba(72, 9, 0, 1)";
128
128
  export const NavdsGlobalColorTransparent = "rgba(255, 255, 255, 0)";
129
129
  export const NavdsGlobalColorWhite = "rgba(255, 255, 255, 1)";
130
130
  export const NavdsSemanticColorBorderInverted = "rgba(229, 229, 229, 1)";
131
- export const NavdsSemanticColorBorderMuted = "rgba(176, 176, 176, 1)";
131
+ export const NavdsSemanticColorBorderMuted = "rgba(143, 143, 143, 1)";
132
132
  export const NavdsSemanticColorBorder = "rgba(112, 112, 112, 1)";
133
133
  export const NavdsSemanticColorCanvasBackgroundInverted = "rgba(38, 38, 38, 1)";
134
134
  export const NavdsSemanticColorCanvasBackgroundLight = "rgba(255, 255, 255, 1)";
@@ -150,7 +150,7 @@ export const NavdsSemanticColorFeedbackSuccessIcon = "rgba(0, 124, 46, 1)";
150
150
  export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255, 236, 204, 1)";
151
151
  export const NavdsSemanticColorFeedbackWarningBorder = "rgba(212, 123, 0, 1)";
152
152
  export const NavdsSemanticColorFeedbackWarningIcon = "rgba(255, 145, 0, 1)";
153
- export const NavdsSemanticColorFocusInverted = "rgba(153, 195, 255, 1)";
153
+ export const NavdsSemanticColorFocusInverted = "rgba(102, 165, 244, 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.05), 0 4px 6px
170
170
  export const NavdsShadowLarge = "0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)";
171
171
  export const NavdsShadowXlarge = "0 8px 10px -6px rgba(0, 0, 0, 0.05), 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(153, 195, 255, 1)";
173
+ export const NavdsShadowFocusInverted = "0 0 0 3px rgba(102, 165, 244, 1)";
174
174
  export const NavdsShadowPopover = "0 2px 4px 0 rgba(229, 229, 229, 1)";
175
175
  export const NavdsShadowCard = "0 1px 3px 0 rgba(38,38,38,0.2),0 2px 1px 0 rgba(38,38,38,0.12),0 1px 1px 0 rgba(38,38,38,0.14)";
176
176
  export const NavdsSpacing1 = "0.25rem";
package/dist/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 31 Mar 2022 10:47:09 GMT
3
+ // Generated on Tue, 26 Apr 2022 12:44:45 GMT
4
4
 
5
5
  @navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  @navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -127,7 +127,7 @@
127
127
  @navds-global-color-transparent: rgba(255, 255, 255, 0);
128
128
  @navds-global-color-white: rgba(255, 255, 255, 1);
129
129
  @navds-semantic-color-border-inverted: rgba(229, 229, 229, 1);
130
- @navds-semantic-color-border-muted: rgba(176, 176, 176, 1);
130
+ @navds-semantic-color-border-muted: rgba(143, 143, 143, 1);
131
131
  @navds-semantic-color-border: rgba(112, 112, 112, 1);
132
132
  @navds-semantic-color-canvas-background-inverted: rgba(38, 38, 38, 1);
133
133
  @navds-semantic-color-canvas-background-light: rgba(255, 255, 255, 1);
@@ -149,7 +149,7 @@
149
149
  @navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
150
150
  @navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
151
151
  @navds-semantic-color-feedback-warning-icon: rgba(255, 145, 0, 1);
152
- @navds-semantic-color-focus-inverted: rgba(153, 195, 255, 1);
152
+ @navds-semantic-color-focus-inverted: rgba(102, 165, 244, 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.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
170
170
  @navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.05), 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(153, 195, 255, 1);
172
+ @navds-shadow-focus-inverted: 0 0 0 3px rgba(102, 165, 244, 1);
173
173
  @navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
174
174
  @navds-shadow-card: 0 1px 3px 0 rgba(38,38,38,0.2),0 2px 1px 0 rgba(38,38,38,0.12),0 1px 1px 0 rgba(38,38,38,0.14);
175
175
  @navds-spacing-1: 0.25rem;
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 31 Mar 2022 10:47:09 GMT
3
+ // Generated on Tue, 26 Apr 2022 12:44:45 GMT
4
4
 
5
5
  $navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  $navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -127,7 +127,7 @@ $navds-global-color-red-900: rgba(72, 9, 0, 1);
127
127
  $navds-global-color-transparent: rgba(255, 255, 255, 0);
128
128
  $navds-global-color-white: rgba(255, 255, 255, 1);
129
129
  $navds-semantic-color-border-inverted: rgba(229, 229, 229, 1);
130
- $navds-semantic-color-border-muted: rgba(176, 176, 176, 1);
130
+ $navds-semantic-color-border-muted: rgba(143, 143, 143, 1);
131
131
  $navds-semantic-color-border: rgba(112, 112, 112, 1);
132
132
  $navds-semantic-color-canvas-background-inverted: rgba(38, 38, 38, 1);
133
133
  $navds-semantic-color-canvas-background-light: rgba(255, 255, 255, 1);
@@ -149,7 +149,7 @@ $navds-semantic-color-feedback-success-icon: rgba(0, 124, 46, 1);
149
149
  $navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
150
150
  $navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
151
151
  $navds-semantic-color-feedback-warning-icon: rgba(255, 145, 0, 1);
152
- $navds-semantic-color-focus-inverted: rgba(153, 195, 255, 1);
152
+ $navds-semantic-color-focus-inverted: rgba(102, 165, 244, 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.05), 0 4px 6px -1px rgba(0,
169
169
  $navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
170
170
  $navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.05), 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(153, 195, 255, 1);
172
+ $navds-shadow-focus-inverted: 0 0 0 3px rgba(102, 165, 244, 1);
173
173
  $navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
174
174
  $navds-shadow-card: 0 1px 3px 0 rgba(38,38,38,0.2),0 2px 1px 0 rgba(38,38,38,0.12),0 1px 1px 0 rgba(38,38,38,0.14);
175
175
  $navds-spacing-1: 0.25rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "0.8.5",
3
+ "version": "0.8.8",
4
4
  "private": false,
5
5
  "description": "Auto-generated design-tokens for NAV design-systems framework",
6
6
  "author": "NAV Designsystem team",
@@ -41,5 +41,5 @@
41
41
  "ts-jest": "^27.0.5",
42
42
  "ts-node": "^10.3.0"
43
43
  },
44
- "gitHead": "fcbd614a3444afa7fd07c0c133cc754206e5f106"
44
+ "gitHead": "56642ed7b59629d46254655d7c5453c19e76568a"
45
45
  }
package/src/colors.json CHANGED
@@ -310,7 +310,7 @@
310
310
  "value": "{navds.global.color.gray.200.value}"
311
311
  },
312
312
  "muted": {
313
- "value": "{navds.global.color.gray.400.value}"
313
+ "value": "{navds.global.color.gray.500.value}"
314
314
  },
315
315
  "@": {
316
316
  "value": "{navds.global.color.gray.600.value}"
@@ -396,7 +396,7 @@
396
396
  },
397
397
  "focus": {
398
398
  "inverted": {
399
- "value": "{navds.global.color.blue.200.value}"
399
+ "value": "{navds.global.color.blue.300.value}"
400
400
  },
401
401
  "@": {
402
402
  "value": "{navds.global.color.blue.800.value}"