@db-ux/core-components 4.5.4 → 4.6.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 (57) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +44 -19
  3. package/agent/Best-Practise_Common-AI-Mistakes.md +83 -1
  4. package/agent/_instructions.md +19 -0
  5. package/build/components/accordion/accordion.css +0 -34
  6. package/build/components/accordion-item/accordion-item.css +3 -94
  7. package/build/components/badge/badge.css +6 -102
  8. package/build/components/brand/brand.css +3 -94
  9. package/build/components/button/button.css +6 -100
  10. package/build/components/card/card.css +0 -34
  11. package/build/components/checkbox/checkbox.css +6 -100
  12. package/build/components/custom-button/custom-button.css +6 -100
  13. package/build/components/custom-select/custom-select.css +453 -566
  14. package/build/components/custom-select-dropdown/custom-select-dropdown.css +147 -238
  15. package/build/components/custom-select-form-field/custom-select-form-field.css +0 -88
  16. package/build/components/custom-select-list/custom-select-list.css +0 -88
  17. package/build/components/custom-select-list-item/custom-select-list-item.css +3 -94
  18. package/build/components/divider/divider.css +0 -34
  19. package/build/components/drawer/drawer.css +4 -38
  20. package/build/components/drawer/drawer.scss +4 -4
  21. package/build/components/header/header.css +255 -373
  22. package/build/components/icon/icon.css +0 -34
  23. package/build/components/infotext/infotext.css +6 -100
  24. package/build/components/input/input.css +306 -416
  25. package/build/components/link/link.css +6 -100
  26. package/build/components/navigation/navigation.css +0 -88
  27. package/build/components/navigation-item/navigation-item.css +3 -95
  28. package/build/components/notification/notification.css +741 -868
  29. package/build/components/page/page.css +0 -34
  30. package/build/components/popover/popover.css +0 -34
  31. package/build/components/radio/radio.css +6 -100
  32. package/build/components/section/section.css +0 -34
  33. package/build/components/select/select.css +306 -416
  34. package/build/components/stack/stack-web-component.css +0 -34
  35. package/build/components/stack/stack.css +0 -34
  36. package/build/components/switch/switch.css +9 -106
  37. package/build/components/tab-item/tab-item.css +0 -88
  38. package/build/components/tab-list/tab-list.css +3 -94
  39. package/build/components/tab-panel/tab-panel.css +0 -34
  40. package/build/components/tabs/tabs.css +0 -88
  41. package/build/components/tag/tag.css +741 -854
  42. package/build/components/textarea/textarea.css +12 -116
  43. package/build/components/tooltip/tooltip.css +3 -94
  44. package/build/styles/absolute.css +1641 -1669
  45. package/build/styles/absolute.scss +2 -4
  46. package/build/styles/bundle.css +1989 -0
  47. package/build/styles/bundle.scss +15 -0
  48. package/build/styles/dialog-init.css +1 -1
  49. package/build/styles/index.css +487 -515
  50. package/build/styles/relative.css +1641 -1669
  51. package/build/styles/relative.scss +2 -15
  52. package/build/styles/rollup.css +1641 -1669
  53. package/build/styles/rollup.scss +2 -4
  54. package/build/styles/visually-hidden.css +1 -1
  55. package/build/styles/webpack.css +1641 -1669
  56. package/build/styles/webpack.scss +2 -4
  57. package/package.json +6 -6
package/build/components/tag/tag.css CHANGED
@@ -21,872 +21,764 @@
21
21
  }
22
22
  /* Variants for adaptive components like input, select, notification, ... */
23
23
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=neutral] {
24
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
25
- }
26
- @layer variables {
27
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=neutral] {
28
- --db-adaptive-bg-basic-level-1-default: var(
29
- --db-neutral-bg-basic-level-1-default
30
- );
31
- --db-adaptive-bg-basic-level-1-hovered: var(
32
- --db-neutral-bg-basic-level-1-hovered
33
- );
34
- --db-adaptive-bg-basic-level-1-pressed: var(
35
- --db-neutral-bg-basic-level-1-pressed
36
- );
37
- --db-adaptive-bg-basic-level-2-default: var(
38
- --db-neutral-bg-basic-level-2-default
39
- );
40
- --db-adaptive-bg-basic-level-2-hovered: var(
41
- --db-neutral-bg-basic-level-2-hovered
42
- );
43
- --db-adaptive-bg-basic-level-2-pressed: var(
44
- --db-neutral-bg-basic-level-2-pressed
45
- );
46
- --db-adaptive-bg-basic-level-3-default: var(
47
- --db-neutral-bg-basic-level-3-default
48
- );
49
- --db-adaptive-bg-basic-level-3-hovered: var(
50
- --db-neutral-bg-basic-level-3-hovered
51
- );
52
- --db-adaptive-bg-basic-level-3-pressed: var(
53
- --db-neutral-bg-basic-level-3-pressed
54
- );
55
- --db-adaptive-bg-basic-transparent-full-default: var(
56
- --db-neutral-bg-basic-transparent-full-default
57
- );
58
- --db-adaptive-bg-basic-transparent-semi-default: var(
59
- --db-neutral-bg-basic-transparent-semi-default
60
- );
61
- --db-adaptive-bg-basic-transparent-full-hovered: var(
62
- --db-neutral-bg-basic-transparent-full-hovered
63
- );
64
- --db-adaptive-bg-basic-transparent-full-pressed: var(
65
- --db-neutral-bg-basic-transparent-full-pressed
66
- );
67
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
68
- --db-neutral-bg-basic-transparent-semi-hovered
69
- );
70
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
71
- --db-neutral-bg-basic-transparent-semi-pressed
72
- );
73
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
74
- --db-neutral-on-bg-basic-emphasis-100-default
75
- );
76
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
77
- --db-neutral-on-bg-basic-emphasis-100-hovered
78
- );
79
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
80
- --db-neutral-on-bg-basic-emphasis-100-pressed
81
- );
82
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
83
- --db-neutral-on-bg-basic-emphasis-90-default
84
- );
85
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
86
- --db-neutral-on-bg-basic-emphasis-90-hovered
87
- );
88
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
89
- --db-neutral-on-bg-basic-emphasis-90-pressed
90
- );
91
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
92
- --db-neutral-on-bg-basic-emphasis-80-default
93
- );
94
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
95
- --db-neutral-on-bg-basic-emphasis-80-hovered
96
- );
97
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
98
- --db-neutral-on-bg-basic-emphasis-80-pressed
99
- );
100
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
101
- --db-neutral-on-bg-basic-emphasis-70-default
102
- );
103
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
104
- --db-neutral-on-bg-basic-emphasis-70-hovered
105
- );
106
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
107
- --db-neutral-on-bg-basic-emphasis-70-pressed
108
- );
109
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
110
- --db-neutral-on-bg-basic-emphasis-60-default
111
- );
112
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
113
- --db-neutral-on-bg-basic-emphasis-50-default
114
- );
115
- --db-adaptive-bg-inverted-contrast-max-default: var(
116
- --db-neutral-bg-inverted-contrast-max-default
117
- );
118
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
119
- --db-neutral-bg-inverted-contrast-max-hovered
120
- );
121
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
122
- --db-neutral-bg-inverted-contrast-max-pressed
123
- );
124
- --db-adaptive-bg-inverted-contrast-high-default: var(
125
- --db-neutral-bg-inverted-contrast-high-default
126
- );
127
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
128
- --db-neutral-bg-inverted-contrast-high-hovered
129
- );
130
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
131
- --db-neutral-bg-inverted-contrast-high-pressed
132
- );
133
- --db-adaptive-bg-inverted-contrast-low-default: var(
134
- --db-neutral-bg-inverted-contrast-low-default
135
- );
136
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
137
- --db-neutral-bg-inverted-contrast-low-hovered
138
- );
139
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
140
- --db-neutral-bg-inverted-contrast-low-pressed
141
- );
142
- --db-adaptive-on-bg-inverted-default: var(
143
- --db-neutral-on-bg-inverted-default
144
- );
145
- --db-adaptive-on-bg-inverted-hovered: var(
146
- --db-neutral-on-bg-inverted-hovered
147
- );
148
- --db-adaptive-on-bg-inverted-pressed: var(
149
- --db-neutral-on-bg-inverted-pressed
150
- );
151
- --db-adaptive-origin-default: var(--db-neutral-origin-default);
152
- --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
153
- --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
154
- --db-adaptive-on-origin-default: var(
155
- --db-neutral-on-origin-default
156
- );
157
- --db-adaptive-bg-vibrant-default: var(
158
- --db-neutral-bg-vibrant-default
159
- );
160
- --db-adaptive-bg-vibrant-hovered: var(
161
- --db-neutral-bg-vibrant-hovered
162
- );
163
- --db-adaptive-bg-vibrant-pressed: var(
164
- --db-neutral-bg-vibrant-pressed
165
- );
166
- --db-adaptive-on-bg-vibrant-default: var(
167
- --db-neutral-on-bg-vibrant-default
168
- );
169
- --db-adaptive-on-bg-vibrant-hovered: var(
170
- --db-neutral-on-bg-vibrant-hovered
171
- );
172
- --db-adaptive-on-bg-vibrant-pressed: var(
173
- --db-neutral-on-bg-vibrant-pressed
174
- );
175
- }
24
+ --db-adaptive-bg-basic-level-1-default: var(
25
+ --db-neutral-bg-basic-level-1-default
26
+ );
27
+ --db-adaptive-bg-basic-level-1-hovered: var(
28
+ --db-neutral-bg-basic-level-1-hovered
29
+ );
30
+ --db-adaptive-bg-basic-level-1-pressed: var(
31
+ --db-neutral-bg-basic-level-1-pressed
32
+ );
33
+ --db-adaptive-bg-basic-level-2-default: var(
34
+ --db-neutral-bg-basic-level-2-default
35
+ );
36
+ --db-adaptive-bg-basic-level-2-hovered: var(
37
+ --db-neutral-bg-basic-level-2-hovered
38
+ );
39
+ --db-adaptive-bg-basic-level-2-pressed: var(
40
+ --db-neutral-bg-basic-level-2-pressed
41
+ );
42
+ --db-adaptive-bg-basic-level-3-default: var(
43
+ --db-neutral-bg-basic-level-3-default
44
+ );
45
+ --db-adaptive-bg-basic-level-3-hovered: var(
46
+ --db-neutral-bg-basic-level-3-hovered
47
+ );
48
+ --db-adaptive-bg-basic-level-3-pressed: var(
49
+ --db-neutral-bg-basic-level-3-pressed
50
+ );
51
+ --db-adaptive-bg-basic-transparent-full-default: var(
52
+ --db-neutral-bg-basic-transparent-full-default
53
+ );
54
+ --db-adaptive-bg-basic-transparent-semi-default: var(
55
+ --db-neutral-bg-basic-transparent-semi-default
56
+ );
57
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
58
+ --db-neutral-bg-basic-transparent-full-hovered
59
+ );
60
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
61
+ --db-neutral-bg-basic-transparent-full-pressed
62
+ );
63
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
64
+ --db-neutral-bg-basic-transparent-semi-hovered
65
+ );
66
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
67
+ --db-neutral-bg-basic-transparent-semi-pressed
68
+ );
69
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
70
+ --db-neutral-on-bg-basic-emphasis-100-default
71
+ );
72
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
73
+ --db-neutral-on-bg-basic-emphasis-100-hovered
74
+ );
75
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
76
+ --db-neutral-on-bg-basic-emphasis-100-pressed
77
+ );
78
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
79
+ --db-neutral-on-bg-basic-emphasis-90-default
80
+ );
81
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
82
+ --db-neutral-on-bg-basic-emphasis-90-hovered
83
+ );
84
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
85
+ --db-neutral-on-bg-basic-emphasis-90-pressed
86
+ );
87
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
88
+ --db-neutral-on-bg-basic-emphasis-80-default
89
+ );
90
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
91
+ --db-neutral-on-bg-basic-emphasis-80-hovered
92
+ );
93
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
94
+ --db-neutral-on-bg-basic-emphasis-80-pressed
95
+ );
96
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
97
+ --db-neutral-on-bg-basic-emphasis-70-default
98
+ );
99
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
100
+ --db-neutral-on-bg-basic-emphasis-70-hovered
101
+ );
102
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
103
+ --db-neutral-on-bg-basic-emphasis-70-pressed
104
+ );
105
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
106
+ --db-neutral-on-bg-basic-emphasis-60-default
107
+ );
108
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
109
+ --db-neutral-on-bg-basic-emphasis-50-default
110
+ );
111
+ --db-adaptive-bg-inverted-contrast-max-default: var(
112
+ --db-neutral-bg-inverted-contrast-max-default
113
+ );
114
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
115
+ --db-neutral-bg-inverted-contrast-max-hovered
116
+ );
117
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
118
+ --db-neutral-bg-inverted-contrast-max-pressed
119
+ );
120
+ --db-adaptive-bg-inverted-contrast-high-default: var(
121
+ --db-neutral-bg-inverted-contrast-high-default
122
+ );
123
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
124
+ --db-neutral-bg-inverted-contrast-high-hovered
125
+ );
126
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
127
+ --db-neutral-bg-inverted-contrast-high-pressed
128
+ );
129
+ --db-adaptive-bg-inverted-contrast-low-default: var(
130
+ --db-neutral-bg-inverted-contrast-low-default
131
+ );
132
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
133
+ --db-neutral-bg-inverted-contrast-low-hovered
134
+ );
135
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
136
+ --db-neutral-bg-inverted-contrast-low-pressed
137
+ );
138
+ --db-adaptive-on-bg-inverted-default: var(
139
+ --db-neutral-on-bg-inverted-default
140
+ );
141
+ --db-adaptive-on-bg-inverted-hovered: var(
142
+ --db-neutral-on-bg-inverted-hovered
143
+ );
144
+ --db-adaptive-on-bg-inverted-pressed: var(
145
+ --db-neutral-on-bg-inverted-pressed
146
+ );
147
+ --db-adaptive-origin-default: var(--db-neutral-origin-default);
148
+ --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
149
+ --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
150
+ --db-adaptive-on-origin-default: var(
151
+ --db-neutral-on-origin-default
152
+ );
153
+ --db-adaptive-bg-vibrant-default: var(
154
+ --db-neutral-bg-vibrant-default
155
+ );
156
+ --db-adaptive-bg-vibrant-hovered: var(
157
+ --db-neutral-bg-vibrant-hovered
158
+ );
159
+ --db-adaptive-bg-vibrant-pressed: var(
160
+ --db-neutral-bg-vibrant-pressed
161
+ );
162
+ --db-adaptive-on-bg-vibrant-default: var(
163
+ --db-neutral-on-bg-vibrant-default
164
+ );
165
+ --db-adaptive-on-bg-vibrant-hovered: var(
166
+ --db-neutral-on-bg-vibrant-hovered
167
+ );
168
+ --db-adaptive-on-bg-vibrant-pressed: var(
169
+ --db-neutral-on-bg-vibrant-pressed
170
+ );
176
171
  }
177
172
 
178
- @layer variables {}
179
-
180
173
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=critical] {
181
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
182
- }
183
- @layer variables {
184
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=critical] {
185
- --db-adaptive-bg-basic-level-1-default: var(
186
- --db-critical-bg-basic-level-1-default
187
- );
188
- --db-adaptive-bg-basic-level-1-hovered: var(
189
- --db-critical-bg-basic-level-1-hovered
190
- );
191
- --db-adaptive-bg-basic-level-1-pressed: var(
192
- --db-critical-bg-basic-level-1-pressed
193
- );
194
- --db-adaptive-bg-basic-level-2-default: var(
195
- --db-critical-bg-basic-level-2-default
196
- );
197
- --db-adaptive-bg-basic-level-2-hovered: var(
198
- --db-critical-bg-basic-level-2-hovered
199
- );
200
- --db-adaptive-bg-basic-level-2-pressed: var(
201
- --db-critical-bg-basic-level-2-pressed
202
- );
203
- --db-adaptive-bg-basic-level-3-default: var(
204
- --db-critical-bg-basic-level-3-default
205
- );
206
- --db-adaptive-bg-basic-level-3-hovered: var(
207
- --db-critical-bg-basic-level-3-hovered
208
- );
209
- --db-adaptive-bg-basic-level-3-pressed: var(
210
- --db-critical-bg-basic-level-3-pressed
211
- );
212
- --db-adaptive-bg-basic-transparent-full-default: var(
213
- --db-critical-bg-basic-transparent-full-default
214
- );
215
- --db-adaptive-bg-basic-transparent-semi-default: var(
216
- --db-critical-bg-basic-transparent-semi-default
217
- );
218
- --db-adaptive-bg-basic-transparent-full-hovered: var(
219
- --db-critical-bg-basic-transparent-full-hovered
220
- );
221
- --db-adaptive-bg-basic-transparent-full-pressed: var(
222
- --db-critical-bg-basic-transparent-full-pressed
223
- );
224
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
225
- --db-critical-bg-basic-transparent-semi-hovered
226
- );
227
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
228
- --db-critical-bg-basic-transparent-semi-pressed
229
- );
230
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
231
- --db-critical-on-bg-basic-emphasis-100-default
232
- );
233
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
234
- --db-critical-on-bg-basic-emphasis-100-hovered
235
- );
236
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
237
- --db-critical-on-bg-basic-emphasis-100-pressed
238
- );
239
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
240
- --db-critical-on-bg-basic-emphasis-90-default
241
- );
242
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
243
- --db-critical-on-bg-basic-emphasis-90-hovered
244
- );
245
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
246
- --db-critical-on-bg-basic-emphasis-90-pressed
247
- );
248
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
249
- --db-critical-on-bg-basic-emphasis-80-default
250
- );
251
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
252
- --db-critical-on-bg-basic-emphasis-80-hovered
253
- );
254
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
255
- --db-critical-on-bg-basic-emphasis-80-pressed
256
- );
257
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
258
- --db-critical-on-bg-basic-emphasis-70-default
259
- );
260
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
261
- --db-critical-on-bg-basic-emphasis-70-hovered
262
- );
263
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
264
- --db-critical-on-bg-basic-emphasis-70-pressed
265
- );
266
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
267
- --db-critical-on-bg-basic-emphasis-60-default
268
- );
269
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
270
- --db-critical-on-bg-basic-emphasis-50-default
271
- );
272
- --db-adaptive-bg-inverted-contrast-max-default: var(
273
- --db-critical-bg-inverted-contrast-max-default
274
- );
275
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
276
- --db-critical-bg-inverted-contrast-max-hovered
277
- );
278
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
279
- --db-critical-bg-inverted-contrast-max-pressed
280
- );
281
- --db-adaptive-bg-inverted-contrast-high-default: var(
282
- --db-critical-bg-inverted-contrast-high-default
283
- );
284
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
285
- --db-critical-bg-inverted-contrast-high-hovered
286
- );
287
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
288
- --db-critical-bg-inverted-contrast-high-pressed
289
- );
290
- --db-adaptive-bg-inverted-contrast-low-default: var(
291
- --db-critical-bg-inverted-contrast-low-default
292
- );
293
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
294
- --db-critical-bg-inverted-contrast-low-hovered
295
- );
296
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
297
- --db-critical-bg-inverted-contrast-low-pressed
298
- );
299
- --db-adaptive-on-bg-inverted-default: var(
300
- --db-critical-on-bg-inverted-default
301
- );
302
- --db-adaptive-on-bg-inverted-hovered: var(
303
- --db-critical-on-bg-inverted-hovered
304
- );
305
- --db-adaptive-on-bg-inverted-pressed: var(
306
- --db-critical-on-bg-inverted-pressed
307
- );
308
- --db-adaptive-origin-default: var(--db-critical-origin-default);
309
- --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
310
- --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
311
- --db-adaptive-on-origin-default: var(
312
- --db-critical-on-origin-default
313
- );
314
- --db-adaptive-bg-vibrant-default: var(
315
- --db-critical-bg-vibrant-default
316
- );
317
- --db-adaptive-bg-vibrant-hovered: var(
318
- --db-critical-bg-vibrant-hovered
319
- );
320
- --db-adaptive-bg-vibrant-pressed: var(
321
- --db-critical-bg-vibrant-pressed
322
- );
323
- --db-adaptive-on-bg-vibrant-default: var(
324
- --db-critical-on-bg-vibrant-default
325
- );
326
- --db-adaptive-on-bg-vibrant-hovered: var(
327
- --db-critical-on-bg-vibrant-hovered
328
- );
329
- --db-adaptive-on-bg-vibrant-pressed: var(
330
- --db-critical-on-bg-vibrant-pressed
331
- );
332
- }
174
+ --db-adaptive-bg-basic-level-1-default: var(
175
+ --db-critical-bg-basic-level-1-default
176
+ );
177
+ --db-adaptive-bg-basic-level-1-hovered: var(
178
+ --db-critical-bg-basic-level-1-hovered
179
+ );
180
+ --db-adaptive-bg-basic-level-1-pressed: var(
181
+ --db-critical-bg-basic-level-1-pressed
182
+ );
183
+ --db-adaptive-bg-basic-level-2-default: var(
184
+ --db-critical-bg-basic-level-2-default
185
+ );
186
+ --db-adaptive-bg-basic-level-2-hovered: var(
187
+ --db-critical-bg-basic-level-2-hovered
188
+ );
189
+ --db-adaptive-bg-basic-level-2-pressed: var(
190
+ --db-critical-bg-basic-level-2-pressed
191
+ );
192
+ --db-adaptive-bg-basic-level-3-default: var(
193
+ --db-critical-bg-basic-level-3-default
194
+ );
195
+ --db-adaptive-bg-basic-level-3-hovered: var(
196
+ --db-critical-bg-basic-level-3-hovered
197
+ );
198
+ --db-adaptive-bg-basic-level-3-pressed: var(
199
+ --db-critical-bg-basic-level-3-pressed
200
+ );
201
+ --db-adaptive-bg-basic-transparent-full-default: var(
202
+ --db-critical-bg-basic-transparent-full-default
203
+ );
204
+ --db-adaptive-bg-basic-transparent-semi-default: var(
205
+ --db-critical-bg-basic-transparent-semi-default
206
+ );
207
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
208
+ --db-critical-bg-basic-transparent-full-hovered
209
+ );
210
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
211
+ --db-critical-bg-basic-transparent-full-pressed
212
+ );
213
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
214
+ --db-critical-bg-basic-transparent-semi-hovered
215
+ );
216
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
217
+ --db-critical-bg-basic-transparent-semi-pressed
218
+ );
219
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
220
+ --db-critical-on-bg-basic-emphasis-100-default
221
+ );
222
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
223
+ --db-critical-on-bg-basic-emphasis-100-hovered
224
+ );
225
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
226
+ --db-critical-on-bg-basic-emphasis-100-pressed
227
+ );
228
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
229
+ --db-critical-on-bg-basic-emphasis-90-default
230
+ );
231
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
232
+ --db-critical-on-bg-basic-emphasis-90-hovered
233
+ );
234
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
235
+ --db-critical-on-bg-basic-emphasis-90-pressed
236
+ );
237
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
238
+ --db-critical-on-bg-basic-emphasis-80-default
239
+ );
240
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
241
+ --db-critical-on-bg-basic-emphasis-80-hovered
242
+ );
243
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
244
+ --db-critical-on-bg-basic-emphasis-80-pressed
245
+ );
246
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
247
+ --db-critical-on-bg-basic-emphasis-70-default
248
+ );
249
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
250
+ --db-critical-on-bg-basic-emphasis-70-hovered
251
+ );
252
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
253
+ --db-critical-on-bg-basic-emphasis-70-pressed
254
+ );
255
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
256
+ --db-critical-on-bg-basic-emphasis-60-default
257
+ );
258
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
259
+ --db-critical-on-bg-basic-emphasis-50-default
260
+ );
261
+ --db-adaptive-bg-inverted-contrast-max-default: var(
262
+ --db-critical-bg-inverted-contrast-max-default
263
+ );
264
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
265
+ --db-critical-bg-inverted-contrast-max-hovered
266
+ );
267
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
268
+ --db-critical-bg-inverted-contrast-max-pressed
269
+ );
270
+ --db-adaptive-bg-inverted-contrast-high-default: var(
271
+ --db-critical-bg-inverted-contrast-high-default
272
+ );
273
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
274
+ --db-critical-bg-inverted-contrast-high-hovered
275
+ );
276
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
277
+ --db-critical-bg-inverted-contrast-high-pressed
278
+ );
279
+ --db-adaptive-bg-inverted-contrast-low-default: var(
280
+ --db-critical-bg-inverted-contrast-low-default
281
+ );
282
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
283
+ --db-critical-bg-inverted-contrast-low-hovered
284
+ );
285
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
286
+ --db-critical-bg-inverted-contrast-low-pressed
287
+ );
288
+ --db-adaptive-on-bg-inverted-default: var(
289
+ --db-critical-on-bg-inverted-default
290
+ );
291
+ --db-adaptive-on-bg-inverted-hovered: var(
292
+ --db-critical-on-bg-inverted-hovered
293
+ );
294
+ --db-adaptive-on-bg-inverted-pressed: var(
295
+ --db-critical-on-bg-inverted-pressed
296
+ );
297
+ --db-adaptive-origin-default: var(--db-critical-origin-default);
298
+ --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
299
+ --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
300
+ --db-adaptive-on-origin-default: var(
301
+ --db-critical-on-origin-default
302
+ );
303
+ --db-adaptive-bg-vibrant-default: var(
304
+ --db-critical-bg-vibrant-default
305
+ );
306
+ --db-adaptive-bg-vibrant-hovered: var(
307
+ --db-critical-bg-vibrant-hovered
308
+ );
309
+ --db-adaptive-bg-vibrant-pressed: var(
310
+ --db-critical-bg-vibrant-pressed
311
+ );
312
+ --db-adaptive-on-bg-vibrant-default: var(
313
+ --db-critical-on-bg-vibrant-default
314
+ );
315
+ --db-adaptive-on-bg-vibrant-hovered: var(
316
+ --db-critical-on-bg-vibrant-hovered
317
+ );
318
+ --db-adaptive-on-bg-vibrant-pressed: var(
319
+ --db-critical-on-bg-vibrant-pressed
320
+ );
333
321
  }
334
322
 
335
323
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=successful] {
336
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
337
- }
338
- @layer variables {
339
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=successful] {
340
- --db-adaptive-bg-basic-level-1-default: var(
341
- --db-successful-bg-basic-level-1-default
342
- );
343
- --db-adaptive-bg-basic-level-1-hovered: var(
344
- --db-successful-bg-basic-level-1-hovered
345
- );
346
- --db-adaptive-bg-basic-level-1-pressed: var(
347
- --db-successful-bg-basic-level-1-pressed
348
- );
349
- --db-adaptive-bg-basic-level-2-default: var(
350
- --db-successful-bg-basic-level-2-default
351
- );
352
- --db-adaptive-bg-basic-level-2-hovered: var(
353
- --db-successful-bg-basic-level-2-hovered
354
- );
355
- --db-adaptive-bg-basic-level-2-pressed: var(
356
- --db-successful-bg-basic-level-2-pressed
357
- );
358
- --db-adaptive-bg-basic-level-3-default: var(
359
- --db-successful-bg-basic-level-3-default
360
- );
361
- --db-adaptive-bg-basic-level-3-hovered: var(
362
- --db-successful-bg-basic-level-3-hovered
363
- );
364
- --db-adaptive-bg-basic-level-3-pressed: var(
365
- --db-successful-bg-basic-level-3-pressed
366
- );
367
- --db-adaptive-bg-basic-transparent-full-default: var(
368
- --db-successful-bg-basic-transparent-full-default
369
- );
370
- --db-adaptive-bg-basic-transparent-semi-default: var(
371
- --db-successful-bg-basic-transparent-semi-default
372
- );
373
- --db-adaptive-bg-basic-transparent-full-hovered: var(
374
- --db-successful-bg-basic-transparent-full-hovered
375
- );
376
- --db-adaptive-bg-basic-transparent-full-pressed: var(
377
- --db-successful-bg-basic-transparent-full-pressed
378
- );
379
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
380
- --db-successful-bg-basic-transparent-semi-hovered
381
- );
382
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
383
- --db-successful-bg-basic-transparent-semi-pressed
384
- );
385
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
386
- --db-successful-on-bg-basic-emphasis-100-default
387
- );
388
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
389
- --db-successful-on-bg-basic-emphasis-100-hovered
390
- );
391
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
392
- --db-successful-on-bg-basic-emphasis-100-pressed
393
- );
394
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
395
- --db-successful-on-bg-basic-emphasis-90-default
396
- );
397
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
398
- --db-successful-on-bg-basic-emphasis-90-hovered
399
- );
400
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
401
- --db-successful-on-bg-basic-emphasis-90-pressed
402
- );
403
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
404
- --db-successful-on-bg-basic-emphasis-80-default
405
- );
406
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
407
- --db-successful-on-bg-basic-emphasis-80-hovered
408
- );
409
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
410
- --db-successful-on-bg-basic-emphasis-80-pressed
411
- );
412
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
413
- --db-successful-on-bg-basic-emphasis-70-default
414
- );
415
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
416
- --db-successful-on-bg-basic-emphasis-70-hovered
417
- );
418
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
419
- --db-successful-on-bg-basic-emphasis-70-pressed
420
- );
421
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
422
- --db-successful-on-bg-basic-emphasis-60-default
423
- );
424
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
425
- --db-successful-on-bg-basic-emphasis-50-default
426
- );
427
- --db-adaptive-bg-inverted-contrast-max-default: var(
428
- --db-successful-bg-inverted-contrast-max-default
429
- );
430
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
431
- --db-successful-bg-inverted-contrast-max-hovered
432
- );
433
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
434
- --db-successful-bg-inverted-contrast-max-pressed
435
- );
436
- --db-adaptive-bg-inverted-contrast-high-default: var(
437
- --db-successful-bg-inverted-contrast-high-default
438
- );
439
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
440
- --db-successful-bg-inverted-contrast-high-hovered
441
- );
442
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
443
- --db-successful-bg-inverted-contrast-high-pressed
444
- );
445
- --db-adaptive-bg-inverted-contrast-low-default: var(
446
- --db-successful-bg-inverted-contrast-low-default
447
- );
448
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
449
- --db-successful-bg-inverted-contrast-low-hovered
450
- );
451
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
452
- --db-successful-bg-inverted-contrast-low-pressed
453
- );
454
- --db-adaptive-on-bg-inverted-default: var(
455
- --db-successful-on-bg-inverted-default
456
- );
457
- --db-adaptive-on-bg-inverted-hovered: var(
458
- --db-successful-on-bg-inverted-hovered
459
- );
460
- --db-adaptive-on-bg-inverted-pressed: var(
461
- --db-successful-on-bg-inverted-pressed
462
- );
463
- --db-adaptive-origin-default: var(--db-successful-origin-default);
464
- --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
465
- --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
466
- --db-adaptive-on-origin-default: var(
467
- --db-successful-on-origin-default
468
- );
469
- --db-adaptive-bg-vibrant-default: var(
470
- --db-successful-bg-vibrant-default
471
- );
472
- --db-adaptive-bg-vibrant-hovered: var(
473
- --db-successful-bg-vibrant-hovered
474
- );
475
- --db-adaptive-bg-vibrant-pressed: var(
476
- --db-successful-bg-vibrant-pressed
477
- );
478
- --db-adaptive-on-bg-vibrant-default: var(
479
- --db-successful-on-bg-vibrant-default
480
- );
481
- --db-adaptive-on-bg-vibrant-hovered: var(
482
- --db-successful-on-bg-vibrant-hovered
483
- );
484
- --db-adaptive-on-bg-vibrant-pressed: var(
485
- --db-successful-on-bg-vibrant-pressed
486
- );
487
- }
324
+ --db-adaptive-bg-basic-level-1-default: var(
325
+ --db-successful-bg-basic-level-1-default
326
+ );
327
+ --db-adaptive-bg-basic-level-1-hovered: var(
328
+ --db-successful-bg-basic-level-1-hovered
329
+ );
330
+ --db-adaptive-bg-basic-level-1-pressed: var(
331
+ --db-successful-bg-basic-level-1-pressed
332
+ );
333
+ --db-adaptive-bg-basic-level-2-default: var(
334
+ --db-successful-bg-basic-level-2-default
335
+ );
336
+ --db-adaptive-bg-basic-level-2-hovered: var(
337
+ --db-successful-bg-basic-level-2-hovered
338
+ );
339
+ --db-adaptive-bg-basic-level-2-pressed: var(
340
+ --db-successful-bg-basic-level-2-pressed
341
+ );
342
+ --db-adaptive-bg-basic-level-3-default: var(
343
+ --db-successful-bg-basic-level-3-default
344
+ );
345
+ --db-adaptive-bg-basic-level-3-hovered: var(
346
+ --db-successful-bg-basic-level-3-hovered
347
+ );
348
+ --db-adaptive-bg-basic-level-3-pressed: var(
349
+ --db-successful-bg-basic-level-3-pressed
350
+ );
351
+ --db-adaptive-bg-basic-transparent-full-default: var(
352
+ --db-successful-bg-basic-transparent-full-default
353
+ );
354
+ --db-adaptive-bg-basic-transparent-semi-default: var(
355
+ --db-successful-bg-basic-transparent-semi-default
356
+ );
357
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
358
+ --db-successful-bg-basic-transparent-full-hovered
359
+ );
360
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
361
+ --db-successful-bg-basic-transparent-full-pressed
362
+ );
363
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
364
+ --db-successful-bg-basic-transparent-semi-hovered
365
+ );
366
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
367
+ --db-successful-bg-basic-transparent-semi-pressed
368
+ );
369
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
370
+ --db-successful-on-bg-basic-emphasis-100-default
371
+ );
372
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
373
+ --db-successful-on-bg-basic-emphasis-100-hovered
374
+ );
375
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
376
+ --db-successful-on-bg-basic-emphasis-100-pressed
377
+ );
378
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
379
+ --db-successful-on-bg-basic-emphasis-90-default
380
+ );
381
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
382
+ --db-successful-on-bg-basic-emphasis-90-hovered
383
+ );
384
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
385
+ --db-successful-on-bg-basic-emphasis-90-pressed
386
+ );
387
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
388
+ --db-successful-on-bg-basic-emphasis-80-default
389
+ );
390
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
391
+ --db-successful-on-bg-basic-emphasis-80-hovered
392
+ );
393
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
394
+ --db-successful-on-bg-basic-emphasis-80-pressed
395
+ );
396
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
397
+ --db-successful-on-bg-basic-emphasis-70-default
398
+ );
399
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
400
+ --db-successful-on-bg-basic-emphasis-70-hovered
401
+ );
402
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
403
+ --db-successful-on-bg-basic-emphasis-70-pressed
404
+ );
405
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
406
+ --db-successful-on-bg-basic-emphasis-60-default
407
+ );
408
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
409
+ --db-successful-on-bg-basic-emphasis-50-default
410
+ );
411
+ --db-adaptive-bg-inverted-contrast-max-default: var(
412
+ --db-successful-bg-inverted-contrast-max-default
413
+ );
414
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
415
+ --db-successful-bg-inverted-contrast-max-hovered
416
+ );
417
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
418
+ --db-successful-bg-inverted-contrast-max-pressed
419
+ );
420
+ --db-adaptive-bg-inverted-contrast-high-default: var(
421
+ --db-successful-bg-inverted-contrast-high-default
422
+ );
423
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
424
+ --db-successful-bg-inverted-contrast-high-hovered
425
+ );
426
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
427
+ --db-successful-bg-inverted-contrast-high-pressed
428
+ );
429
+ --db-adaptive-bg-inverted-contrast-low-default: var(
430
+ --db-successful-bg-inverted-contrast-low-default
431
+ );
432
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
433
+ --db-successful-bg-inverted-contrast-low-hovered
434
+ );
435
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
436
+ --db-successful-bg-inverted-contrast-low-pressed
437
+ );
438
+ --db-adaptive-on-bg-inverted-default: var(
439
+ --db-successful-on-bg-inverted-default
440
+ );
441
+ --db-adaptive-on-bg-inverted-hovered: var(
442
+ --db-successful-on-bg-inverted-hovered
443
+ );
444
+ --db-adaptive-on-bg-inverted-pressed: var(
445
+ --db-successful-on-bg-inverted-pressed
446
+ );
447
+ --db-adaptive-origin-default: var(--db-successful-origin-default);
448
+ --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
449
+ --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
450
+ --db-adaptive-on-origin-default: var(
451
+ --db-successful-on-origin-default
452
+ );
453
+ --db-adaptive-bg-vibrant-default: var(
454
+ --db-successful-bg-vibrant-default
455
+ );
456
+ --db-adaptive-bg-vibrant-hovered: var(
457
+ --db-successful-bg-vibrant-hovered
458
+ );
459
+ --db-adaptive-bg-vibrant-pressed: var(
460
+ --db-successful-bg-vibrant-pressed
461
+ );
462
+ --db-adaptive-on-bg-vibrant-default: var(
463
+ --db-successful-on-bg-vibrant-default
464
+ );
465
+ --db-adaptive-on-bg-vibrant-hovered: var(
466
+ --db-successful-on-bg-vibrant-hovered
467
+ );
468
+ --db-adaptive-on-bg-vibrant-pressed: var(
469
+ --db-successful-on-bg-vibrant-pressed
470
+ );
488
471
  }
489
472
 
490
473
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=warning] {
491
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
492
- }
493
- @layer variables {
494
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=warning] {
495
- --db-adaptive-bg-basic-level-1-default: var(
496
- --db-warning-bg-basic-level-1-default
497
- );
498
- --db-adaptive-bg-basic-level-1-hovered: var(
499
- --db-warning-bg-basic-level-1-hovered
500
- );
501
- --db-adaptive-bg-basic-level-1-pressed: var(
502
- --db-warning-bg-basic-level-1-pressed
503
- );
504
- --db-adaptive-bg-basic-level-2-default: var(
505
- --db-warning-bg-basic-level-2-default
506
- );
507
- --db-adaptive-bg-basic-level-2-hovered: var(
508
- --db-warning-bg-basic-level-2-hovered
509
- );
510
- --db-adaptive-bg-basic-level-2-pressed: var(
511
- --db-warning-bg-basic-level-2-pressed
512
- );
513
- --db-adaptive-bg-basic-level-3-default: var(
514
- --db-warning-bg-basic-level-3-default
515
- );
516
- --db-adaptive-bg-basic-level-3-hovered: var(
517
- --db-warning-bg-basic-level-3-hovered
518
- );
519
- --db-adaptive-bg-basic-level-3-pressed: var(
520
- --db-warning-bg-basic-level-3-pressed
521
- );
522
- --db-adaptive-bg-basic-transparent-full-default: var(
523
- --db-warning-bg-basic-transparent-full-default
524
- );
525
- --db-adaptive-bg-basic-transparent-semi-default: var(
526
- --db-warning-bg-basic-transparent-semi-default
527
- );
528
- --db-adaptive-bg-basic-transparent-full-hovered: var(
529
- --db-warning-bg-basic-transparent-full-hovered
530
- );
531
- --db-adaptive-bg-basic-transparent-full-pressed: var(
532
- --db-warning-bg-basic-transparent-full-pressed
533
- );
534
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
535
- --db-warning-bg-basic-transparent-semi-hovered
536
- );
537
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
538
- --db-warning-bg-basic-transparent-semi-pressed
539
- );
540
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
541
- --db-warning-on-bg-basic-emphasis-100-default
542
- );
543
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
544
- --db-warning-on-bg-basic-emphasis-100-hovered
545
- );
546
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
547
- --db-warning-on-bg-basic-emphasis-100-pressed
548
- );
549
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
550
- --db-warning-on-bg-basic-emphasis-90-default
551
- );
552
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
553
- --db-warning-on-bg-basic-emphasis-90-hovered
554
- );
555
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
556
- --db-warning-on-bg-basic-emphasis-90-pressed
557
- );
558
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
559
- --db-warning-on-bg-basic-emphasis-80-default
560
- );
561
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
562
- --db-warning-on-bg-basic-emphasis-80-hovered
563
- );
564
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
565
- --db-warning-on-bg-basic-emphasis-80-pressed
566
- );
567
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
568
- --db-warning-on-bg-basic-emphasis-70-default
569
- );
570
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
571
- --db-warning-on-bg-basic-emphasis-70-hovered
572
- );
573
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
574
- --db-warning-on-bg-basic-emphasis-70-pressed
575
- );
576
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
577
- --db-warning-on-bg-basic-emphasis-60-default
578
- );
579
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
580
- --db-warning-on-bg-basic-emphasis-50-default
581
- );
582
- --db-adaptive-bg-inverted-contrast-max-default: var(
583
- --db-warning-bg-inverted-contrast-max-default
584
- );
585
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
586
- --db-warning-bg-inverted-contrast-max-hovered
587
- );
588
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
589
- --db-warning-bg-inverted-contrast-max-pressed
590
- );
591
- --db-adaptive-bg-inverted-contrast-high-default: var(
592
- --db-warning-bg-inverted-contrast-high-default
593
- );
594
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
595
- --db-warning-bg-inverted-contrast-high-hovered
596
- );
597
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
598
- --db-warning-bg-inverted-contrast-high-pressed
599
- );
600
- --db-adaptive-bg-inverted-contrast-low-default: var(
601
- --db-warning-bg-inverted-contrast-low-default
602
- );
603
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
604
- --db-warning-bg-inverted-contrast-low-hovered
605
- );
606
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
607
- --db-warning-bg-inverted-contrast-low-pressed
608
- );
609
- --db-adaptive-on-bg-inverted-default: var(
610
- --db-warning-on-bg-inverted-default
611
- );
612
- --db-adaptive-on-bg-inverted-hovered: var(
613
- --db-warning-on-bg-inverted-hovered
614
- );
615
- --db-adaptive-on-bg-inverted-pressed: var(
616
- --db-warning-on-bg-inverted-pressed
617
- );
618
- --db-adaptive-origin-default: var(--db-warning-origin-default);
619
- --db-adaptive-origin-hovered: var(--db-warning-origin-hovered);
620
- --db-adaptive-origin-pressed: var(--db-warning-origin-pressed);
621
- --db-adaptive-on-origin-default: var(
622
- --db-warning-on-origin-default
623
- );
624
- --db-adaptive-bg-vibrant-default: var(
625
- --db-warning-bg-vibrant-default
626
- );
627
- --db-adaptive-bg-vibrant-hovered: var(
628
- --db-warning-bg-vibrant-hovered
629
- );
630
- --db-adaptive-bg-vibrant-pressed: var(
631
- --db-warning-bg-vibrant-pressed
632
- );
633
- --db-adaptive-on-bg-vibrant-default: var(
634
- --db-warning-on-bg-vibrant-default
635
- );
636
- --db-adaptive-on-bg-vibrant-hovered: var(
637
- --db-warning-on-bg-vibrant-hovered
638
- );
639
- --db-adaptive-on-bg-vibrant-pressed: var(
640
- --db-warning-on-bg-vibrant-pressed
641
- );
642
- }
474
+ --db-adaptive-bg-basic-level-1-default: var(
475
+ --db-warning-bg-basic-level-1-default
476
+ );
477
+ --db-adaptive-bg-basic-level-1-hovered: var(
478
+ --db-warning-bg-basic-level-1-hovered
479
+ );
480
+ --db-adaptive-bg-basic-level-1-pressed: var(
481
+ --db-warning-bg-basic-level-1-pressed
482
+ );
483
+ --db-adaptive-bg-basic-level-2-default: var(
484
+ --db-warning-bg-basic-level-2-default
485
+ );
486
+ --db-adaptive-bg-basic-level-2-hovered: var(
487
+ --db-warning-bg-basic-level-2-hovered
488
+ );
489
+ --db-adaptive-bg-basic-level-2-pressed: var(
490
+ --db-warning-bg-basic-level-2-pressed
491
+ );
492
+ --db-adaptive-bg-basic-level-3-default: var(
493
+ --db-warning-bg-basic-level-3-default
494
+ );
495
+ --db-adaptive-bg-basic-level-3-hovered: var(
496
+ --db-warning-bg-basic-level-3-hovered
497
+ );
498
+ --db-adaptive-bg-basic-level-3-pressed: var(
499
+ --db-warning-bg-basic-level-3-pressed
500
+ );
501
+ --db-adaptive-bg-basic-transparent-full-default: var(
502
+ --db-warning-bg-basic-transparent-full-default
503
+ );
504
+ --db-adaptive-bg-basic-transparent-semi-default: var(
505
+ --db-warning-bg-basic-transparent-semi-default
506
+ );
507
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
508
+ --db-warning-bg-basic-transparent-full-hovered
509
+ );
510
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
511
+ --db-warning-bg-basic-transparent-full-pressed
512
+ );
513
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
514
+ --db-warning-bg-basic-transparent-semi-hovered
515
+ );
516
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
517
+ --db-warning-bg-basic-transparent-semi-pressed
518
+ );
519
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
520
+ --db-warning-on-bg-basic-emphasis-100-default
521
+ );
522
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
523
+ --db-warning-on-bg-basic-emphasis-100-hovered
524
+ );
525
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
526
+ --db-warning-on-bg-basic-emphasis-100-pressed
527
+ );
528
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
529
+ --db-warning-on-bg-basic-emphasis-90-default
530
+ );
531
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
532
+ --db-warning-on-bg-basic-emphasis-90-hovered
533
+ );
534
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
535
+ --db-warning-on-bg-basic-emphasis-90-pressed
536
+ );
537
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
538
+ --db-warning-on-bg-basic-emphasis-80-default
539
+ );
540
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
541
+ --db-warning-on-bg-basic-emphasis-80-hovered
542
+ );
543
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
544
+ --db-warning-on-bg-basic-emphasis-80-pressed
545
+ );
546
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
547
+ --db-warning-on-bg-basic-emphasis-70-default
548
+ );
549
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
550
+ --db-warning-on-bg-basic-emphasis-70-hovered
551
+ );
552
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
553
+ --db-warning-on-bg-basic-emphasis-70-pressed
554
+ );
555
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
556
+ --db-warning-on-bg-basic-emphasis-60-default
557
+ );
558
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
559
+ --db-warning-on-bg-basic-emphasis-50-default
560
+ );
561
+ --db-adaptive-bg-inverted-contrast-max-default: var(
562
+ --db-warning-bg-inverted-contrast-max-default
563
+ );
564
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
565
+ --db-warning-bg-inverted-contrast-max-hovered
566
+ );
567
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
568
+ --db-warning-bg-inverted-contrast-max-pressed
569
+ );
570
+ --db-adaptive-bg-inverted-contrast-high-default: var(
571
+ --db-warning-bg-inverted-contrast-high-default
572
+ );
573
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
574
+ --db-warning-bg-inverted-contrast-high-hovered
575
+ );
576
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
577
+ --db-warning-bg-inverted-contrast-high-pressed
578
+ );
579
+ --db-adaptive-bg-inverted-contrast-low-default: var(
580
+ --db-warning-bg-inverted-contrast-low-default
581
+ );
582
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
583
+ --db-warning-bg-inverted-contrast-low-hovered
584
+ );
585
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
586
+ --db-warning-bg-inverted-contrast-low-pressed
587
+ );
588
+ --db-adaptive-on-bg-inverted-default: var(
589
+ --db-warning-on-bg-inverted-default
590
+ );
591
+ --db-adaptive-on-bg-inverted-hovered: var(
592
+ --db-warning-on-bg-inverted-hovered
593
+ );
594
+ --db-adaptive-on-bg-inverted-pressed: var(
595
+ --db-warning-on-bg-inverted-pressed
596
+ );
597
+ --db-adaptive-origin-default: var(--db-warning-origin-default);
598
+ --db-adaptive-origin-hovered: var(--db-warning-origin-hovered);
599
+ --db-adaptive-origin-pressed: var(--db-warning-origin-pressed);
600
+ --db-adaptive-on-origin-default: var(
601
+ --db-warning-on-origin-default
602
+ );
603
+ --db-adaptive-bg-vibrant-default: var(
604
+ --db-warning-bg-vibrant-default
605
+ );
606
+ --db-adaptive-bg-vibrant-hovered: var(
607
+ --db-warning-bg-vibrant-hovered
608
+ );
609
+ --db-adaptive-bg-vibrant-pressed: var(
610
+ --db-warning-bg-vibrant-pressed
611
+ );
612
+ --db-adaptive-on-bg-vibrant-default: var(
613
+ --db-warning-on-bg-vibrant-default
614
+ );
615
+ --db-adaptive-on-bg-vibrant-hovered: var(
616
+ --db-warning-on-bg-vibrant-hovered
617
+ );
618
+ --db-adaptive-on-bg-vibrant-pressed: var(
619
+ --db-warning-on-bg-vibrant-pressed
620
+ );
643
621
  }
644
622
 
645
623
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=informational] {
646
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
647
- }
648
- @layer variables {
649
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-semantic=informational] {
650
- --db-adaptive-bg-basic-level-1-default: var(
651
- --db-informational-bg-basic-level-1-default
652
- );
653
- --db-adaptive-bg-basic-level-1-hovered: var(
654
- --db-informational-bg-basic-level-1-hovered
655
- );
656
- --db-adaptive-bg-basic-level-1-pressed: var(
657
- --db-informational-bg-basic-level-1-pressed
658
- );
659
- --db-adaptive-bg-basic-level-2-default: var(
660
- --db-informational-bg-basic-level-2-default
661
- );
662
- --db-adaptive-bg-basic-level-2-hovered: var(
663
- --db-informational-bg-basic-level-2-hovered
664
- );
665
- --db-adaptive-bg-basic-level-2-pressed: var(
666
- --db-informational-bg-basic-level-2-pressed
667
- );
668
- --db-adaptive-bg-basic-level-3-default: var(
669
- --db-informational-bg-basic-level-3-default
670
- );
671
- --db-adaptive-bg-basic-level-3-hovered: var(
672
- --db-informational-bg-basic-level-3-hovered
673
- );
674
- --db-adaptive-bg-basic-level-3-pressed: var(
675
- --db-informational-bg-basic-level-3-pressed
676
- );
677
- --db-adaptive-bg-basic-transparent-full-default: var(
678
- --db-informational-bg-basic-transparent-full-default
679
- );
680
- --db-adaptive-bg-basic-transparent-semi-default: var(
681
- --db-informational-bg-basic-transparent-semi-default
682
- );
683
- --db-adaptive-bg-basic-transparent-full-hovered: var(
684
- --db-informational-bg-basic-transparent-full-hovered
685
- );
686
- --db-adaptive-bg-basic-transparent-full-pressed: var(
687
- --db-informational-bg-basic-transparent-full-pressed
688
- );
689
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
690
- --db-informational-bg-basic-transparent-semi-hovered
691
- );
692
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
693
- --db-informational-bg-basic-transparent-semi-pressed
694
- );
695
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
696
- --db-informational-on-bg-basic-emphasis-100-default
697
- );
698
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
699
- --db-informational-on-bg-basic-emphasis-100-hovered
700
- );
701
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
702
- --db-informational-on-bg-basic-emphasis-100-pressed
703
- );
704
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
705
- --db-informational-on-bg-basic-emphasis-90-default
706
- );
707
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
708
- --db-informational-on-bg-basic-emphasis-90-hovered
709
- );
710
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
711
- --db-informational-on-bg-basic-emphasis-90-pressed
712
- );
713
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
714
- --db-informational-on-bg-basic-emphasis-80-default
715
- );
716
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
717
- --db-informational-on-bg-basic-emphasis-80-hovered
718
- );
719
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
720
- --db-informational-on-bg-basic-emphasis-80-pressed
721
- );
722
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
723
- --db-informational-on-bg-basic-emphasis-70-default
724
- );
725
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
726
- --db-informational-on-bg-basic-emphasis-70-hovered
727
- );
728
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
729
- --db-informational-on-bg-basic-emphasis-70-pressed
730
- );
731
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
732
- --db-informational-on-bg-basic-emphasis-60-default
733
- );
734
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
735
- --db-informational-on-bg-basic-emphasis-50-default
736
- );
737
- --db-adaptive-bg-inverted-contrast-max-default: var(
738
- --db-informational-bg-inverted-contrast-max-default
739
- );
740
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
741
- --db-informational-bg-inverted-contrast-max-hovered
742
- );
743
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
744
- --db-informational-bg-inverted-contrast-max-pressed
745
- );
746
- --db-adaptive-bg-inverted-contrast-high-default: var(
747
- --db-informational-bg-inverted-contrast-high-default
748
- );
749
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
750
- --db-informational-bg-inverted-contrast-high-hovered
751
- );
752
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
753
- --db-informational-bg-inverted-contrast-high-pressed
754
- );
755
- --db-adaptive-bg-inverted-contrast-low-default: var(
756
- --db-informational-bg-inverted-contrast-low-default
757
- );
758
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
759
- --db-informational-bg-inverted-contrast-low-hovered
760
- );
761
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
762
- --db-informational-bg-inverted-contrast-low-pressed
763
- );
764
- --db-adaptive-on-bg-inverted-default: var(
765
- --db-informational-on-bg-inverted-default
766
- );
767
- --db-adaptive-on-bg-inverted-hovered: var(
768
- --db-informational-on-bg-inverted-hovered
769
- );
770
- --db-adaptive-on-bg-inverted-pressed: var(
771
- --db-informational-on-bg-inverted-pressed
772
- );
773
- --db-adaptive-origin-default: var(--db-informational-origin-default);
774
- --db-adaptive-origin-hovered: var(--db-informational-origin-hovered);
775
- --db-adaptive-origin-pressed: var(--db-informational-origin-pressed);
776
- --db-adaptive-on-origin-default: var(
777
- --db-informational-on-origin-default
778
- );
779
- --db-adaptive-bg-vibrant-default: var(
780
- --db-informational-bg-vibrant-default
781
- );
782
- --db-adaptive-bg-vibrant-hovered: var(
783
- --db-informational-bg-vibrant-hovered
784
- );
785
- --db-adaptive-bg-vibrant-pressed: var(
786
- --db-informational-bg-vibrant-pressed
787
- );
788
- --db-adaptive-on-bg-vibrant-default: var(
789
- --db-informational-on-bg-vibrant-default
790
- );
791
- --db-adaptive-on-bg-vibrant-hovered: var(
792
- --db-informational-on-bg-vibrant-hovered
793
- );
794
- --db-adaptive-on-bg-vibrant-pressed: var(
795
- --db-informational-on-bg-vibrant-pressed
796
- );
797
- }
624
+ --db-adaptive-bg-basic-level-1-default: var(
625
+ --db-informational-bg-basic-level-1-default
626
+ );
627
+ --db-adaptive-bg-basic-level-1-hovered: var(
628
+ --db-informational-bg-basic-level-1-hovered
629
+ );
630
+ --db-adaptive-bg-basic-level-1-pressed: var(
631
+ --db-informational-bg-basic-level-1-pressed
632
+ );
633
+ --db-adaptive-bg-basic-level-2-default: var(
634
+ --db-informational-bg-basic-level-2-default
635
+ );
636
+ --db-adaptive-bg-basic-level-2-hovered: var(
637
+ --db-informational-bg-basic-level-2-hovered
638
+ );
639
+ --db-adaptive-bg-basic-level-2-pressed: var(
640
+ --db-informational-bg-basic-level-2-pressed
641
+ );
642
+ --db-adaptive-bg-basic-level-3-default: var(
643
+ --db-informational-bg-basic-level-3-default
644
+ );
645
+ --db-adaptive-bg-basic-level-3-hovered: var(
646
+ --db-informational-bg-basic-level-3-hovered
647
+ );
648
+ --db-adaptive-bg-basic-level-3-pressed: var(
649
+ --db-informational-bg-basic-level-3-pressed
650
+ );
651
+ --db-adaptive-bg-basic-transparent-full-default: var(
652
+ --db-informational-bg-basic-transparent-full-default
653
+ );
654
+ --db-adaptive-bg-basic-transparent-semi-default: var(
655
+ --db-informational-bg-basic-transparent-semi-default
656
+ );
657
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
658
+ --db-informational-bg-basic-transparent-full-hovered
659
+ );
660
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
661
+ --db-informational-bg-basic-transparent-full-pressed
662
+ );
663
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
664
+ --db-informational-bg-basic-transparent-semi-hovered
665
+ );
666
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
667
+ --db-informational-bg-basic-transparent-semi-pressed
668
+ );
669
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
670
+ --db-informational-on-bg-basic-emphasis-100-default
671
+ );
672
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
673
+ --db-informational-on-bg-basic-emphasis-100-hovered
674
+ );
675
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
676
+ --db-informational-on-bg-basic-emphasis-100-pressed
677
+ );
678
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
679
+ --db-informational-on-bg-basic-emphasis-90-default
680
+ );
681
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
682
+ --db-informational-on-bg-basic-emphasis-90-hovered
683
+ );
684
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
685
+ --db-informational-on-bg-basic-emphasis-90-pressed
686
+ );
687
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
688
+ --db-informational-on-bg-basic-emphasis-80-default
689
+ );
690
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
691
+ --db-informational-on-bg-basic-emphasis-80-hovered
692
+ );
693
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
694
+ --db-informational-on-bg-basic-emphasis-80-pressed
695
+ );
696
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
697
+ --db-informational-on-bg-basic-emphasis-70-default
698
+ );
699
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
700
+ --db-informational-on-bg-basic-emphasis-70-hovered
701
+ );
702
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
703
+ --db-informational-on-bg-basic-emphasis-70-pressed
704
+ );
705
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
706
+ --db-informational-on-bg-basic-emphasis-60-default
707
+ );
708
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
709
+ --db-informational-on-bg-basic-emphasis-50-default
710
+ );
711
+ --db-adaptive-bg-inverted-contrast-max-default: var(
712
+ --db-informational-bg-inverted-contrast-max-default
713
+ );
714
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
715
+ --db-informational-bg-inverted-contrast-max-hovered
716
+ );
717
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
718
+ --db-informational-bg-inverted-contrast-max-pressed
719
+ );
720
+ --db-adaptive-bg-inverted-contrast-high-default: var(
721
+ --db-informational-bg-inverted-contrast-high-default
722
+ );
723
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
724
+ --db-informational-bg-inverted-contrast-high-hovered
725
+ );
726
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
727
+ --db-informational-bg-inverted-contrast-high-pressed
728
+ );
729
+ --db-adaptive-bg-inverted-contrast-low-default: var(
730
+ --db-informational-bg-inverted-contrast-low-default
731
+ );
732
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
733
+ --db-informational-bg-inverted-contrast-low-hovered
734
+ );
735
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
736
+ --db-informational-bg-inverted-contrast-low-pressed
737
+ );
738
+ --db-adaptive-on-bg-inverted-default: var(
739
+ --db-informational-on-bg-inverted-default
740
+ );
741
+ --db-adaptive-on-bg-inverted-hovered: var(
742
+ --db-informational-on-bg-inverted-hovered
743
+ );
744
+ --db-adaptive-on-bg-inverted-pressed: var(
745
+ --db-informational-on-bg-inverted-pressed
746
+ );
747
+ --db-adaptive-origin-default: var(--db-informational-origin-default);
748
+ --db-adaptive-origin-hovered: var(--db-informational-origin-hovered);
749
+ --db-adaptive-origin-pressed: var(--db-informational-origin-pressed);
750
+ --db-adaptive-on-origin-default: var(
751
+ --db-informational-on-origin-default
752
+ );
753
+ --db-adaptive-bg-vibrant-default: var(
754
+ --db-informational-bg-vibrant-default
755
+ );
756
+ --db-adaptive-bg-vibrant-hovered: var(
757
+ --db-informational-bg-vibrant-hovered
758
+ );
759
+ --db-adaptive-bg-vibrant-pressed: var(
760
+ --db-informational-bg-vibrant-pressed
761
+ );
762
+ --db-adaptive-on-bg-vibrant-default: var(
763
+ --db-informational-on-bg-vibrant-default
764
+ );
765
+ --db-adaptive-on-bg-vibrant-hovered: var(
766
+ --db-informational-on-bg-vibrant-hovered
767
+ );
768
+ --db-adaptive-on-bg-vibrant-pressed: var(
769
+ --db-informational-on-bg-vibrant-pressed
770
+ );
798
771
  }
799
772
 
800
- @layer variables {}
801
-
802
- @layer variables {}
803
-
804
- @layer variables {}
805
-
806
- @layer variables {}
807
-
808
- @layer variables {}
809
-
810
- @layer variables {}
811
-
812
- @layer variables {}
813
-
814
- @layer variables {}
815
-
816
- @layer variables {}
817
-
818
- @layer variables {}
819
-
820
- @layer variables {}
821
-
822
- @layer variables {}
823
-
824
- @layer variables {}
825
-
826
- @layer variables {}
827
-
828
- @layer variables {}
829
-
830
- @layer variables {}
831
-
832
- @layer variables {}
833
-
834
- @layer variables {}
835
-
836
- @layer variables {}
837
-
838
- @layer variables {}
839
-
840
- @layer variables {}
841
-
842
- @layer variables {}
843
-
844
- @layer variables {}
845
-
846
- @layer variables {}
847
-
848
- @layer variables {}
849
-
850
- @layer variables {}
851
-
852
- @layer variables {}
853
-
854
773
  .db-tag, .db-tag button,
855
774
  .db-tag a,
856
775
  .db-tag label {
857
776
  font: var(--db-type-body-sm);
858
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
859
- }
860
- @layer variables {
861
- .db-tag, .db-tag button,
862
- .db-tag a,
863
- .db-tag label {
864
- /* Those variables are only for components to calculate heights and change icons */
865
- --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
866
- --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
867
- }
777
+ /* Those variables are only for components to calculate heights and change icons */
778
+ --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
779
+ --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
868
780
  }
869
781
 
870
- @layer variables {}
871
-
872
- @layer variables {}
873
-
874
- @layer variables {}
875
-
876
- @layer variables {}
877
-
878
- @layer variables {}
879
-
880
- @layer variables {}
881
-
882
- @layer variables {}
883
-
884
- @layer variables {}
885
-
886
- @layer variables {}
887
-
888
- @layer variables {}
889
-
890
782
  .db-tag[data-show-check-state=true] label:not([data-show-icon-trailing=false])::after, .db-tag[data-show-check-state=true] label:has(input:checked):not([data-show-icon-trailing=false])::after {
891
783
  color: var(--db-icon-color, inherit);
892
784
  display: inline-block;
@@ -2135,14 +2027,9 @@
2135
2027
  }
2136
2028
  }
2137
2029
  .db-tag label::after {
2138
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
2139
- }
2140
- @layer variables {
2141
- .db-tag label::after {
2142
- /* Those variables are only for components to calculate heights and change icons */
2143
- --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
2144
- --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
2145
- }
2030
+ /* Those variables are only for components to calculate heights and change icons */
2031
+ --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
2032
+ --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
2146
2033
  }
2147
2034
  .db-tag label:has(input:checked) {
2148
2035
  border-width: var(--db-border-width-3xs);