@navikt/aksel-stylelint 7.9.2 → 7.11.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 +353 -327
  2. package/package.json +3 -3
package/dist/index.css CHANGED
@@ -5,333 +5,333 @@
5
5
  */
6
6
 
7
7
  :root, :host {
8
- --ax-version: "7.9.2";
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-border-radius-full: 9999px;
161
- --a-border-radius-xlarge: 12px;
162
- --a-border-radius-large: 8px;
163
- --a-border-radius-medium: 4px;
164
- --a-border-radius-small: 2px;
165
- --a-z-index-tooltip: 3000;
166
- --a-z-index-focus: 10;
167
- --a-z-index-popover: 1000;
168
- --a-font-weight-regular: 400;
169
- --a-font-weight-bold: 600;
170
- --a-font-size-small: 0.875rem;
171
- --a-font-size-medium: 1rem;
172
- --a-font-size-large: 1.125rem;
173
- --a-font-size-xlarge: 1.25rem;
174
- --a-font-size-heading-xsmall: 1.125rem;
175
- --a-font-size-heading-small: 1.25rem;
176
- --a-font-size-heading-medium: 1.5rem;
177
- --a-font-size-heading-large: 1.75rem;
178
- --a-font-size-heading-xlarge: 2rem;
179
- --a-font-size-heading-2xlarge: 2.5rem;
180
- --a-font-line-height-medium: 1.25rem;
181
- --a-font-line-height-large: 1.5rem;
182
- --a-font-line-height-xlarge: 1.75rem;
183
- --a-font-line-height-heading-xsmall: 1.5rem;
184
- --a-font-line-height-heading-small: 1.75rem;
185
- --a-font-line-height-heading-medium: 2rem;
186
- --a-font-line-height-heading-large: 2.25rem;
187
- --a-font-line-height-heading-xlarge: 2.5rem;
188
- --a-font-line-height-heading-2xlarge: 3.25rem;
189
- --a-font-family: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
190
- --a-text-width-max: 576px;
191
- --a-breakpoint-2xl-down: 1439px;
192
- --a-breakpoint-2xl: 1440px;
193
- --a-breakpoint-xl-down: 1279px;
194
- --a-breakpoint-xl: 1280px;
195
- --a-breakpoint-lg-down: 1023px;
196
- --a-breakpoint-lg: 1024px;
197
- --a-breakpoint-md-down: 767px;
198
- --a-breakpoint-md: 768px;
199
- --a-breakpoint-sm-down: 479px;
200
- --a-breakpoint-sm: 480px;
8
+ --ax-version: "7.11.0";
201
9
  --a-breakpoint-xs: 0;
202
- --a-data-border-6: var(--a-purple-400);
203
- --a-data-border-5: var(--a-green-400);
204
- --a-data-border-4: var(--a-lightblue-700);
205
- --a-data-border-3: var(--a-orange-600);
206
- --a-data-border-2: var(--a-deepblue-500);
207
- --a-data-border-1: var(--a-blue-400);
208
- --a-data-surface-6-subtle: var(--a-purple-200);
209
- --a-data-surface-6: var(--a-purple-400);
210
- --a-data-surface-5-subtle: var(--a-green-200);
211
- --a-data-surface-5: var(--a-green-400);
212
- --a-data-surface-4-subtle: var(--a-lightblue-500);
213
- --a-data-surface-4: var(--a-lightblue-700);
214
- --a-data-surface-3-subtle: var(--a-orange-300);
215
- --a-data-surface-3: var(--a-orange-600);
216
- --a-data-surface-2-subtle: var(--a-deepblue-200);
217
- --a-data-surface-2: var(--a-deepblue-500);
218
- --a-data-surface-1-subtle: var(--a-blue-100);
219
- --a-data-surface-1: var(--a-blue-400);
220
- --a-text-on-alt-3: var(--a-white);
221
- --a-text-on-alt-2: var(--a-gray-900);
222
- --a-text-on-alt-1: var(--a-white);
223
- --a-text-on-info: var(--a-gray-900);
224
- --a-text-on-warning: var(--a-gray-900);
225
- --a-text-on-danger: var(--a-white);
226
- --a-text-on-success: var(--a-white);
227
- --a-text-on-action: var(--a-white);
228
- --a-text-on-neutral: var(--a-white);
229
- --a-text-on-inverted: var(--a-white);
230
- --a-text-action: var(--a-blue-500);
231
- --a-text-action-on-action-subtle: var(--a-blue-600);
232
- --a-text-action-hover: var(--a-blue-600);
233
- --a-text-action-selected: var(--a-blue-700);
234
- --a-text-danger: var(--a-red-500);
235
- --a-text-visited: var(--a-purple-500);
236
- --a-text-subtle: var(--a-grayalpha-700);
237
- --a-text-default: var(--a-gray-900);
238
- --a-surface-alt-3: var(--a-deepblue-500);
239
- --a-surface-alt-3-strong: var(--a-deepblue-800);
240
- --a-surface-alt-3-moderate: var(--a-deepblue-200);
241
- --a-surface-alt-3-subtle: var(--a-deepblue-100);
242
- --a-surface-alt-2: var(--a-limegreen-400);
243
- --a-surface-alt-2-moderate: var(--a-limegreen-200);
244
- --a-surface-alt-2-subtle: var(--a-limegreen-100);
245
- --a-surface-alt-1: var(--a-purple-400);
246
- --a-surface-alt-1-moderate: var(--a-purple-200);
247
- --a-surface-alt-1-subtle: var(--a-purple-100);
248
- --a-surface-info: var(--a-lightblue-500);
249
- --a-surface-info-moderate: var(--a-lightblue-200);
250
- --a-surface-info-subtle: var(--a-lightblue-100);
251
- --a-surface-warning: var(--a-orange-500);
252
- --a-surface-warning-moderate: var(--a-orange-200);
253
- --a-surface-warning-subtle: var(--a-orange-100);
254
- --a-surface-danger: var(--a-red-500);
255
- --a-surface-danger-moderate: var(--a-red-200);
256
- --a-surface-danger-subtle: var(--a-red-100);
257
- --a-surface-success: var(--a-green-500);
258
- --a-surface-success-moderate: var(--a-green-200);
259
- --a-surface-success-subtle: var(--a-green-100);
260
- --a-surface-neutral: var(--a-gray-700);
261
- --a-surface-neutral-selected: var(--a-gray-900);
262
- --a-surface-neutral-moderate: var(--a-grayalpha-200);
263
- --a-surface-neutral-subtle: var(--a-grayalpha-100);
264
- --a-surface-action: var(--a-blue-500);
265
- --a-surface-action-selected: var(--a-blue-700);
266
- --a-surface-action-subtle: var(--a-blue-50);
267
- --a-surface-inverted: var(--a-gray-900);
268
- --a-surface-backdrop: var(--a-grayalpha-500);
269
- --a-surface-transparent: var(--a-transparent);
270
- --a-surface-subtle: var(--a-gray-50);
271
- --a-surface-selected: var(--a-blue-50);
272
- --a-surface-default: var(--a-white);
273
- --a-surface-info-subtle-hover: var(--a-lightblue-200);
274
- --a-surface-warning-subtle-hover: var(--a-orange-200);
275
- --a-surface-danger-active: var(--a-red-700);
276
- --a-surface-danger-hover: var(--a-red-600);
277
- --a-surface-danger-subtle-hover: var(--a-red-200);
278
- --a-surface-success-hover: var(--a-green-600);
279
- --a-surface-success-subtle-hover: var(--a-green-200);
280
- --a-surface-neutral-hover: var(--a-gray-800);
281
- --a-surface-neutral-active: var(--a-gray-900);
282
- --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
283
- --a-surface-action-selected-hover: var(--a-blue-800);
284
- --a-surface-action-active: var(--a-blue-700);
285
- --a-surface-action-hover: var(--a-blue-600);
286
- --a-surface-action-subtle-hover: var(--a-blue-100);
287
- --a-surface-inverted-active: var(--a-gray-700);
288
- --a-surface-inverted-hover: var(--a-gray-800);
289
- --a-surface-active: var(--a-grayalpha-200);
290
- --a-surface-hover: var(--a-grayalpha-100);
291
- --a-icon-on-info: var(--a-gray-900);
292
- --a-icon-on-warning: var(--a-gray-900);
293
- --a-icon-on-danger: var(--a-white);
294
- --a-icon-on-success: var(--a-white);
295
- --a-icon-on-action: var(--a-white);
296
- --a-icon-on-inverted: var(--a-white);
297
- --a-icon-on-neutral: var(--a-white);
298
- --a-icon-alt-3: var(--a-deepblue-500);
299
- --a-icon-alt-2: var(--a-limegreen-700);
300
- --a-icon-alt-1: var(--a-purple-500);
301
- --a-icon-info: var(--a-lightblue-800);
302
- --a-icon-warning: var(--a-orange-600);
303
- --a-icon-danger: var(--a-red-500);
304
- --a-icon-success: var(--a-green-500);
305
- --a-icon-action: var(--a-blue-500);
306
- --a-icon-action-on-action-subtle: var(--a-blue-600);
307
- --a-icon-action-hover: var(--a-blue-600);
308
- --a-icon-action-selected: var(--a-blue-700);
309
- --a-icon-subtle: var(--a-grayalpha-700);
310
- --a-icon-default: var(--a-gray-900);
311
- --a-border-alt-3: var(--a-deepblue-500);
312
- --a-border-alt-2: var(--a-limegreen-700);
313
- --a-border-alt-1: var(--a-purple-400);
314
- --a-border-on-inverted-subtle: var(--a-gray-700);
315
- --a-border-on-inverted: var(--a-gray-200);
316
- --a-border-focus: var(--a-blue-800);
317
- --a-border-focus-on-inverted: var(--a-blue-200);
318
- --a-border-info: var(--a-lightblue-700);
319
- --a-border-warning: var(--a-orange-600);
320
- --a-border-danger: var(--a-red-500);
321
- --a-border-success: var(--a-green-500);
322
- --a-border-selected: var(--a-blue-500);
323
- --a-border-action: var(--a-blue-500);
324
- --a-border-action-hover: var(--a-blue-600);
325
- --a-border-action-selected: var(--a-blue-700);
326
- --a-border-subtle: var(--a-grayalpha-300);
327
- --a-border-divider: var(--a-grayalpha-300);
328
- --a-border-strong: var(--a-grayalpha-700);
329
- --a-border-default: var(--a-grayalpha-500);
330
- --a-border-subtle-hover: var(--a-grayalpha-400);
331
- --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-space-128: 8rem;
52
+ --a-space-96: 6rem;
53
+ --a-space-80: 5rem;
54
+ --a-space-72: 4.5rem;
55
+ --a-space-64: 4rem;
56
+ --a-space-56: 3.5rem;
57
+ --a-space-48: 3rem;
58
+ --a-space-44: 2.75rem;
59
+ --a-space-40: 2.5rem;
60
+ --a-space-36: 2.25rem;
61
+ --a-space-32: 2rem;
62
+ --a-space-28: 1.75rem;
63
+ --a-space-24: 1.5rem;
64
+ --a-space-20: 1.25rem;
65
+ --a-space-16: 1rem;
66
+ --a-space-12: .75rem;
67
+ --a-space-8: .5rem;
68
+ --a-space-6: .375rem;
69
+ --a-space-4: .25rem;
70
+ --a-space-2: .125rem;
71
+ --a-space-1: .0625rem;
72
+ --a-space-0: 0rem;
73
+ --a-transparent: rgba(255, 255, 255, 0);
74
+ --a-white: rgba(255, 255, 255, 1);
75
+ --a-nav-red: rgba(195, 0, 0, 1);
76
+ --a-gray-50: rgba(242, 243, 245, 1);
77
+ --a-gray-100: rgba(236, 238, 240, 1);
78
+ --a-gray-200: rgba(224, 227, 230, 1);
79
+ --a-gray-300: rgba(203, 207, 213, 1);
80
+ --a-gray-400: rgba(170, 176, 186, 1);
81
+ --a-gray-500: rgba(131, 140, 154, 1);
82
+ --a-gray-600: rgba(103, 111, 123, 1);
83
+ --a-gray-700: rgba(82, 89, 98, 1);
84
+ --a-gray-800: rgba(66, 71, 79, 1);
85
+ --a-gray-900: rgba(35, 38, 42, 1);
86
+ --a-grayalpha-50: rgba(38, 55, 89, 0.06);
87
+ --a-grayalpha-100: rgba(18, 43, 68, 0.08);
88
+ --a-grayalpha-200: rgba(17, 41, 64, 0.13);
89
+ --a-grayalpha-300: rgba(7, 26, 54, 0.21);
90
+ --a-grayalpha-400: rgba(5, 23, 51, 0.34);
91
+ --a-grayalpha-500: rgba(2, 20, 49, 0.49);
92
+ --a-grayalpha-600: rgba(2, 15, 34, 0.6);
93
+ --a-grayalpha-700: rgba(1, 11, 24, 0.68);
94
+ --a-grayalpha-800: rgba(3, 11, 22, 0.75);
95
+ --a-grayalpha-900: rgba(2, 5, 9, 0.87);
96
+ --a-blue-50: rgba(230, 240, 255, 1);
97
+ --a-blue-100: rgba(204, 225, 255, 1);
98
+ --a-blue-200: rgba(153, 195, 255, 1);
99
+ --a-blue-300: rgba(102, 165, 244, 1);
100
+ --a-blue-400: rgba(51, 134, 224, 1);
101
+ --a-blue-500: rgba(0, 103, 197, 1);
102
+ --a-blue-600: rgba(0, 86, 180, 1);
103
+ --a-blue-700: rgba(0, 69, 156, 1);
104
+ --a-blue-800: rgba(0, 52, 125, 1);
105
+ --a-blue-900: rgba(0, 34, 82, 1);
106
+ --a-red-50: rgba(255, 230, 230, 1);
107
+ --a-red-100: rgba(255, 194, 194, 1);
108
+ --a-red-200: rgba(246, 130, 130, 1);
109
+ --a-red-300: rgba(242, 92, 92, 1);
110
+ --a-red-400: rgba(222, 46, 46, 1);
111
+ --a-red-500: rgba(195, 0, 0, 1);
112
+ --a-red-600: rgba(173, 0, 0, 1);
113
+ --a-red-700: rgba(140, 0, 0, 1);
114
+ --a-red-800: rgba(92, 0, 0, 1);
115
+ --a-red-900: rgba(38, 0, 0, 1);
116
+ --a-deepblue-50: rgba(230, 241, 248, 1);
117
+ --a-deepblue-100: rgba(204, 226, 240, 1);
118
+ --a-deepblue-200: rgba(153, 196, 221, 1);
119
+ --a-deepblue-300: rgba(102, 163, 196, 1);
120
+ --a-deepblue-400: rgba(51, 128, 165, 1);
121
+ --a-deepblue-500: rgba(0, 91, 130, 1);
122
+ --a-deepblue-600: rgba(0, 80, 119, 1);
123
+ --a-deepblue-700: rgba(0, 67, 103, 1);
124
+ --a-deepblue-800: rgba(0, 52, 83, 1);
125
+ --a-deepblue-900: rgba(0, 36, 58, 1);
126
+ --a-green-50: rgba(243, 252, 245, 1);
127
+ --a-green-100: rgba(204, 241, 214, 1);
128
+ --a-green-200: rgba(153, 222, 173, 1);
129
+ --a-green-300: rgba(102, 199, 134, 1);
130
+ --a-green-400: rgba(42, 167, 88, 1);
131
+ --a-green-500: rgba(6, 137, 58, 1);
132
+ --a-green-600: rgba(0, 124, 46, 1);
133
+ --a-green-700: rgba(0, 106, 35, 1);
134
+ --a-green-800: rgba(0, 85, 25, 1);
135
+ --a-green-900: rgba(0, 59, 15, 1);
136
+ --a-lightblue-50: rgba(235, 252, 255, 1);
137
+ --a-lightblue-100: rgba(216, 249, 255, 1);
138
+ --a-lightblue-200: rgba(181, 241, 255, 1);
139
+ --a-lightblue-300: rgba(151, 230, 255, 1);
140
+ --a-lightblue-400: rgba(124, 218, 248, 1);
141
+ --a-lightblue-500: rgba(102, 203, 236, 1);
142
+ --a-lightblue-600: rgba(76, 173, 205, 1);
143
+ --a-lightblue-700: rgba(54, 141, 168, 1);
144
+ --a-lightblue-800: rgba(35, 107, 125, 1);
145
+ --a-lightblue-900: rgba(19, 72, 82, 1);
146
+ --a-limegreen-50: rgba(253, 255, 230, 1);
147
+ --a-limegreen-100: rgba(249, 252, 204, 1);
148
+ --a-limegreen-200: rgba(236, 243, 153, 1);
149
+ --a-limegreen-300: rgba(217, 227, 102, 1);
150
+ --a-limegreen-400: rgba(193, 203, 51, 1);
151
+ --a-limegreen-500: rgba(162, 173, 0, 1);
152
+ --a-limegreen-600: rgba(147, 158, 0, 1);
153
+ --a-limegreen-700: rgba(127, 137, 0, 1);
154
+ --a-limegreen-800: rgba(102, 110, 0, 1);
155
+ --a-limegreen-900: rgba(71, 78, 0, 1);
156
+ --a-orange-50: rgba(255, 249, 240, 1);
157
+ --a-orange-100: rgba(255, 236, 204, 1);
158
+ --a-orange-200: rgba(255, 215, 153, 1);
159
+ --a-orange-300: rgba(255, 193, 102, 1);
160
+ --a-orange-400: rgba(255, 170, 51, 1);
161
+ --a-orange-500: rgba(255, 145, 0, 1);
162
+ --a-orange-600: rgba(199, 115, 0, 1);
163
+ --a-orange-700: rgba(168, 100, 0, 1);
164
+ --a-orange-800: rgba(125, 76, 0, 1);
165
+ --a-orange-900: rgba(82, 51, 0, 1);
166
+ --a-purple-50: rgba(239, 236, 244, 1);
167
+ --a-purple-100: rgba(224, 216, 233, 1);
168
+ --a-purple-200: rgba(192, 178, 210, 1);
169
+ --a-purple-300: rgba(161, 141, 187, 1);
170
+ --a-purple-400: rgba(130, 105, 162, 1);
171
+ --a-purple-500: rgba(99, 70, 137, 1);
172
+ --a-purple-600: rgba(82, 56, 116, 1);
173
+ --a-purple-700: rgba(65, 43, 93, 1);
174
+ --a-purple-800: rgba(48, 31, 70, 1);
175
+ --a-purple-900: rgba(31, 20, 47, 1);
176
+ --a-shadow-xsmall: 0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
177
+ --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);
178
+ --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);
179
+ --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);
180
+ --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);
181
+ --a-spacing-0: 0;
182
+ --a-spacing-1: 0.25rem;
183
+ --a-spacing-2: 0.5rem;
184
+ --a-spacing-3: 0.75rem;
185
+ --a-spacing-4: 1rem;
186
+ --a-spacing-5: 1.25rem;
187
+ --a-spacing-6: 1.5rem;
188
+ --a-spacing-7: 1.75rem;
189
+ --a-spacing-8: 2rem;
190
+ --a-spacing-9: 2.25rem;
191
+ --a-spacing-10: 2.5rem;
192
+ --a-spacing-11: 2.75rem;
193
+ --a-spacing-12: 3rem;
194
+ --a-spacing-14: 3.5rem;
195
+ --a-spacing-16: 4rem;
196
+ --a-spacing-18: 4.5rem;
197
+ --a-spacing-20: 5rem;
198
+ --a-spacing-24: 6rem;
199
+ --a-spacing-32: 8rem;
200
+ --a-spacing-05: 0.125rem;
201
+ --a-spacing-1-alt: 0.375rem;
332
202
  --a-bg-default: var(--a-white);
333
- --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);
203
+ --a-bg-subtle: var(--a-gray-100);
204
+ --a-border-subtle-hover: var(--a-grayalpha-400);
205
+ --a-border-default: var(--a-grayalpha-500);
206
+ --a-border-strong: var(--a-grayalpha-700);
207
+ --a-border-divider: var(--a-grayalpha-300);
208
+ --a-border-subtle: var(--a-grayalpha-300);
209
+ --a-border-action-selected: var(--a-blue-700);
210
+ --a-border-action-hover: var(--a-blue-600);
211
+ --a-border-action: var(--a-blue-500);
212
+ --a-border-selected: var(--a-blue-500);
213
+ --a-border-success: var(--a-green-500);
214
+ --a-border-danger: var(--a-red-500);
215
+ --a-border-warning: var(--a-orange-600);
216
+ --a-border-info: var(--a-lightblue-700);
217
+ --a-border-focus-on-inverted: var(--a-blue-200);
218
+ --a-border-focus: var(--a-blue-800);
219
+ --a-border-on-inverted: var(--a-gray-200);
220
+ --a-border-on-inverted-subtle: var(--a-gray-700);
221
+ --a-border-alt-1: var(--a-purple-400);
222
+ --a-border-alt-2: var(--a-limegreen-700);
223
+ --a-border-alt-3: var(--a-deepblue-500);
224
+ --a-icon-default: var(--a-gray-900);
225
+ --a-icon-subtle: var(--a-grayalpha-700);
226
+ --a-icon-action-selected: var(--a-blue-700);
227
+ --a-icon-action-hover: var(--a-blue-600);
228
+ --a-icon-action-on-action-subtle: var(--a-blue-600);
229
+ --a-icon-action: var(--a-blue-500);
230
+ --a-icon-success: var(--a-green-500);
231
+ --a-icon-danger: var(--a-red-500);
232
+ --a-icon-warning: var(--a-orange-600);
233
+ --a-icon-info: var(--a-lightblue-800);
234
+ --a-icon-alt-1: var(--a-purple-500);
235
+ --a-icon-alt-2: var(--a-limegreen-700);
236
+ --a-icon-alt-3: var(--a-deepblue-500);
237
+ --a-icon-on-neutral: var(--a-white);
238
+ --a-icon-on-inverted: var(--a-white);
239
+ --a-icon-on-action: var(--a-white);
240
+ --a-icon-on-success: var(--a-white);
241
+ --a-icon-on-danger: var(--a-white);
242
+ --a-icon-on-warning: var(--a-gray-900);
243
+ --a-icon-on-info: var(--a-gray-900);
244
+ --a-surface-hover: var(--a-grayalpha-100);
245
+ --a-surface-active: var(--a-grayalpha-200);
246
+ --a-surface-inverted-hover: var(--a-gray-800);
247
+ --a-surface-inverted-active: var(--a-gray-700);
248
+ --a-surface-action-subtle-hover: var(--a-blue-100);
249
+ --a-surface-action-hover: var(--a-blue-600);
250
+ --a-surface-action-active: var(--a-blue-700);
251
+ --a-surface-action-selected-hover: var(--a-blue-800);
252
+ --a-surface-neutral-subtle-hover: var(--a-grayalpha-200);
253
+ --a-surface-neutral-active: var(--a-gray-900);
254
+ --a-surface-neutral-hover: var(--a-gray-800);
255
+ --a-surface-success-subtle-hover: var(--a-green-200);
256
+ --a-surface-success-hover: var(--a-green-600);
257
+ --a-surface-danger-subtle-hover: var(--a-red-200);
258
+ --a-surface-danger-hover: var(--a-red-600);
259
+ --a-surface-danger-active: var(--a-red-700);
260
+ --a-surface-warning-subtle-hover: var(--a-orange-200);
261
+ --a-surface-info-subtle-hover: var(--a-lightblue-200);
262
+ --a-surface-default: var(--a-white);
263
+ --a-surface-selected: var(--a-blue-50);
264
+ --a-surface-subtle: var(--a-gray-50);
265
+ --a-surface-transparent: var(--a-transparent);
266
+ --a-surface-backdrop: var(--a-grayalpha-500);
267
+ --a-surface-inverted: var(--a-gray-900);
268
+ --a-surface-action-subtle: var(--a-blue-50);
269
+ --a-surface-action-selected: var(--a-blue-700);
270
+ --a-surface-action: var(--a-blue-500);
271
+ --a-surface-neutral-subtle: var(--a-grayalpha-100);
272
+ --a-surface-neutral-moderate: var(--a-grayalpha-200);
273
+ --a-surface-neutral-selected: var(--a-gray-900);
274
+ --a-surface-neutral: var(--a-gray-700);
275
+ --a-surface-success-subtle: var(--a-green-100);
276
+ --a-surface-success-moderate: var(--a-green-200);
277
+ --a-surface-success: var(--a-green-500);
278
+ --a-surface-danger-subtle: var(--a-red-100);
279
+ --a-surface-danger-moderate: var(--a-red-200);
280
+ --a-surface-danger: var(--a-red-500);
281
+ --a-surface-warning-subtle: var(--a-orange-100);
282
+ --a-surface-warning-moderate: var(--a-orange-200);
283
+ --a-surface-warning: var(--a-orange-500);
284
+ --a-surface-info-subtle: var(--a-lightblue-100);
285
+ --a-surface-info-moderate: var(--a-lightblue-200);
286
+ --a-surface-info: var(--a-lightblue-500);
287
+ --a-surface-alt-1-subtle: var(--a-purple-100);
288
+ --a-surface-alt-1-moderate: var(--a-purple-200);
289
+ --a-surface-alt-1: var(--a-purple-400);
290
+ --a-surface-alt-2-subtle: var(--a-limegreen-100);
291
+ --a-surface-alt-2-moderate: var(--a-limegreen-200);
292
+ --a-surface-alt-2: var(--a-limegreen-400);
293
+ --a-surface-alt-3-subtle: var(--a-deepblue-100);
294
+ --a-surface-alt-3-moderate: var(--a-deepblue-200);
295
+ --a-surface-alt-3-strong: var(--a-deepblue-800);
296
+ --a-surface-alt-3: var(--a-deepblue-500);
297
+ --a-text-default: var(--a-gray-900);
298
+ --a-text-subtle: var(--a-grayalpha-700);
299
+ --a-text-visited: var(--a-purple-500);
300
+ --a-text-danger: var(--a-red-500);
301
+ --a-text-action-selected: var(--a-blue-700);
302
+ --a-text-action-hover: var(--a-blue-600);
303
+ --a-text-action-on-action-subtle: var(--a-blue-600);
304
+ --a-text-action: var(--a-blue-500);
305
+ --a-text-on-inverted: var(--a-white);
306
+ --a-text-on-neutral: var(--a-white);
307
+ --a-text-on-action: var(--a-white);
308
+ --a-text-on-success: var(--a-white);
309
+ --a-text-on-danger: var(--a-white);
310
+ --a-text-on-warning: var(--a-gray-900);
311
+ --a-text-on-info: var(--a-gray-900);
312
+ --a-text-on-alt-1: var(--a-white);
313
+ --a-text-on-alt-2: var(--a-gray-900);
314
+ --a-text-on-alt-3: var(--a-white);
315
+ --a-data-surface-1: var(--a-blue-400);
316
+ --a-data-surface-1-subtle: var(--a-blue-100);
317
+ --a-data-surface-2: var(--a-deepblue-500);
318
+ --a-data-surface-2-subtle: var(--a-deepblue-200);
319
+ --a-data-surface-3: var(--a-orange-600);
320
+ --a-data-surface-3-subtle: var(--a-orange-300);
321
+ --a-data-surface-4: var(--a-lightblue-700);
322
+ --a-data-surface-4-subtle: var(--a-lightblue-500);
323
+ --a-data-surface-5: var(--a-green-400);
324
+ --a-data-surface-5-subtle: var(--a-green-200);
325
+ --a-data-surface-6: var(--a-purple-400);
326
+ --a-data-surface-6-subtle: var(--a-purple-200);
327
+ --a-data-border-1: var(--a-blue-400);
328
+ --a-data-border-2: var(--a-deepblue-500);
329
+ --a-data-border-3: var(--a-orange-600);
330
+ --a-data-border-4: var(--a-lightblue-700);
331
+ --a-data-border-5: var(--a-green-400);
332
+ --a-data-border-6: var(--a-purple-400);
334
333
  --a-shadow-focus: 0 0 0 3px var(--a-border-focus);
334
+ --a-shadow-focus-inverted: 0 0 0 3px var(--a-border-focus-on-inverted);
335
335
  }
336
336
 
337
337
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -2119,7 +2119,7 @@ body,
2119
2119
 
2120
2120
  /* Loader overrides */
2121
2121
 
2122
- .navds-button .navds-loader {
2122
+ .navds-button > .navds-loader {
2123
2123
  position: absolute;
2124
2124
  }
2125
2125
 
@@ -3186,6 +3186,7 @@ body,
3186
3186
  min-width: 3rem;
3187
3187
  font-size: 1.5rem;
3188
3188
  align-self: flex-start;
3189
+ padding: 0;
3189
3190
  }
3190
3191
 
3191
3192
  .navds-expansioncard--small > :where(.navds-expansioncard__header) > :where(.navds-expansioncard__header-button) {
@@ -3916,6 +3917,12 @@ li.navds-file-item {
3916
3917
  0 0 0 4px var(--a-border-focus);
3917
3918
  }
3918
3919
 
3920
+ /* Temp-fix to remove new darkside indeterminate node */
3921
+
3922
+ .navds-checkbox__icon-indeterminate {
3923
+ display: none;
3924
+ }
3925
+
3919
3926
  .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
3920
3927
  content: "";
3921
3928
  position: absolute;
@@ -6007,6 +6014,7 @@ button.navds-internalheader__title:active,
6007
6014
  max-height: 100%;
6008
6015
  max-width: 100%;
6009
6016
  color: var(--a-text-default);
6017
+ margin: auto;
6010
6018
 
6011
6019
  /* In case Modal is opened with `show()`, in eg. Vergic screensharing */
6012
6020
  inset: 0;
@@ -8526,11 +8534,29 @@ button.navds-stepper__step {
8526
8534
  }
8527
8535
 
8528
8536
  .navds-table__expanded-row-content {
8529
- padding: var(--a-spacing-4) calc(var(--a-spacing-2) + 3rem);
8537
+ --__ac-table-expanded-row-pi: calc(var(--a-spacing-2) + 3rem);
8538
+
8539
+ padding-block: var(--a-spacing-4);
8530
8540
  }
8531
8541
 
8532
8542
  .navds-table--small .navds-table__expanded-row-content {
8533
- padding: var(--a-spacing-2) calc(var(--a-spacing-2) + 3rem);
8543
+ padding-block: var(--a-spacing-2);
8544
+ }
8545
+
8546
+ .navds-table__expanded-row-content--gutter-both {
8547
+ padding-inline: var(--__ac-table-expanded-row-pi);
8548
+ }
8549
+
8550
+ .navds-table__expanded-row-content--gutter-left {
8551
+ padding-inline: var(--__ac-table-expanded-row-pi) var(--a-spacing-2);
8552
+ }
8553
+
8554
+ .navds-table__expanded-row-content--gutter-right {
8555
+ padding-inline: var(--a-spacing-2) var(--__ac-table-expanded-row-pi);
8556
+ }
8557
+
8558
+ .navds-table__expanded-row-content--gutter-none {
8559
+ padding-inline: var(--a-spacing-2);
8534
8560
  }
8535
8561
 
8536
8562
  @media (forced-colors: active) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "7.9.2",
3
+ "version": "7.11.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.9.2",
39
- "@navikt/ds-tokens": "^7.9.2",
38
+ "@navikt/ds-css": "^7.11.0",
39
+ "@navikt/ds-tokens": "^7.11.0",
40
40
  "concurrently": "9.0.1",
41
41
  "postcss-selector-parser": "^6.0.13",
42
42
  "postcss-value-parser": "^4.2.0",