@navikt/ds-tokens 0.9.4 → 0.9.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 +7 -9
- package/dist/tokens.css +6 -8
- package/dist/tokens.js +7 -9
- package/dist/tokens.less +7 -9
- package/dist/tokens.scss +7 -9
- package/package.json +3 -3
- package/src/colors.json +5 -5
- package/src/shadow.json +0 -6
package/dist/tokens-cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 29 Jun 2022 09:43:28 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -138,20 +138,20 @@ module.exports = {
|
|
|
138
138
|
"NavdsSemanticColorComponentBackgroundInverted": "rgba(38, 38, 38, 1)",
|
|
139
139
|
"NavdsSemanticColorComponentBackgroundLight": "rgba(255, 255, 255, 1)",
|
|
140
140
|
"NavdsSemanticColorDivider": "rgba(207, 207, 207, 1)",
|
|
141
|
-
"NavdsSemanticColorFeedbackDangerBackground": "rgba(
|
|
141
|
+
"NavdsSemanticColorFeedbackDangerBackground": "rgba(253, 232, 230, 1)",
|
|
142
142
|
"NavdsSemanticColorFeedbackDangerBorder": "rgba(186, 58, 38, 1)",
|
|
143
143
|
"NavdsSemanticColorFeedbackDangerIcon": "rgba(186, 58, 38, 1)",
|
|
144
144
|
"NavdsSemanticColorFeedbackDangerText": "rgba(186, 58, 38, 1)",
|
|
145
|
-
"NavdsSemanticColorFeedbackInfoBackground": "rgba(
|
|
145
|
+
"NavdsSemanticColorFeedbackInfoBackground": "rgba(235, 252, 255, 1)",
|
|
146
146
|
"NavdsSemanticColorFeedbackInfoBorder": "rgba(54, 141, 168, 1)",
|
|
147
147
|
"NavdsSemanticColorFeedbackInfoIcon": "rgba(54, 141, 168, 1)",
|
|
148
|
-
"NavdsSemanticColorFeedbackSuccessBackground": "rgba(
|
|
148
|
+
"NavdsSemanticColorFeedbackSuccessBackground": "rgba(243, 252, 245, 1)",
|
|
149
149
|
"NavdsSemanticColorFeedbackSuccessBorder": "rgba(6, 137, 58, 1)",
|
|
150
150
|
"NavdsSemanticColorFeedbackSuccessIcon": "rgba(0, 124, 46, 1)",
|
|
151
|
-
"NavdsSemanticColorFeedbackWarningBackground": "rgba(255,
|
|
151
|
+
"NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 249, 240, 1)",
|
|
152
152
|
"NavdsSemanticColorFeedbackWarningBorder": "rgba(212, 123, 0, 1)",
|
|
153
153
|
"NavdsSemanticColorFeedbackWarningIcon": "rgba(212, 123, 0, 1)",
|
|
154
|
-
"NavdsSemanticColorFocusInverted": "rgba(
|
|
154
|
+
"NavdsSemanticColorFocusInverted": "rgba(153, 195, 255, 1)",
|
|
155
155
|
"NavdsSemanticColorFocus": "rgba(0, 52, 125, 1)",
|
|
156
156
|
"NavdsSemanticColorInteractionDangerHover": "rgba(163, 42, 23, 1)",
|
|
157
157
|
"NavdsSemanticColorInteractionDangerSelected": "rgba(136, 29, 12, 1)",
|
|
@@ -171,9 +171,7 @@ module.exports = {
|
|
|
171
171
|
"NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
|
|
172
172
|
"NavdsShadowXlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)",
|
|
173
173
|
"NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
|
|
174
|
-
"NavdsShadowFocusInverted": "0 0 0 3px rgba(
|
|
175
|
-
"NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
|
|
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)",
|
|
174
|
+
"NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
|
|
177
175
|
"NavdsSpacing1": "0.25rem",
|
|
178
176
|
"NavdsSpacing2": "0.5rem",
|
|
179
177
|
"NavdsSpacing3": "0.75rem",
|
package/dist/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 29 Jun 2022 09:43:28 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -22,7 +22,6 @@
|
|
|
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
25
|
--navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
|
|
27
26
|
--navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
28
27
|
--navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
@@ -152,7 +151,6 @@
|
|
|
152
151
|
--navds-font-line-height-heading-xlarge: 2.5rem;
|
|
153
152
|
--navds-font-line-height-heading-2xlarge: 3.25rem;
|
|
154
153
|
--navds-font-family: "Source Sans Pro", Arial, sans-serif;
|
|
155
|
-
--navds-shadow-popover: 0 2px 4px 0 var(--navds-global-color-gray-200);
|
|
156
154
|
--navds-semantic-color-text: var(--navds-global-color-gray-900);
|
|
157
155
|
--navds-semantic-color-text-muted: var(--navds-global-color-gray-600);
|
|
158
156
|
--navds-semantic-color-text-inverted: var(--navds-global-color-white);
|
|
@@ -166,20 +164,20 @@
|
|
|
166
164
|
--navds-semantic-color-interaction-danger-selected: var(--navds-global-color-red-700);
|
|
167
165
|
--navds-semantic-color-interaction-danger-hover: var(--navds-global-color-red-600);
|
|
168
166
|
--navds-semantic-color-focus: var(--navds-global-color-blue-800);
|
|
169
|
-
--navds-semantic-color-focus-inverted: var(--navds-global-color-blue-
|
|
167
|
+
--navds-semantic-color-focus-inverted: var(--navds-global-color-blue-200);
|
|
170
168
|
--navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-600);
|
|
171
169
|
--navds-semantic-color-feedback-warning-border: var(--navds-global-color-orange-600);
|
|
172
|
-
--navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-
|
|
170
|
+
--navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-50);
|
|
173
171
|
--navds-semantic-color-feedback-success-icon: var(--navds-global-color-green-600);
|
|
174
172
|
--navds-semantic-color-feedback-success-border: var(--navds-global-color-green-500);
|
|
175
|
-
--navds-semantic-color-feedback-success-background: var(--navds-global-color-green-
|
|
173
|
+
--navds-semantic-color-feedback-success-background: var(--navds-global-color-green-50);
|
|
176
174
|
--navds-semantic-color-feedback-info-icon: var(--navds-global-color-lightblue-700);
|
|
177
175
|
--navds-semantic-color-feedback-info-border: var(--navds-global-color-lightblue-700);
|
|
178
|
-
--navds-semantic-color-feedback-info-background: var(--navds-global-color-lightblue-
|
|
176
|
+
--navds-semantic-color-feedback-info-background: var(--navds-global-color-lightblue-50);
|
|
179
177
|
--navds-semantic-color-feedback-danger-text: var(--navds-global-color-red-500);
|
|
180
178
|
--navds-semantic-color-feedback-danger-icon: var(--navds-global-color-red-500);
|
|
181
179
|
--navds-semantic-color-feedback-danger-border: var(--navds-global-color-red-500);
|
|
182
|
-
--navds-semantic-color-feedback-danger-background: var(--navds-global-color-red-
|
|
180
|
+
--navds-semantic-color-feedback-danger-background: var(--navds-global-color-red-50);
|
|
183
181
|
--navds-semantic-color-divider: var(--navds-global-color-gray-300);
|
|
184
182
|
--navds-semantic-color-component-background-light: var(--navds-global-color-white);
|
|
185
183
|
--navds-semantic-color-component-background-inverted: var(--navds-global-color-gray-900);
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 29 Jun 2022 09:43:28 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
|
|
@@ -137,20 +137,20 @@ export const NavdsSemanticColorComponentBackgroundAlternate = "rgba(247, 247, 24
|
|
|
137
137
|
export const NavdsSemanticColorComponentBackgroundInverted = "rgba(38, 38, 38, 1)";
|
|
138
138
|
export const NavdsSemanticColorComponentBackgroundLight = "rgba(255, 255, 255, 1)";
|
|
139
139
|
export const NavdsSemanticColorDivider = "rgba(207, 207, 207, 1)";
|
|
140
|
-
export const NavdsSemanticColorFeedbackDangerBackground = "rgba(
|
|
140
|
+
export const NavdsSemanticColorFeedbackDangerBackground = "rgba(253, 232, 230, 1)";
|
|
141
141
|
export const NavdsSemanticColorFeedbackDangerBorder = "rgba(186, 58, 38, 1)";
|
|
142
142
|
export const NavdsSemanticColorFeedbackDangerIcon = "rgba(186, 58, 38, 1)";
|
|
143
143
|
export const NavdsSemanticColorFeedbackDangerText = "rgba(186, 58, 38, 1)";
|
|
144
|
-
export const NavdsSemanticColorFeedbackInfoBackground = "rgba(
|
|
144
|
+
export const NavdsSemanticColorFeedbackInfoBackground = "rgba(235, 252, 255, 1)";
|
|
145
145
|
export const NavdsSemanticColorFeedbackInfoBorder = "rgba(54, 141, 168, 1)";
|
|
146
146
|
export const NavdsSemanticColorFeedbackInfoIcon = "rgba(54, 141, 168, 1)";
|
|
147
|
-
export const NavdsSemanticColorFeedbackSuccessBackground = "rgba(
|
|
147
|
+
export const NavdsSemanticColorFeedbackSuccessBackground = "rgba(243, 252, 245, 1)";
|
|
148
148
|
export const NavdsSemanticColorFeedbackSuccessBorder = "rgba(6, 137, 58, 1)";
|
|
149
149
|
export const NavdsSemanticColorFeedbackSuccessIcon = "rgba(0, 124, 46, 1)";
|
|
150
|
-
export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255,
|
|
150
|
+
export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255, 249, 240, 1)";
|
|
151
151
|
export const NavdsSemanticColorFeedbackWarningBorder = "rgba(212, 123, 0, 1)";
|
|
152
152
|
export const NavdsSemanticColorFeedbackWarningIcon = "rgba(212, 123, 0, 1)";
|
|
153
|
-
export const NavdsSemanticColorFocusInverted = "rgba(
|
|
153
|
+
export const NavdsSemanticColorFocusInverted = "rgba(153, 195, 255, 1)";
|
|
154
154
|
export const NavdsSemanticColorFocus = "rgba(0, 52, 125, 1)";
|
|
155
155
|
export const NavdsSemanticColorInteractionDangerHover = "rgba(163, 42, 23, 1)";
|
|
156
156
|
export const NavdsSemanticColorInteractionDangerSelected = "rgba(136, 29, 12, 1)";
|
|
@@ -170,9 +170,7 @@ export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -
|
|
|
170
170
|
export const NavdsShadowLarge = "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)";
|
|
171
171
|
export const NavdsShadowXlarge = "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)";
|
|
172
172
|
export const NavdsShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
|
|
173
|
-
export const NavdsShadowFocusInverted = "0 0 0 3px rgba(
|
|
174
|
-
export const NavdsShadowPopover = "0 2px 4px 0 rgba(229, 229, 229, 1)";
|
|
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)";
|
|
173
|
+
export const NavdsShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
|
|
176
174
|
export const NavdsSpacing1 = "0.25rem";
|
|
177
175
|
export const NavdsSpacing2 = "0.5rem";
|
|
178
176
|
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 Wed,
|
|
3
|
+
// Generated on Wed, 29 Jun 2022 09:43:28 GMT
|
|
4
4
|
|
|
5
5
|
@navds-font-family: "Source Sans Pro", Arial, sans-serif;
|
|
6
6
|
@navds-font-line-height-heading-2xlarge: 3.25rem;
|
|
@@ -136,20 +136,20 @@
|
|
|
136
136
|
@navds-semantic-color-component-background-inverted: rgba(38, 38, 38, 1);
|
|
137
137
|
@navds-semantic-color-component-background-light: rgba(255, 255, 255, 1);
|
|
138
138
|
@navds-semantic-color-divider: rgba(207, 207, 207, 1);
|
|
139
|
-
@navds-semantic-color-feedback-danger-background: rgba(
|
|
139
|
+
@navds-semantic-color-feedback-danger-background: rgba(253, 232, 230, 1);
|
|
140
140
|
@navds-semantic-color-feedback-danger-border: rgba(186, 58, 38, 1);
|
|
141
141
|
@navds-semantic-color-feedback-danger-icon: rgba(186, 58, 38, 1);
|
|
142
142
|
@navds-semantic-color-feedback-danger-text: rgba(186, 58, 38, 1);
|
|
143
|
-
@navds-semantic-color-feedback-info-background: rgba(
|
|
143
|
+
@navds-semantic-color-feedback-info-background: rgba(235, 252, 255, 1);
|
|
144
144
|
@navds-semantic-color-feedback-info-border: rgba(54, 141, 168, 1);
|
|
145
145
|
@navds-semantic-color-feedback-info-icon: rgba(54, 141, 168, 1);
|
|
146
|
-
@navds-semantic-color-feedback-success-background: rgba(
|
|
146
|
+
@navds-semantic-color-feedback-success-background: rgba(243, 252, 245, 1);
|
|
147
147
|
@navds-semantic-color-feedback-success-border: rgba(6, 137, 58, 1);
|
|
148
148
|
@navds-semantic-color-feedback-success-icon: rgba(0, 124, 46, 1);
|
|
149
|
-
@navds-semantic-color-feedback-warning-background: rgba(255,
|
|
149
|
+
@navds-semantic-color-feedback-warning-background: rgba(255, 249, 240, 1);
|
|
150
150
|
@navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
|
|
151
151
|
@navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
|
|
152
|
-
@navds-semantic-color-focus-inverted: rgba(
|
|
152
|
+
@navds-semantic-color-focus-inverted: rgba(153, 195, 255, 1);
|
|
153
153
|
@navds-semantic-color-focus: rgba(0, 52, 125, 1);
|
|
154
154
|
@navds-semantic-color-interaction-danger-hover: rgba(163, 42, 23, 1);
|
|
155
155
|
@navds-semantic-color-interaction-danger-selected: rgba(136, 29, 12, 1);
|
|
@@ -169,9 +169,7 @@
|
|
|
169
169
|
@navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
170
170
|
@navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
|
|
171
171
|
@navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
|
|
172
|
-
@navds-shadow-focus-inverted: 0 0 0 3px rgba(
|
|
173
|
-
@navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
|
|
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);
|
|
172
|
+
@navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
|
|
175
173
|
@navds-spacing-1: 0.25rem;
|
|
176
174
|
@navds-spacing-2: 0.5rem;
|
|
177
175
|
@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 Wed,
|
|
3
|
+
// Generated on Wed, 29 Jun 2022 09:43:28 GMT
|
|
4
4
|
|
|
5
5
|
$navds-font-family: "Source Sans Pro", Arial, sans-serif;
|
|
6
6
|
$navds-font-line-height-heading-2xlarge: 3.25rem;
|
|
@@ -136,20 +136,20 @@ $navds-semantic-color-component-background-alternate: rgba(247, 247, 247, 1);
|
|
|
136
136
|
$navds-semantic-color-component-background-inverted: rgba(38, 38, 38, 1);
|
|
137
137
|
$navds-semantic-color-component-background-light: rgba(255, 255, 255, 1);
|
|
138
138
|
$navds-semantic-color-divider: rgba(207, 207, 207, 1);
|
|
139
|
-
$navds-semantic-color-feedback-danger-background: rgba(
|
|
139
|
+
$navds-semantic-color-feedback-danger-background: rgba(253, 232, 230, 1);
|
|
140
140
|
$navds-semantic-color-feedback-danger-border: rgba(186, 58, 38, 1);
|
|
141
141
|
$navds-semantic-color-feedback-danger-icon: rgba(186, 58, 38, 1);
|
|
142
142
|
$navds-semantic-color-feedback-danger-text: rgba(186, 58, 38, 1);
|
|
143
|
-
$navds-semantic-color-feedback-info-background: rgba(
|
|
143
|
+
$navds-semantic-color-feedback-info-background: rgba(235, 252, 255, 1);
|
|
144
144
|
$navds-semantic-color-feedback-info-border: rgba(54, 141, 168, 1);
|
|
145
145
|
$navds-semantic-color-feedback-info-icon: rgba(54, 141, 168, 1);
|
|
146
|
-
$navds-semantic-color-feedback-success-background: rgba(
|
|
146
|
+
$navds-semantic-color-feedback-success-background: rgba(243, 252, 245, 1);
|
|
147
147
|
$navds-semantic-color-feedback-success-border: rgba(6, 137, 58, 1);
|
|
148
148
|
$navds-semantic-color-feedback-success-icon: rgba(0, 124, 46, 1);
|
|
149
|
-
$navds-semantic-color-feedback-warning-background: rgba(255,
|
|
149
|
+
$navds-semantic-color-feedback-warning-background: rgba(255, 249, 240, 1);
|
|
150
150
|
$navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
|
|
151
151
|
$navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
|
|
152
|
-
$navds-semantic-color-focus-inverted: rgba(
|
|
152
|
+
$navds-semantic-color-focus-inverted: rgba(153, 195, 255, 1);
|
|
153
153
|
$navds-semantic-color-focus: rgba(0, 52, 125, 1);
|
|
154
154
|
$navds-semantic-color-interaction-danger-hover: rgba(163, 42, 23, 1);
|
|
155
155
|
$navds-semantic-color-interaction-danger-selected: rgba(136, 29, 12, 1);
|
|
@@ -169,9 +169,7 @@ $navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0,
|
|
|
169
169
|
$navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
170
170
|
$navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
|
|
171
171
|
$navds-shadow-focus: 0 0 0 3px rgba(0, 52, 125, 1);
|
|
172
|
-
$navds-shadow-focus-inverted: 0 0 0 3px rgba(
|
|
173
|
-
$navds-shadow-popover: 0 2px 4px 0 rgba(229, 229, 229, 1);
|
|
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);
|
|
172
|
+
$navds-shadow-focus-inverted: 0 0 0 3px rgba(153, 195, 255, 1);
|
|
175
173
|
$navds-spacing-1: 0.25rem;
|
|
176
174
|
$navds-spacing-2: 0.5rem;
|
|
177
175
|
$navds-spacing-3: 0.75rem;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-tokens",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.7",
|
|
4
4
|
"description": "Auto-generated design-tokens for NAV design-systems framework",
|
|
5
5
|
"author": "NAV Designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
28
|
-
"url": "git+https://github.com/navikt/
|
|
28
|
+
"url": "git+https://github.com/navikt/Designsystemet.git",
|
|
29
29
|
"directory": "@navikt/core/tokens"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"ts-node": "^10.3.0",
|
|
44
44
|
"typescript": "^4.7.2"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "7596f3f5dc4c6d9faf919a06e7aa1408a6c98524"
|
|
47
47
|
}
|
package/src/colors.json
CHANGED
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
"feedback": {
|
|
349
349
|
"danger": {
|
|
350
350
|
"background": {
|
|
351
|
-
"value": "{navds.global.color.red.
|
|
351
|
+
"value": "{navds.global.color.red.50.value}"
|
|
352
352
|
},
|
|
353
353
|
"border": {
|
|
354
354
|
"value": "{navds.global.color.red.500.value}"
|
|
@@ -362,7 +362,7 @@
|
|
|
362
362
|
},
|
|
363
363
|
"info": {
|
|
364
364
|
"background": {
|
|
365
|
-
"value": "{navds.global.color.lightblue.
|
|
365
|
+
"value": "{navds.global.color.lightblue.50.value}"
|
|
366
366
|
},
|
|
367
367
|
"border": {
|
|
368
368
|
"value": "{navds.global.color.lightblue.700.value}"
|
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
},
|
|
374
374
|
"success": {
|
|
375
375
|
"background": {
|
|
376
|
-
"value": "{navds.global.color.green.
|
|
376
|
+
"value": "{navds.global.color.green.50.value}"
|
|
377
377
|
},
|
|
378
378
|
"border": {
|
|
379
379
|
"value": "{navds.global.color.green.500.value}"
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
},
|
|
385
385
|
"warning": {
|
|
386
386
|
"background": {
|
|
387
|
-
"value": "{navds.global.color.orange.
|
|
387
|
+
"value": "{navds.global.color.orange.50.value}"
|
|
388
388
|
},
|
|
389
389
|
"border": {
|
|
390
390
|
"value": "{navds.global.color.orange.600.value}"
|
|
@@ -396,7 +396,7 @@
|
|
|
396
396
|
},
|
|
397
397
|
"focus": {
|
|
398
398
|
"inverted": {
|
|
399
|
-
"value": "{navds.global.color.blue.
|
|
399
|
+
"value": "{navds.global.color.blue.200.value}"
|
|
400
400
|
},
|
|
401
401
|
"@": {
|
|
402
402
|
"value": "{navds.global.color.blue.800.value}"
|
package/src/shadow.json
CHANGED
|
@@ -21,12 +21,6 @@
|
|
|
21
21
|
},
|
|
22
22
|
"focus-inverted": {
|
|
23
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
24
|
}
|
|
31
25
|
}
|
|
32
26
|
}
|