@navikt/ds-tokens 0.8.4 → 0.8.7
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 +4 -3
- package/dist/tokens.css +3 -2
- package/dist/tokens.js +4 -3
- package/dist/tokens.less +4 -3
- package/dist/tokens.scss +4 -3
- package/package.json +2 -2
- package/src/colors.json +1 -1
- package/src/index.js +1 -0
package/dist/tokens-cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 04 Apr 2022 14:35:07 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)",
|
|
@@ -170,7 +171,7 @@ module.exports = {
|
|
|
170
171
|
"NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
|
|
171
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 Mon, 04 Apr 2022 14:35:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -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 Mon, 04 Apr 2022 14:35:07 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)";
|
|
@@ -169,7 +170,7 @@ export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px
|
|
|
169
170
|
export const NavdsShadowLarge = "0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1)";
|
|
170
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 Mon, 04 Apr 2022 14:35:07 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);
|
|
@@ -168,7 +169,7 @@
|
|
|
168
169
|
@navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
169
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 Mon, 04 Apr 2022 14:35:07 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);
|
|
@@ -168,7 +169,7 @@ $navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.05), 0 4px 6px -1px rgba(0,
|
|
|
168
169
|
$navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
169
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.7",
|
|
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": "2a468378ddcf2f729e25ec9ac51e1ebf3a8d9bab"
|
|
45
45
|
}
|
package/src/colors.json
CHANGED