@navikt/ds-tokens 0.9.5 → 0.9.8

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.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 08 Jun 2022 13:13:27 GMT
3
+ * Generated on Tue, 09 Aug 2022 09:10:07 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(249, 210, 204, 1)",
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(216, 249, 255, 1)",
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(204, 241, 214, 1)",
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, 236, 204, 1)",
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(204, 225, 255, 1)",
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(204, 225, 255, 1)",
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, 08 Jun 2022 13:13:27 GMT
3
+ * Generated on Tue, 09 Aug 2022 09:10:07 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-100);
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-100);
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-100);
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-100);
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-100);
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);
@@ -0,0 +1,191 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Tue, 09 Aug 2022 09:10:07 GMT
4
+ */
5
+
6
+ export const NavdsFontFamily : string;
7
+ export const NavdsFontLineHeightHeading2xlarge : string;
8
+ export const NavdsFontLineHeightHeadingXlarge : string;
9
+ export const NavdsFontLineHeightHeadingLarge : string;
10
+ export const NavdsFontLineHeightHeadingMedium : string;
11
+ export const NavdsFontLineHeightHeadingSmall : string;
12
+ export const NavdsFontLineHeightHeadingXsmall : string;
13
+ export const NavdsFontLineHeightXlarge : string;
14
+ export const NavdsFontLineHeightLarge : string;
15
+ export const NavdsFontLineHeightMedium : string;
16
+ export const NavdsFontSizeHeading2xlarge : string;
17
+ export const NavdsFontSizeHeadingXlarge : string;
18
+ export const NavdsFontSizeHeadingLarge : string;
19
+ export const NavdsFontSizeHeadingMedium : string;
20
+ export const NavdsFontSizeHeadingSmall : string;
21
+ export const NavdsFontSizeHeadingXsmall : string;
22
+ export const NavdsFontSizeXlarge : string;
23
+ export const NavdsFontSizeLarge : string;
24
+ export const NavdsFontSizeMedium : string;
25
+ export const NavdsFontSizeSmall : string;
26
+ export const NavdsFontWeightBold : string;
27
+ export const NavdsFontWeightRegular : string;
28
+ export const NavdsZIndexModal : number;
29
+ export const NavdsZIndexPopover : number;
30
+ export const NavdsZIndexFocus : number;
31
+ export const NavdsZIndexTooltip : number;
32
+ export const NavdsBorderRadiusSmall : string;
33
+ export const NavdsBorderRadiusMedium : string;
34
+ export const NavdsBorderRadiusLarge : string;
35
+ export const NavdsBorderRadiusXlarge : string;
36
+ export const NavdsBorderRadiusFull : string;
37
+ export const NavdsGlobalColorBlue50 : string;
38
+ export const NavdsGlobalColorBlue100 : string;
39
+ export const NavdsGlobalColorBlue200 : string;
40
+ export const NavdsGlobalColorBlue300 : string;
41
+ export const NavdsGlobalColorBlue400 : string;
42
+ export const NavdsGlobalColorBlue500 : string;
43
+ export const NavdsGlobalColorBlue600 : string;
44
+ export const NavdsGlobalColorBlue700 : string;
45
+ export const NavdsGlobalColorBlue800 : string;
46
+ export const NavdsGlobalColorBlue900 : string;
47
+ export const NavdsGlobalColorDeepblue50 : string;
48
+ export const NavdsGlobalColorDeepblue100 : string;
49
+ export const NavdsGlobalColorDeepblue200 : string;
50
+ export const NavdsGlobalColorDeepblue300 : string;
51
+ export const NavdsGlobalColorDeepblue400 : string;
52
+ export const NavdsGlobalColorDeepblue500 : string;
53
+ export const NavdsGlobalColorDeepblue600 : string;
54
+ export const NavdsGlobalColorDeepblue700 : string;
55
+ export const NavdsGlobalColorDeepblue800 : string;
56
+ export const NavdsGlobalColorDeepblue900 : string;
57
+ export const NavdsGlobalColorGray50 : string;
58
+ export const NavdsGlobalColorGray100 : string;
59
+ export const NavdsGlobalColorGray200 : string;
60
+ export const NavdsGlobalColorGray300 : string;
61
+ export const NavdsGlobalColorGray400 : string;
62
+ export const NavdsGlobalColorGray500 : string;
63
+ export const NavdsGlobalColorGray600 : string;
64
+ export const NavdsGlobalColorGray700 : string;
65
+ export const NavdsGlobalColorGray800 : string;
66
+ export const NavdsGlobalColorGray900 : string;
67
+ export const NavdsGlobalColorGreen50 : string;
68
+ export const NavdsGlobalColorGreen100 : string;
69
+ export const NavdsGlobalColorGreen200 : string;
70
+ export const NavdsGlobalColorGreen300 : string;
71
+ export const NavdsGlobalColorGreen400 : string;
72
+ export const NavdsGlobalColorGreen500 : string;
73
+ export const NavdsGlobalColorGreen600 : string;
74
+ export const NavdsGlobalColorGreen700 : string;
75
+ export const NavdsGlobalColorGreen800 : string;
76
+ export const NavdsGlobalColorGreen900 : string;
77
+ export const NavdsGlobalColorLightblue50 : string;
78
+ export const NavdsGlobalColorLightblue100 : string;
79
+ export const NavdsGlobalColorLightblue200 : string;
80
+ export const NavdsGlobalColorLightblue300 : string;
81
+ export const NavdsGlobalColorLightblue400 : string;
82
+ export const NavdsGlobalColorLightblue500 : string;
83
+ export const NavdsGlobalColorLightblue600 : string;
84
+ export const NavdsGlobalColorLightblue700 : string;
85
+ export const NavdsGlobalColorLightblue800 : string;
86
+ export const NavdsGlobalColorLightblue900 : string;
87
+ export const NavdsGlobalColorLimegreen50 : string;
88
+ export const NavdsGlobalColorLimegreen100 : string;
89
+ export const NavdsGlobalColorLimegreen200 : string;
90
+ export const NavdsGlobalColorLimegreen300 : string;
91
+ export const NavdsGlobalColorLimegreen400 : string;
92
+ export const NavdsGlobalColorLimegreen500 : string;
93
+ export const NavdsGlobalColorLimegreen600 : string;
94
+ export const NavdsGlobalColorLimegreen700 : string;
95
+ export const NavdsGlobalColorLimegreen800 : string;
96
+ export const NavdsGlobalColorLimegreen900 : string;
97
+ export const NavdsGlobalColorNavRed : string;
98
+ export const NavdsGlobalColorOrange50 : string;
99
+ export const NavdsGlobalColorOrange100 : string;
100
+ export const NavdsGlobalColorOrange200 : string;
101
+ export const NavdsGlobalColorOrange300 : string;
102
+ export const NavdsGlobalColorOrange400 : string;
103
+ export const NavdsGlobalColorOrange500 : string;
104
+ export const NavdsGlobalColorOrange600 : string;
105
+ export const NavdsGlobalColorOrange700 : string;
106
+ export const NavdsGlobalColorOrange800 : string;
107
+ export const NavdsGlobalColorOrange900 : string;
108
+ export const NavdsGlobalColorPurple50 : string;
109
+ export const NavdsGlobalColorPurple100 : string;
110
+ export const NavdsGlobalColorPurple200 : string;
111
+ export const NavdsGlobalColorPurple300 : string;
112
+ export const NavdsGlobalColorPurple400 : string;
113
+ export const NavdsGlobalColorPurple500 : string;
114
+ export const NavdsGlobalColorPurple600 : string;
115
+ export const NavdsGlobalColorPurple700 : string;
116
+ export const NavdsGlobalColorPurple800 : string;
117
+ export const NavdsGlobalColorPurple900 : string;
118
+ export const NavdsGlobalColorRed50 : string;
119
+ export const NavdsGlobalColorRed100 : string;
120
+ export const NavdsGlobalColorRed200 : string;
121
+ export const NavdsGlobalColorRed300 : string;
122
+ export const NavdsGlobalColorRed400 : string;
123
+ export const NavdsGlobalColorRed500 : string;
124
+ export const NavdsGlobalColorRed600 : string;
125
+ export const NavdsGlobalColorRed700 : string;
126
+ export const NavdsGlobalColorRed800 : string;
127
+ export const NavdsGlobalColorRed900 : string;
128
+ export const NavdsGlobalColorTransparent : string;
129
+ export const NavdsGlobalColorWhite : string;
130
+ export const NavdsSemanticColorBorderInverted : string;
131
+ export const NavdsSemanticColorBorderMuted : string;
132
+ export const NavdsSemanticColorBorder : string;
133
+ export const NavdsSemanticColorCanvasBackgroundInverted : string;
134
+ export const NavdsSemanticColorCanvasBackgroundLight : string;
135
+ export const NavdsSemanticColorCanvasBackground : string;
136
+ export const NavdsSemanticColorComponentBackgroundAlternate : string;
137
+ export const NavdsSemanticColorComponentBackgroundInverted : string;
138
+ export const NavdsSemanticColorComponentBackgroundLight : string;
139
+ export const NavdsSemanticColorDivider : string;
140
+ export const NavdsSemanticColorFeedbackDangerBackground : string;
141
+ export const NavdsSemanticColorFeedbackDangerBorder : string;
142
+ export const NavdsSemanticColorFeedbackDangerIcon : string;
143
+ export const NavdsSemanticColorFeedbackDangerText : string;
144
+ export const NavdsSemanticColorFeedbackInfoBackground : string;
145
+ export const NavdsSemanticColorFeedbackInfoBorder : string;
146
+ export const NavdsSemanticColorFeedbackInfoIcon : string;
147
+ export const NavdsSemanticColorFeedbackSuccessBackground : string;
148
+ export const NavdsSemanticColorFeedbackSuccessBorder : string;
149
+ export const NavdsSemanticColorFeedbackSuccessIcon : string;
150
+ export const NavdsSemanticColorFeedbackWarningBackground : string;
151
+ export const NavdsSemanticColorFeedbackWarningBorder : string;
152
+ export const NavdsSemanticColorFeedbackWarningIcon : string;
153
+ export const NavdsSemanticColorFocusInverted : string;
154
+ export const NavdsSemanticColorFocus : string;
155
+ export const NavdsSemanticColorInteractionDangerHover : string;
156
+ export const NavdsSemanticColorInteractionDangerSelected : string;
157
+ export const NavdsSemanticColorInteractionDanger : string;
158
+ export const NavdsSemanticColorInteractionPrimaryHoverSubtle : string;
159
+ export const NavdsSemanticColorInteractionPrimaryHover : string;
160
+ export const NavdsSemanticColorInteractionPrimarySelected : string;
161
+ export const NavdsSemanticColorInteractionPrimary : string;
162
+ export const NavdsSemanticColorLinkVisited : string;
163
+ export const NavdsSemanticColorLink : string;
164
+ export const NavdsSemanticColorTextInverted : string;
165
+ export const NavdsSemanticColorTextMuted : string;
166
+ export const NavdsSemanticColorText : string;
167
+ export const NavdsShadowXsmall : string;
168
+ export const NavdsShadowSmall : string;
169
+ export const NavdsShadowMedium : string;
170
+ export const NavdsShadowLarge : string;
171
+ export const NavdsShadowXlarge : string;
172
+ export const NavdsShadowFocus : string;
173
+ export const NavdsShadowFocusInverted : string;
174
+ export const NavdsSpacing1 : string;
175
+ export const NavdsSpacing2 : string;
176
+ export const NavdsSpacing3 : string;
177
+ export const NavdsSpacing4 : string;
178
+ export const NavdsSpacing5 : string;
179
+ export const NavdsSpacing6 : string;
180
+ export const NavdsSpacing7 : string;
181
+ export const NavdsSpacing8 : string;
182
+ export const NavdsSpacing9 : string;
183
+ export const NavdsSpacing10 : string;
184
+ export const NavdsSpacing11 : string;
185
+ export const NavdsSpacing12 : string;
186
+ export const NavdsSpacing14 : string;
187
+ export const NavdsSpacing16 : string;
188
+ export const NavdsSpacing18 : string;
189
+ export const NavdsSpacing20 : string;
190
+ export const NavdsSpacing24 : string;
191
+ export const NavdsSpacing32 : string;
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 08 Jun 2022 13:13:27 GMT
3
+ * Generated on Tue, 09 Aug 2022 09:10:07 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(249, 210, 204, 1)";
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(216, 249, 255, 1)";
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(204, 241, 214, 1)";
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, 236, 204, 1)";
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(204, 225, 255, 1)";
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(204, 225, 255, 1)";
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, 08 Jun 2022 13:13:27 GMT
3
+ // Generated on Tue, 09 Aug 2022 09:10: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;
@@ -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(249, 210, 204, 1);
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(216, 249, 255, 1);
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(204, 241, 214, 1);
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, 236, 204, 1);
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(204, 225, 255, 1);
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(204, 225, 255, 1);
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, 08 Jun 2022 13:13:27 GMT
3
+ // Generated on Tue, 09 Aug 2022 09:10: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;
@@ -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(249, 210, 204, 1);
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(216, 249, 255, 1);
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(204, 241, 214, 1);
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, 236, 204, 1);
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(204, 225, 255, 1);
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(204, 225, 255, 1);
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.5",
3
+ "version": "0.9.8",
4
4
  "description": "Auto-generated design-tokens for NAV design-systems framework",
5
5
  "author": "NAV Designsystem team",
6
6
  "keywords": [
@@ -43,5 +43,5 @@
43
43
  "ts-node": "^10.3.0",
44
44
  "typescript": "^4.7.2"
45
45
  },
46
- "gitHead": "49c3be36a81dfc393ec6b5acf24f16a186b88418"
46
+ "gitHead": "bdb777df0cff8092e3a8aff62ab97f65e4a9dc8e"
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.100.value}"
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.100.value}"
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.100.value}"
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.100.value}"
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.100.value}"
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
  }