@navikt/ds-tokens 0.8.1 → 0.8.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 +10 -5
  2. package/dist/tokens.css +8 -3
  3. package/dist/tokens.js +10 -5
  4. package/dist/tokens.less +10 -5
  5. package/dist/tokens.scss +10 -5
  6. package/package.json +2 -2
  7. package/src/index.js +0 -13
  8. package/src/shadow.json +33 -0
package/dist/tokens-cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Feb 2022 12:30:11 GMT
3
+ * Generated on Wed, 23 Feb 2022 08:47:04 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -26,10 +26,6 @@ module.exports = {
26
26
  "NavdsFontSizeSmall": "0.875rem",
27
27
  "NavdsFontWeightBold": "600",
28
28
  "NavdsFontWeightRegular": "400",
29
- "NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
30
- "NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
31
- "NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
32
- "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)",
33
29
  "NavdsZIndexModal": 2000,
34
30
  "NavdsZIndexPopover": 1000,
35
31
  "NavdsZIndexFocus": 10,
@@ -163,6 +159,15 @@ module.exports = {
163
159
  "NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
164
160
  "NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
165
161
  "NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
162
+ "NavdsShadowXsmall": "0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)",
163
+ "NavdsShadowSmall": "0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1)",
164
+ "NavdsShadowMedium": "0px 4px 6px -4px rgba(0, 0, 0, 0.1) ,0px 10px 15px -3px rgba(0, 0, 0, 0.1)",
165
+ "NavdsShadowLarge": "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1)",
166
+ "NavdsShadowXlarge": "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.25)",
167
+ "NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
168
+ "NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
169
+ "NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
170
+ "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)",
166
171
  "NavdsSpacing1": "0.25rem",
167
172
  "NavdsSpacing2": "0.5rem",
168
173
  "NavdsSpacing3": "0.75rem",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Feb 2022 12:30:11 GMT
3
+ * Generated on Wed, 23 Feb 2022 08:47:04 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -22,6 +22,12 @@
22
22
  --navds-spacing-3: 0.75rem;
23
23
  --navds-spacing-2: 0.5rem;
24
24
  --navds-spacing-1: 0.25rem;
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: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
27
+ --navds-shadow-large: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
28
+ --navds-shadow-medium: 0px 4px 6px -4px rgba(0, 0, 0, 0.1) ,0px 10px 15px -3px rgba(0, 0, 0, 0.1);
29
+ --navds-shadow-small: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
30
+ --navds-shadow-xsmall: 0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
25
31
  --navds-global-color-white: rgba(255, 255, 255, 1);
26
32
  --navds-global-color-transparent: rgba(255, 255, 255, 0);
27
33
  --navds-global-color-red-900: rgba(72, 9, 0, 1);
@@ -118,7 +124,6 @@
118
124
  --navds-z-index-focus: 10;
119
125
  --navds-z-index-popover: 1000;
120
126
  --navds-z-index-modal: 2000;
121
- --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);
122
127
  --navds-font-weight-regular: 400;
123
128
  --navds-font-weight-bold: 600;
124
129
  --navds-font-size-small: 0.875rem;
@@ -141,6 +146,7 @@
141
146
  --navds-font-line-height-heading-xlarge: 2.5rem;
142
147
  --navds-font-line-height-heading-2xlarge: 3.25rem;
143
148
  --navds-font-family: "Source Sans Pro", Arial, sans-serif;
149
+ --navds-shadow-popover: 0 2px 4px 0 var(--navds-global-color-gray-200);
144
150
  --navds-semantic-color-text: var(--navds-global-color-gray-900);
145
151
  --navds-semantic-color-text-muted: var(--navds-global-color-gray-600);
146
152
  --navds-semantic-color-text-inverted: var(--navds-global-color-white);
@@ -178,7 +184,6 @@
178
184
  --navds-semantic-color-border: var(--navds-global-color-gray-600);
179
185
  --navds-semantic-color-border-muted: var(--navds-global-color-gray-400);
180
186
  --navds-semantic-color-border-inverted: var(--navds-global-color-gray-200);
181
- --navds-shadow-popover: 0 2px 4px 0 var(--navds-global-color-gray-200);
182
187
  --navds-shadow-focus-inverted: 0 0 0 3px var(--navds-semantic-color-focus-inverted);
183
188
  --navds-shadow-focus: 0 0 0 3px var(--navds-semantic-color-focus);
184
189
  }
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 07 Feb 2022 12:30:11 GMT
3
+ * Generated on Wed, 23 Feb 2022 08:47:04 GMT
4
4
  */
5
5
 
6
6
  export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
@@ -25,10 +25,6 @@ export const NavdsFontSizeMedium = "1rem";
25
25
  export const NavdsFontSizeSmall = "0.875rem";
26
26
  export const NavdsFontWeightBold = "600";
27
27
  export const NavdsFontWeightRegular = "400";
28
- export const NavdsShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
29
- export const NavdsShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
30
- export const NavdsShadowPopover = "0 2px 4px 0 rgba(229, 229, 229, 1)";
31
- 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)";
32
28
  export const NavdsZIndexModal = 2000;
33
29
  export const NavdsZIndexPopover = 1000;
34
30
  export const NavdsZIndexFocus = 10;
@@ -162,6 +158,15 @@ export const NavdsSemanticColorLink = "rgba(0, 103, 197, 1)";
162
158
  export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
163
159
  export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
164
160
  export const NavdsSemanticColorText = "rgba(38, 38, 38, 1)";
161
+ export const NavdsShadowXsmall = "0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)";
162
+ export const NavdsShadowSmall = "0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1)";
163
+ export const NavdsShadowMedium = "0px 4px 6px -4px rgba(0, 0, 0, 0.1) ,0px 10px 15px -3px rgba(0, 0, 0, 0.1)";
164
+ export const NavdsShadowLarge = "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1)";
165
+ export const NavdsShadowXlarge = "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.25)";
166
+ export const NavdsShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
167
+ export const NavdsShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
168
+ export const NavdsShadowPopover = "0 2px 4px 0 rgba(229, 229, 229, 1)";
169
+ 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)";
165
170
  export const NavdsSpacing1 = "0.25rem";
166
171
  export const NavdsSpacing2 = "0.5rem";
167
172
  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 Mon, 07 Feb 2022 12:30:11 GMT
3
+ // Generated on Wed, 23 Feb 2022 08:47:04 GMT
4
4
 
5
5
  @navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  @navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -24,10 +24,6 @@
24
24
  @navds-font-size-small: 0.875rem;
25
25
  @navds-font-weight-bold: 600;
26
26
  @navds-font-weight-regular: 400;
27
- @navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
28
- @navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
29
- @navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
30
- @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);
31
27
  @navds-z-index-modal: 2000;
32
28
  @navds-z-index-popover: 1000;
33
29
  @navds-z-index-focus: 10;
@@ -161,6 +157,15 @@
161
157
  @navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
162
158
  @navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
163
159
  @navds-semantic-color-text: rgba(38, 38, 38, 1);
160
+ @navds-shadow-xsmall: 0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
161
+ @navds-shadow-small: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
162
+ @navds-shadow-medium: 0px 4px 6px -4px rgba(0, 0, 0, 0.1) ,0px 10px 15px -3px rgba(0, 0, 0, 0.1);
163
+ @navds-shadow-large: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
164
+ @navds-shadow-xlarge: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
165
+ @navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
166
+ @navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
167
+ @navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
168
+ @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);
164
169
  @navds-spacing-1: 0.25rem;
165
170
  @navds-spacing-2: 0.5rem;
166
171
  @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 Mon, 07 Feb 2022 12:30:11 GMT
3
+ // Generated on Wed, 23 Feb 2022 08:47:04 GMT
4
4
 
5
5
  $navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  $navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -24,10 +24,6 @@ $navds-font-size-medium: 1rem;
24
24
  $navds-font-size-small: 0.875rem;
25
25
  $navds-font-weight-bold: 600;
26
26
  $navds-font-weight-regular: 400;
27
- $navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
28
- $navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
29
- $navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
30
- $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);
31
27
  $navds-z-index-modal: 2000;
32
28
  $navds-z-index-popover: 1000;
33
29
  $navds-z-index-focus: 10;
@@ -161,6 +157,15 @@ $navds-semantic-color-link: rgba(0, 103, 197, 1);
161
157
  $navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
162
158
  $navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
163
159
  $navds-semantic-color-text: rgba(38, 38, 38, 1);
160
+ $navds-shadow-xsmall: 0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
161
+ $navds-shadow-small: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
162
+ $navds-shadow-medium: 0px 4px 6px -4px rgba(0, 0, 0, 0.1) ,0px 10px 15px -3px rgba(0, 0, 0, 0.1);
163
+ $navds-shadow-large: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
164
+ $navds-shadow-xlarge: 0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
165
+ $navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
166
+ $navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
167
+ $navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
168
+ $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);
164
169
  $navds-spacing-1: 0.25rem;
165
170
  $navds-spacing-2: 0.5rem;
166
171
  $navds-spacing-3: 0.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "0.8.1",
3
+ "version": "0.8.2",
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": "1148825a993da0187585a3ad9e521bba19a2940c"
44
+ "gitHead": "7c9b21495f14ddbbedf4dfa4396c9ef5b8e19b56"
45
45
  }
package/src/index.js CHANGED
@@ -39,19 +39,6 @@ module.exports = {
39
39
  regular: { value: "400" },
40
40
  },
41
41
  },
42
- shadow: {
43
- focus: { value: "0 0 0 3px {navds.semantic.color.focus.@.value}" },
44
- "focus-inverted": {
45
- value: "0 0 0 3px {navds.semantic.color.focus.inverted.value}",
46
- },
47
- popover: {
48
- value: "0 2px 4px 0 {navds.global.color.gray.200.value}",
49
- },
50
- card: {
51
- value:
52
- "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)",
53
- },
54
- },
55
42
  "z-index": {
56
43
  modal: { value: 2000 },
57
44
  popover: { value: 1000 },
package/src/shadow.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "navds": {
3
+ "shadow": {
4
+ "xsmall": {
5
+ "value": "0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)"
6
+ },
7
+ "small": {
8
+ "value": "0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1)"
9
+ },
10
+ "medium": {
11
+ "value": "0px 4px 6px -4px rgba(0, 0, 0, 0.1) ,0px 10px 15px -3px rgba(0, 0, 0, 0.1)"
12
+ },
13
+ "large": {
14
+ "value": "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1)"
15
+ },
16
+ "xlarge": {
17
+ "value": "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.25)"
18
+ },
19
+ "focus": {
20
+ "value": "0 0 0 3px {navds.semantic.color.focus.@.value}"
21
+ },
22
+ "focus-inverted": {
23
+ "value": "0 0 0 3px {navds.semantic.color.focus.inverted.value}"
24
+ },
25
+ "popover": {
26
+ "value": "0 2px 4px 0 {navds.global.color.gray.200.value}"
27
+ },
28
+ "card": {
29
+ "value": "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)"
30
+ }
31
+ }
32
+ }
33
+ }