@navikt/ds-tokens 0.7.1 → 0.8.0
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 +14 -11
- package/dist/tokens.css +8 -5
- package/dist/tokens.js +14 -11
- package/dist/tokens.less +14 -11
- package/dist/tokens.scss +14 -11
- package/package.json +2 -2
- package/src/colors.json +13 -4
package/dist/tokens-cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 27 Jan 2022 09:52:32 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -28,7 +28,7 @@ module.exports = {
|
|
|
28
28
|
"NavdsFontWeightRegular": "400",
|
|
29
29
|
"NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
|
|
30
30
|
"NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
|
|
31
|
-
"NavdsShadowPopover": "0 2px 4px 0 rgba(
|
|
31
|
+
"NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
|
|
32
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
33
|
"NavdsZIndexModal": 2000,
|
|
34
34
|
"NavdsZIndexPopover": 1000,
|
|
@@ -55,10 +55,13 @@ module.exports = {
|
|
|
55
55
|
"NavdsGlobalColorDeepblue900": "rgba(0, 36, 58, 1)",
|
|
56
56
|
"NavdsGlobalColorGray50": "rgba(247, 247, 247, 1)",
|
|
57
57
|
"NavdsGlobalColorGray100": "rgba(241, 241, 241, 1)",
|
|
58
|
-
"NavdsGlobalColorGray200": "rgba(
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
58
|
+
"NavdsGlobalColorGray200": "rgba(229, 229, 229, 1)",
|
|
59
|
+
"NavdsGlobalColorGray300": "rgba(207, 207, 207, 1)",
|
|
60
|
+
"NavdsGlobalColorGray400": "rgba(176, 176, 176, 1)",
|
|
61
|
+
"NavdsGlobalColorGray500": "rgba(143, 143, 143, 1)",
|
|
62
|
+
"NavdsGlobalColorGray600": "rgba(112, 112, 112, 1)",
|
|
63
|
+
"NavdsGlobalColorGray700": "rgba(89, 89, 89, 1)",
|
|
64
|
+
"NavdsGlobalColorGray800": "rgba(64, 64, 64, 1)",
|
|
62
65
|
"NavdsGlobalColorGray900": "rgba(38, 38, 38, 1)",
|
|
63
66
|
"NavdsGlobalColorGreen50": "rgba(243, 252, 245, 1)",
|
|
64
67
|
"NavdsGlobalColorGreen100": "rgba(204, 241, 214, 1)",
|
|
@@ -123,16 +126,16 @@ module.exports = {
|
|
|
123
126
|
"NavdsGlobalColorRed900": "rgba(72, 9, 0, 1)",
|
|
124
127
|
"NavdsGlobalColorTransparent": "rgba(255, 255, 255, 0)",
|
|
125
128
|
"NavdsGlobalColorWhite": "rgba(255, 255, 255, 1)",
|
|
126
|
-
"NavdsSemanticColorBorderInverted": "rgba(
|
|
127
|
-
"NavdsSemanticColorBorderMuted": "rgba(
|
|
128
|
-
"NavdsSemanticColorBorder": "rgba(
|
|
129
|
+
"NavdsSemanticColorBorderInverted": "rgba(229, 229, 229, 1)",
|
|
130
|
+
"NavdsSemanticColorBorderMuted": "rgba(176, 176, 176, 1)",
|
|
131
|
+
"NavdsSemanticColorBorder": "rgba(112, 112, 112, 1)",
|
|
129
132
|
"NavdsSemanticColorCanvasBackgroundInverted": "rgba(38, 38, 38, 1)",
|
|
130
133
|
"NavdsSemanticColorCanvasBackgroundLight": "rgba(255, 255, 255, 1)",
|
|
131
134
|
"NavdsSemanticColorCanvasBackground": "rgba(241, 241, 241, 1)",
|
|
132
135
|
"NavdsSemanticColorComponentBackgroundAlternate": "rgba(247, 247, 247, 1)",
|
|
133
136
|
"NavdsSemanticColorComponentBackgroundInverted": "rgba(38, 38, 38, 1)",
|
|
134
137
|
"NavdsSemanticColorComponentBackgroundLight": "rgba(255, 255, 255, 1)",
|
|
135
|
-
"NavdsSemanticColorDivider": "rgba(
|
|
138
|
+
"NavdsSemanticColorDivider": "rgba(229, 229, 229, 1)",
|
|
136
139
|
"NavdsSemanticColorFeedbackDangerBackground": "rgba(249, 210, 204, 1)",
|
|
137
140
|
"NavdsSemanticColorFeedbackDangerBorder": "rgba(186, 58, 38, 1)",
|
|
138
141
|
"NavdsSemanticColorFeedbackDangerIcon": "rgba(186, 58, 38, 1)",
|
|
@@ -158,7 +161,7 @@ module.exports = {
|
|
|
158
161
|
"NavdsSemanticColorLinkVisited": "rgba(99, 70, 137, 1)",
|
|
159
162
|
"NavdsSemanticColorLink": "rgba(0, 103, 197, 1)",
|
|
160
163
|
"NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
|
|
161
|
-
"NavdsSemanticColorTextMuted": "rgba(
|
|
164
|
+
"NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
|
|
162
165
|
"NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
|
|
163
166
|
"NavdsSpacing1": "0.25rem",
|
|
164
167
|
"NavdsSpacing2": "0.5rem",
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 27 Jan 2022 09:52:32 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -86,10 +86,13 @@
|
|
|
86
86
|
--navds-global-color-green-100: rgba(204, 241, 214, 1);
|
|
87
87
|
--navds-global-color-green-50: rgba(243, 252, 245, 1);
|
|
88
88
|
--navds-global-color-gray-900: rgba(38, 38, 38, 1);
|
|
89
|
-
--navds-global-color-gray-800: rgba(
|
|
90
|
-
--navds-global-color-gray-
|
|
91
|
-
--navds-global-color-gray-
|
|
92
|
-
--navds-global-color-gray-
|
|
89
|
+
--navds-global-color-gray-800: rgba(64, 64, 64, 1);
|
|
90
|
+
--navds-global-color-gray-700: rgba(89, 89, 89, 1);
|
|
91
|
+
--navds-global-color-gray-600: rgba(112, 112, 112, 1);
|
|
92
|
+
--navds-global-color-gray-500: rgba(143, 143, 143, 1);
|
|
93
|
+
--navds-global-color-gray-400: rgba(176, 176, 176, 1);
|
|
94
|
+
--navds-global-color-gray-300: rgba(207, 207, 207, 1);
|
|
95
|
+
--navds-global-color-gray-200: rgba(229, 229, 229, 1);
|
|
93
96
|
--navds-global-color-gray-100: rgba(241, 241, 241, 1);
|
|
94
97
|
--navds-global-color-gray-50: rgba(247, 247, 247, 1);
|
|
95
98
|
--navds-global-color-deepblue-900: rgba(0, 36, 58, 1);
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 27 Jan 2022 09:52:32 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
|
|
@@ -27,7 +27,7 @@ export const NavdsFontWeightBold = "600";
|
|
|
27
27
|
export const NavdsFontWeightRegular = "400";
|
|
28
28
|
export const NavdsShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
|
|
29
29
|
export const NavdsShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
|
|
30
|
-
export const NavdsShadowPopover = "0 2px 4px 0 rgba(
|
|
30
|
+
export const NavdsShadowPopover = "0 2px 4px 0 rgba(229, 229, 229, 1)";
|
|
31
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
32
|
export const NavdsZIndexModal = 2000;
|
|
33
33
|
export const NavdsZIndexPopover = 1000;
|
|
@@ -54,10 +54,13 @@ export const NavdsGlobalColorDeepblue800 = "rgba(0, 52, 83, 1)";
|
|
|
54
54
|
export const NavdsGlobalColorDeepblue900 = "rgba(0, 36, 58, 1)";
|
|
55
55
|
export const NavdsGlobalColorGray50 = "rgba(247, 247, 247, 1)";
|
|
56
56
|
export const NavdsGlobalColorGray100 = "rgba(241, 241, 241, 1)";
|
|
57
|
-
export const NavdsGlobalColorGray200 = "rgba(
|
|
58
|
-
export const
|
|
59
|
-
export const
|
|
60
|
-
export const
|
|
57
|
+
export const NavdsGlobalColorGray200 = "rgba(229, 229, 229, 1)";
|
|
58
|
+
export const NavdsGlobalColorGray300 = "rgba(207, 207, 207, 1)";
|
|
59
|
+
export const NavdsGlobalColorGray400 = "rgba(176, 176, 176, 1)";
|
|
60
|
+
export const NavdsGlobalColorGray500 = "rgba(143, 143, 143, 1)";
|
|
61
|
+
export const NavdsGlobalColorGray600 = "rgba(112, 112, 112, 1)";
|
|
62
|
+
export const NavdsGlobalColorGray700 = "rgba(89, 89, 89, 1)";
|
|
63
|
+
export const NavdsGlobalColorGray800 = "rgba(64, 64, 64, 1)";
|
|
61
64
|
export const NavdsGlobalColorGray900 = "rgba(38, 38, 38, 1)";
|
|
62
65
|
export const NavdsGlobalColorGreen50 = "rgba(243, 252, 245, 1)";
|
|
63
66
|
export const NavdsGlobalColorGreen100 = "rgba(204, 241, 214, 1)";
|
|
@@ -122,16 +125,16 @@ export const NavdsGlobalColorRed800 = "rgba(106, 18, 4, 1)";
|
|
|
122
125
|
export const NavdsGlobalColorRed900 = "rgba(72, 9, 0, 1)";
|
|
123
126
|
export const NavdsGlobalColorTransparent = "rgba(255, 255, 255, 0)";
|
|
124
127
|
export const NavdsGlobalColorWhite = "rgba(255, 255, 255, 1)";
|
|
125
|
-
export const NavdsSemanticColorBorderInverted = "rgba(
|
|
126
|
-
export const NavdsSemanticColorBorderMuted = "rgba(
|
|
127
|
-
export const NavdsSemanticColorBorder = "rgba(
|
|
128
|
+
export const NavdsSemanticColorBorderInverted = "rgba(229, 229, 229, 1)";
|
|
129
|
+
export const NavdsSemanticColorBorderMuted = "rgba(176, 176, 176, 1)";
|
|
130
|
+
export const NavdsSemanticColorBorder = "rgba(112, 112, 112, 1)";
|
|
128
131
|
export const NavdsSemanticColorCanvasBackgroundInverted = "rgba(38, 38, 38, 1)";
|
|
129
132
|
export const NavdsSemanticColorCanvasBackgroundLight = "rgba(255, 255, 255, 1)";
|
|
130
133
|
export const NavdsSemanticColorCanvasBackground = "rgba(241, 241, 241, 1)";
|
|
131
134
|
export const NavdsSemanticColorComponentBackgroundAlternate = "rgba(247, 247, 247, 1)";
|
|
132
135
|
export const NavdsSemanticColorComponentBackgroundInverted = "rgba(38, 38, 38, 1)";
|
|
133
136
|
export const NavdsSemanticColorComponentBackgroundLight = "rgba(255, 255, 255, 1)";
|
|
134
|
-
export const NavdsSemanticColorDivider = "rgba(
|
|
137
|
+
export const NavdsSemanticColorDivider = "rgba(229, 229, 229, 1)";
|
|
135
138
|
export const NavdsSemanticColorFeedbackDangerBackground = "rgba(249, 210, 204, 1)";
|
|
136
139
|
export const NavdsSemanticColorFeedbackDangerBorder = "rgba(186, 58, 38, 1)";
|
|
137
140
|
export const NavdsSemanticColorFeedbackDangerIcon = "rgba(186, 58, 38, 1)";
|
|
@@ -157,7 +160,7 @@ export const NavdsSemanticColorInteractionPrimary = "rgba(0, 103, 197, 1)";
|
|
|
157
160
|
export const NavdsSemanticColorLinkVisited = "rgba(99, 70, 137, 1)";
|
|
158
161
|
export const NavdsSemanticColorLink = "rgba(0, 103, 197, 1)";
|
|
159
162
|
export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
|
|
160
|
-
export const NavdsSemanticColorTextMuted = "rgba(
|
|
163
|
+
export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
|
|
161
164
|
export const NavdsSemanticColorText = "rgba(38, 38, 38, 1)";
|
|
162
165
|
export const NavdsSpacing1 = "0.25rem";
|
|
163
166
|
export const NavdsSpacing2 = "0.5rem";
|
package/dist/tokens.less
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 27 Jan 2022 09:52:32 GMT
|
|
4
4
|
|
|
5
5
|
@navds-font-family: "Source Sans Pro", Arial, sans-serif;
|
|
6
6
|
@navds-font-line-height-heading-2xlarge: 3.25rem;
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
@navds-font-weight-regular: 400;
|
|
27
27
|
@navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
|
|
28
28
|
@navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
|
|
29
|
-
@navds-shadow-popover: 0 2px 4px 0 rgba(
|
|
29
|
+
@navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
|
|
30
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
31
|
@navds-z-index-modal: 2000;
|
|
32
32
|
@navds-z-index-popover: 1000;
|
|
@@ -53,10 +53,13 @@
|
|
|
53
53
|
@navds-global-color-deepblue-900: rgba(0, 36, 58, 1);
|
|
54
54
|
@navds-global-color-gray-50: rgba(247, 247, 247, 1);
|
|
55
55
|
@navds-global-color-gray-100: rgba(241, 241, 241, 1);
|
|
56
|
-
@navds-global-color-gray-200: rgba(
|
|
57
|
-
@navds-global-color-gray-
|
|
58
|
-
@navds-global-color-gray-
|
|
59
|
-
@navds-global-color-gray-
|
|
56
|
+
@navds-global-color-gray-200: rgba(229, 229, 229, 1);
|
|
57
|
+
@navds-global-color-gray-300: rgba(207, 207, 207, 1);
|
|
58
|
+
@navds-global-color-gray-400: rgba(176, 176, 176, 1);
|
|
59
|
+
@navds-global-color-gray-500: rgba(143, 143, 143, 1);
|
|
60
|
+
@navds-global-color-gray-600: rgba(112, 112, 112, 1);
|
|
61
|
+
@navds-global-color-gray-700: rgba(89, 89, 89, 1);
|
|
62
|
+
@navds-global-color-gray-800: rgba(64, 64, 64, 1);
|
|
60
63
|
@navds-global-color-gray-900: rgba(38, 38, 38, 1);
|
|
61
64
|
@navds-global-color-green-50: rgba(243, 252, 245, 1);
|
|
62
65
|
@navds-global-color-green-100: rgba(204, 241, 214, 1);
|
|
@@ -121,16 +124,16 @@
|
|
|
121
124
|
@navds-global-color-red-900: rgba(72, 9, 0, 1);
|
|
122
125
|
@navds-global-color-transparent: rgba(255, 255, 255, 0);
|
|
123
126
|
@navds-global-color-white: rgba(255, 255, 255, 1);
|
|
124
|
-
@navds-semantic-color-border-inverted: rgba(
|
|
125
|
-
@navds-semantic-color-border-muted: rgba(
|
|
126
|
-
@navds-semantic-color-border: rgba(
|
|
127
|
+
@navds-semantic-color-border-inverted: rgba(229, 229, 229, 1);
|
|
128
|
+
@navds-semantic-color-border-muted: rgba(176, 176, 176, 1);
|
|
129
|
+
@navds-semantic-color-border: rgba(112, 112, 112, 1);
|
|
127
130
|
@navds-semantic-color-canvas-background-inverted: rgba(38, 38, 38, 1);
|
|
128
131
|
@navds-semantic-color-canvas-background-light: rgba(255, 255, 255, 1);
|
|
129
132
|
@navds-semantic-color-canvas-background: rgba(241, 241, 241, 1);
|
|
130
133
|
@navds-semantic-color-component-background-alternate: rgba(247, 247, 247, 1);
|
|
131
134
|
@navds-semantic-color-component-background-inverted: rgba(38, 38, 38, 1);
|
|
132
135
|
@navds-semantic-color-component-background-light: rgba(255, 255, 255, 1);
|
|
133
|
-
@navds-semantic-color-divider: rgba(
|
|
136
|
+
@navds-semantic-color-divider: rgba(229, 229, 229, 1);
|
|
134
137
|
@navds-semantic-color-feedback-danger-background: rgba(249, 210, 204, 1);
|
|
135
138
|
@navds-semantic-color-feedback-danger-border: rgba(186, 58, 38, 1);
|
|
136
139
|
@navds-semantic-color-feedback-danger-icon: rgba(186, 58, 38, 1);
|
|
@@ -156,7 +159,7 @@
|
|
|
156
159
|
@navds-semantic-color-link-visited: rgba(99, 70, 137, 1);
|
|
157
160
|
@navds-semantic-color-link: rgba(0, 103, 197, 1);
|
|
158
161
|
@navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
|
|
159
|
-
@navds-semantic-color-text-muted: rgba(
|
|
162
|
+
@navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
|
|
160
163
|
@navds-semantic-color-text: rgba(38, 38, 38, 1);
|
|
161
164
|
@navds-spacing-1: 0.25rem;
|
|
162
165
|
@navds-spacing-2: 0.5rem;
|
package/dist/tokens.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 27 Jan 2022 09:52:32 GMT
|
|
4
4
|
|
|
5
5
|
$navds-font-family: "Source Sans Pro", Arial, sans-serif;
|
|
6
6
|
$navds-font-line-height-heading-2xlarge: 3.25rem;
|
|
@@ -26,7 +26,7 @@ $navds-font-weight-bold: 600;
|
|
|
26
26
|
$navds-font-weight-regular: 400;
|
|
27
27
|
$navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
|
|
28
28
|
$navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
|
|
29
|
-
$navds-shadow-popover: 0 2px 4px 0 rgba(
|
|
29
|
+
$navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
|
|
30
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
31
|
$navds-z-index-modal: 2000;
|
|
32
32
|
$navds-z-index-popover: 1000;
|
|
@@ -53,10 +53,13 @@ $navds-global-color-deepblue-800: rgba(0, 52, 83, 1);
|
|
|
53
53
|
$navds-global-color-deepblue-900: rgba(0, 36, 58, 1);
|
|
54
54
|
$navds-global-color-gray-50: rgba(247, 247, 247, 1);
|
|
55
55
|
$navds-global-color-gray-100: rgba(241, 241, 241, 1);
|
|
56
|
-
$navds-global-color-gray-200: rgba(
|
|
57
|
-
$navds-global-color-gray-
|
|
58
|
-
$navds-global-color-gray-
|
|
59
|
-
$navds-global-color-gray-
|
|
56
|
+
$navds-global-color-gray-200: rgba(229, 229, 229, 1);
|
|
57
|
+
$navds-global-color-gray-300: rgba(207, 207, 207, 1);
|
|
58
|
+
$navds-global-color-gray-400: rgba(176, 176, 176, 1);
|
|
59
|
+
$navds-global-color-gray-500: rgba(143, 143, 143, 1);
|
|
60
|
+
$navds-global-color-gray-600: rgba(112, 112, 112, 1);
|
|
61
|
+
$navds-global-color-gray-700: rgba(89, 89, 89, 1);
|
|
62
|
+
$navds-global-color-gray-800: rgba(64, 64, 64, 1);
|
|
60
63
|
$navds-global-color-gray-900: rgba(38, 38, 38, 1);
|
|
61
64
|
$navds-global-color-green-50: rgba(243, 252, 245, 1);
|
|
62
65
|
$navds-global-color-green-100: rgba(204, 241, 214, 1);
|
|
@@ -121,16 +124,16 @@ $navds-global-color-red-800: rgba(106, 18, 4, 1);
|
|
|
121
124
|
$navds-global-color-red-900: rgba(72, 9, 0, 1);
|
|
122
125
|
$navds-global-color-transparent: rgba(255, 255, 255, 0);
|
|
123
126
|
$navds-global-color-white: rgba(255, 255, 255, 1);
|
|
124
|
-
$navds-semantic-color-border-inverted: rgba(
|
|
125
|
-
$navds-semantic-color-border-muted: rgba(
|
|
126
|
-
$navds-semantic-color-border: rgba(
|
|
127
|
+
$navds-semantic-color-border-inverted: rgba(229, 229, 229, 1);
|
|
128
|
+
$navds-semantic-color-border-muted: rgba(176, 176, 176, 1);
|
|
129
|
+
$navds-semantic-color-border: rgba(112, 112, 112, 1);
|
|
127
130
|
$navds-semantic-color-canvas-background-inverted: rgba(38, 38, 38, 1);
|
|
128
131
|
$navds-semantic-color-canvas-background-light: rgba(255, 255, 255, 1);
|
|
129
132
|
$navds-semantic-color-canvas-background: rgba(241, 241, 241, 1);
|
|
130
133
|
$navds-semantic-color-component-background-alternate: rgba(247, 247, 247, 1);
|
|
131
134
|
$navds-semantic-color-component-background-inverted: rgba(38, 38, 38, 1);
|
|
132
135
|
$navds-semantic-color-component-background-light: rgba(255, 255, 255, 1);
|
|
133
|
-
$navds-semantic-color-divider: rgba(
|
|
136
|
+
$navds-semantic-color-divider: rgba(229, 229, 229, 1);
|
|
134
137
|
$navds-semantic-color-feedback-danger-background: rgba(249, 210, 204, 1);
|
|
135
138
|
$navds-semantic-color-feedback-danger-border: rgba(186, 58, 38, 1);
|
|
136
139
|
$navds-semantic-color-feedback-danger-icon: rgba(186, 58, 38, 1);
|
|
@@ -156,7 +159,7 @@ $navds-semantic-color-interaction-primary: rgba(0, 103, 197, 1);
|
|
|
156
159
|
$navds-semantic-color-link-visited: rgba(99, 70, 137, 1);
|
|
157
160
|
$navds-semantic-color-link: rgba(0, 103, 197, 1);
|
|
158
161
|
$navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
|
|
159
|
-
$navds-semantic-color-text-muted: rgba(
|
|
162
|
+
$navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
|
|
160
163
|
$navds-semantic-color-text: rgba(38, 38, 38, 1);
|
|
161
164
|
$navds-spacing-1: 0.25rem;
|
|
162
165
|
$navds-spacing-2: 0.5rem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-tokens",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Auto-generated design-tokens for NAV design-systems framework",
|
|
6
6
|
"author": "NAV Designsystem team",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"ts-jest": "^27.0.5",
|
|
41
41
|
"ts-node": "^10.3.0"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "f464347f6e6cb8945c74fe1d95d459c731ee3629"
|
|
44
44
|
}
|
package/src/colors.json
CHANGED
|
@@ -74,16 +74,25 @@
|
|
|
74
74
|
"value": "rgba(241, 241, 241, 1)"
|
|
75
75
|
},
|
|
76
76
|
"200": {
|
|
77
|
-
"value": "rgba(
|
|
77
|
+
"value": "rgba(229, 229, 229, 1)"
|
|
78
|
+
},
|
|
79
|
+
"300": {
|
|
80
|
+
"value": "rgba(207, 207, 207, 1)"
|
|
78
81
|
},
|
|
79
82
|
"400": {
|
|
80
|
-
"value": "rgba(
|
|
83
|
+
"value": "rgba(176, 176, 176, 1)"
|
|
84
|
+
},
|
|
85
|
+
"500": {
|
|
86
|
+
"value": "rgba(143, 143, 143, 1)"
|
|
81
87
|
},
|
|
82
88
|
"600": {
|
|
83
|
-
"value": "rgba(
|
|
89
|
+
"value": "rgba(112, 112, 112, 1)"
|
|
90
|
+
},
|
|
91
|
+
"700": {
|
|
92
|
+
"value": "rgba(89, 89, 89, 1)"
|
|
84
93
|
},
|
|
85
94
|
"800": {
|
|
86
|
-
"value": "rgba(
|
|
95
|
+
"value": "rgba(64, 64, 64, 1)"
|
|
87
96
|
},
|
|
88
97
|
"900": {
|
|
89
98
|
"value": "rgba(38, 38, 38, 1)"
|