@navikt/ds-tokens 0.8.7 → 0.9.1
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 +8 -8
- package/dist/tokens.css +8 -8
- package/dist/tokens.js +8 -8
- package/dist/tokens.less +8 -8
- package/dist/tokens.scss +8 -8
- package/package.json +2 -2
- package/src/colors.json +2 -2
- 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, 13 May 2022 09:24:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -129,7 +129,7 @@ module.exports = {
|
|
|
129
129
|
"NavdsGlobalColorTransparent": "rgba(255, 255, 255, 0)",
|
|
130
130
|
"NavdsGlobalColorWhite": "rgba(255, 255, 255, 1)",
|
|
131
131
|
"NavdsSemanticColorBorderInverted": "rgba(229, 229, 229, 1)",
|
|
132
|
-
"NavdsSemanticColorBorderMuted": "rgba(
|
|
132
|
+
"NavdsSemanticColorBorderMuted": "rgba(143, 143, 143, 1)",
|
|
133
133
|
"NavdsSemanticColorBorder": "rgba(112, 112, 112, 1)",
|
|
134
134
|
"NavdsSemanticColorCanvasBackgroundInverted": "rgba(38, 38, 38, 1)",
|
|
135
135
|
"NavdsSemanticColorCanvasBackgroundLight": "rgba(255, 255, 255, 1)",
|
|
@@ -150,7 +150,7 @@ module.exports = {
|
|
|
150
150
|
"NavdsSemanticColorFeedbackSuccessIcon": "rgba(0, 124, 46, 1)",
|
|
151
151
|
"NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 236, 204, 1)",
|
|
152
152
|
"NavdsSemanticColorFeedbackWarningBorder": "rgba(212, 123, 0, 1)",
|
|
153
|
-
"NavdsSemanticColorFeedbackWarningIcon": "rgba(
|
|
153
|
+
"NavdsSemanticColorFeedbackWarningIcon": "rgba(212, 123, 0, 1)",
|
|
154
154
|
"NavdsSemanticColorFocusInverted": "rgba(102, 165, 244, 1)",
|
|
155
155
|
"NavdsSemanticColorFocus": "rgba(0, 52, 125, 1)",
|
|
156
156
|
"NavdsSemanticColorInteractionDangerHover": "rgba(163, 42, 23, 1)",
|
|
@@ -165,11 +165,11 @@ module.exports = {
|
|
|
165
165
|
"NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
|
|
166
166
|
"NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
|
|
167
167
|
"NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
|
|
168
|
-
"NavdsShadowXsmall": "0 1px 2px 0 rgba(0, 0, 0, 0.
|
|
169
|
-
"NavdsShadowSmall": "0 1px 2px -1px rgba(0, 0, 0, 0.
|
|
170
|
-
"NavdsShadowMedium": "0 2px 4px -2px rgba(0, 0, 0, 0.
|
|
171
|
-
"NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.
|
|
172
|
-
"NavdsShadowXlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.
|
|
168
|
+
"NavdsShadowXsmall": "0 1px 2px 0 rgba(0, 0, 0, 0.12)",
|
|
169
|
+
"NavdsShadowSmall": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)",
|
|
170
|
+
"NavdsShadowMedium": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
|
|
171
|
+
"NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
|
|
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
174
|
"NavdsShadowFocusInverted": "0 0 0 3px rgba(102, 165, 244, 1)",
|
|
175
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
|
|
3
|
+
* Generated on Fri, 13 May 2022 09:24:14 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: 0 8px 10px -6px rgba(0, 0, 0, 0.
|
|
27
|
-
--navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.
|
|
28
|
-
--navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.
|
|
29
|
-
--navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.
|
|
30
|
-
--navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.
|
|
26
|
+
--navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
|
|
27
|
+
--navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
28
|
+
--navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
29
|
+
--navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
|
|
30
|
+
--navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
|
|
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);
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
--navds-semantic-color-interaction-danger-hover: var(--navds-global-color-red-600);
|
|
168
168
|
--navds-semantic-color-focus: var(--navds-global-color-blue-800);
|
|
169
169
|
--navds-semantic-color-focus-inverted: var(--navds-global-color-blue-300);
|
|
170
|
-
--navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-
|
|
170
|
+
--navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-600);
|
|
171
171
|
--navds-semantic-color-feedback-warning-border: var(--navds-global-color-orange-600);
|
|
172
172
|
--navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-100);
|
|
173
173
|
--navds-semantic-color-feedback-success-icon: var(--navds-global-color-green-600);
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
--navds-semantic-color-canvas-background-light: var(--navds-global-color-white);
|
|
189
189
|
--navds-semantic-color-canvas-background-inverted: var(--navds-global-color-gray-900);
|
|
190
190
|
--navds-semantic-color-border: var(--navds-global-color-gray-600);
|
|
191
|
-
--navds-semantic-color-border-muted: var(--navds-global-color-gray-
|
|
191
|
+
--navds-semantic-color-border-muted: var(--navds-global-color-gray-500);
|
|
192
192
|
--navds-semantic-color-border-inverted: var(--navds-global-color-gray-200);
|
|
193
193
|
--navds-shadow-focus-inverted: 0 0 0 3px var(--navds-semantic-color-focus-inverted);
|
|
194
194
|
--navds-shadow-focus: 0 0 0 3px var(--navds-semantic-color-focus);
|
package/dist/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 13 May 2022 09:24:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
|
|
@@ -128,7 +128,7 @@ export const NavdsGlobalColorRed900 = "rgba(72, 9, 0, 1)";
|
|
|
128
128
|
export const NavdsGlobalColorTransparent = "rgba(255, 255, 255, 0)";
|
|
129
129
|
export const NavdsGlobalColorWhite = "rgba(255, 255, 255, 1)";
|
|
130
130
|
export const NavdsSemanticColorBorderInverted = "rgba(229, 229, 229, 1)";
|
|
131
|
-
export const NavdsSemanticColorBorderMuted = "rgba(
|
|
131
|
+
export const NavdsSemanticColorBorderMuted = "rgba(143, 143, 143, 1)";
|
|
132
132
|
export const NavdsSemanticColorBorder = "rgba(112, 112, 112, 1)";
|
|
133
133
|
export const NavdsSemanticColorCanvasBackgroundInverted = "rgba(38, 38, 38, 1)";
|
|
134
134
|
export const NavdsSemanticColorCanvasBackgroundLight = "rgba(255, 255, 255, 1)";
|
|
@@ -149,7 +149,7 @@ export const NavdsSemanticColorFeedbackSuccessBorder = "rgba(6, 137, 58, 1)";
|
|
|
149
149
|
export const NavdsSemanticColorFeedbackSuccessIcon = "rgba(0, 124, 46, 1)";
|
|
150
150
|
export const NavdsSemanticColorFeedbackWarningBackground = "rgba(255, 236, 204, 1)";
|
|
151
151
|
export const NavdsSemanticColorFeedbackWarningBorder = "rgba(212, 123, 0, 1)";
|
|
152
|
-
export const NavdsSemanticColorFeedbackWarningIcon = "rgba(
|
|
152
|
+
export const NavdsSemanticColorFeedbackWarningIcon = "rgba(212, 123, 0, 1)";
|
|
153
153
|
export const NavdsSemanticColorFocusInverted = "rgba(102, 165, 244, 1)";
|
|
154
154
|
export const NavdsSemanticColorFocus = "rgba(0, 52, 125, 1)";
|
|
155
155
|
export const NavdsSemanticColorInteractionDangerHover = "rgba(163, 42, 23, 1)";
|
|
@@ -164,11 +164,11 @@ export const NavdsSemanticColorLink = "rgba(0, 103, 197, 1)";
|
|
|
164
164
|
export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
|
|
165
165
|
export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
|
|
166
166
|
export const NavdsSemanticColorText = "rgba(38, 38, 38, 1)";
|
|
167
|
-
export const NavdsShadowXsmall = "0 1px 2px 0 rgba(0, 0, 0, 0.
|
|
168
|
-
export const NavdsShadowSmall = "0 1px 2px -1px rgba(0, 0, 0, 0.
|
|
169
|
-
export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.
|
|
170
|
-
export const NavdsShadowLarge = "0 4px 6px -4px rgba(0, 0, 0, 0.
|
|
171
|
-
export const NavdsShadowXlarge = "0 8px 10px -6px rgba(0, 0, 0, 0.
|
|
167
|
+
export const NavdsShadowXsmall = "0 1px 2px 0 rgba(0, 0, 0, 0.12)";
|
|
168
|
+
export const NavdsShadowSmall = "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)";
|
|
169
|
+
export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)";
|
|
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
|
+
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
173
|
export const NavdsShadowFocusInverted = "0 0 0 3px rgba(102, 165, 244, 1)";
|
|
174
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
|
|
3
|
+
// Generated on Fri, 13 May 2022 09:24:14 GMT
|
|
4
4
|
|
|
5
5
|
@navds-font-family: "Source Sans Pro", Arial, sans-serif;
|
|
6
6
|
@navds-font-line-height-heading-2xlarge: 3.25rem;
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
@navds-global-color-transparent: rgba(255, 255, 255, 0);
|
|
128
128
|
@navds-global-color-white: rgba(255, 255, 255, 1);
|
|
129
129
|
@navds-semantic-color-border-inverted: rgba(229, 229, 229, 1);
|
|
130
|
-
@navds-semantic-color-border-muted: rgba(
|
|
130
|
+
@navds-semantic-color-border-muted: rgba(143, 143, 143, 1);
|
|
131
131
|
@navds-semantic-color-border: rgba(112, 112, 112, 1);
|
|
132
132
|
@navds-semantic-color-canvas-background-inverted: rgba(38, 38, 38, 1);
|
|
133
133
|
@navds-semantic-color-canvas-background-light: rgba(255, 255, 255, 1);
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
@navds-semantic-color-feedback-success-icon: rgba(0, 124, 46, 1);
|
|
149
149
|
@navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
|
|
150
150
|
@navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
|
|
151
|
-
@navds-semantic-color-feedback-warning-icon: rgba(
|
|
151
|
+
@navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
|
|
152
152
|
@navds-semantic-color-focus-inverted: rgba(102, 165, 244, 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);
|
|
@@ -163,11 +163,11 @@
|
|
|
163
163
|
@navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
|
|
164
164
|
@navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
|
|
165
165
|
@navds-semantic-color-text: rgba(38, 38, 38, 1);
|
|
166
|
-
@navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.
|
|
167
|
-
@navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.
|
|
168
|
-
@navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.
|
|
169
|
-
@navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.
|
|
170
|
-
@navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.
|
|
166
|
+
@navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
|
|
167
|
+
@navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
|
|
168
|
+
@navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
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
|
+
@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
172
|
@navds-shadow-focus-inverted: 0 0 0 3px rgba(102, 165, 244, 1);
|
|
173
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
|
|
3
|
+
// Generated on Fri, 13 May 2022 09:24:14 GMT
|
|
4
4
|
|
|
5
5
|
$navds-font-family: "Source Sans Pro", Arial, sans-serif;
|
|
6
6
|
$navds-font-line-height-heading-2xlarge: 3.25rem;
|
|
@@ -127,7 +127,7 @@ $navds-global-color-red-900: rgba(72, 9, 0, 1);
|
|
|
127
127
|
$navds-global-color-transparent: rgba(255, 255, 255, 0);
|
|
128
128
|
$navds-global-color-white: rgba(255, 255, 255, 1);
|
|
129
129
|
$navds-semantic-color-border-inverted: rgba(229, 229, 229, 1);
|
|
130
|
-
$navds-semantic-color-border-muted: rgba(
|
|
130
|
+
$navds-semantic-color-border-muted: rgba(143, 143, 143, 1);
|
|
131
131
|
$navds-semantic-color-border: rgba(112, 112, 112, 1);
|
|
132
132
|
$navds-semantic-color-canvas-background-inverted: rgba(38, 38, 38, 1);
|
|
133
133
|
$navds-semantic-color-canvas-background-light: rgba(255, 255, 255, 1);
|
|
@@ -148,7 +148,7 @@ $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
149
|
$navds-semantic-color-feedback-warning-background: rgba(255, 236, 204, 1);
|
|
150
150
|
$navds-semantic-color-feedback-warning-border: rgba(212, 123, 0, 1);
|
|
151
|
-
$navds-semantic-color-feedback-warning-icon: rgba(
|
|
151
|
+
$navds-semantic-color-feedback-warning-icon: rgba(212, 123, 0, 1);
|
|
152
152
|
$navds-semantic-color-focus-inverted: rgba(102, 165, 244, 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);
|
|
@@ -163,11 +163,11 @@ $navds-semantic-color-link: rgba(0, 103, 197, 1);
|
|
|
163
163
|
$navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
|
|
164
164
|
$navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
|
|
165
165
|
$navds-semantic-color-text: rgba(38, 38, 38, 1);
|
|
166
|
-
$navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.
|
|
167
|
-
$navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.
|
|
168
|
-
$navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.
|
|
169
|
-
$navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.
|
|
170
|
-
$navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.
|
|
166
|
+
$navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
|
|
167
|
+
$navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
|
|
168
|
+
$navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
|
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
|
+
$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
172
|
$navds-shadow-focus-inverted: 0 0 0 3px rgba(102, 165, 244, 1);
|
|
173
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.
|
|
3
|
+
"version": "0.9.1",
|
|
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": "41e6aa017f04ee0d1dc4a4ece225635142a219fd"
|
|
45
45
|
}
|
package/src/colors.json
CHANGED
|
@@ -310,7 +310,7 @@
|
|
|
310
310
|
"value": "{navds.global.color.gray.200.value}"
|
|
311
311
|
},
|
|
312
312
|
"muted": {
|
|
313
|
-
"value": "{navds.global.color.gray.
|
|
313
|
+
"value": "{navds.global.color.gray.500.value}"
|
|
314
314
|
},
|
|
315
315
|
"@": {
|
|
316
316
|
"value": "{navds.global.color.gray.600.value}"
|
|
@@ -390,7 +390,7 @@
|
|
|
390
390
|
"value": "{navds.global.color.orange.600.value}"
|
|
391
391
|
},
|
|
392
392
|
"icon": {
|
|
393
|
-
"value": "{navds.global.color.orange.
|
|
393
|
+
"value": "{navds.global.color.orange.600.value}"
|
|
394
394
|
}
|
|
395
395
|
}
|
|
396
396
|
},
|
package/src/shadow.json
CHANGED
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
"navds": {
|
|
3
3
|
"shadow": {
|
|
4
4
|
"xsmall": {
|
|
5
|
-
"value": "0 1px 2px 0 rgba(0, 0, 0, 0.
|
|
5
|
+
"value": "0 1px 2px 0 rgba(0, 0, 0, 0.12)"
|
|
6
6
|
},
|
|
7
7
|
"small": {
|
|
8
|
-
"value": "0 1px 2px -1px rgba(0, 0, 0, 0.
|
|
8
|
+
"value": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)"
|
|
9
9
|
},
|
|
10
10
|
"medium": {
|
|
11
|
-
"value": "0 2px 4px -2px rgba(0, 0, 0, 0.
|
|
11
|
+
"value": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)"
|
|
12
12
|
},
|
|
13
13
|
"large": {
|
|
14
|
-
"value": "0 4px 6px -4px rgba(0, 0, 0, 0.
|
|
14
|
+
"value": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)"
|
|
15
15
|
},
|
|
16
16
|
"xlarge": {
|
|
17
|
-
"value": "0 8px 10px -6px rgba(0, 0, 0, 0.
|
|
17
|
+
"value": "0 8px 10px -6px rgba(0, 0, 0, 0.1), 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}"
|