@navikt/ds-tokens 0.8.3 → 0.8.6
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.
- package/dist/tokens-cjs.js +9 -8
- package/dist/tokens.css +8 -7
- package/dist/tokens.js +9 -8
- package/dist/tokens.less +9 -8
- package/dist/tokens.scss +9 -8
- package/package.json +2 -2
- package/src/colors.json +1 -1
- package/src/index.js +1 -0
- 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
|
|
3
|
+
* Generated on Fri, 01 Apr 2022 07:35:31 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -29,6 +29,7 @@ module.exports = {
|
|
|
29
29
|
"NavdsZIndexModal": 2000,
|
|
30
30
|
"NavdsZIndexPopover": 1000,
|
|
31
31
|
"NavdsZIndexFocus": 10,
|
|
32
|
+
"NavdsZIndexTooltip": 3000,
|
|
32
33
|
"NavdsBorderRadiusSmall": "2px",
|
|
33
34
|
"NavdsBorderRadiusMedium": "4px",
|
|
34
35
|
"NavdsBorderRadiusLarge": "8px",
|
|
@@ -150,7 +151,7 @@ module.exports = {
|
|
|
150
151
|
"NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 236, 204, 1)",
|
|
151
152
|
"NavdsSemanticColorFeedbackWarningBorder": "rgba(212, 123, 0, 1)",
|
|
152
153
|
"NavdsSemanticColorFeedbackWarningIcon": "rgba(255, 145, 0, 1)",
|
|
153
|
-
"NavdsSemanticColorFocusInverted": "rgba(
|
|
154
|
+
"NavdsSemanticColorFocusInverted": "rgba(102, 165, 244, 1)",
|
|
154
155
|
"NavdsSemanticColorFocus": "rgba(0, 52, 125, 1)",
|
|
155
156
|
"NavdsSemanticColorInteractionDangerHover": "rgba(163, 42, 23, 1)",
|
|
156
157
|
"NavdsSemanticColorInteractionDangerSelected": "rgba(136, 29, 12, 1)",
|
|
@@ -164,13 +165,13 @@ module.exports = {
|
|
|
164
165
|
"NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
|
|
165
166
|
"NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
|
|
166
167
|
"NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
|
|
167
|
-
"NavdsShadowXsmall": "
|
|
168
|
-
"NavdsShadowSmall": "
|
|
169
|
-
"NavdsShadowMedium": "
|
|
170
|
-
"NavdsShadowLarge": "
|
|
171
|
-
"NavdsShadowXlarge": "
|
|
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)",
|
|
172
173
|
"NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
|
|
173
|
-
"NavdsShadowFocusInverted": "0 0 0 3px rgba(
|
|
174
|
+
"NavdsShadowFocusInverted": "0 0 0 3px rgba(102, 165, 244, 1)",
|
|
174
175
|
"NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
|
|
175
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)",
|
|
176
177
|
"NavdsSpacing1": "0.25rem",
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 01 Apr 2022 07:35:31 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:
|
|
27
|
-
--navds-shadow-large:
|
|
28
|
-
--navds-shadow-medium:
|
|
29
|
-
--navds-shadow-small:
|
|
30
|
-
--navds-shadow-xsmall:
|
|
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);
|
|
@@ -126,6 +126,7 @@
|
|
|
126
126
|
--navds-border-radius-large: 8px;
|
|
127
127
|
--navds-border-radius-medium: 4px;
|
|
128
128
|
--navds-border-radius-small: 2px;
|
|
129
|
+
--navds-z-index-tooltip: 3000;
|
|
129
130
|
--navds-z-index-focus: 10;
|
|
130
131
|
--navds-z-index-popover: 1000;
|
|
131
132
|
--navds-z-index-modal: 2000;
|
|
@@ -165,7 +166,7 @@
|
|
|
165
166
|
--navds-semantic-color-interaction-danger-selected: var(--navds-global-color-red-700);
|
|
166
167
|
--navds-semantic-color-interaction-danger-hover: var(--navds-global-color-red-600);
|
|
167
168
|
--navds-semantic-color-focus: var(--navds-global-color-blue-800);
|
|
168
|
-
--navds-semantic-color-focus-inverted: var(--navds-global-color-blue-
|
|
169
|
+
--navds-semantic-color-focus-inverted: var(--navds-global-color-blue-300);
|
|
169
170
|
--navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-500);
|
|
170
171
|
--navds-semantic-color-feedback-warning-border: var(--navds-global-color-orange-600);
|
|
171
172
|
--navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-100);
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 01 Apr 2022 07:35:31 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
|
|
@@ -28,6 +28,7 @@ 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;
|
|
31
32
|
export const NavdsBorderRadiusSmall = "2px";
|
|
32
33
|
export const NavdsBorderRadiusMedium = "4px";
|
|
33
34
|
export const NavdsBorderRadiusLarge = "8px";
|
|
@@ -149,7 +150,7 @@ export const NavdsSemanticColorFeedbackSuccessIcon = "rgba(0, 124, 46, 1)";
|
|
|
149
150
|
export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255, 236, 204, 1)";
|
|
150
151
|
export const NavdsSemanticColorFeedbackWarningBorder = "rgba(212, 123, 0, 1)";
|
|
151
152
|
export const NavdsSemanticColorFeedbackWarningIcon = "rgba(255, 145, 0, 1)";
|
|
152
|
-
export const NavdsSemanticColorFocusInverted = "rgba(
|
|
153
|
+
export const NavdsSemanticColorFocusInverted = "rgba(102, 165, 244, 1)";
|
|
153
154
|
export const NavdsSemanticColorFocus = "rgba(0, 52, 125, 1)";
|
|
154
155
|
export const NavdsSemanticColorInteractionDangerHover = "rgba(163, 42, 23, 1)";
|
|
155
156
|
export const NavdsSemanticColorInteractionDangerSelected = "rgba(136, 29, 12, 1)";
|
|
@@ -163,13 +164,13 @@ export const NavdsSemanticColorLink = "rgba(0, 103, 197, 1)";
|
|
|
163
164
|
export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
|
|
164
165
|
export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
|
|
165
166
|
export const NavdsSemanticColorText = "rgba(38, 38, 38, 1)";
|
|
166
|
-
export const NavdsShadowXsmall = "
|
|
167
|
-
export const NavdsShadowSmall = "
|
|
168
|
-
export const NavdsShadowMedium = "
|
|
169
|
-
export const NavdsShadowLarge = "
|
|
170
|
-
export const NavdsShadowXlarge = "
|
|
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)";
|
|
171
172
|
export const NavdsShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
|
|
172
|
-
export const NavdsShadowFocusInverted = "0 0 0 3px rgba(
|
|
173
|
+
export const NavdsShadowFocusInverted = "0 0 0 3px rgba(102, 165, 244, 1)";
|
|
173
174
|
export const NavdsShadowPopover = "0 2px 4px 0 rgba(229, 229, 229, 1)";
|
|
174
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)";
|
|
175
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
|
|
3
|
+
// Generated on Fri, 01 Apr 2022 07:35:31 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,7 @@
|
|
|
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;
|
|
30
31
|
@navds-border-radius-small: 2px;
|
|
31
32
|
@navds-border-radius-medium: 4px;
|
|
32
33
|
@navds-border-radius-large: 8px;
|
|
@@ -148,7 +149,7 @@
|
|
|
148
149
|
@navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
|
|
149
150
|
@navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
|
|
150
151
|
@navds-semantic-color-feedback-warning-icon: rgba(255, 145, 0, 1);
|
|
151
|
-
@navds-semantic-color-focus-inverted: rgba(
|
|
152
|
+
@navds-semantic-color-focus-inverted: rgba(102, 165, 244, 1);
|
|
152
153
|
@navds-semantic-color-focus: rgba(0, 52, 125, 1);
|
|
153
154
|
@navds-semantic-color-interaction-danger-hover: rgba(163, 42, 23, 1);
|
|
154
155
|
@navds-semantic-color-interaction-danger-selected: rgba(136, 29, 12, 1);
|
|
@@ -162,13 +163,13 @@
|
|
|
162
163
|
@navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
|
|
163
164
|
@navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
|
|
164
165
|
@navds-semantic-color-text: rgba(38, 38, 38, 1);
|
|
165
|
-
@navds-shadow-xsmall:
|
|
166
|
-
@navds-shadow-small:
|
|
167
|
-
@navds-shadow-medium:
|
|
168
|
-
@navds-shadow-large:
|
|
169
|
-
@navds-shadow-xlarge:
|
|
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);
|
|
170
171
|
@navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
|
|
171
|
-
@navds-shadow-focus-inverted: 0 0 0 3px rgba(
|
|
172
|
+
@navds-shadow-focus-inverted: 0 0 0 3px rgba(102, 165, 244, 1);
|
|
172
173
|
@navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
|
|
173
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);
|
|
174
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
|
|
3
|
+
// Generated on Fri, 01 Apr 2022 07:35:31 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,7 @@ $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;
|
|
30
31
|
$navds-border-radius-small: 2px;
|
|
31
32
|
$navds-border-radius-medium: 4px;
|
|
32
33
|
$navds-border-radius-large: 8px;
|
|
@@ -148,7 +149,7 @@ $navds-semantic-color-feedback-success-icon: rgba(0, 124, 46, 1);
|
|
|
148
149
|
$navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
|
|
149
150
|
$navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
|
|
150
151
|
$navds-semantic-color-feedback-warning-icon: rgba(255, 145, 0, 1);
|
|
151
|
-
$navds-semantic-color-focus-inverted: rgba(
|
|
152
|
+
$navds-semantic-color-focus-inverted: rgba(102, 165, 244, 1);
|
|
152
153
|
$navds-semantic-color-focus: rgba(0, 52, 125, 1);
|
|
153
154
|
$navds-semantic-color-interaction-danger-hover: rgba(163, 42, 23, 1);
|
|
154
155
|
$navds-semantic-color-interaction-danger-selected: rgba(136, 29, 12, 1);
|
|
@@ -162,13 +163,13 @@ $navds-semantic-color-link: rgba(0, 103, 197, 1);
|
|
|
162
163
|
$navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
|
|
163
164
|
$navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
|
|
164
165
|
$navds-semantic-color-text: rgba(38, 38, 38, 1);
|
|
165
|
-
$navds-shadow-xsmall:
|
|
166
|
-
$navds-shadow-small:
|
|
167
|
-
$navds-shadow-medium:
|
|
168
|
-
$navds-shadow-large:
|
|
169
|
-
$navds-shadow-xlarge:
|
|
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);
|
|
170
171
|
$navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
|
|
171
|
-
$navds-shadow-focus-inverted: 0 0 0 3px rgba(
|
|
172
|
+
$navds-shadow-focus-inverted: 0 0 0 3px rgba(102, 165, 244, 1);
|
|
172
173
|
$navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
|
|
173
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);
|
|
174
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.
|
|
3
|
+
"version": "0.8.6",
|
|
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": "
|
|
44
|
+
"gitHead": "dd14eb272e1bb17a38f3d185ee87cb70a23e7ef0"
|
|
45
45
|
}
|
package/src/colors.json
CHANGED
package/src/index.js
CHANGED
package/src/shadow.json
CHANGED
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
"navds": {
|
|
3
3
|
"shadow": {
|
|
4
4
|
"xsmall": {
|
|
5
|
-
"value": "
|
|
5
|
+
"value": "0 1px 2px 0 rgba(0, 0, 0, 0.5)"
|
|
6
6
|
},
|
|
7
7
|
"small": {
|
|
8
|
-
"value": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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}"
|