@navikt/aksel-stylelint 7.22.0 → 7.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +337 -341
  2. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -5,338 +5,338 @@
5
5
  */
6
6
 
7
7
  :root, :host {
8
- --ax-version: "7.22.0";
9
- --a-spacing-1-alt: 0.375rem;
10
- --a-spacing-05: 0.125rem;
11
- --a-spacing-32: 8rem;
12
- --a-spacing-24: 6rem;
13
- --a-spacing-20: 5rem;
14
- --a-spacing-18: 4.5rem;
15
- --a-spacing-16: 4rem;
16
- --a-spacing-14: 3.5rem;
17
- --a-spacing-12: 3rem;
18
- --a-spacing-11: 2.75rem;
19
- --a-spacing-10: 2.5rem;
20
- --a-spacing-9: 2.25rem;
21
- --a-spacing-8: 2rem;
22
- --a-spacing-7: 1.75rem;
23
- --a-spacing-6: 1.5rem;
24
- --a-spacing-5: 1.25rem;
25
- --a-spacing-4: 1rem;
26
- --a-spacing-3: 0.75rem;
27
- --a-spacing-2: 0.5rem;
28
- --a-spacing-1: 0.25rem;
29
- --a-spacing-0: 0;
30
- --a-shadow-xlarge: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08);
31
- --a-shadow-large: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
32
- --a-shadow-medium: 0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
33
- --a-shadow-small: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18);
34
- --a-shadow-xsmall: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
35
- --a-purple-900: rgba(31, 20, 47, 1);
36
- --a-purple-800: rgba(48, 31, 70, 1);
37
- --a-purple-700: rgba(65, 43, 93, 1);
38
- --a-purple-600: rgba(82, 56, 116, 1);
39
- --a-purple-500: rgba(99, 70, 137, 1);
40
- --a-purple-400: rgba(130, 105, 162, 1);
41
- --a-purple-300: rgba(161, 141, 187, 1);
42
- --a-purple-200: rgba(192, 178, 210, 1);
43
- --a-purple-100: rgba(224, 216, 233, 1);
44
- --a-purple-50: rgba(239, 236, 244, 1);
45
- --a-orange-900: rgba(82, 51, 0, 1);
46
- --a-orange-800: rgba(125, 76, 0, 1);
47
- --a-orange-700: rgba(168, 100, 0, 1);
48
- --a-orange-600: rgba(199, 115, 0, 1);
49
- --a-orange-500: rgba(255, 145, 0, 1);
50
- --a-orange-400: rgba(255, 170, 51, 1);
51
- --a-orange-300: rgba(255, 193, 102, 1);
52
- --a-orange-200: rgba(255, 215, 153, 1);
53
- --a-orange-100: rgba(255, 236, 204, 1);
54
- --a-orange-50: rgba(255, 249, 240, 1);
55
- --a-limegreen-900: rgba(71, 78, 0, 1);
56
- --a-limegreen-800: rgba(102, 110, 0, 1);
57
- --a-limegreen-700: rgba(127, 137, 0, 1);
58
- --a-limegreen-600: rgba(147, 158, 0, 1);
59
- --a-limegreen-500: rgba(162, 173, 0, 1);
60
- --a-limegreen-400: rgba(193, 203, 51, 1);
61
- --a-limegreen-300: rgba(217, 227, 102, 1);
62
- --a-limegreen-200: rgba(236, 243, 153, 1);
63
- --a-limegreen-100: rgba(249, 252, 204, 1);
64
- --a-limegreen-50: rgba(253, 255, 230, 1);
65
- --a-lightblue-900: rgba(19, 72, 82, 1);
66
- --a-lightblue-800: rgba(35, 107, 125, 1);
67
- --a-lightblue-700: rgba(54, 141, 168, 1);
68
- --a-lightblue-600: rgba(76, 173, 205, 1);
69
- --a-lightblue-500: rgba(102, 203, 236, 1);
70
- --a-lightblue-400: rgba(124, 218, 248, 1);
71
- --a-lightblue-300: rgba(151, 230, 255, 1);
72
- --a-lightblue-200: rgba(181, 241, 255, 1);
73
- --a-lightblue-100: rgba(216, 249, 255, 1);
74
- --a-lightblue-50: rgba(235, 252, 255, 1);
75
- --a-green-900: rgba(0, 59, 15, 1);
76
- --a-green-800: rgba(0, 85, 25, 1);
77
- --a-green-700: rgba(0, 106, 35, 1);
78
- --a-green-600: rgba(0, 124, 46, 1);
79
- --a-green-500: rgba(6, 137, 58, 1);
80
- --a-green-400: rgba(42, 167, 88, 1);
81
- --a-green-300: rgba(102, 199, 134, 1);
82
- --a-green-200: rgba(153, 222, 173, 1);
83
- --a-green-100: rgba(204, 241, 214, 1);
84
- --a-green-50: rgba(243, 252, 245, 1);
85
- --a-deepblue-900: rgba(0, 36, 58, 1);
86
- --a-deepblue-800: rgba(0, 52, 83, 1);
87
- --a-deepblue-700: rgba(0, 67, 103, 1);
88
- --a-deepblue-600: rgba(0, 80, 119, 1);
89
- --a-deepblue-500: rgba(0, 91, 130, 1);
90
- --a-deepblue-400: rgba(51, 128, 165, 1);
91
- --a-deepblue-300: rgba(102, 163, 196, 1);
92
- --a-deepblue-200: rgba(153, 196, 221, 1);
93
- --a-deepblue-100: rgba(204, 226, 240, 1);
94
- --a-deepblue-50: rgba(230, 241, 248, 1);
95
- --a-red-900: rgba(38, 0, 0, 1);
96
- --a-red-800: rgba(92, 0, 0, 1);
97
- --a-red-700: rgba(140, 0, 0, 1);
98
- --a-red-600: rgba(173, 0, 0, 1);
99
- --a-red-500: rgba(195, 0, 0, 1);
100
- --a-red-400: rgba(222, 46, 46, 1);
101
- --a-red-300: rgba(242, 92, 92, 1);
102
- --a-red-200: rgba(246, 130, 130, 1);
103
- --a-red-100: rgba(255, 194, 194, 1);
104
- --a-red-50: rgba(255, 230, 230, 1);
105
- --a-blue-900: rgba(0, 34, 82, 1);
106
- --a-blue-800: rgba(0, 52, 125, 1);
107
- --a-blue-700: rgba(0, 69, 156, 1);
108
- --a-blue-600: rgba(0, 86, 180, 1);
109
- --a-blue-500: rgba(0, 103, 197, 1);
110
- --a-blue-400: rgba(51, 134, 224, 1);
111
- --a-blue-300: rgba(102, 165, 244, 1);
112
- --a-blue-200: rgba(153, 195, 255, 1);
113
- --a-blue-100: rgba(204, 225, 255, 1);
114
- --a-blue-50: rgba(230, 240, 255, 1);
115
- --a-grayalpha-900: rgba(2, 5, 9, 0.87);
116
- --a-grayalpha-800: rgba(3, 11, 22, 0.75);
117
- --a-grayalpha-700: rgba(1, 11, 24, 0.68);
118
- --a-grayalpha-600: rgba(2, 15, 34, 0.6);
119
- --a-grayalpha-500: rgba(2, 20, 49, 0.49);
120
- --a-grayalpha-400: rgba(5, 23, 51, 0.34);
121
- --a-grayalpha-300: rgba(7, 26, 54, 0.21);
122
- --a-grayalpha-200: rgba(17, 41, 64, 0.13);
123
- --a-grayalpha-100: rgba(18, 43, 68, 0.08);
124
- --a-grayalpha-50: rgba(38, 55, 89, 0.06);
125
- --a-gray-900: rgba(35, 38, 42, 1);
126
- --a-gray-800: rgba(66, 71, 79, 1);
127
- --a-gray-700: rgba(82, 89, 98, 1);
128
- --a-gray-600: rgba(103, 111, 123, 1);
129
- --a-gray-500: rgba(131, 140, 154, 1);
130
- --a-gray-400: rgba(170, 176, 186, 1);
131
- --a-gray-300: rgba(203, 207, 213, 1);
132
- --a-gray-200: rgba(224, 227, 230, 1);
133
- --a-gray-100: rgba(236, 238, 240, 1);
134
- --a-gray-50: rgba(242, 243, 245, 1);
135
- --a-nav-red: rgba(195, 0, 0, 1);
136
- --a-white: rgba(255, 255, 255, 1);
137
- --a-transparent: rgba(255, 255, 255, 0);
138
- --a-space-0: 0rem;
139
- --a-space-1: .0625rem;
140
- --a-space-2: .125rem;
141
- --a-space-4: .25rem;
142
- --a-space-6: .375rem;
143
- --a-space-8: .5rem;
144
- --a-space-12: .75rem;
145
- --a-space-16: 1rem;
146
- --a-space-20: 1.25rem;
147
- --a-space-24: 1.5rem;
148
- --a-space-28: 1.75rem;
149
- --a-space-32: 2rem;
150
- --a-space-36: 2.25rem;
151
- --a-space-40: 2.5rem;
152
- --a-space-44: 2.75rem;
153
- --a-space-48: 3rem;
154
- --a-space-56: 3.5rem;
155
- --a-space-64: 4rem;
156
- --a-space-72: 4.5rem;
157
- --a-space-80: 5rem;
158
- --a-space-96: 6rem;
159
- --a-space-128: 8rem;
160
- --a-radius-full: 9999px;
161
- --a-radius-12: 12px;
162
- --a-radius-8: 8px;
163
- --a-radius-4: 4px;
164
- --a-radius-2: 2px;
165
- --a-border-radius-full: 9999px;
166
- --a-border-radius-xlarge: 12px;
167
- --a-border-radius-large: 8px;
168
- --a-border-radius-medium: 4px;
169
- --a-border-radius-small: 2px;
170
- --a-z-index-tooltip: 3000;
171
- --a-z-index-focus: 10;
172
- --a-z-index-popover: 1000;
173
- --a-font-weight-regular: 400;
174
- --a-font-weight-bold: 600;
175
- --a-font-size-small: 0.875rem;
176
- --a-font-size-medium: 1rem;
177
- --a-font-size-large: 1.125rem;
178
- --a-font-size-xlarge: 1.25rem;
179
- --a-font-size-heading-xsmall: 1.125rem;
180
- --a-font-size-heading-small: 1.25rem;
181
- --a-font-size-heading-medium: 1.5rem;
182
- --a-font-size-heading-large: 1.75rem;
183
- --a-font-size-heading-xlarge: 2rem;
184
- --a-font-size-heading-2xlarge: 2.5rem;
185
- --a-font-line-height-medium: 1.25rem;
186
- --a-font-line-height-large: 1.5rem;
187
- --a-font-line-height-xlarge: 1.75rem;
188
- --a-font-line-height-heading-xsmall: 1.5rem;
189
- --a-font-line-height-heading-small: 1.75rem;
190
- --a-font-line-height-heading-medium: 2rem;
191
- --a-font-line-height-heading-large: 2.25rem;
192
- --a-font-line-height-heading-xlarge: 2.5rem;
193
- --a-font-line-height-heading-2xlarge: 3.25rem;
194
- --a-font-family: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
195
- --a-text-width-max: 576px;
196
- --a-breakpoint-2xl-down: 1439px;
197
- --a-breakpoint-2xl: 1440px;
198
- --a-breakpoint-xl-down: 1279px;
199
- --a-breakpoint-xl: 1280px;
200
- --a-breakpoint-lg-down: 1023px;
201
- --a-breakpoint-lg: 1024px;
202
- --a-breakpoint-md-down: 767px;
203
- --a-breakpoint-md: 768px;
204
- --a-breakpoint-sm-down: 479px;
205
- --a-breakpoint-sm: 480px;
8
+ --ax-version: "7.23.0";
206
9
  --a-breakpoint-xs: 0;
207
- --a-data-border-6: var(--a-purple-400);
208
- --a-data-border-5: var(--a-green-400);
209
- --a-data-border-4: var(--a-lightblue-700);
210
- --a-data-border-3: var(--a-orange-600);
211
- --a-data-border-2: var(--a-deepblue-500);
212
- --a-data-border-1: var(--a-blue-400);
213
- --a-data-surface-6-subtle: var(--a-purple-200);
214
- --a-data-surface-6: var(--a-purple-400);
215
- --a-data-surface-5-subtle: var(--a-green-200);
216
- --a-data-surface-5: var(--a-green-400);
217
- --a-data-surface-4-subtle: var(--a-lightblue-500);
218
- --a-data-surface-4: var(--a-lightblue-700);
219
- --a-data-surface-3-subtle: var(--a-orange-300);
220
- --a-data-surface-3: var(--a-orange-600);
221
- --a-data-surface-2-subtle: var(--a-deepblue-200);
222
- --a-data-surface-2: var(--a-deepblue-500);
223
- --a-data-surface-1-subtle: var(--a-blue-100);
224
- --a-data-surface-1: var(--a-blue-400);
225
- --a-text-on-alt-3: var(--a-white);
226
- --a-text-on-alt-2: var(--a-gray-900);
227
- --a-text-on-alt-1: var(--a-white);
228
- --a-text-on-info: var(--a-gray-900);
229
- --a-text-on-warning: var(--a-gray-900);
230
- --a-text-on-danger: var(--a-white);
231
- --a-text-on-success: var(--a-white);
232
- --a-text-on-action: var(--a-white);
233
- --a-text-on-neutral: var(--a-white);
234
- --a-text-on-inverted: var(--a-white);
235
- --a-text-action: var(--a-blue-500);
236
- --a-text-action-on-action-subtle: var(--a-blue-600);
237
- --a-text-action-hover: var(--a-blue-600);
238
- --a-text-action-selected: var(--a-blue-700);
239
- --a-text-danger: var(--a-red-500);
240
- --a-text-visited: var(--a-purple-500);
241
- --a-text-subtle: var(--a-grayalpha-700);
242
- --a-text-default: var(--a-gray-900);
243
- --a-surface-alt-3: var(--a-deepblue-500);
244
- --a-surface-alt-3-strong: var(--a-deepblue-800);
245
- --a-surface-alt-3-moderate: var(--a-deepblue-200);
246
- --a-surface-alt-3-subtle: var(--a-deepblue-100);
247
- --a-surface-alt-2: var(--a-limegreen-400);
248
- --a-surface-alt-2-moderate: var(--a-limegreen-200);
249
- --a-surface-alt-2-subtle: var(--a-limegreen-100);
250
- --a-surface-alt-1: var(--a-purple-400);
251
- --a-surface-alt-1-moderate: var(--a-purple-200);
252
- --a-surface-alt-1-subtle: var(--a-purple-100);
253
- --a-surface-info: var(--a-lightblue-500);
254
- --a-surface-info-moderate: var(--a-lightblue-200);
255
- --a-surface-info-subtle: var(--a-lightblue-100);
256
- --a-surface-warning: var(--a-orange-500);
257
- --a-surface-warning-moderate: var(--a-orange-200);
258
- --a-surface-warning-subtle: var(--a-orange-100);
259
- --a-surface-danger: var(--a-red-500);
260
- --a-surface-danger-moderate: var(--a-red-200);
261
- --a-surface-danger-subtle: var(--a-red-100);
262
- --a-surface-success: var(--a-green-500);
263
- --a-surface-success-moderate: var(--a-green-200);
264
- --a-surface-success-subtle: var(--a-green-100);
265
- --a-surface-neutral: var(--a-gray-700);
266
- --a-surface-neutral-selected: var(--a-gray-900);
267
- --a-surface-neutral-moderate: var(--a-grayalpha-200);
268
- --a-surface-neutral-subtle: var(--a-grayalpha-100);
269
- --a-surface-action: var(--a-blue-500);
270
- --a-surface-action-selected: var(--a-blue-700);
271
- --a-surface-action-subtle: var(--a-blue-50);
272
- --a-surface-inverted: var(--a-gray-900);
273
- --a-surface-backdrop: var(--a-grayalpha-500);
274
- --a-surface-transparent: var(--a-transparent);
275
- --a-surface-subtle: var(--a-gray-50);
276
- --a-surface-selected: var(--a-blue-50);
277
- --a-surface-default: var(--a-white);
278
- --a-surface-info-subtle-hover: var(--a-lightblue-200);
279
- --a-surface-warning-subtle-hover: var(--a-orange-200);
280
- --a-surface-danger-active: var(--a-red-700);
281
- --a-surface-danger-hover: var(--a-red-600);
282
- --a-surface-danger-subtle-hover: var(--a-red-200);
283
- --a-surface-success-hover: var(--a-green-600);
284
- --a-surface-success-subtle-hover: var(--a-green-200);
285
- --a-surface-neutral-hover: var(--a-gray-800);
286
- --a-surface-neutral-active: var(--a-gray-900);
287
- --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
288
- --a-surface-action-selected-hover: var(--a-blue-800);
289
- --a-surface-action-active: var(--a-blue-700);
290
- --a-surface-action-hover: var(--a-blue-600);
291
- --a-surface-action-subtle-hover: var(--a-blue-100);
292
- --a-surface-inverted-active: var(--a-gray-700);
293
- --a-surface-inverted-hover: var(--a-gray-800);
294
- --a-surface-active: var(--a-grayalpha-200);
295
- --a-surface-hover: var(--a-grayalpha-100);
296
- --a-icon-on-info: var(--a-gray-900);
297
- --a-icon-on-warning: var(--a-gray-900);
298
- --a-icon-on-danger: var(--a-white);
299
- --a-icon-on-success: var(--a-white);
300
- --a-icon-on-action: var(--a-white);
301
- --a-icon-on-inverted: var(--a-white);
302
- --a-icon-on-neutral: var(--a-white);
303
- --a-icon-alt-3: var(--a-deepblue-500);
304
- --a-icon-alt-2: var(--a-limegreen-700);
305
- --a-icon-alt-1: var(--a-purple-500);
306
- --a-icon-info: var(--a-lightblue-800);
307
- --a-icon-warning: var(--a-orange-600);
308
- --a-icon-danger: var(--a-red-500);
309
- --a-icon-success: var(--a-green-500);
310
- --a-icon-action: var(--a-blue-500);
311
- --a-icon-action-on-action-subtle: var(--a-blue-600);
312
- --a-icon-action-hover: var(--a-blue-600);
313
- --a-icon-action-selected: var(--a-blue-700);
314
- --a-icon-subtle: var(--a-grayalpha-700);
315
- --a-icon-default: var(--a-gray-900);
316
- --a-border-alt-3: var(--a-deepblue-500);
317
- --a-border-alt-2: var(--a-limegreen-700);
318
- --a-border-alt-1: var(--a-purple-400);
319
- --a-border-on-inverted-subtle: var(--a-gray-700);
320
- --a-border-on-inverted: var(--a-gray-200);
321
- --a-border-focus: var(--a-blue-800);
322
- --a-border-focus-on-inverted: var(--a-blue-200);
323
- --a-border-info: var(--a-lightblue-700);
324
- --a-border-warning: var(--a-orange-600);
325
- --a-border-danger: var(--a-red-500);
326
- --a-border-success: var(--a-green-500);
327
- --a-border-selected: var(--a-blue-500);
328
- --a-border-action: var(--a-blue-500);
329
- --a-border-action-hover: var(--a-blue-600);
330
- --a-border-action-selected: var(--a-blue-700);
331
- --a-border-subtle: var(--a-grayalpha-300);
332
- --a-border-divider: var(--a-grayalpha-300);
333
- --a-border-strong: var(--a-grayalpha-700);
334
- --a-border-default: var(--a-grayalpha-500);
335
- --a-border-subtle-hover: var(--a-grayalpha-400);
336
- --a-bg-subtle: var(--a-gray-100);
10
+ --a-breakpoint-sm: 480px;
11
+ --a-breakpoint-sm-down: 479px;
12
+ --a-breakpoint-md: 768px;
13
+ --a-breakpoint-md-down: 767px;
14
+ --a-breakpoint-lg: 1024px;
15
+ --a-breakpoint-lg-down: 1023px;
16
+ --a-breakpoint-xl: 1280px;
17
+ --a-breakpoint-xl-down: 1279px;
18
+ --a-breakpoint-2xl: 1440px;
19
+ --a-breakpoint-2xl-down: 1439px;
20
+ --a-text-width-max: 576px;
21
+ --a-font-family: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
22
+ --a-font-line-height-heading-2xlarge: 3.25rem;
23
+ --a-font-line-height-heading-xlarge: 2.5rem;
24
+ --a-font-line-height-heading-large: 2.25rem;
25
+ --a-font-line-height-heading-medium: 2rem;
26
+ --a-font-line-height-heading-small: 1.75rem;
27
+ --a-font-line-height-heading-xsmall: 1.5rem;
28
+ --a-font-line-height-xlarge: 1.75rem;
29
+ --a-font-line-height-large: 1.5rem;
30
+ --a-font-line-height-medium: 1.25rem;
31
+ --a-font-size-heading-2xlarge: 2.5rem;
32
+ --a-font-size-heading-xlarge: 2rem;
33
+ --a-font-size-heading-large: 1.75rem;
34
+ --a-font-size-heading-medium: 1.5rem;
35
+ --a-font-size-heading-small: 1.25rem;
36
+ --a-font-size-heading-xsmall: 1.125rem;
37
+ --a-font-size-xlarge: 1.25rem;
38
+ --a-font-size-large: 1.125rem;
39
+ --a-font-size-medium: 1rem;
40
+ --a-font-size-small: 0.875rem;
41
+ --a-font-weight-bold: 600;
42
+ --a-font-weight-regular: 400;
43
+ --a-z-index-popover: 1000;
44
+ --a-z-index-focus: 10;
45
+ --a-z-index-tooltip: 3000;
46
+ --a-border-radius-small: 2px;
47
+ --a-border-radius-medium: 4px;
48
+ --a-border-radius-large: 8px;
49
+ --a-border-radius-xlarge: 12px;
50
+ --a-border-radius-full: 9999px;
51
+ --a-radius-2: 2px;
52
+ --a-radius-4: 4px;
53
+ --a-radius-8: 8px;
54
+ --a-radius-12: 12px;
55
+ --a-radius-full: 9999px;
56
+ --a-space-128: 8rem;
57
+ --a-space-96: 6rem;
58
+ --a-space-80: 5rem;
59
+ --a-space-72: 4.5rem;
60
+ --a-space-64: 4rem;
61
+ --a-space-56: 3.5rem;
62
+ --a-space-48: 3rem;
63
+ --a-space-44: 2.75rem;
64
+ --a-space-40: 2.5rem;
65
+ --a-space-36: 2.25rem;
66
+ --a-space-32: 2rem;
67
+ --a-space-28: 1.75rem;
68
+ --a-space-24: 1.5rem;
69
+ --a-space-20: 1.25rem;
70
+ --a-space-16: 1rem;
71
+ --a-space-12: .75rem;
72
+ --a-space-8: .5rem;
73
+ --a-space-6: .375rem;
74
+ --a-space-4: .25rem;
75
+ --a-space-2: .125rem;
76
+ --a-space-1: .0625rem;
77
+ --a-space-0: 0rem;
78
+ --a-transparent: rgba(255, 255, 255, 0);
79
+ --a-white: rgba(255, 255, 255, 1);
80
+ --a-nav-red: rgba(195, 0, 0, 1);
81
+ --a-gray-50: rgba(242, 243, 245, 1);
82
+ --a-gray-100: rgba(236, 238, 240, 1);
83
+ --a-gray-200: rgba(224, 227, 230, 1);
84
+ --a-gray-300: rgba(203, 207, 213, 1);
85
+ --a-gray-400: rgba(170, 176, 186, 1);
86
+ --a-gray-500: rgba(131, 140, 154, 1);
87
+ --a-gray-600: rgba(103, 111, 123, 1);
88
+ --a-gray-700: rgba(82, 89, 98, 1);
89
+ --a-gray-800: rgba(66, 71, 79, 1);
90
+ --a-gray-900: rgba(35, 38, 42, 1);
91
+ --a-grayalpha-50: rgba(38, 55, 89, 0.06);
92
+ --a-grayalpha-100: rgba(18, 43, 68, 0.08);
93
+ --a-grayalpha-200: rgba(17, 41, 64, 0.13);
94
+ --a-grayalpha-300: rgba(7, 26, 54, 0.21);
95
+ --a-grayalpha-400: rgba(5, 23, 51, 0.34);
96
+ --a-grayalpha-500: rgba(2, 20, 49, 0.49);
97
+ --a-grayalpha-600: rgba(2, 15, 34, 0.6);
98
+ --a-grayalpha-700: rgba(1, 11, 24, 0.68);
99
+ --a-grayalpha-800: rgba(3, 11, 22, 0.75);
100
+ --a-grayalpha-900: rgba(2, 5, 9, 0.87);
101
+ --a-blue-50: rgba(230, 240, 255, 1);
102
+ --a-blue-100: rgba(204, 225, 255, 1);
103
+ --a-blue-200: rgba(153, 195, 255, 1);
104
+ --a-blue-300: rgba(102, 165, 244, 1);
105
+ --a-blue-400: rgba(51, 134, 224, 1);
106
+ --a-blue-500: rgba(0, 103, 197, 1);
107
+ --a-blue-600: rgba(0, 86, 180, 1);
108
+ --a-blue-700: rgba(0, 69, 156, 1);
109
+ --a-blue-800: rgba(0, 52, 125, 1);
110
+ --a-blue-900: rgba(0, 34, 82, 1);
111
+ --a-red-50: rgba(255, 230, 230, 1);
112
+ --a-red-100: rgba(255, 194, 194, 1);
113
+ --a-red-200: rgba(246, 130, 130, 1);
114
+ --a-red-300: rgba(242, 92, 92, 1);
115
+ --a-red-400: rgba(222, 46, 46, 1);
116
+ --a-red-500: rgba(195, 0, 0, 1);
117
+ --a-red-600: rgba(173, 0, 0, 1);
118
+ --a-red-700: rgba(140, 0, 0, 1);
119
+ --a-red-800: rgba(92, 0, 0, 1);
120
+ --a-red-900: rgba(38, 0, 0, 1);
121
+ --a-deepblue-50: rgba(230, 241, 248, 1);
122
+ --a-deepblue-100: rgba(204, 226, 240, 1);
123
+ --a-deepblue-200: rgba(153, 196, 221, 1);
124
+ --a-deepblue-300: rgba(102, 163, 196, 1);
125
+ --a-deepblue-400: rgba(51, 128, 165, 1);
126
+ --a-deepblue-500: rgba(0, 91, 130, 1);
127
+ --a-deepblue-600: rgba(0, 80, 119, 1);
128
+ --a-deepblue-700: rgba(0, 67, 103, 1);
129
+ --a-deepblue-800: rgba(0, 52, 83, 1);
130
+ --a-deepblue-900: rgba(0, 36, 58, 1);
131
+ --a-green-50: rgba(243, 252, 245, 1);
132
+ --a-green-100: rgba(204, 241, 214, 1);
133
+ --a-green-200: rgba(153, 222, 173, 1);
134
+ --a-green-300: rgba(102, 199, 134, 1);
135
+ --a-green-400: rgba(42, 167, 88, 1);
136
+ --a-green-500: rgba(6, 137, 58, 1);
137
+ --a-green-600: rgba(0, 124, 46, 1);
138
+ --a-green-700: rgba(0, 106, 35, 1);
139
+ --a-green-800: rgba(0, 85, 25, 1);
140
+ --a-green-900: rgba(0, 59, 15, 1);
141
+ --a-lightblue-50: rgba(235, 252, 255, 1);
142
+ --a-lightblue-100: rgba(216, 249, 255, 1);
143
+ --a-lightblue-200: rgba(181, 241, 255, 1);
144
+ --a-lightblue-300: rgba(151, 230, 255, 1);
145
+ --a-lightblue-400: rgba(124, 218, 248, 1);
146
+ --a-lightblue-500: rgba(102, 203, 236, 1);
147
+ --a-lightblue-600: rgba(76, 173, 205, 1);
148
+ --a-lightblue-700: rgba(54, 141, 168, 1);
149
+ --a-lightblue-800: rgba(35, 107, 125, 1);
150
+ --a-lightblue-900: rgba(19, 72, 82, 1);
151
+ --a-limegreen-50: rgba(253, 255, 230, 1);
152
+ --a-limegreen-100: rgba(249, 252, 204, 1);
153
+ --a-limegreen-200: rgba(236, 243, 153, 1);
154
+ --a-limegreen-300: rgba(217, 227, 102, 1);
155
+ --a-limegreen-400: rgba(193, 203, 51, 1);
156
+ --a-limegreen-500: rgba(162, 173, 0, 1);
157
+ --a-limegreen-600: rgba(147, 158, 0, 1);
158
+ --a-limegreen-700: rgba(127, 137, 0, 1);
159
+ --a-limegreen-800: rgba(102, 110, 0, 1);
160
+ --a-limegreen-900: rgba(71, 78, 0, 1);
161
+ --a-orange-50: rgba(255, 249, 240, 1);
162
+ --a-orange-100: rgba(255, 236, 204, 1);
163
+ --a-orange-200: rgba(255, 215, 153, 1);
164
+ --a-orange-300: rgba(255, 193, 102, 1);
165
+ --a-orange-400: rgba(255, 170, 51, 1);
166
+ --a-orange-500: rgba(255, 145, 0, 1);
167
+ --a-orange-600: rgba(199, 115, 0, 1);
168
+ --a-orange-700: rgba(168, 100, 0, 1);
169
+ --a-orange-800: rgba(125, 76, 0, 1);
170
+ --a-orange-900: rgba(82, 51, 0, 1);
171
+ --a-purple-50: rgba(239, 236, 244, 1);
172
+ --a-purple-100: rgba(224, 216, 233, 1);
173
+ --a-purple-200: rgba(192, 178, 210, 1);
174
+ --a-purple-300: rgba(161, 141, 187, 1);
175
+ --a-purple-400: rgba(130, 105, 162, 1);
176
+ --a-purple-500: rgba(99, 70, 137, 1);
177
+ --a-purple-600: rgba(82, 56, 116, 1);
178
+ --a-purple-700: rgba(65, 43, 93, 1);
179
+ --a-purple-800: rgba(48, 31, 70, 1);
180
+ --a-purple-900: rgba(31, 20, 47, 1);
181
+ --a-shadow-xsmall: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
182
+ --a-shadow-small: 0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18);
183
+ --a-shadow-medium: 0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
184
+ --a-shadow-large: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12);
185
+ --a-shadow-xlarge: 0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08);
186
+ --a-spacing-0: 0;
187
+ --a-spacing-1: 0.25rem;
188
+ --a-spacing-2: 0.5rem;
189
+ --a-spacing-3: 0.75rem;
190
+ --a-spacing-4: 1rem;
191
+ --a-spacing-5: 1.25rem;
192
+ --a-spacing-6: 1.5rem;
193
+ --a-spacing-7: 1.75rem;
194
+ --a-spacing-8: 2rem;
195
+ --a-spacing-9: 2.25rem;
196
+ --a-spacing-10: 2.5rem;
197
+ --a-spacing-11: 2.75rem;
198
+ --a-spacing-12: 3rem;
199
+ --a-spacing-14: 3.5rem;
200
+ --a-spacing-16: 4rem;
201
+ --a-spacing-18: 4.5rem;
202
+ --a-spacing-20: 5rem;
203
+ --a-spacing-24: 6rem;
204
+ --a-spacing-32: 8rem;
205
+ --a-spacing-05: 0.125rem;
206
+ --a-spacing-1-alt: 0.375rem;
337
207
  --a-bg-default: var(--a-white);
338
- --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);
208
+ --a-bg-subtle: var(--a-gray-100);
209
+ --a-border-subtle-hover: var(--a-grayalpha-400);
210
+ --a-border-default: var(--a-grayalpha-500);
211
+ --a-border-strong: var(--a-grayalpha-700);
212
+ --a-border-divider: var(--a-grayalpha-300);
213
+ --a-border-subtle: var(--a-grayalpha-300);
214
+ --a-border-action-selected: var(--a-blue-700);
215
+ --a-border-action-hover: var(--a-blue-600);
216
+ --a-border-action: var(--a-blue-500);
217
+ --a-border-selected: var(--a-blue-500);
218
+ --a-border-success: var(--a-green-500);
219
+ --a-border-danger: var(--a-red-500);
220
+ --a-border-warning: var(--a-orange-600);
221
+ --a-border-info: var(--a-lightblue-700);
222
+ --a-border-focus-on-inverted: var(--a-blue-200);
223
+ --a-border-focus: var(--a-blue-800);
224
+ --a-border-on-inverted: var(--a-gray-200);
225
+ --a-border-on-inverted-subtle: var(--a-gray-700);
226
+ --a-border-alt-1: var(--a-purple-400);
227
+ --a-border-alt-2: var(--a-limegreen-700);
228
+ --a-border-alt-3: var(--a-deepblue-500);
229
+ --a-icon-default: var(--a-gray-900);
230
+ --a-icon-subtle: var(--a-grayalpha-700);
231
+ --a-icon-action-selected: var(--a-blue-700);
232
+ --a-icon-action-hover: var(--a-blue-600);
233
+ --a-icon-action-on-action-subtle: var(--a-blue-600);
234
+ --a-icon-action: var(--a-blue-500);
235
+ --a-icon-success: var(--a-green-500);
236
+ --a-icon-danger: var(--a-red-500);
237
+ --a-icon-warning: var(--a-orange-600);
238
+ --a-icon-info: var(--a-lightblue-800);
239
+ --a-icon-alt-1: var(--a-purple-500);
240
+ --a-icon-alt-2: var(--a-limegreen-700);
241
+ --a-icon-alt-3: var(--a-deepblue-500);
242
+ --a-icon-on-neutral: var(--a-white);
243
+ --a-icon-on-inverted: var(--a-white);
244
+ --a-icon-on-action: var(--a-white);
245
+ --a-icon-on-success: var(--a-white);
246
+ --a-icon-on-danger: var(--a-white);
247
+ --a-icon-on-warning: var(--a-gray-900);
248
+ --a-icon-on-info: var(--a-gray-900);
249
+ --a-surface-hover: var(--a-grayalpha-100);
250
+ --a-surface-active: var(--a-grayalpha-200);
251
+ --a-surface-inverted-hover: var(--a-gray-800);
252
+ --a-surface-inverted-active: var(--a-gray-700);
253
+ --a-surface-action-subtle-hover: var(--a-blue-100);
254
+ --a-surface-action-hover: var(--a-blue-600);
255
+ --a-surface-action-active: var(--a-blue-700);
256
+ --a-surface-action-selected-hover: var(--a-blue-800);
257
+ --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
258
+ --a-surface-neutral-active: var(--a-gray-900);
259
+ --a-surface-neutral-hover: var(--a-gray-800);
260
+ --a-surface-success-subtle-hover: var(--a-green-200);
261
+ --a-surface-success-hover: var(--a-green-600);
262
+ --a-surface-danger-subtle-hover: var(--a-red-200);
263
+ --a-surface-danger-hover: var(--a-red-600);
264
+ --a-surface-danger-active: var(--a-red-700);
265
+ --a-surface-warning-subtle-hover: var(--a-orange-200);
266
+ --a-surface-info-subtle-hover: var(--a-lightblue-200);
267
+ --a-surface-default: var(--a-white);
268
+ --a-surface-selected: var(--a-blue-50);
269
+ --a-surface-subtle: var(--a-gray-50);
270
+ --a-surface-transparent: var(--a-transparent);
271
+ --a-surface-backdrop: var(--a-grayalpha-500);
272
+ --a-surface-inverted: var(--a-gray-900);
273
+ --a-surface-action-subtle: var(--a-blue-50);
274
+ --a-surface-action-selected: var(--a-blue-700);
275
+ --a-surface-action: var(--a-blue-500);
276
+ --a-surface-neutral-subtle: var(--a-grayalpha-100);
277
+ --a-surface-neutral-moderate: var(--a-grayalpha-200);
278
+ --a-surface-neutral-selected: var(--a-gray-900);
279
+ --a-surface-neutral: var(--a-gray-700);
280
+ --a-surface-success-subtle: var(--a-green-100);
281
+ --a-surface-success-moderate: var(--a-green-200);
282
+ --a-surface-success: var(--a-green-500);
283
+ --a-surface-danger-subtle: var(--a-red-100);
284
+ --a-surface-danger-moderate: var(--a-red-200);
285
+ --a-surface-danger: var(--a-red-500);
286
+ --a-surface-warning-subtle: var(--a-orange-100);
287
+ --a-surface-warning-moderate: var(--a-orange-200);
288
+ --a-surface-warning: var(--a-orange-500);
289
+ --a-surface-info-subtle: var(--a-lightblue-100);
290
+ --a-surface-info-moderate: var(--a-lightblue-200);
291
+ --a-surface-info: var(--a-lightblue-500);
292
+ --a-surface-alt-1-subtle: var(--a-purple-100);
293
+ --a-surface-alt-1-moderate: var(--a-purple-200);
294
+ --a-surface-alt-1: var(--a-purple-400);
295
+ --a-surface-alt-2-subtle: var(--a-limegreen-100);
296
+ --a-surface-alt-2-moderate: var(--a-limegreen-200);
297
+ --a-surface-alt-2: var(--a-limegreen-400);
298
+ --a-surface-alt-3-subtle: var(--a-deepblue-100);
299
+ --a-surface-alt-3-moderate: var(--a-deepblue-200);
300
+ --a-surface-alt-3-strong: var(--a-deepblue-800);
301
+ --a-surface-alt-3: var(--a-deepblue-500);
302
+ --a-text-default: var(--a-gray-900);
303
+ --a-text-subtle: var(--a-grayalpha-700);
304
+ --a-text-visited: var(--a-purple-500);
305
+ --a-text-danger: var(--a-red-500);
306
+ --a-text-action-selected: var(--a-blue-700);
307
+ --a-text-action-hover: var(--a-blue-600);
308
+ --a-text-action-on-action-subtle: var(--a-blue-600);
309
+ --a-text-action: var(--a-blue-500);
310
+ --a-text-on-inverted: var(--a-white);
311
+ --a-text-on-neutral: var(--a-white);
312
+ --a-text-on-action: var(--a-white);
313
+ --a-text-on-success: var(--a-white);
314
+ --a-text-on-danger: var(--a-white);
315
+ --a-text-on-warning: var(--a-gray-900);
316
+ --a-text-on-info: var(--a-gray-900);
317
+ --a-text-on-alt-1: var(--a-white);
318
+ --a-text-on-alt-2: var(--a-gray-900);
319
+ --a-text-on-alt-3: var(--a-white);
320
+ --a-data-surface-1: var(--a-blue-400);
321
+ --a-data-surface-1-subtle: var(--a-blue-100);
322
+ --a-data-surface-2: var(--a-deepblue-500);
323
+ --a-data-surface-2-subtle: var(--a-deepblue-200);
324
+ --a-data-surface-3: var(--a-orange-600);
325
+ --a-data-surface-3-subtle: var(--a-orange-300);
326
+ --a-data-surface-4: var(--a-lightblue-700);
327
+ --a-data-surface-4-subtle: var(--a-lightblue-500);
328
+ --a-data-surface-5: var(--a-green-400);
329
+ --a-data-surface-5-subtle: var(--a-green-200);
330
+ --a-data-surface-6: var(--a-purple-400);
331
+ --a-data-surface-6-subtle: var(--a-purple-200);
332
+ --a-data-border-1: var(--a-blue-400);
333
+ --a-data-border-2: var(--a-deepblue-500);
334
+ --a-data-border-3: var(--a-orange-600);
335
+ --a-data-border-4: var(--a-lightblue-700);
336
+ --a-data-border-5: var(--a-green-400);
337
+ --a-data-border-6: var(--a-purple-400);
339
338
  --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
339
+ --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);
340
340
  }
341
341
 
342
342
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -8768,24 +8768,20 @@ button.navds-stepper__step {
8768
8768
 
8769
8769
  /* SAFARI HACK START */
8770
8770
 
8771
- /* stylelint-disable selector-type-no-unknown */
8771
+ /* biome-ignore lint/a11y/useGenericFontNames: Hack for targeting Safari */
8772
8772
 
8773
- _::-webkit-full-page-media,
8774
- _:future,
8775
- :root .navds-list ol {
8776
- padding-left: 2.1rem;
8777
- }
8773
+ @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
8774
+ .navds-list ol {
8775
+ padding-left: 2.1rem;
8776
+ }
8778
8777
 
8779
- _::-webkit-full-page-media,
8780
- _:future,
8781
- :root .navds-list ol .navds-list__item {
8782
- padding-left: 0;
8778
+ .navds-list ol .navds-list__item {
8779
+ padding-left: 0;
8780
+ }
8783
8781
  }
8784
8782
 
8785
8783
  /* SAFARI HACK END */
8786
8784
 
8787
- /* stylelint-enable selector-type-no-unknown */
8788
-
8789
8785
  .navds-list__item {
8790
8786
  margin-block-end: var(--a-spacing-2);
8791
8787
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "7.22.0",
3
+ "version": "7.23.0",
4
4
  "author": "Aksel | Nav",
5
5
  "homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
6
6
  "repository": {
@@ -35,8 +35,8 @@
35
35
  "dev": "yarn watch:lint"
36
36
  },
37
37
  "devDependencies": {
38
- "@navikt/ds-css": "^7.22.0",
39
- "@navikt/ds-tokens": "^7.22.0",
38
+ "@navikt/ds-css": "^7.23.0",
39
+ "@navikt/ds-tokens": "^7.23.0",
40
40
  "concurrently": "9.0.1",
41
41
  "postcss-selector-parser": "^6.0.13",
42
42
  "postcss-value-parser": "^4.2.0",