@gyldendal/kobber-tokens 6.0.0 → 7.0.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.
- package/dist/CHANGELOG.txt +168 -0
- package/dist/k-tokens.css +143 -85
- package/dist/tokens.css +143 -85
- package/dist/tokens.d.ts +248 -122
- package/dist/tokens.js +248 -122
- package/package.json +3 -2
package/dist/CHANGELOG.txt
CHANGED
|
@@ -1,3 +1,171 @@
|
|
|
1
|
+
=== 09.02.2026, 13:16:49 [111d0ca0] - MAJOR - npm: v7.0.0 ===
|
|
2
|
+
|
|
3
|
+
ADDED
|
|
4
|
+
components-content-controls-background-color-brand-selected
|
|
5
|
+
components-content-controls-border-radius-xsmall
|
|
6
|
+
components-content-controls-border-radius-xxsmall
|
|
7
|
+
components-content-controls-icon-size
|
|
8
|
+
components-content-controls-padding-small
|
|
9
|
+
components-content-controls-padding-xxsmall
|
|
10
|
+
components-content-island-border-stroke
|
|
11
|
+
components-media-player-border-color
|
|
12
|
+
components-media-player-border-radius
|
|
13
|
+
components-media-player-controller-background-color
|
|
14
|
+
components-media-player-controller-border-radius
|
|
15
|
+
components-media-player-controller-effect-shadow-blur
|
|
16
|
+
components-media-player-controller-effect-shadow-color
|
|
17
|
+
components-media-player-controller-gap
|
|
18
|
+
components-media-player-controller-padding
|
|
19
|
+
components-media-player-gap
|
|
20
|
+
components-media-player-padding
|
|
21
|
+
components-multiple-choice-item-border-stroke-color-brand-tone-a
|
|
22
|
+
components-multiple-choice-item-border-stroke-color-brand-tone-b
|
|
23
|
+
components-multiple-choice-item-border-stroke-color-neutral-tone-a
|
|
24
|
+
components-multiple-choice-item-border-stroke-color-success
|
|
25
|
+
components-multiple-choice-item-border-stroke-color-warning
|
|
26
|
+
components-multiple-choice-item-border-stroke-size-regular
|
|
27
|
+
components-multiple-choice-item-border-stroke-size-thick
|
|
28
|
+
components-multiple-choice-item-size-max-width
|
|
29
|
+
components-multiple-choice-item-size-min-width
|
|
30
|
+
components-popover-background-color
|
|
31
|
+
components-popover-border-radius
|
|
32
|
+
components-popover-effect-shadow-blur
|
|
33
|
+
components-popover-effect-shadow-color
|
|
34
|
+
components-popover-gap
|
|
35
|
+
components-popover-padding
|
|
36
|
+
components-popover-size-large
|
|
37
|
+
components-popover-size-small
|
|
38
|
+
components-slider-background-color
|
|
39
|
+
components-slider-border-radius
|
|
40
|
+
components-slider-controller-gap
|
|
41
|
+
components-slider-size-height
|
|
42
|
+
components-slider-thumb-background-color
|
|
43
|
+
components-slider-thumb-size-height
|
|
44
|
+
components-slider-thumb-size-width
|
|
45
|
+
components-slider-track-filled-background-color
|
|
46
|
+
groups-cards-and-modules-size-component-size-medium
|
|
47
|
+
groups-cards-and-modules-size-component-size-xxsmall
|
|
48
|
+
groups-content-controls-border-radius-xsmall
|
|
49
|
+
groups-content-controls-border-radius-xxsmall
|
|
50
|
+
groups-content-controls-border-stroke-fat
|
|
51
|
+
groups-content-controls-color-aubergine-1000-10
|
|
52
|
+
groups-content-controls-color-aubergine-25-20
|
|
53
|
+
groups-content-controls-color-neutral-1000-10
|
|
54
|
+
groups-content-controls-color-purple-25
|
|
55
|
+
groups-content-controls-color-purple-450
|
|
56
|
+
groups-content-controls-color-purple-700
|
|
57
|
+
groups-content-controls-effects-shadow-blur
|
|
58
|
+
groups-content-controls-effects-shadow-color
|
|
59
|
+
groups-content-controls-size-large
|
|
60
|
+
groups-content-controls-size-small
|
|
61
|
+
groups-content-controls-size-tiny
|
|
62
|
+
groups-content-controls-size-xlarge
|
|
63
|
+
groups-content-controls-visual-icon-size-large
|
|
64
|
+
layouts-content-size-max-width-small
|
|
65
|
+
layouts-content-size-max-width-xxlarge
|
|
66
|
+
layouts-content-space-padding-xxlarge
|
|
67
|
+
primitives-size-1000
|
|
68
|
+
primitives-size-568
|
|
69
|
+
primitives-size-856
|
|
70
|
+
semantics-color-identity-extended-purple-25
|
|
71
|
+
semantics-color-identity-extended-purple-450
|
|
72
|
+
semantics-color-identity-extended-purple-700
|
|
73
|
+
semantics-color-ui-color
|
|
74
|
+
semantics-color-ui-status-informative-informative-125
|
|
75
|
+
semantics-color-ui-status-informative-informative-175
|
|
76
|
+
semantics-color-ui-status-informative-informative-25
|
|
77
|
+
semantics-color-ui-status-informative-informative-450
|
|
78
|
+
semantics-color-ui-status-informative-informative-700
|
|
79
|
+
semantics-color-ui-status-success-success-125
|
|
80
|
+
semantics-color-ui-status-success-success-175
|
|
81
|
+
semantics-color-ui-status-success-success-450
|
|
82
|
+
semantics-color-ui-status-success-success-700
|
|
83
|
+
semantics-color-ui-status-success-success-75
|
|
84
|
+
semantics-color-ui-status-warning-warning-125
|
|
85
|
+
semantics-color-ui-status-warning-warning-175
|
|
86
|
+
semantics-color-ui-status-warning-warning-450
|
|
87
|
+
semantics-color-ui-status-warning-warning-700
|
|
88
|
+
semantics-color-ui-status-warning-warning-75
|
|
89
|
+
semantics-layout-container-size-xxlarge
|
|
90
|
+
semantics-layout-container-space-xxlarge
|
|
91
|
+
semantics-layout-element-size-big
|
|
92
|
+
semantics-layout-element-size-huge
|
|
93
|
+
semantics-layout-element-size-tiny
|
|
94
|
+
|
|
95
|
+
REMOVED
|
|
96
|
+
components-content-controls-background-color-brand-active
|
|
97
|
+
components-content-controls-border-radius
|
|
98
|
+
components-content-controls-padding-inline-icon-only
|
|
99
|
+
components-content-controls-size-height
|
|
100
|
+
components-multiple-choice-item-border-color-brand-tone-a
|
|
101
|
+
components-multiple-choice-item-border-color-brand-tone-b
|
|
102
|
+
components-multiple-choice-item-border-color-neutral-tone-a
|
|
103
|
+
components-multiple-choice-item-border-color-success
|
|
104
|
+
components-multiple-choice-item-border-color-warning
|
|
105
|
+
components-multiple-choice-item-border-stroke-regular
|
|
106
|
+
components-multiple-choice-item-border-stroke-thick
|
|
107
|
+
groups-content-controls-color-aubergine-150
|
|
108
|
+
groups-content-controls-color-neutral-50
|
|
109
|
+
groups-content-controls-stroke
|
|
110
|
+
layouts-content-size-max-width-medium
|
|
111
|
+
primitives-size-564
|
|
112
|
+
primitives-size-858
|
|
113
|
+
semantics-color-ui-informative-informative-125
|
|
114
|
+
semantics-color-ui-informative-informative-175
|
|
115
|
+
semantics-color-ui-informative-informative-25
|
|
116
|
+
semantics-color-ui-informative-informative-450
|
|
117
|
+
semantics-color-ui-informative-informative-700
|
|
118
|
+
semantics-color-ui-success-success-125
|
|
119
|
+
semantics-color-ui-success-success-175
|
|
120
|
+
semantics-color-ui-success-success-450
|
|
121
|
+
semantics-color-ui-success-success-700
|
|
122
|
+
semantics-color-ui-success-success-75
|
|
123
|
+
semantics-color-ui-warning-warning-125
|
|
124
|
+
semantics-color-ui-warning-warning-175
|
|
125
|
+
semantics-color-ui-warning-warning-450
|
|
126
|
+
semantics-color-ui-warning-warning-700
|
|
127
|
+
semantics-color-ui-warning-warning-75
|
|
128
|
+
|
|
129
|
+
CHANGED
|
|
130
|
+
components-content-controls-background-color-brand-hover
|
|
131
|
+
components-content-island-border-color-brand-tone-a
|
|
132
|
+
components-content-island-border-color-brand-tone-b
|
|
133
|
+
components-content-island-border-color-neutral
|
|
134
|
+
components-content-island-border-radius
|
|
135
|
+
groups-alerts-color-info-brightest
|
|
136
|
+
groups-alerts-color-info-darkest
|
|
137
|
+
groups-alerts-color-success-brightest
|
|
138
|
+
groups-alerts-color-success-darkest
|
|
139
|
+
groups-alerts-color-warning-brightest
|
|
140
|
+
groups-alerts-color-warning-darkest
|
|
141
|
+
groups-buttons-color-informative-opaque-informative-25
|
|
142
|
+
groups-buttons-color-informative-opaque-informative-700
|
|
143
|
+
groups-buttons-color-success-opaque-success-700
|
|
144
|
+
groups-buttons-color-success-opaque-success-75
|
|
145
|
+
groups-buttons-color-warning-opaque-warning-700
|
|
146
|
+
groups-buttons-color-warning-opaque-warning-75
|
|
147
|
+
groups-cards-and-modules-color-success-450
|
|
148
|
+
groups-cards-and-modules-color-success-75
|
|
149
|
+
groups-cards-and-modules-color-warning-450
|
|
150
|
+
groups-cards-and-modules-color-warning-75
|
|
151
|
+
groups-inputs-color-success-175
|
|
152
|
+
groups-inputs-color-success-700
|
|
153
|
+
groups-inputs-color-success-75
|
|
154
|
+
groups-labels-success-700
|
|
155
|
+
groups-labels-warning-700
|
|
156
|
+
layouts-content-size-max-width-large
|
|
157
|
+
semantics-layout-component-size-xlarge
|
|
158
|
+
semantics-layout-container-size-large
|
|
159
|
+
semantics-layout-container-size-small
|
|
160
|
+
semantics-layout-container-size-xlarge
|
|
161
|
+
semantics-typography-color-validation-informative-25
|
|
162
|
+
semantics-typography-color-validation-informative-700
|
|
163
|
+
semantics-typography-color-validation-success-700
|
|
164
|
+
semantics-typography-color-validation-success-75
|
|
165
|
+
semantics-typography-color-validation-warning-700
|
|
166
|
+
semantics-typography-color-validation-warning-75
|
|
167
|
+
universal-focus-border-color
|
|
168
|
+
|
|
1
169
|
=== 30.01.2026, 14:37:58 [a37e9c8b] - MAJOR - npm: v6.0.0 ===
|
|
2
170
|
|
|
3
171
|
ADDED
|
package/dist/k-tokens.css
CHANGED
|
@@ -159,10 +159,11 @@
|
|
|
159
159
|
--k-primitives-size-320: 20rem;
|
|
160
160
|
--k-primitives-size-366: 22.875rem;
|
|
161
161
|
--k-primitives-size-448: 28rem;
|
|
162
|
-
--k-primitives-size-
|
|
162
|
+
--k-primitives-size-568: 35.5rem;
|
|
163
163
|
--k-primitives-size-640: 40rem;
|
|
164
164
|
--k-primitives-size-720: 45rem;
|
|
165
|
-
--k-primitives-size-
|
|
165
|
+
--k-primitives-size-856: 53.5rem;
|
|
166
|
+
--k-primitives-size-1000: 62.5rem;
|
|
166
167
|
--k-primitives-size-1152: 72rem;
|
|
167
168
|
--k-primitives-size-1280: 80rem;
|
|
168
169
|
--k-primitives-size-1600: 100rem;
|
|
@@ -230,6 +231,7 @@
|
|
|
230
231
|
--k-semantics-typography-light: light;
|
|
231
232
|
--k-semantics-typography-regular-italic: italic;
|
|
232
233
|
--k-semantics-typography-bold: semibold;
|
|
234
|
+
--k-semantics-color-ui-color: #ffffff;
|
|
233
235
|
--k-layouts-navbar-color-background-color: #ffffff;
|
|
234
236
|
--k-layouts-page-gap: 0;
|
|
235
237
|
--k-groups-buttons-color-aubergine-transparent-aubergine-25-10: var(--k-primitives-color-aubergine-25-10);
|
|
@@ -264,6 +266,9 @@
|
|
|
264
266
|
--k-groups-cards-and-modules-color-aubergine-1000-20: var(--k-primitives-color-aubergine-1000-20);
|
|
265
267
|
--k-groups-cards-and-modules-color-neutral-1000-10: var(--k-primitives-color-concrete-1000-10);
|
|
266
268
|
--k-groups-filters-color-carmine-1000-10: var(--k-primitives-color-carmine-1000-10);
|
|
269
|
+
--k-groups-content-controls-color-neutral-1000-10: var(--k-primitives-color-concrete-1000-10);
|
|
270
|
+
--k-groups-content-controls-color-aubergine-1000-10: var(--k-primitives-color-aubergine-1000-10);
|
|
271
|
+
--k-groups-content-controls-color-aubergine-25-20: var(--k-primitives-color-aubergine-25-20);
|
|
267
272
|
--k-groups-labels-concrete-150: var(--k-primitives-color-concrete-150);
|
|
268
273
|
--k-groups-labels-aubergine-150: var(--k-primitives-color-aubergine-150);
|
|
269
274
|
--k-groups-labels-aubergine-850: var(--k-primitives-color-aubergine-850);
|
|
@@ -328,6 +333,9 @@
|
|
|
328
333
|
--k-semantics-color-identity-extended-aubergine-250: var(--k-primitives-color-aubergine-250);
|
|
329
334
|
--k-semantics-color-identity-extended-aubergine-600: var(--k-primitives-color-aubergine-600);
|
|
330
335
|
--k-semantics-color-identity-extended-aubergine-675: var(--k-primitives-color-aubergine-675);
|
|
336
|
+
--k-semantics-color-identity-extended-purple-25: var(--k-primitives-color-purple-25);
|
|
337
|
+
--k-semantics-color-identity-extended-purple-700: var(--k-primitives-color-purple-700);
|
|
338
|
+
--k-semantics-color-identity-extended-purple-450: var(--k-primitives-color-purple-450);
|
|
331
339
|
--k-semantics-color-identity-neutral-concrete-25: var(--k-primitives-color-concrete-25);
|
|
332
340
|
--k-semantics-color-identity-neutral-concrete-50: var(--k-primitives-color-concrete-50);
|
|
333
341
|
--k-semantics-color-identity-neutral-concrete-525: var(--k-primitives-color-concrete-525);
|
|
@@ -342,21 +350,21 @@
|
|
|
342
350
|
--k-semantics-color-identity-rettsdata-rettsdata-10: var(--k-primitives-color-lawblue-10);
|
|
343
351
|
--k-semantics-color-identity-rettsdata-rettsdata-50: var(--k-primitives-color-lawblue-50);
|
|
344
352
|
--k-semantics-color-identity-rettsdata-rettsdata-30: var(--k-primitives-color-lawblue-30);
|
|
345
|
-
--k-semantics-color-ui-success-success-125: var(--k-primitives-color-green-125);
|
|
346
|
-
--k-semantics-color-ui-success-success-175: var(--k-primitives-color-green-175);
|
|
347
|
-
--k-semantics-color-ui-success-success-75: var(--k-primitives-color-green-75);
|
|
348
|
-
--k-semantics-color-ui-success-success-450: var(--k-primitives-color-green-450);
|
|
349
|
-
--k-semantics-color-ui-success-success-700: var(--k-primitives-color-green-700);
|
|
350
|
-
--k-semantics-color-ui-informative-informative-25: var(--k-primitives-color-purple-25);
|
|
351
|
-
--k-semantics-color-ui-informative-informative-125: var(--k-primitives-color-purple-125);
|
|
352
|
-
--k-semantics-color-ui-informative-informative-450: var(--k-primitives-color-purple-450);
|
|
353
|
-
--k-semantics-color-ui-informative-informative-175: var(--k-primitives-color-purple-175);
|
|
354
|
-
--k-semantics-color-ui-informative-informative-700: var(--k-primitives-color-purple-700);
|
|
355
|
-
--k-semantics-color-ui-warning-warning-125: var(--k-primitives-color-orange-125);
|
|
356
|
-
--k-semantics-color-ui-warning-warning-175: var(--k-primitives-color-orange-175);
|
|
357
|
-
--k-semantics-color-ui-warning-warning-450: var(--k-primitives-color-orange-450);
|
|
358
|
-
--k-semantics-color-ui-warning-warning-75: var(--k-primitives-color-orange-75);
|
|
359
|
-
--k-semantics-color-ui-warning-warning-700: var(--k-primitives-color-orange-700);
|
|
353
|
+
--k-semantics-color-ui-status-success-success-125: var(--k-primitives-color-green-125);
|
|
354
|
+
--k-semantics-color-ui-status-success-success-175: var(--k-primitives-color-green-175);
|
|
355
|
+
--k-semantics-color-ui-status-success-success-75: var(--k-primitives-color-green-75);
|
|
356
|
+
--k-semantics-color-ui-status-success-success-450: var(--k-primitives-color-green-450);
|
|
357
|
+
--k-semantics-color-ui-status-success-success-700: var(--k-primitives-color-green-700);
|
|
358
|
+
--k-semantics-color-ui-status-informative-informative-25: var(--k-primitives-color-purple-25);
|
|
359
|
+
--k-semantics-color-ui-status-informative-informative-125: var(--k-primitives-color-purple-125);
|
|
360
|
+
--k-semantics-color-ui-status-informative-informative-450: var(--k-primitives-color-purple-450);
|
|
361
|
+
--k-semantics-color-ui-status-informative-informative-175: var(--k-primitives-color-purple-175);
|
|
362
|
+
--k-semantics-color-ui-status-informative-informative-700: var(--k-primitives-color-purple-700);
|
|
363
|
+
--k-semantics-color-ui-status-warning-warning-125: var(--k-primitives-color-orange-125);
|
|
364
|
+
--k-semantics-color-ui-status-warning-warning-175: var(--k-primitives-color-orange-175);
|
|
365
|
+
--k-semantics-color-ui-status-warning-warning-450: var(--k-primitives-color-orange-450);
|
|
366
|
+
--k-semantics-color-ui-status-warning-warning-75: var(--k-primitives-color-orange-75);
|
|
367
|
+
--k-semantics-color-ui-status-warning-warning-700: var(--k-primitives-color-orange-700);
|
|
360
368
|
--k-semantics-color-theme-nostalgia-nostalgia-25: var(--k-primitives-color-nostalgia-25);
|
|
361
369
|
--k-semantics-color-theme-nostalgia-nostalgia-600: var(--k-primitives-color-nostalgia-600);
|
|
362
370
|
--k-semantics-color-theme-nostalgia-nostalgia-850: var(--k-primitives-color-nostalgia-850);
|
|
@@ -395,7 +403,10 @@
|
|
|
395
403
|
--k-semantics-layout-element-size-xsmall: var(--k-primitives-size-14);
|
|
396
404
|
--k-semantics-layout-element-size-xxsmall: var(--k-primitives-size-10);
|
|
397
405
|
--k-semantics-layout-element-size-xxxsmall: var(--k-primitives-size-8);
|
|
406
|
+
--k-semantics-layout-element-size-huge: var(--k-primitives-size-448);
|
|
407
|
+
--k-semantics-layout-element-size-tiny: var(--k-primitives-size-4);
|
|
398
408
|
--k-semantics-layout-element-size-xxxlarge: var(--k-primitives-size-56);
|
|
409
|
+
--k-semantics-layout-element-size-big: var(--k-primitives-size-180);
|
|
399
410
|
--k-semantics-layout-element-space-large: var(--k-primitives-size-24);
|
|
400
411
|
--k-semantics-layout-element-space-medium: var(--k-primitives-size-16);
|
|
401
412
|
--k-semantics-layout-element-space-small: var(--k-primitives-size-12);
|
|
@@ -418,7 +429,7 @@
|
|
|
418
429
|
--k-semantics-layout-element-radius-small: var(--k-primitives-size-12);
|
|
419
430
|
--k-semantics-layout-component-size-medium: var(--k-primitives-size-320);
|
|
420
431
|
--k-semantics-layout-component-size-small: var(--k-primitives-size-262);
|
|
421
|
-
--k-semantics-layout-component-size-xlarge: var(--k-primitives-size-
|
|
432
|
+
--k-semantics-layout-component-size-xlarge: var(--k-primitives-size-568);
|
|
422
433
|
--k-semantics-layout-component-size-xxxsmall: var(--k-primitives-size-120);
|
|
423
434
|
--k-semantics-layout-component-size-xsmall: var(--k-primitives-size-232);
|
|
424
435
|
--k-semantics-layout-component-size-xxsmall: var(--k-primitives-size-224);
|
|
@@ -433,17 +444,19 @@
|
|
|
433
444
|
--k-semantics-layout-component-space-huge: var(--k-primitives-size-72);
|
|
434
445
|
--k-semantics-layout-component-radius-large: var(--k-primitives-size-40);
|
|
435
446
|
--k-semantics-layout-component-radius-medium: var(--k-primitives-size-24);
|
|
436
|
-
--k-semantics-layout-container-size-xlarge: var(--k-primitives-size-
|
|
437
|
-
--k-semantics-layout-container-size-large: var(--k-primitives-size-
|
|
438
|
-
--k-semantics-layout-container-size-small: var(--k-primitives-size-
|
|
447
|
+
--k-semantics-layout-container-size-xlarge: var(--k-primitives-size-1000);
|
|
448
|
+
--k-semantics-layout-container-size-large: var(--k-primitives-size-856);
|
|
449
|
+
--k-semantics-layout-container-size-small: var(--k-primitives-size-568);
|
|
439
450
|
--k-semantics-layout-container-size-max: var(--k-primitives-size-3840);
|
|
440
451
|
--k-semantics-layout-container-size-min: var(--k-primitives-size-320);
|
|
441
452
|
--k-semantics-layout-container-size-medium: var(--k-primitives-size-720);
|
|
453
|
+
--k-semantics-layout-container-size-xxlarge: var(--k-primitives-size-1152);
|
|
442
454
|
--k-semantics-layout-container-space-xlarge: var(--k-primitives-size-56);
|
|
443
455
|
--k-semantics-layout-container-space-large: var(--k-primitives-size-48);
|
|
444
456
|
--k-semantics-layout-container-space-medium: var(--k-primitives-size-40);
|
|
445
457
|
--k-semantics-layout-container-space-small: var(--k-primitives-size-24);
|
|
446
458
|
--k-semantics-layout-container-space-xsmall: var(--k-primitives-size-8);
|
|
459
|
+
--k-semantics-layout-container-space-xxlarge: var(--k-primitives-size-64);
|
|
447
460
|
--k-semantics-layout-container-radius-large: var(--k-primitives-size-24);
|
|
448
461
|
--k-semantics-layout-container-radius-medium: var(--k-primitives-size-40);
|
|
449
462
|
--k-semantics-visual-icon-size-large: var(--k-primitives-size-16);
|
|
@@ -488,12 +501,12 @@
|
|
|
488
501
|
--k-groups-buttons-color-rettsdata-opaque-rettsdata-60: var(--k-semantics-color-identity-rettsdata-rettsdata-60);
|
|
489
502
|
--k-groups-buttons-color-rettsdata-opaque-rettsdata-20: var(--k-semantics-color-identity-rettsdata-rettsdata-20);
|
|
490
503
|
--k-groups-buttons-color-rettsdata-opaque-rettsdata-90: var(--k-semantics-color-identity-rettsdata-rettsdata-90);
|
|
491
|
-
--k-groups-buttons-color-success-opaque-success-75: var(--k-semantics-color-ui-success-success-75);
|
|
492
|
-
--k-groups-buttons-color-success-opaque-success-700: var(--k-semantics-color-ui-success-success-700);
|
|
493
|
-
--k-groups-buttons-color-informative-opaque-informative-25: var(--k-semantics-color-ui-informative-informative-25);
|
|
494
|
-
--k-groups-buttons-color-informative-opaque-informative-700: var(--k-semantics-color-ui-informative-informative-700);
|
|
495
|
-
--k-groups-buttons-color-warning-opaque-warning-75: var(--k-semantics-color-ui-warning-warning-75);
|
|
496
|
-
--k-groups-buttons-color-warning-opaque-warning-700: var(--k-semantics-color-ui-warning-warning-700);
|
|
504
|
+
--k-groups-buttons-color-success-opaque-success-75: var(--k-semantics-color-ui-status-success-success-75);
|
|
505
|
+
--k-groups-buttons-color-success-opaque-success-700: var(--k-semantics-color-ui-status-success-success-700);
|
|
506
|
+
--k-groups-buttons-color-informative-opaque-informative-25: var(--k-semantics-color-ui-status-informative-informative-25);
|
|
507
|
+
--k-groups-buttons-color-informative-opaque-informative-700: var(--k-semantics-color-ui-status-informative-informative-700);
|
|
508
|
+
--k-groups-buttons-color-warning-opaque-warning-75: var(--k-semantics-color-ui-status-warning-warning-75);
|
|
509
|
+
--k-groups-buttons-color-warning-opaque-warning-700: var(--k-semantics-color-ui-status-warning-warning-700);
|
|
497
510
|
--k-groups-buttons-color-nostalgia-opaque-nostalgia-850: var(--k-semantics-color-theme-nostalgia-nostalgia-850);
|
|
498
511
|
--k-groups-buttons-color-nostalgia-opaque-nostalgia-25: var(--k-semantics-color-theme-nostalgia-nostalgia-25);
|
|
499
512
|
--k-groups-buttons-color-vacation-opaque-vacation-150: var(--k-semantics-color-theme-vacation-vacation-150);
|
|
@@ -515,15 +528,15 @@
|
|
|
515
528
|
--k-groups-inputs-stroke-regular: var(--k-semantics-layout-element-stroke-regular);
|
|
516
529
|
--k-groups-inputs-stroke-fat: var(--k-semantics-layout-element-stroke-fat);
|
|
517
530
|
--k-groups-inputs-stroke-thick: var(--k-semantics-layout-element-stroke-thick);
|
|
518
|
-
--k-groups-inputs-color-success-700: var(--k-semantics-color-ui-success-success-700);
|
|
519
|
-
--k-groups-inputs-color-success-75: var(--k-semantics-color-ui-success-success-75);
|
|
531
|
+
--k-groups-inputs-color-success-700: var(--k-semantics-color-ui-status-success-success-700);
|
|
532
|
+
--k-groups-inputs-color-success-75: var(--k-semantics-color-ui-status-success-success-75);
|
|
520
533
|
--k-groups-inputs-color-aubergine-50: var(--k-semantics-color-identity-base-aubergine-50);
|
|
521
534
|
--k-groups-inputs-color-aubergine-150: var(--k-semantics-color-identity-extended-aubergine-150);
|
|
522
535
|
--k-groups-inputs-color-wine-600: var(--k-semantics-color-identity-extended-wine-600);
|
|
523
536
|
--k-groups-inputs-color-aubergine-675: var(--k-semantics-color-identity-base-aubergine-675);
|
|
524
537
|
--k-groups-inputs-color-aubergine-850: var(--k-semantics-color-identity-base-aubergine-850);
|
|
525
538
|
--k-groups-inputs-color-aubergine-900: var(--k-semantics-color-identity-base-aubergine-900);
|
|
526
|
-
--k-groups-inputs-color-success-175: var(--k-semantics-color-ui-success-success-175);
|
|
539
|
+
--k-groups-inputs-color-success-175: var(--k-semantics-color-ui-status-success-success-175);
|
|
527
540
|
--k-groups-inputs-color-aubergine-525: var(--k-semantics-color-identity-extended-wine-525);
|
|
528
541
|
--k-groups-inputs-color-wine-150: var(--k-semantics-color-identity-extended-wine-150);
|
|
529
542
|
--k-groups-inputs-radius-small: var(--k-semantics-layout-element-radius-xsmall);
|
|
@@ -591,12 +604,12 @@
|
|
|
591
604
|
--k-groups-alerts-space-xlarge: var(--k-semantics-layout-element-space-large);
|
|
592
605
|
--k-groups-alerts-radius-small: var(--k-semantics-layout-element-radius-xsmall);
|
|
593
606
|
--k-groups-alerts-radius-medium: var(--k-semantics-layout-element-radius-small);
|
|
594
|
-
--k-groups-alerts-color-success-darkest: var(--k-semantics-color-ui-success-success-700);
|
|
595
|
-
--k-groups-alerts-color-success-brightest: var(--k-semantics-color-ui-success-success-75);
|
|
596
|
-
--k-groups-alerts-color-info-brightest: var(--k-semantics-color-ui-informative-informative-25);
|
|
597
|
-
--k-groups-alerts-color-info-darkest: var(--k-semantics-color-ui-informative-informative-700);
|
|
598
|
-
--k-groups-alerts-color-warning-brightest: var(--k-semantics-color-ui-warning-warning-75);
|
|
599
|
-
--k-groups-alerts-color-warning-darkest: var(--k-semantics-color-ui-warning-warning-700);
|
|
607
|
+
--k-groups-alerts-color-success-darkest: var(--k-semantics-color-ui-status-success-success-700);
|
|
608
|
+
--k-groups-alerts-color-success-brightest: var(--k-semantics-color-ui-status-success-success-75);
|
|
609
|
+
--k-groups-alerts-color-info-brightest: var(--k-semantics-color-ui-status-informative-informative-25);
|
|
610
|
+
--k-groups-alerts-color-info-darkest: var(--k-semantics-color-ui-status-informative-informative-700);
|
|
611
|
+
--k-groups-alerts-color-warning-brightest: var(--k-semantics-color-ui-status-warning-warning-75);
|
|
612
|
+
--k-groups-alerts-color-warning-darkest: var(--k-semantics-color-ui-status-warning-warning-700);
|
|
600
613
|
--k-groups-alerts-visual-icon-size-regular: var(--k-semantics-visual-icon-size-medium);
|
|
601
614
|
--k-groups-alerts-visual-icon-size-small: var(--k-semantics-visual-icon-size-large);
|
|
602
615
|
--k-groups-alerts-size-height: var(--k-semantics-layout-element-size-xxxlarge);
|
|
@@ -649,6 +662,8 @@
|
|
|
649
662
|
--k-groups-cards-and-modules-size-visual-profile-xlarge: var(--k-semantics-visual-profile-xlarge);
|
|
650
663
|
--k-groups-cards-and-modules-size-visual-image: var(--k-semantics-visual-image-size);
|
|
651
664
|
--k-groups-cards-and-modules-size-visual-shape: var(--k-semantics-visual-vector);
|
|
665
|
+
--k-groups-cards-and-modules-size-component-size-medium: var(--k-semantics-layout-component-size-medium);
|
|
666
|
+
--k-groups-cards-and-modules-size-component-size-xxsmall: var(--k-semantics-layout-component-size-xxsmall);
|
|
652
667
|
--k-groups-cards-and-modules-color-aubergine-900: var(--k-semantics-color-identity-base-aubergine-900);
|
|
653
668
|
--k-groups-cards-and-modules-color-aubergine-25: var(--k-semantics-color-identity-base-aubergine-25);
|
|
654
669
|
--k-groups-cards-and-modules-color-nature-750: var(--k-semantics-color-theme-nature-nature-750);
|
|
@@ -677,10 +692,10 @@
|
|
|
677
692
|
--k-groups-cards-and-modules-color-neutral-150: var(--k-semantics-color-identity-neutral-concrete-250);
|
|
678
693
|
--k-groups-cards-and-modules-color-aubergine-150: var(--k-semantics-color-identity-extended-aubergine-250);
|
|
679
694
|
--k-groups-cards-and-modules-color-aubergine-525: var(--k-semantics-color-identity-extended-aubergine-525);
|
|
680
|
-
--k-groups-cards-and-modules-color-success-75: var(--k-semantics-color-ui-success-success-75);
|
|
681
|
-
--k-groups-cards-and-modules-color-success-450: var(--k-semantics-color-ui-success-success-450);
|
|
682
|
-
--k-groups-cards-and-modules-color-warning-75: var(--k-semantics-color-ui-warning-warning-75);
|
|
683
|
-
--k-groups-cards-and-modules-color-warning-450: var(--k-semantics-color-ui-warning-warning-450);
|
|
695
|
+
--k-groups-cards-and-modules-color-success-75: var(--k-semantics-color-ui-status-success-success-75);
|
|
696
|
+
--k-groups-cards-and-modules-color-success-450: var(--k-semantics-color-ui-status-success-success-450);
|
|
697
|
+
--k-groups-cards-and-modules-color-warning-75: var(--k-semantics-color-ui-status-warning-warning-75);
|
|
698
|
+
--k-groups-cards-and-modules-color-warning-450: var(--k-semantics-color-ui-status-warning-warning-450);
|
|
684
699
|
--k-groups-cards-and-modules-stroke-thick: var(--k-semantics-layout-element-stroke-thick);
|
|
685
700
|
--k-groups-cards-and-modules-stroke-regular: var(--k-semantics-layout-element-stroke-regular);
|
|
686
701
|
--k-groups-filters-color-aubergine-50: var(--k-semantics-color-identity-base-aubergine-50);
|
|
@@ -731,18 +746,28 @@
|
|
|
731
746
|
--k-groups-text-blocks-color-vacation-25: var(--k-semantics-color-theme-vacation-vacation-25);
|
|
732
747
|
--k-groups-text-blocks-color-nostalgia-600: var(--k-semantics-color-theme-nostalgia-nostalgia-600);
|
|
733
748
|
--k-groups-text-blocks-color-nostalgia-25: var(--k-semantics-color-theme-nostalgia-nostalgia-25);
|
|
734
|
-
--k-groups-content-controls-space-medium: var(--k-semantics-layout-element-space-medium);
|
|
735
749
|
--k-groups-content-controls-space-small: var(--k-semantics-layout-element-space-small);
|
|
736
|
-
--k-groups-content-controls-space-xsmall: var(--k-semantics-layout-element-space-xsmall);
|
|
737
750
|
--k-groups-content-controls-space-xxsmall: var(--k-semantics-layout-element-space-xxsmall);
|
|
738
|
-
--k-groups-content-controls-
|
|
739
|
-
--k-groups-content-controls-
|
|
751
|
+
--k-groups-content-controls-space-medium: var(--k-semantics-layout-element-space-medium);
|
|
752
|
+
--k-groups-content-controls-space-xsmall: var(--k-semantics-layout-element-space-xsmall);
|
|
740
753
|
--k-groups-content-controls-color-aubergine-750: var(--k-semantics-color-identity-base-aubergine-750);
|
|
741
|
-
--k-groups-content-controls-color-neutral-50: var(--k-semantics-color-identity-neutral-concrete-50);
|
|
742
754
|
--k-groups-content-controls-color-aubergine-50: var(--k-semantics-color-identity-base-aubergine-50);
|
|
743
755
|
--k-groups-content-controls-color-neutral-25: var(--k-semantics-color-identity-neutral-concrete-25);
|
|
744
|
-
--k-groups-
|
|
745
|
-
--k-groups-
|
|
756
|
+
--k-groups-content-controls-color-purple-25: var(--k-semantics-color-identity-extended-purple-25);
|
|
757
|
+
--k-groups-content-controls-color-purple-450: var(--k-semantics-color-identity-extended-purple-450);
|
|
758
|
+
--k-groups-content-controls-color-purple-700: var(--k-semantics-color-identity-extended-purple-700);
|
|
759
|
+
--k-groups-content-controls-border-radius-xsmall: var(--k-semantics-layout-element-radius-xsmall);
|
|
760
|
+
--k-groups-content-controls-border-radius-xxsmall: var(--k-semantics-layout-element-radius-xxsmall);
|
|
761
|
+
--k-groups-content-controls-border-stroke-fat: var(--k-semantics-layout-element-stroke-fat);
|
|
762
|
+
--k-groups-content-controls-visual-icon-size-large: var(--k-semantics-visual-icon-size-large);
|
|
763
|
+
--k-groups-content-controls-size-tiny: var(--k-semantics-layout-element-size-tiny);
|
|
764
|
+
--k-groups-content-controls-size-small: var(--k-semantics-layout-element-size-xxxsmall);
|
|
765
|
+
--k-groups-content-controls-size-large: var(--k-semantics-layout-element-size-big);
|
|
766
|
+
--k-groups-content-controls-size-xlarge: var(--k-semantics-layout-element-size-huge);
|
|
767
|
+
--k-groups-content-controls-effects-shadow-color: var(--k-semantics-effect-shadow-color);
|
|
768
|
+
--k-groups-content-controls-effects-shadow-blur: var(--k-semantics-effect-shadow-blur);
|
|
769
|
+
--k-groups-labels-success-700: var(--k-semantics-color-ui-status-success-success-700);
|
|
770
|
+
--k-groups-labels-warning-700: var(--k-semantics-color-ui-status-warning-warning-700);
|
|
746
771
|
--k-groups-labels-space-xxsmall: var(--k-semantics-layout-element-space-xxsmall);
|
|
747
772
|
--k-groups-labels-size-medium: var(--k-semantics-layout-element-size-medium);
|
|
748
773
|
--k-groups-labels-border-radius: var(--k-semantics-layout-element-radius-xsmall);
|
|
@@ -846,6 +871,9 @@
|
|
|
846
871
|
--k-components-text-display-extended-text-font-alt2: var(--k-semantics-typography-font-family-lyon-display);
|
|
847
872
|
--k-components-text-display-extended-text-font-alt1: var(--k-semantics-typography-font-family-pp-mori);
|
|
848
873
|
--k-components-text-display-padding-bottom: var(--k-semantics-layout-element-space-xsmall);
|
|
874
|
+
--k-components-content-island-border-color-neutral: var(--k-groups-content-controls-color-neutral-1000-10);
|
|
875
|
+
--k-components-content-island-border-color-brand-tone-b: var(--k-groups-content-controls-color-aubergine-25-20);
|
|
876
|
+
--k-components-content-island-border-color-brand-tone-a: var(--k-groups-content-controls-color-aubergine-1000-10);
|
|
849
877
|
--k-components-label-background-color-neutral: var(--k-groups-labels-concrete-150);
|
|
850
878
|
--k-components-label-background-color-brand-tone-a: var(--k-groups-labels-aubergine-150);
|
|
851
879
|
--k-components-label-background-color-brand-tone-b: var(--k-groups-labels-aubergine-850);
|
|
@@ -855,7 +883,7 @@
|
|
|
855
883
|
--k-universal-focus-border-radius-xlarge: var(--k-semantics-layout-element-radius-xlarge);
|
|
856
884
|
--k-universal-focus-border-radius-small: var(--k-semantics-layout-element-radius-small);
|
|
857
885
|
--k-universal-focus-border-width: var(--k-semantics-layout-element-stroke-thick);
|
|
858
|
-
--k-universal-focus-border-color: var(--k-semantics-color-ui-informative-informative-450);
|
|
886
|
+
--k-universal-focus-border-color: var(--k-semantics-color-ui-status-informative-informative-450);
|
|
859
887
|
--k-universal-focus-container-padding: var(--k-semantics-layout-element-space-xxsmall);
|
|
860
888
|
--k-universal-disabled-container-opacity: var(--k-semantics-effect-transparency-translucent);
|
|
861
889
|
--k-universal-hover-container-lighten: var(--k-semantics-color-identity-base-aubergine-1000);
|
|
@@ -880,12 +908,12 @@
|
|
|
880
908
|
--k-semantics-typography-color-brand-concrete-750: var(--k-semantics-color-identity-neutral-concrete-750);
|
|
881
909
|
--k-semantics-typography-color-brand-wine-600: var(--k-semantics-color-identity-extended-wine-600);
|
|
882
910
|
--k-semantics-typography-color-brand-wine-150: var(--k-semantics-color-identity-extended-wine-150);
|
|
883
|
-
--k-semantics-typography-color-validation-success-700: var(--k-semantics-color-ui-success-success-700);
|
|
884
|
-
--k-semantics-typography-color-validation-success-75: var(--k-semantics-color-ui-success-success-75);
|
|
885
|
-
--k-semantics-typography-color-validation-informative-700: var(--k-semantics-color-ui-informative-informative-700);
|
|
886
|
-
--k-semantics-typography-color-validation-informative-25: var(--k-semantics-color-ui-informative-informative-25);
|
|
887
|
-
--k-semantics-typography-color-validation-warning-700: var(--k-semantics-color-ui-warning-warning-700);
|
|
888
|
-
--k-semantics-typography-color-validation-warning-75: var(--k-semantics-color-ui-warning-warning-75);
|
|
911
|
+
--k-semantics-typography-color-validation-success-700: var(--k-semantics-color-ui-status-success-success-700);
|
|
912
|
+
--k-semantics-typography-color-validation-success-75: var(--k-semantics-color-ui-status-success-success-75);
|
|
913
|
+
--k-semantics-typography-color-validation-informative-700: var(--k-semantics-color-ui-status-informative-informative-700);
|
|
914
|
+
--k-semantics-typography-color-validation-informative-25: var(--k-semantics-color-ui-status-informative-informative-25);
|
|
915
|
+
--k-semantics-typography-color-validation-warning-700: var(--k-semantics-color-ui-status-warning-warning-700);
|
|
916
|
+
--k-semantics-typography-color-validation-warning-75: var(--k-semantics-color-ui-status-warning-warning-75);
|
|
889
917
|
--k-semantics-typography-color-theme-nature-750: var(--k-semantics-color-theme-nature-nature-750);
|
|
890
918
|
--k-semantics-typography-color-theme-nature-25: var(--k-semantics-color-theme-nature-nature-25);
|
|
891
919
|
--k-semantics-typography-color-theme-romance-750: var(--k-semantics-color-theme-romance-romance-750);
|
|
@@ -910,6 +938,7 @@
|
|
|
910
938
|
--k-layouts-content-space-padding-medium: var(--k-semantics-layout-container-space-medium);
|
|
911
939
|
--k-layouts-content-space-padding-large: var(--k-semantics-layout-container-space-large);
|
|
912
940
|
--k-layouts-content-space-padding-xlarge: var(--k-semantics-layout-container-space-xlarge);
|
|
941
|
+
--k-layouts-content-space-padding-xxlarge: var(--k-semantics-layout-container-space-xxlarge);
|
|
913
942
|
--k-layouts-content-radius-large: var(--k-semantics-layout-container-radius-large);
|
|
914
943
|
--k-layouts-content-radius-medium: var(--k-semantics-layout-container-radius-medium);
|
|
915
944
|
--k-layouts-content-color-background-aubergine-850: var(--k-semantics-color-identity-base-aubergine-850);
|
|
@@ -917,9 +946,10 @@
|
|
|
917
946
|
--k-layouts-content-color-background-aubergine-50: var(--k-semantics-color-identity-base-aubergine-50);
|
|
918
947
|
--k-layouts-content-color-background-neutral-25: var(--k-semantics-color-identity-neutral-concrete-25);
|
|
919
948
|
--k-layouts-content-color-background-neutral-850: var(--k-semantics-color-identity-neutral-concrete-850);
|
|
920
|
-
--k-layouts-content-size-max-width-
|
|
921
|
-
--k-layouts-content-size-max-width-large: var(--k-semantics-layout-container-size-
|
|
949
|
+
--k-layouts-content-size-max-width-small: var(--k-semantics-layout-container-size-small);
|
|
950
|
+
--k-layouts-content-size-max-width-large: var(--k-semantics-layout-container-size-large);
|
|
922
951
|
--k-layouts-content-size-max-width-xlarge: var(--k-semantics-layout-container-size-xlarge);
|
|
952
|
+
--k-layouts-content-size-max-width-xxlarge: var(--k-semantics-layout-container-size-xxlarge);
|
|
923
953
|
--k-groups-searches-radius-xsmall: var(--k-universal-focus-border-radius-xsmall);
|
|
924
954
|
--k-components-button-background-color-brand-primary-tone-a-fallback: var(--k-groups-buttons-color-carmine-opaque-carmine-525);
|
|
925
955
|
--k-components-button-background-color-brand-secondary-tone-b-fallback: var(--k-groups-buttons-color-aubergine-opaque-aubergine-50);
|
|
@@ -1000,6 +1030,13 @@
|
|
|
1000
1030
|
--k-components-checkbox-padding: var(--k-groups-inputs-space-xsmall);
|
|
1001
1031
|
--k-components-checkbox-gap: var(--k-groups-inputs-space-small);
|
|
1002
1032
|
--k-components-checkbox-container-right-gap: var(--k-groups-inputs-space-medium);
|
|
1033
|
+
--k-components-checkbox-text-container-padding-left: var(--k-groups-inputs-space-xsmall);
|
|
1034
|
+
--k-components-checkbox-text-container-padding-bottom: var(--k-groups-inputs-space-small);
|
|
1035
|
+
--k-components-checkbox-input-container-gap-list: var(--k-groups-inputs-space-xsmall);
|
|
1036
|
+
--k-components-checkbox-input-container-gap-row: var(--k-groups-inputs-space-large);
|
|
1037
|
+
--k-components-checkbox-inner-input-container-gap: var(--k-groups-inputs-space-xsmall);
|
|
1038
|
+
--k-components-checkbox-inner-input-container-padding-left: var(--k-groups-inputs-space-large);
|
|
1039
|
+
--k-components-checkbox-text-color-label: var(--k-groups-inputs-color-wine-600);
|
|
1003
1040
|
--k-components-divider-background-color-tone-b: var(--k-groups-utilities-color-wine-150);
|
|
1004
1041
|
--k-components-divider-background-color-tone-a: var(--k-groups-utilities-color-wine-600);
|
|
1005
1042
|
--k-components-divider-border-radius: var(--k-groups-utilities-radius);
|
|
@@ -1099,6 +1136,12 @@
|
|
|
1099
1136
|
--k-components-radiobutton-outline-border-color-success-active: var(--k-groups-inputs-color-success-175);
|
|
1100
1137
|
--k-components-radiobutton-outline-border-color-brand-hover: var(--k-groups-inputs-color-aubergine-50);
|
|
1101
1138
|
--k-components-radiobutton-outline-border-color-brand-active: var(--k-groups-inputs-color-aubergine-150);
|
|
1139
|
+
--k-components-radiobutton-text-container-padding-left: var(--k-groups-inputs-space-xsmall);
|
|
1140
|
+
--k-components-radiobutton-text-container-padding-bottom: var(--k-groups-inputs-space-small);
|
|
1141
|
+
--k-components-radiobutton-text-color-label: var(--k-groups-inputs-color-wine-600);
|
|
1142
|
+
--k-components-radiobutton-input-container-gap-list: var(--k-groups-inputs-space-small);
|
|
1143
|
+
--k-components-radiobutton-input-container-gap-row: var(--k-groups-inputs-space-large);
|
|
1144
|
+
--k-components-radiobutton-input-alert-container-gap: var(--k-groups-inputs-space-xsmall);
|
|
1102
1145
|
--k-components-alert-banner-padding-top: var(--k-groups-alerts-space-small);
|
|
1103
1146
|
--k-components-alert-banner-padding-right: var(--k-groups-alerts-space-small);
|
|
1104
1147
|
--k-components-alert-banner-padding-bottom: var(--k-groups-alerts-space-small);
|
|
@@ -1271,19 +1314,6 @@
|
|
|
1271
1314
|
--k-components-menu-item-image-container-size-height: var(--k-groups-menus-visual-image-size);
|
|
1272
1315
|
--k-components-menu-item-image-container-size-width: var(--k-groups-menus-visual-image-size);
|
|
1273
1316
|
--k-components-menu-item-image-container-border-radius: var(--k-groups-menus-radius-small);
|
|
1274
|
-
--k-components-checkbox-text-container-padding-left: var(--k-groups-inputs-space-xsmall);
|
|
1275
|
-
--k-components-checkbox-text-container-padding-bottom: var(--k-groups-inputs-space-small);
|
|
1276
|
-
--k-components-checkbox-input-container-gap-list: var(--k-groups-inputs-space-xsmall);
|
|
1277
|
-
--k-components-checkbox-input-container-gap-row: var(--k-groups-inputs-space-large);
|
|
1278
|
-
--k-components-checkbox-inner-input-container-gap: var(--k-groups-inputs-space-xsmall);
|
|
1279
|
-
--k-components-checkbox-inner-input-container-padding-left: var(--k-groups-inputs-space-large);
|
|
1280
|
-
--k-components-checkbox-text-color-label: var(--k-groups-inputs-color-wine-600);
|
|
1281
|
-
--k-components-radiobutton-text-container-padding-left: var(--k-groups-inputs-space-xsmall);
|
|
1282
|
-
--k-components-radiobutton-text-container-padding-bottom: var(--k-groups-inputs-space-small);
|
|
1283
|
-
--k-components-radiobutton-text-color-label: var(--k-groups-inputs-color-wine-600);
|
|
1284
|
-
--k-components-radiobutton-input-container-gap-list: var(--k-groups-inputs-space-small);
|
|
1285
|
-
--k-components-radiobutton-input-container-gap-row: var(--k-groups-inputs-space-large);
|
|
1286
|
-
--k-components-radiobutton-input-alert-container-gap: var(--k-groups-inputs-space-xsmall);
|
|
1287
1317
|
--k-components-filter-background-color-fallback: var(--k-groups-filters-color-aubergine-50);
|
|
1288
1318
|
--k-components-filter-background-color-active: var(--k-groups-filters-color-carmine-525);
|
|
1289
1319
|
--k-components-filter-size-height: var(--k-groups-filters-sizes-xlarge);
|
|
@@ -1611,10 +1641,8 @@
|
|
|
1611
1641
|
--k-components-content-island-padding-block: var(--k-groups-content-controls-space-xxsmall);
|
|
1612
1642
|
--k-components-content-island-padding-inline: var(--k-groups-content-controls-space-xxsmall);
|
|
1613
1643
|
--k-components-content-island-background-color-neutral: var(--k-groups-content-controls-color-neutral-25);
|
|
1614
|
-
--k-components-content-island-border-
|
|
1615
|
-
--k-components-content-island-border-
|
|
1616
|
-
--k-components-content-island-border-color-brand-tone-a: var(--k-groups-content-controls-color-aubergine-50);
|
|
1617
|
-
--k-components-content-island-border-radius: var(--k-groups-content-controls-space-xsmall);
|
|
1644
|
+
--k-components-content-island-border-radius: var(--k-groups-content-controls-border-radius-xsmall);
|
|
1645
|
+
--k-components-content-island-border-stroke: var(--k-groups-content-controls-border-stroke-fat);
|
|
1618
1646
|
--k-components-content-island-inner-container-gap: var(--k-groups-content-controls-space-medium);
|
|
1619
1647
|
--k-components-content-island-inner-container-text-container-padding-block: var(--k-groups-content-controls-space-medium);
|
|
1620
1648
|
--k-components-media-border-radius: var(--k-groups-cards-and-modules-radius-small);
|
|
@@ -1625,12 +1653,14 @@
|
|
|
1625
1653
|
--k-components-label-padding-inline: var(--k-groups-labels-space-xxsmall);
|
|
1626
1654
|
--k-components-label-padding-size-height: var(--k-groups-labels-size-medium);
|
|
1627
1655
|
--k-components-label-border-radius: var(--k-groups-labels-border-radius);
|
|
1628
|
-
--k-components-content-controls-background-color-brand-hover: var(--k-groups-content-controls-color-aubergine-
|
|
1629
|
-
--k-components-content-controls-background-color-brand-
|
|
1630
|
-
--k-components-content-controls-
|
|
1631
|
-
--k-components-content-controls-
|
|
1632
|
-
--k-components-content-controls-border-radius: var(--k-groups-buttons-border-radius);
|
|
1656
|
+
--k-components-content-controls-background-color-brand-hover: var(--k-groups-content-controls-color-aubergine-50);
|
|
1657
|
+
--k-components-content-controls-background-color-brand-selected: var(--k-groups-content-controls-color-aubergine-50);
|
|
1658
|
+
--k-components-content-controls-border-radius-xsmall: var(--k-groups-content-controls-border-radius-xsmall);
|
|
1659
|
+
--k-components-content-controls-border-radius-xxsmall: var(--k-groups-content-controls-border-radius-xxsmall);
|
|
1633
1660
|
--k-components-content-controls-icon-shape-color-brand: var(--k-groups-content-controls-color-aubergine-750);
|
|
1661
|
+
--k-components-content-controls-icon-size: var(--k-groups-content-controls-visual-icon-size-large);
|
|
1662
|
+
--k-components-content-controls-padding-small: var(--k-groups-content-controls-space-small);
|
|
1663
|
+
--k-components-content-controls-padding-xxsmall: var(--k-groups-content-controls-space-xxsmall);
|
|
1634
1664
|
--k-components-multiple-choice-item-padding: var(--k-groups-cards-and-modules-space-medium);
|
|
1635
1665
|
--k-components-multiple-choice-item-gap: var(--k-groups-cards-and-modules-space-medium);
|
|
1636
1666
|
--k-components-multiple-choice-item-background-color-neutral-tone-a: var(--k-groups-cards-and-modules-color-neutral-50);
|
|
@@ -1639,15 +1669,17 @@
|
|
|
1639
1669
|
--k-components-multiple-choice-item-background-color-success: var(--k-groups-cards-and-modules-color-success-75);
|
|
1640
1670
|
--k-components-multiple-choice-item-background-color-warning: var(--k-groups-cards-and-modules-color-warning-75);
|
|
1641
1671
|
--k-components-multiple-choice-item-border-radius: var(--k-groups-cards-and-modules-radius-small);
|
|
1642
|
-
--k-components-multiple-choice-item-border-stroke-regular: var(--k-groups-cards-and-modules-stroke-regular);
|
|
1643
|
-
--k-components-multiple-choice-item-border-stroke-thick: var(--k-groups-cards-and-modules-stroke-thick);
|
|
1644
|
-
--k-components-multiple-choice-item-border-color-neutral-tone-a: var(--k-groups-cards-and-modules-color-neutral-150);
|
|
1645
|
-
--k-components-multiple-choice-item-border-color-brand-tone-a: var(--k-groups-cards-and-modules-color-aubergine-150);
|
|
1646
|
-
--k-components-multiple-choice-item-border-color-brand-tone-b: var(--k-groups-cards-and-modules-color-aubergine-525);
|
|
1647
|
-
--k-components-multiple-choice-item-border-color-success: var(--k-groups-cards-and-modules-color-success-450);
|
|
1648
|
-
--k-components-multiple-choice-item-border-color-warning: var(--k-groups-cards-and-modules-color-warning-450);
|
|
1672
|
+
--k-components-multiple-choice-item-border-stroke-size-regular: var(--k-groups-cards-and-modules-stroke-regular);
|
|
1673
|
+
--k-components-multiple-choice-item-border-stroke-size-thick: var(--k-groups-cards-and-modules-stroke-thick);
|
|
1674
|
+
--k-components-multiple-choice-item-border-stroke-color-neutral-tone-a: var(--k-groups-cards-and-modules-color-neutral-150);
|
|
1675
|
+
--k-components-multiple-choice-item-border-stroke-color-brand-tone-a: var(--k-groups-cards-and-modules-color-aubergine-150);
|
|
1676
|
+
--k-components-multiple-choice-item-border-stroke-color-brand-tone-b: var(--k-groups-cards-and-modules-color-aubergine-525);
|
|
1677
|
+
--k-components-multiple-choice-item-border-stroke-color-success: var(--k-groups-cards-and-modules-color-success-450);
|
|
1678
|
+
--k-components-multiple-choice-item-border-stroke-color-warning: var(--k-groups-cards-and-modules-color-warning-450);
|
|
1649
1679
|
--k-components-multiple-choice-item-media-container-border-radius: var(--k-groups-cards-and-modules-radius-small);
|
|
1650
1680
|
--k-components-multiple-choice-item-media-container-padding: var(--k-groups-cards-and-modules-space-small);
|
|
1681
|
+
--k-components-multiple-choice-item-size-max-width: var(--k-groups-cards-and-modules-size-component-size-medium);
|
|
1682
|
+
--k-components-multiple-choice-item-size-min-width: var(--k-groups-cards-and-modules-size-component-size-xxsmall);
|
|
1651
1683
|
--k-components-multiple-choice-gap: var(--k-groups-cards-and-modules-space-xlarge);
|
|
1652
1684
|
--k-components-multiple-choice-inner-container-gap: var(--k-groups-cards-and-modules-space-xlarge);
|
|
1653
1685
|
--k-components-multiple-choice-top-container-gap: var(--k-groups-cards-and-modules-space-small);
|
|
@@ -1666,6 +1698,32 @@
|
|
|
1666
1698
|
--k-components-content-wrapper-border-radius-overlay: var(--k-groups-content-blocks-radius);
|
|
1667
1699
|
--k-components-content-wrapper-inner-container-gap: var(--k-groups-content-blocks-space-small);
|
|
1668
1700
|
--k-components-content-top-block-gap: var(--k-groups-content-blocks-space-xsmall);
|
|
1701
|
+
--k-components-popover-gap: var(--k-groups-content-controls-space-medium);
|
|
1702
|
+
--k-components-popover-padding: var(--k-groups-content-controls-space-medium);
|
|
1703
|
+
--k-components-popover-border-radius: var(--k-groups-content-controls-border-radius-xsmall);
|
|
1704
|
+
--k-components-popover-effect-shadow-blur: var(--k-groups-content-controls-effects-shadow-blur);
|
|
1705
|
+
--k-components-popover-effect-shadow-color: var(--k-groups-content-controls-effects-shadow-color);
|
|
1706
|
+
--k-components-popover-background-color: var(--k-groups-content-controls-color-neutral-25);
|
|
1707
|
+
--k-components-popover-size-small: var(--k-groups-content-controls-size-large);
|
|
1708
|
+
--k-components-popover-size-large: var(--k-groups-content-controls-size-xlarge);
|
|
1709
|
+
--k-components-slider-border-radius: var(--k-groups-content-controls-border-radius-xsmall);
|
|
1710
|
+
--k-components-slider-background-color: var(--k-groups-content-controls-color-purple-25);
|
|
1711
|
+
--k-components-slider-size-height: var(--k-groups-content-controls-size-tiny);
|
|
1712
|
+
--k-components-slider-track-filled-background-color: var(--k-groups-content-controls-color-purple-450);
|
|
1713
|
+
--k-components-slider-thumb-background-color: var(--k-groups-content-controls-color-purple-700);
|
|
1714
|
+
--k-components-slider-thumb-size-width: var(--k-groups-content-controls-size-tiny);
|
|
1715
|
+
--k-components-slider-thumb-size-height: var(--k-groups-content-controls-size-small);
|
|
1716
|
+
--k-components-slider-controller-gap: var(--k-groups-content-controls-space-xsmall);
|
|
1717
|
+
--k-components-media-player-controller-background-color: var(--k-groups-content-controls-color-neutral-25);
|
|
1718
|
+
--k-components-media-player-controller-effect-shadow-blur: var(--k-groups-content-controls-effects-shadow-blur);
|
|
1719
|
+
--k-components-media-player-controller-effect-shadow-color: var(--k-groups-content-controls-effects-shadow-color);
|
|
1720
|
+
--k-components-media-player-controller-border-radius: var(--k-groups-content-controls-border-radius-xsmall);
|
|
1721
|
+
--k-components-media-player-controller-gap: var(--k-groups-content-controls-space-small);
|
|
1722
|
+
--k-components-media-player-controller-padding: var(--k-groups-content-controls-space-xxsmall);
|
|
1723
|
+
--k-components-media-player-border-radius: var(--k-groups-content-controls-border-radius-xsmall);
|
|
1724
|
+
--k-components-media-player-border-color: var(--k-groups-content-controls-color-aubergine-50);
|
|
1725
|
+
--k-components-media-player-padding: var(--k-groups-content-controls-space-medium);
|
|
1726
|
+
--k-components-media-player-gap: var(--k-groups-content-controls-space-small);
|
|
1669
1727
|
--k-universal-hyperlink-text-color-fallback: var(--k-semantics-typography-color-brand-carmine-525);
|
|
1670
1728
|
--k-components-search-border-radius: var(--k-groups-searches-radius-xsmall);
|
|
1671
1729
|
}
|