@navikt/ds-tokens 0.8.2 → 0.8.5

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 (9) hide show
  1. package/dist/tokens-cjs.js +12 -6
  2. package/dist/tokens.css +12 -6
  3. package/dist/tokens.js +12 -6
  4. package/dist/tokens.less +12 -6
  5. package/dist/tokens.scss +12 -6
  6. package/package.json +2 -2
  7. package/src/border.json +13 -0
  8. package/src/index.js +1 -0
  9. 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 Wed, 23 Feb 2022 08:47:04 GMT
3
+ * Generated on Thu, 31 Mar 2022 10:47:09 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -29,6 +29,12 @@ module.exports = {
29
29
  "NavdsZIndexModal": 2000,
30
30
  "NavdsZIndexPopover": 1000,
31
31
  "NavdsZIndexFocus": 10,
32
+ "NavdsZIndexTooltip": 3000,
33
+ "NavdsBorderRadiusSmall": "2px",
34
+ "NavdsBorderRadiusMedium": "4px",
35
+ "NavdsBorderRadiusLarge": "8px",
36
+ "NavdsBorderRadiusXlarge": "12px",
37
+ "NavdsBorderRadiusFull": "9999px",
32
38
  "NavdsGlobalColorBlue50": "rgba(230, 240, 255, 1)",
33
39
  "NavdsGlobalColorBlue100": "rgba(204, 225, 255, 1)",
34
40
  "NavdsGlobalColorBlue200": "rgba(153, 195, 255, 1)",
@@ -159,11 +165,11 @@ module.exports = {
159
165
  "NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
160
166
  "NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
161
167
  "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)",
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)",
167
173
  "NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
168
174
  "NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
169
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 Wed, 23 Feb 2022 08:47:04 GMT
3
+ * Generated on Thu, 31 Mar 2022 10:47:09 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: 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);
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);
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);
@@ -121,6 +121,12 @@
121
121
  --navds-global-color-blue-200: rgba(153, 195, 255, 1);
122
122
  --navds-global-color-blue-100: rgba(204, 225, 255, 1);
123
123
  --navds-global-color-blue-50: rgba(230, 240, 255, 1);
124
+ --navds-border-radius-full: 9999px;
125
+ --navds-border-radius-xlarge: 12px;
126
+ --navds-border-radius-large: 8px;
127
+ --navds-border-radius-medium: 4px;
128
+ --navds-border-radius-small: 2px;
129
+ --navds-z-index-tooltip: 3000;
124
130
  --navds-z-index-focus: 10;
125
131
  --navds-z-index-popover: 1000;
126
132
  --navds-z-index-modal: 2000;
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 23 Feb 2022 08:47:04 GMT
3
+ * Generated on Thu, 31 Mar 2022 10:47:09 GMT
4
4
  */
5
5
 
6
6
  export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
@@ -28,6 +28,12 @@ export const NavdsFontWeightRegular = "400";
28
28
  export const NavdsZIndexModal = 2000;
29
29
  export const NavdsZIndexPopover = 1000;
30
30
  export const NavdsZIndexFocus = 10;
31
+ export const NavdsZIndexTooltip = 3000;
32
+ export const NavdsBorderRadiusSmall = "2px";
33
+ export const NavdsBorderRadiusMedium = "4px";
34
+ export const NavdsBorderRadiusLarge = "8px";
35
+ export const NavdsBorderRadiusXlarge = "12px";
36
+ export const NavdsBorderRadiusFull = "9999px";
31
37
  export const NavdsGlobalColorBlue50 = "rgba(230, 240, 255, 1)";
32
38
  export const NavdsGlobalColorBlue100 = "rgba(204, 225, 255, 1)";
33
39
  export const NavdsGlobalColorBlue200 = "rgba(153, 195, 255, 1)";
@@ -158,11 +164,11 @@ export const NavdsSemanticColorLink = "rgba(0, 103, 197, 1)";
158
164
  export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
159
165
  export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
160
166
  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)";
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)";
166
172
  export const NavdsShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
167
173
  export const NavdsShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
168
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 Wed, 23 Feb 2022 08:47:04 GMT
3
+ // Generated on Thu, 31 Mar 2022 10:47:09 GMT
4
4
 
5
5
  @navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  @navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -27,6 +27,12 @@
27
27
  @navds-z-index-modal: 2000;
28
28
  @navds-z-index-popover: 1000;
29
29
  @navds-z-index-focus: 10;
30
+ @navds-z-index-tooltip: 3000;
31
+ @navds-border-radius-small: 2px;
32
+ @navds-border-radius-medium: 4px;
33
+ @navds-border-radius-large: 8px;
34
+ @navds-border-radius-xlarge: 12px;
35
+ @navds-border-radius-full: 9999px;
30
36
  @navds-global-color-blue-50: rgba(230, 240, 255, 1);
31
37
  @navds-global-color-blue-100: rgba(204, 225, 255, 1);
32
38
  @navds-global-color-blue-200: rgba(153, 195, 255, 1);
@@ -157,11 +163,11 @@
157
163
  @navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
158
164
  @navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
159
165
  @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);
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);
165
171
  @navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
166
172
  @navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
167
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 Wed, 23 Feb 2022 08:47:04 GMT
3
+ // Generated on Thu, 31 Mar 2022 10:47:09 GMT
4
4
 
5
5
  $navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  $navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -27,6 +27,12 @@ $navds-font-weight-regular: 400;
27
27
  $navds-z-index-modal: 2000;
28
28
  $navds-z-index-popover: 1000;
29
29
  $navds-z-index-focus: 10;
30
+ $navds-z-index-tooltip: 3000;
31
+ $navds-border-radius-small: 2px;
32
+ $navds-border-radius-medium: 4px;
33
+ $navds-border-radius-large: 8px;
34
+ $navds-border-radius-xlarge: 12px;
35
+ $navds-border-radius-full: 9999px;
30
36
  $navds-global-color-blue-50: rgba(230, 240, 255, 1);
31
37
  $navds-global-color-blue-100: rgba(204, 225, 255, 1);
32
38
  $navds-global-color-blue-200: rgba(153, 195, 255, 1);
@@ -157,11 +163,11 @@ $navds-semantic-color-link: rgba(0, 103, 197, 1);
157
163
  $navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
158
164
  $navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
159
165
  $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);
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);
165
171
  $navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
166
172
  $navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
167
173
  $navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "0.8.2",
3
+ "version": "0.8.5",
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": "7c9b21495f14ddbbedf4dfa4396c9ef5b8e19b56"
44
+ "gitHead": "fcbd614a3444afa7fd07c0c133cc754206e5f106"
45
45
  }
package/src/border.json ADDED
@@ -0,0 +1,13 @@
1
+ {
2
+ "navds": {
3
+ "border": {
4
+ "radius": {
5
+ "small": { "value": "2px" },
6
+ "medium": { "value": "4px" },
7
+ "large": { "value": "8px" },
8
+ "xlarge": { "value": "12px" },
9
+ "full": { "value": "9999px" }
10
+ }
11
+ }
12
+ }
13
+ }
package/src/index.js CHANGED
@@ -43,6 +43,7 @@ module.exports = {
43
43
  modal: { value: 2000 },
44
44
  popover: { value: 1000 },
45
45
  focus: { value: 10 },
46
+ tooltip: { value: 3000 },
46
47
  },
47
48
  },
48
49
  };
package/src/shadow.json CHANGED
@@ -2,19 +2,19 @@
2
2
  "navds": {
3
3
  "shadow": {
4
4
  "xsmall": {
5
- "value": "0px 2px 1px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px 0px rgba(0, 0, 0, 0.1)"
5
+ "value": "0 1px 2px 0 rgba(0, 0, 0, 0.5)"
6
6
  },
7
7
  "small": {
8
- "value": "0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1)"
8
+ "value": "0 1px 2px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.1)"
9
9
  },
10
10
  "medium": {
11
- "value": "0px 4px 6px -4px rgba(0, 0, 0, 0.1) ,0px 10px 15px -3px rgba(0, 0, 0, 0.1)"
11
+ "value": "0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0, 0, 0, 0.1)"
12
12
  },
13
13
  "large": {
14
- "value": "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 20px 25px -5px rgba(0, 0, 0, 0.1)"
14
+ "value": "0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)"
15
15
  },
16
16
  "xlarge": {
17
- "value": "0px 8px 10px -6px rgba(0, 0, 0, 0.1), 0px 25px 50px -12px rgba(0, 0, 0, 0.25)"
17
+ "value": "0 8px 10px -6px rgba(0, 0, 0, 0.05), 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}"