@navikt/ds-tokens 0.6.3 → 0.8.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.
Files changed (8) hide show
  1. package/dist/tokens-cjs.js +68 -189
  2. package/dist/tokens.css +65 -186
  3. package/dist/tokens.js +68 -189
  4. package/dist/tokens.less +68 -189
  5. package/dist/tokens.scss +68 -189
  6. package/package.json +5 -4
  7. package/src/colors.json +49 -26
  8. package/src/index.js +8 -180
package/dist/tokens-cjs.js CHANGED
@@ -1,27 +1,38 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Nov 2021 14:24:59 GMT
3
+ * Generated on Mon, 07 Feb 2022 12:30:11 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
- "NavdsSpacing1": "0.25rem",
8
- "NavdsSpacing2": "0.5rem",
9
- "NavdsSpacing3": "0.75rem",
10
- "NavdsSpacing4": "1rem",
11
- "NavdsSpacing5": "1.25rem",
12
- "NavdsSpacing6": "1.5rem",
13
- "NavdsSpacing7": "1.75rem",
14
- "NavdsSpacing8": "2rem",
15
- "NavdsSpacing9": "2.25rem",
16
- "NavdsSpacing10": "2.5rem",
17
- "NavdsSpacing11": "2.75rem",
18
- "NavdsSpacing12": "3rem",
19
- "NavdsSpacing14": "3.5rem",
20
- "NavdsSpacing16": "4rem",
21
- "NavdsSpacing18": "4.5rem",
22
- "NavdsSpacing20": "5rem",
23
- "NavdsSpacing24": "6rem",
24
- "NavdsSpacing32": "8rem",
7
+ "NavdsFontFamily": "\"Source Sans Pro\", Arial, sans-serif",
8
+ "NavdsFontLineHeightHeading2xlarge": "3.25rem",
9
+ "NavdsFontLineHeightHeadingXlarge": "2.5rem",
10
+ "NavdsFontLineHeightHeadingLarge": "2.25rem",
11
+ "NavdsFontLineHeightHeadingMedium": "2rem",
12
+ "NavdsFontLineHeightHeadingSmall": "1.75rem",
13
+ "NavdsFontLineHeightHeadingXsmall": "1.5rem",
14
+ "NavdsFontLineHeightXlarge": "1.75rem",
15
+ "NavdsFontLineHeightLarge": "1.5rem",
16
+ "NavdsFontLineHeightMedium": "1.25rem",
17
+ "NavdsFontSizeHeading2xlarge": "2.5rem",
18
+ "NavdsFontSizeHeadingXlarge": "2rem",
19
+ "NavdsFontSizeHeadingLarge": "1.75rem",
20
+ "NavdsFontSizeHeadingMedium": "1.5rem",
21
+ "NavdsFontSizeHeadingSmall": "1.25rem",
22
+ "NavdsFontSizeHeadingXsmall": "1.125rem",
23
+ "NavdsFontSizeXlarge": "1.25rem",
24
+ "NavdsFontSizeLarge": "1.125rem",
25
+ "NavdsFontSizeMedium": "1rem",
26
+ "NavdsFontSizeSmall": "0.875rem",
27
+ "NavdsFontWeightBold": "600",
28
+ "NavdsFontWeightRegular": "400",
29
+ "NavdsShadowFocus": "0 0 0 3px rgba(0, 52, 125, 1)",
30
+ "NavdsShadowFocusInverted": "0 0 0 3px rgba(153, 195, 255, 1)",
31
+ "NavdsShadowPopover": "0 2px 4px 0 rgba(229, 229, 229, 1)",
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
+ "NavdsZIndexModal": 2000,
34
+ "NavdsZIndexPopover": 1000,
35
+ "NavdsZIndexFocus": 10,
25
36
  "NavdsGlobalColorBlue50": "rgba(230, 240, 255, 1)",
26
37
  "NavdsGlobalColorBlue100": "rgba(204, 225, 255, 1)",
27
38
  "NavdsGlobalColorBlue200": "rgba(153, 195, 255, 1)",
@@ -44,10 +55,13 @@ module.exports = {
44
55
  "NavdsGlobalColorDeepblue900": "rgba(0, 36, 58, 1)",
45
56
  "NavdsGlobalColorGray50": "rgba(247, 247, 247, 1)",
46
57
  "NavdsGlobalColorGray100": "rgba(241, 241, 241, 1)",
47
- "NavdsGlobalColorGray200": "rgba(201, 201, 201, 1)",
48
- "NavdsGlobalColorGray400": "rgba(160, 160, 160, 1)",
49
- "NavdsGlobalColorGray600": "rgba(106, 106, 106, 1)",
50
- "NavdsGlobalColorGray800": "rgba(79, 79, 79, 1)",
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)",
51
65
  "NavdsGlobalColorGray900": "rgba(38, 38, 38, 1)",
52
66
  "NavdsGlobalColorGreen50": "rgba(243, 252, 245, 1)",
53
67
  "NavdsGlobalColorGreen100": "rgba(204, 241, 214, 1)",
@@ -112,15 +126,16 @@ module.exports = {
112
126
  "NavdsGlobalColorRed900": "rgba(72, 9, 0, 1)",
113
127
  "NavdsGlobalColorTransparent": "rgba(255, 255, 255, 0)",
114
128
  "NavdsGlobalColorWhite": "rgba(255, 255, 255, 1)",
115
- "NavdsSemanticColorBorderDefault": "rgba(106, 106, 106, 1)",
116
- "NavdsSemanticColorBorderMuted": "rgba(160, 160, 160, 1)",
117
- "NavdsSemanticColorCanvasBackgroundDefault": "rgba(241, 241, 241, 1)",
129
+ "NavdsSemanticColorBorderInverted": "rgba(229, 229, 229, 1)",
130
+ "NavdsSemanticColorBorderMuted": "rgba(176, 176, 176, 1)",
131
+ "NavdsSemanticColorBorder": "rgba(112, 112, 112, 1)",
118
132
  "NavdsSemanticColorCanvasBackgroundInverted": "rgba(38, 38, 38, 1)",
119
133
  "NavdsSemanticColorCanvasBackgroundLight": "rgba(255, 255, 255, 1)",
134
+ "NavdsSemanticColorCanvasBackground": "rgba(241, 241, 241, 1)",
120
135
  "NavdsSemanticColorComponentBackgroundAlternate": "rgba(247, 247, 247, 1)",
121
136
  "NavdsSemanticColorComponentBackgroundInverted": "rgba(38, 38, 38, 1)",
122
137
  "NavdsSemanticColorComponentBackgroundLight": "rgba(255, 255, 255, 1)",
123
- "NavdsSemanticColorDivider": "rgba(201, 201, 201, 1)",
138
+ "NavdsSemanticColorDivider": "rgba(229, 229, 229, 1)",
124
139
  "NavdsSemanticColorFeedbackDangerBackground": "rgba(249, 210, 204, 1)",
125
140
  "NavdsSemanticColorFeedbackDangerBorder": "rgba(186, 58, 38, 1)",
126
141
  "NavdsSemanticColorFeedbackDangerIcon": "rgba(186, 58, 38, 1)",
@@ -134,172 +149,36 @@ module.exports = {
134
149
  "NavdsSemanticColorFeedbackWarningBackground": "rgba(255, 236, 204, 1)",
135
150
  "NavdsSemanticColorFeedbackWarningBorder": "rgba(212, 123, 0, 1)",
136
151
  "NavdsSemanticColorFeedbackWarningIcon": "rgba(255, 145, 0, 1)",
152
+ "NavdsSemanticColorFocusInverted": "rgba(153, 195, 255, 1)",
137
153
  "NavdsSemanticColorFocus": "rgba(0, 52, 125, 1)",
138
- "NavdsSemanticColorInteractionDangerDefault": "rgba(186, 58, 38, 1)",
139
154
  "NavdsSemanticColorInteractionDangerHover": "rgba(163, 42, 23, 1)",
140
155
  "NavdsSemanticColorInteractionDangerSelected": "rgba(136, 29, 12, 1)",
141
- "NavdsSemanticColorInteractionPrimaryDefault": "rgba(0, 103, 197, 1)",
156
+ "NavdsSemanticColorInteractionDanger": "rgba(186, 58, 38, 1)",
157
+ "NavdsSemanticColorInteractionPrimaryHoverSubtle": "rgba(230, 240, 255, 1)",
142
158
  "NavdsSemanticColorInteractionPrimaryHover": "rgba(0, 86, 180, 1)",
143
159
  "NavdsSemanticColorInteractionPrimarySelected": "rgba(0, 91, 130, 1)",
144
- "NavdsSemanticColorTextDefault": "rgba(38, 38, 38, 1)",
160
+ "NavdsSemanticColorInteractionPrimary": "rgba(0, 103, 197, 1)",
161
+ "NavdsSemanticColorLinkVisited": "rgba(99, 70, 137, 1)",
162
+ "NavdsSemanticColorLink": "rgba(0, 103, 197, 1)",
145
163
  "NavdsSemanticColorTextInverted": "rgba(255, 255, 255, 1)",
146
- "NavdsSemanticColorTextLink": "rgba(0, 103, 197, 1)",
147
- "NavdsSemanticColorTextMuted": "rgba(106, 106, 106, 1)",
148
- "NavdsColorWhite": "#ffffff",
149
- "NavdsColorDarkgray": "#262626",
150
- "NavdsColorGray10": "#F1F1F1",
151
- "NavdsColorGray20": "#C9C9C9",
152
- "NavdsColorGray40": "#A0A0A0",
153
- "NavdsColorGray60": "#6A6A6A",
154
- "NavdsColorGray80": "#4F4F4F",
155
- "NavdsColorGray90": "#262626",
156
- "NavdsColorBlue10": "#CCE1FF",
157
- "NavdsColorBlue20": "#99C3FF",
158
- "NavdsColorBlue30": "#66A5F4",
159
- "NavdsColorBlue40": "#3386E0",
160
- "NavdsColorBlue50": "#0067c5",
161
- "NavdsColorBlue60": "#0056B4",
162
- "NavdsColorBlue70": "#00459C",
163
- "NavdsColorBlue80": "#00347D",
164
- "NavdsColorBlue90": "#002252",
165
- "NavdsColorDeepblue10": "#CCE2F0",
166
- "NavdsColorDeepblue20": "#99C4DD",
167
- "NavdsColorDeepblue30": "#66A3C4",
168
- "NavdsColorDeepblue40": "#3380A5",
169
- "NavdsColorDeepblue50": "#005B82",
170
- "NavdsColorDeepblue60": "#005077",
171
- "NavdsColorDeepblue70": "#004367",
172
- "NavdsColorDeepblue80": "#003453",
173
- "NavdsColorDeepblue90": "#00243A",
174
- "NavdsColorLightblue10": "#D8F9FF",
175
- "NavdsColorLightblue20": "#B5F1FF",
176
- "NavdsColorLightblue30": "#97E6FF",
177
- "NavdsColorLightblue40": "#7CDAF8",
178
- "NavdsColorLightblue50": "#66CBEC",
179
- "NavdsColorLightblue60": "#4CADCD",
180
- "NavdsColorLightblue70": "#368DA8",
181
- "NavdsColorLightblue80": "#236B7D",
182
- "NavdsColorLightblue90": "#134852",
183
- "NavdsColorOrange10": "#FFECCC",
184
- "NavdsColorOrange20": "#FFD799",
185
- "NavdsColorOrange30": "#FFC166",
186
- "NavdsColorOrange40": "#FFAA33",
187
- "NavdsColorOrange50": "#FF9100",
188
- "NavdsColorOrange60": "#D47B00",
189
- "NavdsColorOrange70": "#A86400",
190
- "NavdsColorOrange80": "#7D4C00",
191
- "NavdsColorOrange90": "#523300",
192
- "NavdsColorGreen10": "#CCF1D6",
193
- "NavdsColorGreen20": "#99DEAD",
194
- "NavdsColorGreen30": "#66C786",
195
- "NavdsColorGreen40": "#33AA5F",
196
- "NavdsColorGreen50": "#06893A",
197
- "NavdsColorGreen60": "#007C2E",
198
- "NavdsColorGreen70": "#006A23",
199
- "NavdsColorGreen80": "#005519",
200
- "NavdsColorGreen90": "#003B0F",
201
- "NavdsColorRed10": "#F9D2CC",
202
- "NavdsColorRed20": "#EFA89D",
203
- "NavdsColorRed30": "#E18071",
204
- "NavdsColorRed40": "#D05C4A",
205
- "NavdsColorRed50": "#BA3A26",
206
- "NavdsColorRed60": "#A32A17",
207
- "NavdsColorRed70": "#881D0C",
208
- "NavdsColorRed80": "#6A1204",
209
- "NavdsColorRed90": "#480900",
210
- "NavdsColorPurple10": "#E0D8E9",
211
- "NavdsColorPurple20": "#C0B2D2",
212
- "NavdsColorPurple30": "#A18DBB",
213
- "NavdsColorPurple40": "#8269A2",
214
- "NavdsColorPurple50": "#634689",
215
- "NavdsColorPurple60": "#523874",
216
- "NavdsColorPurple70": "#412B5D",
217
- "NavdsColorPurple80": "#301F46",
218
- "NavdsColorPurple90": "#1F142F",
219
- "NavdsColorLimegreen10": "#F9FCCC",
220
- "NavdsColorLimegreen20": "#ECF399",
221
- "NavdsColorLimegreen30": "#D9E366",
222
- "NavdsColorLimegreen40": "#C1CB33",
223
- "NavdsColorLimegreen50": "#a2ad00",
224
- "NavdsColorLimegreen60": "#939E00",
225
- "NavdsColorLimegreen70": "#7F8900",
226
- "NavdsColorLimegreen80": "#666E00",
227
- "NavdsColorLimegreen90": "#474E00",
228
- "NavdsColorDisabled": "#A0A0A0",
229
- "NavdsColorActionDefault": "#0067c5",
230
- "NavdsColorActionHover": "#0056B4",
231
- "NavdsColorActionActive": "#005B82",
232
- "NavdsColorDangerDefault": "#BA3A26",
233
- "NavdsColorDangerHover": "#A32A17",
234
- "NavdsColorDangerActive": "#881D0C",
235
- "NavdsColorErrorBorder": "#BA3A26",
236
- "NavdsColorErrorBackground": "#F9D2CC",
237
- "NavdsColorWarningBorder": "#D47B00",
238
- "NavdsColorWarningBackground": "#FFECCC",
239
- "NavdsColorInfoBorder": "#368DA8",
240
- "NavdsColorInfoBackground": "#D8F9FF",
241
- "NavdsColorSuccessBorder": "#06893A",
242
- "NavdsColorSuccessBackground": "#CCF1D6",
243
- "NavdsColorBorder": "#A0A0A0",
244
- "NavdsColorBackground": "#ffffff",
245
- "NavdsColorTextPrimary": "#262626",
246
- "NavdsColorTextInverse": "#ffffff",
247
- "NavdsColorTextDisabled": "#6A6A6A",
248
- "NavdsColorTextLink": "#0067c5",
249
- "NavdsColorTextError": "#BA3A26",
250
- "NavdsColorHover": "#A0A0A0",
251
- "NavdsColorTagErrorBorder": "#BA3A26",
252
- "NavdsColorTagErrorBackground": "#F9D2CC",
253
- "NavdsColorTagWarningBorder": "#D47B00",
254
- "NavdsColorTagWarningBackground": "#FFECCC",
255
- "NavdsColorTagInfoBorder": "#368DA8",
256
- "NavdsColorTagInfoBackground": "#D8F9FF",
257
- "NavdsColorTagSuccessBorder": "#06893A",
258
- "NavdsColorTagSuccessBackground": "#CCF1D6",
259
- "NavdsColorModalOverlay": "rgba(38, 38, 38, 0.7)",
260
- "NavdsBorderDefault": "1px solid #A0A0A0",
261
- "NavdsBorderRadius": "4px",
262
- "NavdsPanelHover": "1px solid #0067c5",
263
- "NavdsFontFamily": "\"Source Sans Pro\", Arial, sans-serif",
264
- "NavdsFontLineHeightHeading2xlarge": "3.25rem",
265
- "NavdsFontLineHeightHeadingXlarge": "2.5rem",
266
- "NavdsFontLineHeightHeadingLarge": "2.25rem",
267
- "NavdsFontLineHeightHeadingMedium": "2rem",
268
- "NavdsFontLineHeightHeadingSmall": "1.75rem",
269
- "NavdsFontLineHeightHeadingXsmall": "1.5rem",
270
- "NavdsFontLineHeightXlarge": "1.75rem",
271
- "NavdsFontLineHeightLarge": "1.5rem",
272
- "NavdsFontLineHeightMedium": "1.25rem",
273
- "NavdsFontSizeHeading2xlarge": "2.5rem",
274
- "NavdsFontSizeHeadingXlarge": "2rem",
275
- "NavdsFontSizeHeadingLarge": "1.75rem",
276
- "NavdsFontSizeHeadingMedium": "1.5rem",
277
- "NavdsFontSizeHeadingSmall": "1.25rem",
278
- "NavdsFontSizeHeadingXsmall": "1.125rem",
279
- "NavdsFontSizeXlarge": "1.25rem",
280
- "NavdsFontSizeLarge": "1.125rem",
281
- "NavdsFontSizeMedium": "1rem",
282
- "NavdsFontSizeSmall": "0.875rem",
283
- "NavdsFontWeightBold": "600",
284
- "NavdsFontWeightRegular": "400",
285
- "NavdsShadowFocus": "0 0 0 3px #00347D",
286
- "NavdsShadowFocusOnDark": "0 0 0 3px #FFAA33",
287
- "NavdsShadowHover": "#A0A0A0 0 2px 1px 0",
288
- "NavdsTextFocus": "#00347D",
289
- "NavdsTextShadow": "0 0 0 2px #00347D",
290
- "NavdsContentContainerMaxWidth": "79.5rem",
291
- "NavdsContentContainerPaddingSmall": "1rem",
292
- "NavdsContentContainerPaddingMediumAndLarger": "1.5rem",
293
- "NavdsGridGutterSmall": "1rem",
294
- "NavdsGridGutterMediumAndLarger": "1.5rem",
295
- "NavdsLayoutBackgroundWhite": "#ffffff",
296
- "NavdsLayoutBackgroundGray": "#F1F1F1",
297
- "NavdsLayoutPaddingSmall": "1rem",
298
- "NavdsLayoutPaddingMediumAndLarger": "2.5rem",
299
- "NavdsZIndexModal": 2000,
300
- "NavdsZIndexPopover": 1000,
301
- "NavdsZIndexFocus": 10,
302
- "NavdsSidebarStickyOffset": "0",
303
- "NavdsCheckmarkImageWhite": "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==)",
304
- "NavdsCheckmarkImageBlue": "url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjMDA2N0M1IiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==)"
164
+ "NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
165
+ "NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
166
+ "NavdsSpacing1": "0.25rem",
167
+ "NavdsSpacing2": "0.5rem",
168
+ "NavdsSpacing3": "0.75rem",
169
+ "NavdsSpacing4": "1rem",
170
+ "NavdsSpacing5": "1.25rem",
171
+ "NavdsSpacing6": "1.5rem",
172
+ "NavdsSpacing7": "1.75rem",
173
+ "NavdsSpacing8": "2rem",
174
+ "NavdsSpacing9": "2.25rem",
175
+ "NavdsSpacing10": "2.5rem",
176
+ "NavdsSpacing11": "2.75rem",
177
+ "NavdsSpacing12": "3rem",
178
+ "NavdsSpacing14": "3.5rem",
179
+ "NavdsSpacing16": "4rem",
180
+ "NavdsSpacing18": "4.5rem",
181
+ "NavdsSpacing20": "5rem",
182
+ "NavdsSpacing24": "6rem",
183
+ "NavdsSpacing32": "8rem"
305
184
  };
package/dist/tokens.css CHANGED
@@ -1,121 +1,27 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 17 Nov 2021 14:24:58 GMT
3
+ * Generated on Mon, 07 Feb 2022 12:30:11 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --navds-checkmark-image-blue: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjMDA2N0M1IiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==);
8
- --navds-checkmark-image-white: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAxMCI+ICAgIDxnPiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNCwxMGMtMC40LDAtMC44LTAuMS0xLjEtMC40TDAuNCw3LjFDMC4xLDYuOCwwLDYuNCwwLDZzMC4yLTAuOCwwLjUtMS4xQzEsNC40LDIsNC40LDIuNSw0LjlMNCw2LjRsNi40LTYgICAgQzEwLjgsMC4xLDExLjEsMCwxMS41LDBjMC40LDAsMC44LDAuMiwxLDAuNWMwLjYsMC42LDAuNSwxLjYtMC4xLDIuMXYwTDUsOS42QzQuNyw5LjksNC40LDEwLDQsMTB6IE0xMS44LDEuOUwxMS44LDEuOSAgICBDMTEuOCwxLjksMTEuOCwxLjksMTEuOCwxLjl6IE0xMS4yLDEuMUMxMS4yLDEuMSwxMS4yLDEuMSwxMS4yLDEuMUwxMS4yLDEuMXoiLz4gICAgPC9nPjwvc3ZnPg==);
9
- --navds-sidebar-sticky-offset: 0;
10
- --navds-z-index-focus: 10;
11
- --navds-z-index-popover: 1000;
12
- --navds-z-index-modal: 2000;
13
- --navds-layout-background-white: #ffffff;
14
- --navds-content-container-max-width: 79.5rem;
15
- --navds-font-weight-regular: 400;
16
- --navds-font-weight-bold: 600;
17
- --navds-font-size-small: 0.875rem;
18
- --navds-font-size-medium: 1rem;
19
- --navds-font-size-large: 1.125rem;
20
- --navds-font-size-xlarge: 1.25rem;
21
- --navds-font-size-heading-xsmall: 1.125rem;
22
- --navds-font-size-heading-small: 1.25rem;
23
- --navds-font-size-heading-medium: 1.5rem;
24
- --navds-font-size-heading-large: 1.75rem;
25
- --navds-font-size-heading-xlarge: 2rem;
26
- --navds-font-size-heading-2xlarge: 2.5rem;
27
- --navds-font-line-height-medium: 1.25rem;
28
- --navds-font-line-height-large: 1.5rem;
29
- --navds-font-line-height-xlarge: 1.75rem;
30
- --navds-font-line-height-heading-xsmall: 1.5rem;
31
- --navds-font-line-height-heading-small: 1.75rem;
32
- --navds-font-line-height-heading-medium: 2rem;
33
- --navds-font-line-height-heading-large: 2.25rem;
34
- --navds-font-line-height-heading-xlarge: 2.5rem;
35
- --navds-font-line-height-heading-2xlarge: 3.25rem;
36
- --navds-font-family: "Source Sans Pro", Arial, sans-serif;
37
- --navds-border-radius: 4px;
38
- --navds-color-modal-overlay: rgba(38, 38, 38, 0.7);
39
- --navds-color-limegreen-90: #474E00;
40
- --navds-color-limegreen-80: #666E00;
41
- --navds-color-limegreen-70: #7F8900;
42
- --navds-color-limegreen-60: #939E00;
43
- --navds-color-limegreen-50: #a2ad00;
44
- --navds-color-limegreen-40: #C1CB33;
45
- --navds-color-limegreen-30: #D9E366;
46
- --navds-color-limegreen-20: #ECF399;
47
- --navds-color-limegreen-10: #F9FCCC;
48
- --navds-color-purple-90: #1F142F;
49
- --navds-color-purple-80: #301F46;
50
- --navds-color-purple-70: #412B5D;
51
- --navds-color-purple-60: #523874;
52
- --navds-color-purple-50: #634689;
53
- --navds-color-purple-40: #8269A2;
54
- --navds-color-purple-30: #A18DBB;
55
- --navds-color-purple-20: #C0B2D2;
56
- --navds-color-purple-10: #E0D8E9;
57
- --navds-color-red-90: #480900;
58
- --navds-color-red-80: #6A1204;
59
- --navds-color-red-70: #881D0C;
60
- --navds-color-red-60: #A32A17;
61
- --navds-color-red-50: #BA3A26;
62
- --navds-color-red-40: #D05C4A;
63
- --navds-color-red-30: #E18071;
64
- --navds-color-red-20: #EFA89D;
65
- --navds-color-red-10: #F9D2CC;
66
- --navds-color-green-90: #003B0F;
67
- --navds-color-green-80: #005519;
68
- --navds-color-green-70: #006A23;
69
- --navds-color-green-60: #007C2E;
70
- --navds-color-green-50: #06893A;
71
- --navds-color-green-40: #33AA5F;
72
- --navds-color-green-30: #66C786;
73
- --navds-color-green-20: #99DEAD;
74
- --navds-color-green-10: #CCF1D6;
75
- --navds-color-orange-90: #523300;
76
- --navds-color-orange-80: #7D4C00;
77
- --navds-color-orange-70: #A86400;
78
- --navds-color-orange-60: #D47B00;
79
- --navds-color-orange-50: #FF9100;
80
- --navds-color-orange-40: #FFAA33;
81
- --navds-color-orange-30: #FFC166;
82
- --navds-color-orange-20: #FFD799;
83
- --navds-color-orange-10: #FFECCC;
84
- --navds-color-lightblue-90: #134852;
85
- --navds-color-lightblue-80: #236B7D;
86
- --navds-color-lightblue-70: #368DA8;
87
- --navds-color-lightblue-60: #4CADCD;
88
- --navds-color-lightblue-50: #66CBEC;
89
- --navds-color-lightblue-40: #7CDAF8;
90
- --navds-color-lightblue-30: #97E6FF;
91
- --navds-color-lightblue-20: #B5F1FF;
92
- --navds-color-lightblue-10: #D8F9FF;
93
- --navds-color-deepblue-90: #00243A;
94
- --navds-color-deepblue-80: #003453;
95
- --navds-color-deepblue-70: #004367;
96
- --navds-color-deepblue-60: #005077;
97
- --navds-color-deepblue-50: #005B82;
98
- --navds-color-deepblue-40: #3380A5;
99
- --navds-color-deepblue-30: #66A3C4;
100
- --navds-color-deepblue-20: #99C4DD;
101
- --navds-color-deepblue-10: #CCE2F0;
102
- --navds-color-blue-90: #002252;
103
- --navds-color-blue-80: #00347D;
104
- --navds-color-blue-70: #00459C;
105
- --navds-color-blue-60: #0056B4;
106
- --navds-color-blue-50: #0067c5;
107
- --navds-color-blue-40: #3386E0;
108
- --navds-color-blue-30: #66A5F4;
109
- --navds-color-blue-20: #99C3FF;
110
- --navds-color-blue-10: #CCE1FF;
111
- --navds-color-gray-90: #262626;
112
- --navds-color-gray-80: #4F4F4F;
113
- --navds-color-gray-60: #6A6A6A;
114
- --navds-color-gray-40: #A0A0A0;
115
- --navds-color-gray-20: #C9C9C9;
116
- --navds-color-gray-10: #F1F1F1;
117
- --navds-color-darkgray: #262626;
118
- --navds-color-white: #ffffff;
7
+ --navds-spacing-32: 8rem;
8
+ --navds-spacing-24: 6rem;
9
+ --navds-spacing-20: 5rem;
10
+ --navds-spacing-18: 4.5rem;
11
+ --navds-spacing-16: 4rem;
12
+ --navds-spacing-14: 3.5rem;
13
+ --navds-spacing-12: 3rem;
14
+ --navds-spacing-11: 2.75rem;
15
+ --navds-spacing-10: 2.5rem;
16
+ --navds-spacing-9: 2.25rem;
17
+ --navds-spacing-8: 2rem;
18
+ --navds-spacing-7: 1.75rem;
19
+ --navds-spacing-6: 1.5rem;
20
+ --navds-spacing-5: 1.25rem;
21
+ --navds-spacing-4: 1rem;
22
+ --navds-spacing-3: 0.75rem;
23
+ --navds-spacing-2: 0.5rem;
24
+ --navds-spacing-1: 0.25rem;
119
25
  --navds-global-color-white: rgba(255, 255, 255, 1);
120
26
  --navds-global-color-transparent: rgba(255, 255, 255, 0);
121
27
  --navds-global-color-red-900: rgba(72, 9, 0, 1);
@@ -180,10 +86,13 @@
180
86
  --navds-global-color-green-100: rgba(204, 241, 214, 1);
181
87
  --navds-global-color-green-50: rgba(243, 252, 245, 1);
182
88
  --navds-global-color-gray-900: rgba(38, 38, 38, 1);
183
- --navds-global-color-gray-800: rgba(79, 79, 79, 1);
184
- --navds-global-color-gray-600: rgba(106, 106, 106, 1);
185
- --navds-global-color-gray-400: rgba(160, 160, 160, 1);
186
- --navds-global-color-gray-200: rgba(201, 201, 201, 1);
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);
187
96
  --navds-global-color-gray-100: rgba(241, 241, 241, 1);
188
97
  --navds-global-color-gray-50: rgba(247, 247, 247, 1);
189
98
  --navds-global-color-deepblue-900: rgba(0, 36, 58, 1);
@@ -206,78 +115,46 @@
206
115
  --navds-global-color-blue-200: rgba(153, 195, 255, 1);
207
116
  --navds-global-color-blue-100: rgba(204, 225, 255, 1);
208
117
  --navds-global-color-blue-50: rgba(230, 240, 255, 1);
209
- --navds-spacing-32: 8rem;
210
- --navds-spacing-24: 6rem;
211
- --navds-spacing-20: 5rem;
212
- --navds-spacing-18: 4.5rem;
213
- --navds-spacing-16: 4rem;
214
- --navds-spacing-14: 3.5rem;
215
- --navds-spacing-12: 3rem;
216
- --navds-spacing-11: 2.75rem;
217
- --navds-spacing-10: 2.5rem;
218
- --navds-spacing-9: 2.25rem;
219
- --navds-spacing-8: 2rem;
220
- --navds-spacing-7: 1.75rem;
221
- --navds-spacing-6: 1.5rem;
222
- --navds-spacing-5: 1.25rem;
223
- --navds-spacing-4: 1rem;
224
- --navds-spacing-3: 0.75rem;
225
- --navds-spacing-2: 0.5rem;
226
- --navds-spacing-1: 0.25rem;
227
- --navds-layout-padding-medium-and-larger: var(--navds-spacing-10);
228
- --navds-layout-padding-small: var(--navds-spacing-4);
229
- --navds-layout-background-gray: var(--navds-color-gray-10);
230
- --navds-grid-gutter-medium-and-larger: var(--navds-spacing-6);
231
- --navds-grid-gutter-small: var(--navds-spacing-4);
232
- --navds-content-container-padding-medium-and-larger: var(--navds-spacing-6);
233
- --navds-content-container-padding-small: var(--navds-spacing-4);
234
- --navds-text-shadow: 0 0 0 2px var(--navds-color-blue-80);
235
- --navds-text-focus: var(--navds-color-blue-80);
236
- --navds-shadow-focus-on-dark: 0 0 0 3px var(--navds-color-orange-40);
237
- --navds-shadow-focus: 0 0 0 3px var(--navds-color-blue-80);
238
- --navds-panel-hover: 1px solid var(--navds-color-blue-50);
239
- --navds-color-tag-success-background: var(--navds-color-green-10);
240
- --navds-color-tag-success-border: var(--navds-color-green-50);
241
- --navds-color-tag-info-background: var(--navds-color-lightblue-10);
242
- --navds-color-tag-info-border: var(--navds-color-lightblue-70);
243
- --navds-color-tag-warning-background: var(--navds-color-orange-10);
244
- --navds-color-tag-warning-border: var(--navds-color-orange-60);
245
- --navds-color-tag-error-background: var(--navds-color-red-10);
246
- --navds-color-tag-error-border: var(--navds-color-red-50);
247
- --navds-color-hover: var(--navds-color-gray-40);
248
- --navds-color-text-error: var(--navds-color-red-50);
249
- --navds-color-text-link: var(--navds-color-blue-50);
250
- --navds-color-text-disabled: var(--navds-color-gray-60);
251
- --navds-color-text-inverse: var(--navds-color-white);
252
- --navds-color-text-primary: var(--navds-color-gray-90);
253
- --navds-color-background: var(--navds-color-white);
254
- --navds-color-border: var(--navds-color-gray-40);
255
- --navds-color-success-background: var(--navds-color-green-10);
256
- --navds-color-success-border: var(--navds-color-green-50);
257
- --navds-color-info-background: var(--navds-color-lightblue-10);
258
- --navds-color-info-border: var(--navds-color-lightblue-70);
259
- --navds-color-warning-background: var(--navds-color-orange-10);
260
- --navds-color-warning-border: var(--navds-color-orange-60);
261
- --navds-color-error-background: var(--navds-color-red-10);
262
- --navds-color-error-border: var(--navds-color-red-50);
263
- --navds-color-danger-active: var(--navds-color-red-70);
264
- --navds-color-danger-hover: var(--navds-color-red-60);
265
- --navds-color-danger-default: var(--navds-color-red-50);
266
- --navds-color-action-active: var(--navds-color-deepblue-50);
267
- --navds-color-action-hover: var(--navds-color-blue-60);
268
- --navds-color-action-default: var(--navds-color-blue-50);
269
- --navds-color-disabled: var(--navds-color-gray-40);
118
+ --navds-z-index-focus: 10;
119
+ --navds-z-index-popover: 1000;
120
+ --navds-z-index-modal: 2000;
121
+ --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);
122
+ --navds-font-weight-regular: 400;
123
+ --navds-font-weight-bold: 600;
124
+ --navds-font-size-small: 0.875rem;
125
+ --navds-font-size-medium: 1rem;
126
+ --navds-font-size-large: 1.125rem;
127
+ --navds-font-size-xlarge: 1.25rem;
128
+ --navds-font-size-heading-xsmall: 1.125rem;
129
+ --navds-font-size-heading-small: 1.25rem;
130
+ --navds-font-size-heading-medium: 1.5rem;
131
+ --navds-font-size-heading-large: 1.75rem;
132
+ --navds-font-size-heading-xlarge: 2rem;
133
+ --navds-font-size-heading-2xlarge: 2.5rem;
134
+ --navds-font-line-height-medium: 1.25rem;
135
+ --navds-font-line-height-large: 1.5rem;
136
+ --navds-font-line-height-xlarge: 1.75rem;
137
+ --navds-font-line-height-heading-xsmall: 1.5rem;
138
+ --navds-font-line-height-heading-small: 1.75rem;
139
+ --navds-font-line-height-heading-medium: 2rem;
140
+ --navds-font-line-height-heading-large: 2.25rem;
141
+ --navds-font-line-height-heading-xlarge: 2.5rem;
142
+ --navds-font-line-height-heading-2xlarge: 3.25rem;
143
+ --navds-font-family: "Source Sans Pro", Arial, sans-serif;
144
+ --navds-semantic-color-text: var(--navds-global-color-gray-900);
270
145
  --navds-semantic-color-text-muted: var(--navds-global-color-gray-600);
271
- --navds-semantic-color-text-link: var(--navds-global-color-blue-500);
272
146
  --navds-semantic-color-text-inverted: var(--navds-global-color-white);
273
- --navds-semantic-color-text-default: var(--navds-global-color-gray-900);
147
+ --navds-semantic-color-link: var(--navds-global-color-blue-500);
148
+ --navds-semantic-color-link-visited: var(--navds-global-color-purple-500);
149
+ --navds-semantic-color-interaction-primary: var(--navds-global-color-blue-500);
274
150
  --navds-semantic-color-interaction-primary-selected: var(--navds-global-color-deepblue-500);
275
151
  --navds-semantic-color-interaction-primary-hover: var(--navds-global-color-blue-600);
276
- --navds-semantic-color-interaction-primary-default: var(--navds-global-color-blue-500);
152
+ --navds-semantic-color-interaction-primary-hover-subtle: var(--navds-global-color-blue-50);
153
+ --navds-semantic-color-interaction-danger: var(--navds-global-color-red-500);
277
154
  --navds-semantic-color-interaction-danger-selected: var(--navds-global-color-red-700);
278
155
  --navds-semantic-color-interaction-danger-hover: var(--navds-global-color-red-600);
279
- --navds-semantic-color-interaction-danger-default: var(--navds-global-color-red-500);
280
156
  --navds-semantic-color-focus: var(--navds-global-color-blue-800);
157
+ --navds-semantic-color-focus-inverted: var(--navds-global-color-blue-200);
281
158
  --navds-semantic-color-feedback-warning-icon: var(--navds-global-color-orange-500);
282
159
  --navds-semantic-color-feedback-warning-border: var(--navds-global-color-orange-600);
283
160
  --navds-semantic-color-feedback-warning-background: var(--navds-global-color-orange-100);
@@ -295,11 +172,13 @@
295
172
  --navds-semantic-color-component-background-light: var(--navds-global-color-white);
296
173
  --navds-semantic-color-component-background-inverted: var(--navds-global-color-gray-900);
297
174
  --navds-semantic-color-component-background-alternate: var(--navds-global-color-gray-50);
175
+ --navds-semantic-color-canvas-background: var(--navds-global-color-gray-100);
298
176
  --navds-semantic-color-canvas-background-light: var(--navds-global-color-white);
299
177
  --navds-semantic-color-canvas-background-inverted: var(--navds-global-color-gray-900);
300
- --navds-semantic-color-canvas-background-default: var(--navds-global-color-gray-100);
178
+ --navds-semantic-color-border: var(--navds-global-color-gray-600);
301
179
  --navds-semantic-color-border-muted: var(--navds-global-color-gray-400);
302
- --navds-semantic-color-border-default: var(--navds-global-color-gray-600);
303
- --navds-shadow-hover: var(--navds-color-hover) 0 2px 1px 0;
304
- --navds-border-default: 1px solid var(--navds-color-border);
180
+ --navds-semantic-color-border-inverted: var(--navds-global-color-gray-200);
181
+ --navds-shadow-popover: 0 2px 4px 0 var(--navds-global-color-gray-200);
182
+ --navds-shadow-focus-inverted: 0 0 0 3px var(--navds-semantic-color-focus-inverted);
183
+ --navds-shadow-focus: 0 0 0 3px var(--navds-semantic-color-focus);
305
184
  }