@navikt/ds-tokens 0.8.8 → 0.9.2

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 (8) hide show
  1. package/dist/tokens-cjs.js +7 -7
  2. package/dist/tokens.css +7 -7
  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 +6 -4
  7. package/src/colors.json +1 -1
  8. package/src/shadow.json +5 -5
package/dist/tokens-cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Apr 2022 12:44:45 GMT
3
+ * Generated on Wed, 08 Jun 2022 10:35:59 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -150,7 +150,7 @@ module.exports = {
150
150
  "NavdsSemanticColorFeedbackSuccessIcon": "rgba(0, 124, 46, 1)",
151
151
  "NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 236, 204, 1)",
152
152
  "NavdsSemanticColorFeedbackWarningBorder": "rgba(212, 123, 0, 1)",
153
- "NavdsSemanticColorFeedbackWarningIcon": "rgba(255, 145, 0, 1)",
153
+ "NavdsSemanticColorFeedbackWarningIcon": "rgba(212, 123, 0, 1)",
154
154
  "NavdsSemanticColorFocusInverted": "rgba(102, 165, 244, 1)",
155
155
  "NavdsSemanticColorFocus": "rgba(0, 52, 125, 1)",
156
156
  "NavdsSemanticColorInteractionDangerHover": "rgba(163, 42, 23, 1)",
@@ -165,11 +165,11 @@ module.exports = {
165
165
  "NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
166
166
  "NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
167
167
  "NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
168
- "NavdsShadowXsmall": "0 1px 2px 0 rgba(0, 0, 0, 0.5)",
169
- "NavdsShadowSmall": "0 1px 2px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1)",
170
- "NavdsShadowMedium": "0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
171
- "NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
172
- "NavdsShadowXlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.05), 0 25px 50px -5px rgba(0, 0, 0, 0.1)",
168
+ "NavdsShadowXsmall": "0 1px 2px 0 rgba(0, 0, 0, 0.12)",
169
+ "NavdsShadowSmall": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)",
170
+ "NavdsShadowMedium": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
171
+ "NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
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
174
  "NavdsShadowFocusInverted": "0 0 0 3px rgba(102, 165, 244, 1)",
175
175
  "NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Apr 2022 12:44:45 GMT
3
+ * Generated on Wed, 08 Jun 2022 10:35:59 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -23,11 +23,11 @@
23
23
  --navds-spacing-2: 0.5rem;
24
24
  --navds-spacing-1: 0.25rem;
25
25
  --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);
26
- --navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.05), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
27
- --navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
28
- --navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
29
- --navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
30
- --navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
26
+ --navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
27
+ --navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
28
+ --navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
29
+ --navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
30
+ --navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
31
31
  --navds-global-color-white: rgba(255, 255, 255, 1);
32
32
  --navds-global-color-transparent: rgba(255, 255, 255, 0);
33
33
  --navds-global-color-red-900: rgba(72, 9, 0, 1);
@@ -167,7 +167,7 @@
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
169
  --navds-semantic-color-focus-inverted: var(--navds-global-color-blue-300);
170
- --navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-500);
170
+ --navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-600);
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);
173
173
  --navds-semantic-color-feedback-success-icon: var(--navds-global-color-green-600);
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 26 Apr 2022 12:44:45 GMT
3
+ * Generated on Wed, 08 Jun 2022 10:35:59 GMT
4
4
  */
5
5
 
6
6
  export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
@@ -149,7 +149,7 @@ export const NavdsSemanticColorFeedbackSuccessBorder = "rgba(6, 137, 58, 1)";
149
149
  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
- export const NavdsSemanticColorFeedbackWarningIcon = "rgba(255, 145, 0, 1)";
152
+ export const NavdsSemanticColorFeedbackWarningIcon = "rgba(212, 123, 0, 1)";
153
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)";
@@ -164,11 +164,11 @@ export const NavdsSemanticColorLink = "rgba(0, 103, 197, 1)";
164
164
  export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
165
165
  export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
166
166
  export const NavdsSemanticColorText = "rgba(38, 38, 38, 1)";
167
- export const NavdsShadowXsmall = "0 1px 2px 0 rgba(0, 0, 0, 0.5)";
168
- export const NavdsShadowSmall = "0 1px 2px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1)";
169
- export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)";
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
- export const NavdsShadowXlarge = "0 8px 10px -6px rgba(0, 0, 0, 0.05), 0 25px 50px -5px rgba(0, 0, 0, 0.1)";
167
+ export const NavdsShadowXsmall = "0 1px 2px 0 rgba(0, 0, 0, 0.12)";
168
+ export const NavdsShadowSmall = "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)";
169
+ export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)";
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
+ 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
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)";
package/dist/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 26 Apr 2022 12:44:45 GMT
3
+ // Generated on Wed, 08 Jun 2022 10:35:59 GMT
4
4
 
5
5
  @navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  @navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -148,7 +148,7 @@
148
148
  @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
- @navds-semantic-color-feedback-warning-icon: rgba(255, 145, 0, 1);
151
+ @navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
152
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);
@@ -163,11 +163,11 @@
163
163
  @navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
164
164
  @navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
165
165
  @navds-semantic-color-text: rgba(38, 38, 38, 1);
166
- @navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
167
- @navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
168
- @navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
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
- @navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.05), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
166
+ @navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
167
+ @navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
168
+ @navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
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
+ @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
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);
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 26 Apr 2022 12:44:45 GMT
3
+ // Generated on Wed, 08 Jun 2022 10:35:59 GMT
4
4
 
5
5
  $navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  $navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -148,7 +148,7 @@ $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
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
- $navds-semantic-color-feedback-warning-icon: rgba(255, 145, 0, 1);
151
+ $navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
152
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);
@@ -163,11 +163,11 @@ $navds-semantic-color-link: rgba(0, 103, 197, 1);
163
163
  $navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
164
164
  $navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
165
165
  $navds-semantic-color-text: rgba(38, 38, 38, 1);
166
- $navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
167
- $navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
168
- $navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
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
- $navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.05), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
166
+ $navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
167
+ $navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
168
+ $navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
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
+ $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
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);
package/package.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "0.8.8",
4
- "private": false,
3
+ "version": "0.9.2",
5
4
  "description": "Auto-generated design-tokens for NAV design-systems framework",
6
5
  "author": "NAV Designsystem team",
7
6
  "keywords": [
@@ -31,7 +30,9 @@
31
30
  },
32
31
  "devDependencies": {
33
32
  "@types/jest": "^27.0.1",
33
+ "@types/node": "^17.0.35",
34
34
  "axios": "^0.21.3",
35
+ "color": "4.2.3",
35
36
  "dotenv": "^10.0.0",
36
37
  "figma-api": "^1.7.0",
37
38
  "jest": "^27.2.0",
@@ -39,7 +40,8 @@
39
40
  "nodemon": "^2.0.12",
40
41
  "style-dictionary": "^3.0.2",
41
42
  "ts-jest": "^27.0.5",
42
- "ts-node": "^10.3.0"
43
+ "ts-node": "^10.3.0",
44
+ "typescript": "^4.7.2"
43
45
  },
44
- "gitHead": "56642ed7b59629d46254655d7c5453c19e76568a"
46
+ "gitHead": "035f4e937ada8a9f8ed9836116024596a271ab4f"
45
47
  }
package/src/colors.json CHANGED
@@ -390,7 +390,7 @@
390
390
  "value": "{navds.global.color.orange.600.value}"
391
391
  },
392
392
  "icon": {
393
- "value": "{navds.global.color.orange.500.value}"
393
+ "value": "{navds.global.color.orange.600.value}"
394
394
  }
395
395
  }
396
396
  },
package/src/shadow.json CHANGED
@@ -2,19 +2,19 @@
2
2
  "navds": {
3
3
  "shadow": {
4
4
  "xsmall": {
5
- "value": "0 1px 2px 0 rgba(0, 0, 0, 0.5)"
5
+ "value": "0 1px 2px 0 rgba(0, 0, 0, 0.12)"
6
6
  },
7
7
  "small": {
8
- "value": "0 1px 2px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1)"
8
+ "value": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)"
9
9
  },
10
10
  "medium": {
11
- "value": "0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)"
11
+ "value": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)"
12
12
  },
13
13
  "large": {
14
- "value": "0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)"
14
+ "value": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)"
15
15
  },
16
16
  "xlarge": {
17
- "value": "0 8px 10px -6px rgba(0, 0, 0, 0.05), 0 25px 50px -5px rgba(0, 0, 0, 0.1)"
17
+ "value": "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)"
18
18
  },
19
19
  "focus": {
20
20
  "value": "0 0 0 3px {navds.semantic.color.focus.@.value}"