@db-ux/core-components 4.5.4-tailwind-inline-5d37a00 → 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 +32 -15
  2. package/README.md +13 -22
  3. package/agent/Best-Practise_Common-AI-Mistakes.md +4 -0
  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 +1636 -1636
  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 +482 -482
  50. package/build/styles/relative.css +1636 -1636
  51. package/build/styles/relative.scss +2 -15
  52. package/build/styles/rollup.css +1636 -1636
  53. package/build/styles/rollup.scss +2 -4
  54. package/build/styles/visually-hidden.css +1 -1
  55. package/build/styles/webpack.css +1636 -1636
  56. package/build/styles/webpack.scss +2 -4
  57. package/package.json +4 -4
package/build/components/custom-select/custom-select.css CHANGED
@@ -19,498 +19,455 @@
19
19
  }
20
20
 
21
21
  .db-custom-select .db-tooltip {
22
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
23
- }
24
- @layer variables {
25
- .db-custom-select .db-tooltip {
26
- --db-adaptive-bg-basic-level-1-default: var(
27
- --db-neutral-bg-basic-level-1-default
28
- );
29
- --db-adaptive-bg-basic-level-1-hovered: var(
30
- --db-neutral-bg-basic-level-1-hovered
31
- );
32
- --db-adaptive-bg-basic-level-1-pressed: var(
33
- --db-neutral-bg-basic-level-1-pressed
34
- );
35
- --db-adaptive-bg-basic-level-2-default: var(
36
- --db-neutral-bg-basic-level-2-default
37
- );
38
- --db-adaptive-bg-basic-level-2-hovered: var(
39
- --db-neutral-bg-basic-level-2-hovered
40
- );
41
- --db-adaptive-bg-basic-level-2-pressed: var(
42
- --db-neutral-bg-basic-level-2-pressed
43
- );
44
- --db-adaptive-bg-basic-level-3-default: var(
45
- --db-neutral-bg-basic-level-3-default
46
- );
47
- --db-adaptive-bg-basic-level-3-hovered: var(
48
- --db-neutral-bg-basic-level-3-hovered
49
- );
50
- --db-adaptive-bg-basic-level-3-pressed: var(
51
- --db-neutral-bg-basic-level-3-pressed
52
- );
53
- --db-adaptive-bg-basic-transparent-full-default: var(
54
- --db-neutral-bg-basic-transparent-full-default
55
- );
56
- --db-adaptive-bg-basic-transparent-semi-default: var(
57
- --db-neutral-bg-basic-transparent-semi-default
58
- );
59
- --db-adaptive-bg-basic-transparent-full-hovered: var(
60
- --db-neutral-bg-basic-transparent-full-hovered
61
- );
62
- --db-adaptive-bg-basic-transparent-full-pressed: var(
63
- --db-neutral-bg-basic-transparent-full-pressed
64
- );
65
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
66
- --db-neutral-bg-basic-transparent-semi-hovered
67
- );
68
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
69
- --db-neutral-bg-basic-transparent-semi-pressed
70
- );
71
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
72
- --db-neutral-on-bg-basic-emphasis-100-default
73
- );
74
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
75
- --db-neutral-on-bg-basic-emphasis-100-hovered
76
- );
77
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
78
- --db-neutral-on-bg-basic-emphasis-100-pressed
79
- );
80
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
81
- --db-neutral-on-bg-basic-emphasis-90-default
82
- );
83
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
84
- --db-neutral-on-bg-basic-emphasis-90-hovered
85
- );
86
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
87
- --db-neutral-on-bg-basic-emphasis-90-pressed
88
- );
89
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
90
- --db-neutral-on-bg-basic-emphasis-80-default
91
- );
92
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
93
- --db-neutral-on-bg-basic-emphasis-80-hovered
94
- );
95
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
96
- --db-neutral-on-bg-basic-emphasis-80-pressed
97
- );
98
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
99
- --db-neutral-on-bg-basic-emphasis-70-default
100
- );
101
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
102
- --db-neutral-on-bg-basic-emphasis-70-hovered
103
- );
104
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
105
- --db-neutral-on-bg-basic-emphasis-70-pressed
106
- );
107
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
108
- --db-neutral-on-bg-basic-emphasis-60-default
109
- );
110
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
111
- --db-neutral-on-bg-basic-emphasis-50-default
112
- );
113
- --db-adaptive-bg-inverted-contrast-max-default: var(
114
- --db-neutral-bg-inverted-contrast-max-default
115
- );
116
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
117
- --db-neutral-bg-inverted-contrast-max-hovered
118
- );
119
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
120
- --db-neutral-bg-inverted-contrast-max-pressed
121
- );
122
- --db-adaptive-bg-inverted-contrast-high-default: var(
123
- --db-neutral-bg-inverted-contrast-high-default
124
- );
125
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
126
- --db-neutral-bg-inverted-contrast-high-hovered
127
- );
128
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
129
- --db-neutral-bg-inverted-contrast-high-pressed
130
- );
131
- --db-adaptive-bg-inverted-contrast-low-default: var(
132
- --db-neutral-bg-inverted-contrast-low-default
133
- );
134
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
135
- --db-neutral-bg-inverted-contrast-low-hovered
136
- );
137
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
138
- --db-neutral-bg-inverted-contrast-low-pressed
139
- );
140
- --db-adaptive-on-bg-inverted-default: var(
141
- --db-neutral-on-bg-inverted-default
142
- );
143
- --db-adaptive-on-bg-inverted-hovered: var(
144
- --db-neutral-on-bg-inverted-hovered
145
- );
146
- --db-adaptive-on-bg-inverted-pressed: var(
147
- --db-neutral-on-bg-inverted-pressed
148
- );
149
- --db-adaptive-origin-default: var(--db-neutral-origin-default);
150
- --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
151
- --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
152
- --db-adaptive-on-origin-default: var(
153
- --db-neutral-on-origin-default
154
- );
155
- --db-adaptive-bg-vibrant-default: var(
156
- --db-neutral-bg-vibrant-default
157
- );
158
- --db-adaptive-bg-vibrant-hovered: var(
159
- --db-neutral-bg-vibrant-hovered
160
- );
161
- --db-adaptive-bg-vibrant-pressed: var(
162
- --db-neutral-bg-vibrant-pressed
163
- );
164
- --db-adaptive-on-bg-vibrant-default: var(
165
- --db-neutral-on-bg-vibrant-default
166
- );
167
- --db-adaptive-on-bg-vibrant-hovered: var(
168
- --db-neutral-on-bg-vibrant-hovered
169
- );
170
- --db-adaptive-on-bg-vibrant-pressed: var(
171
- --db-neutral-on-bg-vibrant-pressed
172
- );
173
- }
22
+ --db-adaptive-bg-basic-level-1-default: var(
23
+ --db-neutral-bg-basic-level-1-default
24
+ );
25
+ --db-adaptive-bg-basic-level-1-hovered: var(
26
+ --db-neutral-bg-basic-level-1-hovered
27
+ );
28
+ --db-adaptive-bg-basic-level-1-pressed: var(
29
+ --db-neutral-bg-basic-level-1-pressed
30
+ );
31
+ --db-adaptive-bg-basic-level-2-default: var(
32
+ --db-neutral-bg-basic-level-2-default
33
+ );
34
+ --db-adaptive-bg-basic-level-2-hovered: var(
35
+ --db-neutral-bg-basic-level-2-hovered
36
+ );
37
+ --db-adaptive-bg-basic-level-2-pressed: var(
38
+ --db-neutral-bg-basic-level-2-pressed
39
+ );
40
+ --db-adaptive-bg-basic-level-3-default: var(
41
+ --db-neutral-bg-basic-level-3-default
42
+ );
43
+ --db-adaptive-bg-basic-level-3-hovered: var(
44
+ --db-neutral-bg-basic-level-3-hovered
45
+ );
46
+ --db-adaptive-bg-basic-level-3-pressed: var(
47
+ --db-neutral-bg-basic-level-3-pressed
48
+ );
49
+ --db-adaptive-bg-basic-transparent-full-default: var(
50
+ --db-neutral-bg-basic-transparent-full-default
51
+ );
52
+ --db-adaptive-bg-basic-transparent-semi-default: var(
53
+ --db-neutral-bg-basic-transparent-semi-default
54
+ );
55
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
56
+ --db-neutral-bg-basic-transparent-full-hovered
57
+ );
58
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
59
+ --db-neutral-bg-basic-transparent-full-pressed
60
+ );
61
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
62
+ --db-neutral-bg-basic-transparent-semi-hovered
63
+ );
64
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
65
+ --db-neutral-bg-basic-transparent-semi-pressed
66
+ );
67
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
68
+ --db-neutral-on-bg-basic-emphasis-100-default
69
+ );
70
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
71
+ --db-neutral-on-bg-basic-emphasis-100-hovered
72
+ );
73
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
74
+ --db-neutral-on-bg-basic-emphasis-100-pressed
75
+ );
76
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
77
+ --db-neutral-on-bg-basic-emphasis-90-default
78
+ );
79
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
80
+ --db-neutral-on-bg-basic-emphasis-90-hovered
81
+ );
82
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
83
+ --db-neutral-on-bg-basic-emphasis-90-pressed
84
+ );
85
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
86
+ --db-neutral-on-bg-basic-emphasis-80-default
87
+ );
88
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
89
+ --db-neutral-on-bg-basic-emphasis-80-hovered
90
+ );
91
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
92
+ --db-neutral-on-bg-basic-emphasis-80-pressed
93
+ );
94
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
95
+ --db-neutral-on-bg-basic-emphasis-70-default
96
+ );
97
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
98
+ --db-neutral-on-bg-basic-emphasis-70-hovered
99
+ );
100
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
101
+ --db-neutral-on-bg-basic-emphasis-70-pressed
102
+ );
103
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
104
+ --db-neutral-on-bg-basic-emphasis-60-default
105
+ );
106
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
107
+ --db-neutral-on-bg-basic-emphasis-50-default
108
+ );
109
+ --db-adaptive-bg-inverted-contrast-max-default: var(
110
+ --db-neutral-bg-inverted-contrast-max-default
111
+ );
112
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
113
+ --db-neutral-bg-inverted-contrast-max-hovered
114
+ );
115
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
116
+ --db-neutral-bg-inverted-contrast-max-pressed
117
+ );
118
+ --db-adaptive-bg-inverted-contrast-high-default: var(
119
+ --db-neutral-bg-inverted-contrast-high-default
120
+ );
121
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
122
+ --db-neutral-bg-inverted-contrast-high-hovered
123
+ );
124
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
125
+ --db-neutral-bg-inverted-contrast-high-pressed
126
+ );
127
+ --db-adaptive-bg-inverted-contrast-low-default: var(
128
+ --db-neutral-bg-inverted-contrast-low-default
129
+ );
130
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
131
+ --db-neutral-bg-inverted-contrast-low-hovered
132
+ );
133
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
134
+ --db-neutral-bg-inverted-contrast-low-pressed
135
+ );
136
+ --db-adaptive-on-bg-inverted-default: var(
137
+ --db-neutral-on-bg-inverted-default
138
+ );
139
+ --db-adaptive-on-bg-inverted-hovered: var(
140
+ --db-neutral-on-bg-inverted-hovered
141
+ );
142
+ --db-adaptive-on-bg-inverted-pressed: var(
143
+ --db-neutral-on-bg-inverted-pressed
144
+ );
145
+ --db-adaptive-origin-default: var(--db-neutral-origin-default);
146
+ --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
147
+ --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
148
+ --db-adaptive-on-origin-default: var(
149
+ --db-neutral-on-origin-default
150
+ );
151
+ --db-adaptive-bg-vibrant-default: var(
152
+ --db-neutral-bg-vibrant-default
153
+ );
154
+ --db-adaptive-bg-vibrant-hovered: var(
155
+ --db-neutral-bg-vibrant-hovered
156
+ );
157
+ --db-adaptive-bg-vibrant-pressed: var(
158
+ --db-neutral-bg-vibrant-pressed
159
+ );
160
+ --db-adaptive-on-bg-vibrant-default: var(
161
+ --db-neutral-on-bg-vibrant-default
162
+ );
163
+ --db-adaptive-on-bg-vibrant-hovered: var(
164
+ --db-neutral-on-bg-vibrant-hovered
165
+ );
166
+ --db-adaptive-on-bg-vibrant-pressed: var(
167
+ --db-neutral-on-bg-vibrant-pressed
168
+ );
174
169
  }
175
170
 
176
- @layer variables {}
177
-
178
171
  .db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid), .db-custom-select:has(select[data-custom-validity=invalid]), .db-custom-select[data-custom-validity=invalid] {
179
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
180
- }
181
- @layer variables {
182
- .db-custom-select:has(select:not([data-custom-validity]):is(:required):user-invalid), .db-custom-select:has(select[data-custom-validity=invalid]), .db-custom-select[data-custom-validity=invalid] {
183
- --db-adaptive-bg-basic-level-1-default: var(
184
- --db-critical-bg-basic-level-1-default
185
- );
186
- --db-adaptive-bg-basic-level-1-hovered: var(
187
- --db-critical-bg-basic-level-1-hovered
188
- );
189
- --db-adaptive-bg-basic-level-1-pressed: var(
190
- --db-critical-bg-basic-level-1-pressed
191
- );
192
- --db-adaptive-bg-basic-level-2-default: var(
193
- --db-critical-bg-basic-level-2-default
194
- );
195
- --db-adaptive-bg-basic-level-2-hovered: var(
196
- --db-critical-bg-basic-level-2-hovered
197
- );
198
- --db-adaptive-bg-basic-level-2-pressed: var(
199
- --db-critical-bg-basic-level-2-pressed
200
- );
201
- --db-adaptive-bg-basic-level-3-default: var(
202
- --db-critical-bg-basic-level-3-default
203
- );
204
- --db-adaptive-bg-basic-level-3-hovered: var(
205
- --db-critical-bg-basic-level-3-hovered
206
- );
207
- --db-adaptive-bg-basic-level-3-pressed: var(
208
- --db-critical-bg-basic-level-3-pressed
209
- );
210
- --db-adaptive-bg-basic-transparent-full-default: var(
211
- --db-critical-bg-basic-transparent-full-default
212
- );
213
- --db-adaptive-bg-basic-transparent-semi-default: var(
214
- --db-critical-bg-basic-transparent-semi-default
215
- );
216
- --db-adaptive-bg-basic-transparent-full-hovered: var(
217
- --db-critical-bg-basic-transparent-full-hovered
218
- );
219
- --db-adaptive-bg-basic-transparent-full-pressed: var(
220
- --db-critical-bg-basic-transparent-full-pressed
221
- );
222
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
223
- --db-critical-bg-basic-transparent-semi-hovered
224
- );
225
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
226
- --db-critical-bg-basic-transparent-semi-pressed
227
- );
228
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
229
- --db-critical-on-bg-basic-emphasis-100-default
230
- );
231
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
232
- --db-critical-on-bg-basic-emphasis-100-hovered
233
- );
234
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
235
- --db-critical-on-bg-basic-emphasis-100-pressed
236
- );
237
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
238
- --db-critical-on-bg-basic-emphasis-90-default
239
- );
240
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
241
- --db-critical-on-bg-basic-emphasis-90-hovered
242
- );
243
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
244
- --db-critical-on-bg-basic-emphasis-90-pressed
245
- );
246
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
247
- --db-critical-on-bg-basic-emphasis-80-default
248
- );
249
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
250
- --db-critical-on-bg-basic-emphasis-80-hovered
251
- );
252
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
253
- --db-critical-on-bg-basic-emphasis-80-pressed
254
- );
255
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
256
- --db-critical-on-bg-basic-emphasis-70-default
257
- );
258
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
259
- --db-critical-on-bg-basic-emphasis-70-hovered
260
- );
261
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
262
- --db-critical-on-bg-basic-emphasis-70-pressed
263
- );
264
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
265
- --db-critical-on-bg-basic-emphasis-60-default
266
- );
267
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
268
- --db-critical-on-bg-basic-emphasis-50-default
269
- );
270
- --db-adaptive-bg-inverted-contrast-max-default: var(
271
- --db-critical-bg-inverted-contrast-max-default
272
- );
273
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
274
- --db-critical-bg-inverted-contrast-max-hovered
275
- );
276
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
277
- --db-critical-bg-inverted-contrast-max-pressed
278
- );
279
- --db-adaptive-bg-inverted-contrast-high-default: var(
280
- --db-critical-bg-inverted-contrast-high-default
281
- );
282
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
283
- --db-critical-bg-inverted-contrast-high-hovered
284
- );
285
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
286
- --db-critical-bg-inverted-contrast-high-pressed
287
- );
288
- --db-adaptive-bg-inverted-contrast-low-default: var(
289
- --db-critical-bg-inverted-contrast-low-default
290
- );
291
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
292
- --db-critical-bg-inverted-contrast-low-hovered
293
- );
294
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
295
- --db-critical-bg-inverted-contrast-low-pressed
296
- );
297
- --db-adaptive-on-bg-inverted-default: var(
298
- --db-critical-on-bg-inverted-default
299
- );
300
- --db-adaptive-on-bg-inverted-hovered: var(
301
- --db-critical-on-bg-inverted-hovered
302
- );
303
- --db-adaptive-on-bg-inverted-pressed: var(
304
- --db-critical-on-bg-inverted-pressed
305
- );
306
- --db-adaptive-origin-default: var(--db-critical-origin-default);
307
- --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
308
- --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
309
- --db-adaptive-on-origin-default: var(
310
- --db-critical-on-origin-default
311
- );
312
- --db-adaptive-bg-vibrant-default: var(
313
- --db-critical-bg-vibrant-default
314
- );
315
- --db-adaptive-bg-vibrant-hovered: var(
316
- --db-critical-bg-vibrant-hovered
317
- );
318
- --db-adaptive-bg-vibrant-pressed: var(
319
- --db-critical-bg-vibrant-pressed
320
- );
321
- --db-adaptive-on-bg-vibrant-default: var(
322
- --db-critical-on-bg-vibrant-default
323
- );
324
- --db-adaptive-on-bg-vibrant-hovered: var(
325
- --db-critical-on-bg-vibrant-hovered
326
- );
327
- --db-adaptive-on-bg-vibrant-pressed: var(
328
- --db-critical-on-bg-vibrant-pressed
329
- );
330
- }
172
+ --db-adaptive-bg-basic-level-1-default: var(
173
+ --db-critical-bg-basic-level-1-default
174
+ );
175
+ --db-adaptive-bg-basic-level-1-hovered: var(
176
+ --db-critical-bg-basic-level-1-hovered
177
+ );
178
+ --db-adaptive-bg-basic-level-1-pressed: var(
179
+ --db-critical-bg-basic-level-1-pressed
180
+ );
181
+ --db-adaptive-bg-basic-level-2-default: var(
182
+ --db-critical-bg-basic-level-2-default
183
+ );
184
+ --db-adaptive-bg-basic-level-2-hovered: var(
185
+ --db-critical-bg-basic-level-2-hovered
186
+ );
187
+ --db-adaptive-bg-basic-level-2-pressed: var(
188
+ --db-critical-bg-basic-level-2-pressed
189
+ );
190
+ --db-adaptive-bg-basic-level-3-default: var(
191
+ --db-critical-bg-basic-level-3-default
192
+ );
193
+ --db-adaptive-bg-basic-level-3-hovered: var(
194
+ --db-critical-bg-basic-level-3-hovered
195
+ );
196
+ --db-adaptive-bg-basic-level-3-pressed: var(
197
+ --db-critical-bg-basic-level-3-pressed
198
+ );
199
+ --db-adaptive-bg-basic-transparent-full-default: var(
200
+ --db-critical-bg-basic-transparent-full-default
201
+ );
202
+ --db-adaptive-bg-basic-transparent-semi-default: var(
203
+ --db-critical-bg-basic-transparent-semi-default
204
+ );
205
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
206
+ --db-critical-bg-basic-transparent-full-hovered
207
+ );
208
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
209
+ --db-critical-bg-basic-transparent-full-pressed
210
+ );
211
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
212
+ --db-critical-bg-basic-transparent-semi-hovered
213
+ );
214
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
215
+ --db-critical-bg-basic-transparent-semi-pressed
216
+ );
217
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
218
+ --db-critical-on-bg-basic-emphasis-100-default
219
+ );
220
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
221
+ --db-critical-on-bg-basic-emphasis-100-hovered
222
+ );
223
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
224
+ --db-critical-on-bg-basic-emphasis-100-pressed
225
+ );
226
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
227
+ --db-critical-on-bg-basic-emphasis-90-default
228
+ );
229
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
230
+ --db-critical-on-bg-basic-emphasis-90-hovered
231
+ );
232
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
233
+ --db-critical-on-bg-basic-emphasis-90-pressed
234
+ );
235
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
236
+ --db-critical-on-bg-basic-emphasis-80-default
237
+ );
238
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
239
+ --db-critical-on-bg-basic-emphasis-80-hovered
240
+ );
241
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
242
+ --db-critical-on-bg-basic-emphasis-80-pressed
243
+ );
244
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
245
+ --db-critical-on-bg-basic-emphasis-70-default
246
+ );
247
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
248
+ --db-critical-on-bg-basic-emphasis-70-hovered
249
+ );
250
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
251
+ --db-critical-on-bg-basic-emphasis-70-pressed
252
+ );
253
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
254
+ --db-critical-on-bg-basic-emphasis-60-default
255
+ );
256
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
257
+ --db-critical-on-bg-basic-emphasis-50-default
258
+ );
259
+ --db-adaptive-bg-inverted-contrast-max-default: var(
260
+ --db-critical-bg-inverted-contrast-max-default
261
+ );
262
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
263
+ --db-critical-bg-inverted-contrast-max-hovered
264
+ );
265
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
266
+ --db-critical-bg-inverted-contrast-max-pressed
267
+ );
268
+ --db-adaptive-bg-inverted-contrast-high-default: var(
269
+ --db-critical-bg-inverted-contrast-high-default
270
+ );
271
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
272
+ --db-critical-bg-inverted-contrast-high-hovered
273
+ );
274
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
275
+ --db-critical-bg-inverted-contrast-high-pressed
276
+ );
277
+ --db-adaptive-bg-inverted-contrast-low-default: var(
278
+ --db-critical-bg-inverted-contrast-low-default
279
+ );
280
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
281
+ --db-critical-bg-inverted-contrast-low-hovered
282
+ );
283
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
284
+ --db-critical-bg-inverted-contrast-low-pressed
285
+ );
286
+ --db-adaptive-on-bg-inverted-default: var(
287
+ --db-critical-on-bg-inverted-default
288
+ );
289
+ --db-adaptive-on-bg-inverted-hovered: var(
290
+ --db-critical-on-bg-inverted-hovered
291
+ );
292
+ --db-adaptive-on-bg-inverted-pressed: var(
293
+ --db-critical-on-bg-inverted-pressed
294
+ );
295
+ --db-adaptive-origin-default: var(--db-critical-origin-default);
296
+ --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
297
+ --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
298
+ --db-adaptive-on-origin-default: var(
299
+ --db-critical-on-origin-default
300
+ );
301
+ --db-adaptive-bg-vibrant-default: var(
302
+ --db-critical-bg-vibrant-default
303
+ );
304
+ --db-adaptive-bg-vibrant-hovered: var(
305
+ --db-critical-bg-vibrant-hovered
306
+ );
307
+ --db-adaptive-bg-vibrant-pressed: var(
308
+ --db-critical-bg-vibrant-pressed
309
+ );
310
+ --db-adaptive-on-bg-vibrant-default: var(
311
+ --db-critical-on-bg-vibrant-default
312
+ );
313
+ --db-adaptive-on-bg-vibrant-hovered: var(
314
+ --db-critical-on-bg-vibrant-hovered
315
+ );
316
+ --db-adaptive-on-bg-vibrant-pressed: var(
317
+ --db-critical-on-bg-vibrant-pressed
318
+ );
331
319
  }
332
320
 
333
321
  .db-custom-select:has(select:not([data-custom-validity]):is(:required):user-valid), .db-custom-select:has(select[data-custom-validity=valid]), .db-custom-select[data-custom-validity=valid] {
334
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
335
- }
336
- @layer variables {
337
- .db-custom-select:has(select:not([data-custom-validity]):is(:required):user-valid), .db-custom-select:has(select[data-custom-validity=valid]), .db-custom-select[data-custom-validity=valid] {
338
- --db-adaptive-bg-basic-level-1-default: var(
339
- --db-successful-bg-basic-level-1-default
340
- );
341
- --db-adaptive-bg-basic-level-1-hovered: var(
342
- --db-successful-bg-basic-level-1-hovered
343
- );
344
- --db-adaptive-bg-basic-level-1-pressed: var(
345
- --db-successful-bg-basic-level-1-pressed
346
- );
347
- --db-adaptive-bg-basic-level-2-default: var(
348
- --db-successful-bg-basic-level-2-default
349
- );
350
- --db-adaptive-bg-basic-level-2-hovered: var(
351
- --db-successful-bg-basic-level-2-hovered
352
- );
353
- --db-adaptive-bg-basic-level-2-pressed: var(
354
- --db-successful-bg-basic-level-2-pressed
355
- );
356
- --db-adaptive-bg-basic-level-3-default: var(
357
- --db-successful-bg-basic-level-3-default
358
- );
359
- --db-adaptive-bg-basic-level-3-hovered: var(
360
- --db-successful-bg-basic-level-3-hovered
361
- );
362
- --db-adaptive-bg-basic-level-3-pressed: var(
363
- --db-successful-bg-basic-level-3-pressed
364
- );
365
- --db-adaptive-bg-basic-transparent-full-default: var(
366
- --db-successful-bg-basic-transparent-full-default
367
- );
368
- --db-adaptive-bg-basic-transparent-semi-default: var(
369
- --db-successful-bg-basic-transparent-semi-default
370
- );
371
- --db-adaptive-bg-basic-transparent-full-hovered: var(
372
- --db-successful-bg-basic-transparent-full-hovered
373
- );
374
- --db-adaptive-bg-basic-transparent-full-pressed: var(
375
- --db-successful-bg-basic-transparent-full-pressed
376
- );
377
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
378
- --db-successful-bg-basic-transparent-semi-hovered
379
- );
380
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
381
- --db-successful-bg-basic-transparent-semi-pressed
382
- );
383
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
384
- --db-successful-on-bg-basic-emphasis-100-default
385
- );
386
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
387
- --db-successful-on-bg-basic-emphasis-100-hovered
388
- );
389
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
390
- --db-successful-on-bg-basic-emphasis-100-pressed
391
- );
392
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
393
- --db-successful-on-bg-basic-emphasis-90-default
394
- );
395
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
396
- --db-successful-on-bg-basic-emphasis-90-hovered
397
- );
398
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
399
- --db-successful-on-bg-basic-emphasis-90-pressed
400
- );
401
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
402
- --db-successful-on-bg-basic-emphasis-80-default
403
- );
404
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
405
- --db-successful-on-bg-basic-emphasis-80-hovered
406
- );
407
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
408
- --db-successful-on-bg-basic-emphasis-80-pressed
409
- );
410
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
411
- --db-successful-on-bg-basic-emphasis-70-default
412
- );
413
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
414
- --db-successful-on-bg-basic-emphasis-70-hovered
415
- );
416
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
417
- --db-successful-on-bg-basic-emphasis-70-pressed
418
- );
419
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
420
- --db-successful-on-bg-basic-emphasis-60-default
421
- );
422
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
423
- --db-successful-on-bg-basic-emphasis-50-default
424
- );
425
- --db-adaptive-bg-inverted-contrast-max-default: var(
426
- --db-successful-bg-inverted-contrast-max-default
427
- );
428
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
429
- --db-successful-bg-inverted-contrast-max-hovered
430
- );
431
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
432
- --db-successful-bg-inverted-contrast-max-pressed
433
- );
434
- --db-adaptive-bg-inverted-contrast-high-default: var(
435
- --db-successful-bg-inverted-contrast-high-default
436
- );
437
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
438
- --db-successful-bg-inverted-contrast-high-hovered
439
- );
440
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
441
- --db-successful-bg-inverted-contrast-high-pressed
442
- );
443
- --db-adaptive-bg-inverted-contrast-low-default: var(
444
- --db-successful-bg-inverted-contrast-low-default
445
- );
446
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
447
- --db-successful-bg-inverted-contrast-low-hovered
448
- );
449
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
450
- --db-successful-bg-inverted-contrast-low-pressed
451
- );
452
- --db-adaptive-on-bg-inverted-default: var(
453
- --db-successful-on-bg-inverted-default
454
- );
455
- --db-adaptive-on-bg-inverted-hovered: var(
456
- --db-successful-on-bg-inverted-hovered
457
- );
458
- --db-adaptive-on-bg-inverted-pressed: var(
459
- --db-successful-on-bg-inverted-pressed
460
- );
461
- --db-adaptive-origin-default: var(--db-successful-origin-default);
462
- --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
463
- --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
464
- --db-adaptive-on-origin-default: var(
465
- --db-successful-on-origin-default
466
- );
467
- --db-adaptive-bg-vibrant-default: var(
468
- --db-successful-bg-vibrant-default
469
- );
470
- --db-adaptive-bg-vibrant-hovered: var(
471
- --db-successful-bg-vibrant-hovered
472
- );
473
- --db-adaptive-bg-vibrant-pressed: var(
474
- --db-successful-bg-vibrant-pressed
475
- );
476
- --db-adaptive-on-bg-vibrant-default: var(
477
- --db-successful-on-bg-vibrant-default
478
- );
479
- --db-adaptive-on-bg-vibrant-hovered: var(
480
- --db-successful-on-bg-vibrant-hovered
481
- );
482
- --db-adaptive-on-bg-vibrant-pressed: var(
483
- --db-successful-on-bg-vibrant-pressed
484
- );
485
- }
322
+ --db-adaptive-bg-basic-level-1-default: var(
323
+ --db-successful-bg-basic-level-1-default
324
+ );
325
+ --db-adaptive-bg-basic-level-1-hovered: var(
326
+ --db-successful-bg-basic-level-1-hovered
327
+ );
328
+ --db-adaptive-bg-basic-level-1-pressed: var(
329
+ --db-successful-bg-basic-level-1-pressed
330
+ );
331
+ --db-adaptive-bg-basic-level-2-default: var(
332
+ --db-successful-bg-basic-level-2-default
333
+ );
334
+ --db-adaptive-bg-basic-level-2-hovered: var(
335
+ --db-successful-bg-basic-level-2-hovered
336
+ );
337
+ --db-adaptive-bg-basic-level-2-pressed: var(
338
+ --db-successful-bg-basic-level-2-pressed
339
+ );
340
+ --db-adaptive-bg-basic-level-3-default: var(
341
+ --db-successful-bg-basic-level-3-default
342
+ );
343
+ --db-adaptive-bg-basic-level-3-hovered: var(
344
+ --db-successful-bg-basic-level-3-hovered
345
+ );
346
+ --db-adaptive-bg-basic-level-3-pressed: var(
347
+ --db-successful-bg-basic-level-3-pressed
348
+ );
349
+ --db-adaptive-bg-basic-transparent-full-default: var(
350
+ --db-successful-bg-basic-transparent-full-default
351
+ );
352
+ --db-adaptive-bg-basic-transparent-semi-default: var(
353
+ --db-successful-bg-basic-transparent-semi-default
354
+ );
355
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
356
+ --db-successful-bg-basic-transparent-full-hovered
357
+ );
358
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
359
+ --db-successful-bg-basic-transparent-full-pressed
360
+ );
361
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
362
+ --db-successful-bg-basic-transparent-semi-hovered
363
+ );
364
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
365
+ --db-successful-bg-basic-transparent-semi-pressed
366
+ );
367
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
368
+ --db-successful-on-bg-basic-emphasis-100-default
369
+ );
370
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
371
+ --db-successful-on-bg-basic-emphasis-100-hovered
372
+ );
373
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
374
+ --db-successful-on-bg-basic-emphasis-100-pressed
375
+ );
376
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
377
+ --db-successful-on-bg-basic-emphasis-90-default
378
+ );
379
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
380
+ --db-successful-on-bg-basic-emphasis-90-hovered
381
+ );
382
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
383
+ --db-successful-on-bg-basic-emphasis-90-pressed
384
+ );
385
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
386
+ --db-successful-on-bg-basic-emphasis-80-default
387
+ );
388
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
389
+ --db-successful-on-bg-basic-emphasis-80-hovered
390
+ );
391
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
392
+ --db-successful-on-bg-basic-emphasis-80-pressed
393
+ );
394
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
395
+ --db-successful-on-bg-basic-emphasis-70-default
396
+ );
397
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
398
+ --db-successful-on-bg-basic-emphasis-70-hovered
399
+ );
400
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
401
+ --db-successful-on-bg-basic-emphasis-70-pressed
402
+ );
403
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
404
+ --db-successful-on-bg-basic-emphasis-60-default
405
+ );
406
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
407
+ --db-successful-on-bg-basic-emphasis-50-default
408
+ );
409
+ --db-adaptive-bg-inverted-contrast-max-default: var(
410
+ --db-successful-bg-inverted-contrast-max-default
411
+ );
412
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
413
+ --db-successful-bg-inverted-contrast-max-hovered
414
+ );
415
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
416
+ --db-successful-bg-inverted-contrast-max-pressed
417
+ );
418
+ --db-adaptive-bg-inverted-contrast-high-default: var(
419
+ --db-successful-bg-inverted-contrast-high-default
420
+ );
421
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
422
+ --db-successful-bg-inverted-contrast-high-hovered
423
+ );
424
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
425
+ --db-successful-bg-inverted-contrast-high-pressed
426
+ );
427
+ --db-adaptive-bg-inverted-contrast-low-default: var(
428
+ --db-successful-bg-inverted-contrast-low-default
429
+ );
430
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
431
+ --db-successful-bg-inverted-contrast-low-hovered
432
+ );
433
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
434
+ --db-successful-bg-inverted-contrast-low-pressed
435
+ );
436
+ --db-adaptive-on-bg-inverted-default: var(
437
+ --db-successful-on-bg-inverted-default
438
+ );
439
+ --db-adaptive-on-bg-inverted-hovered: var(
440
+ --db-successful-on-bg-inverted-hovered
441
+ );
442
+ --db-adaptive-on-bg-inverted-pressed: var(
443
+ --db-successful-on-bg-inverted-pressed
444
+ );
445
+ --db-adaptive-origin-default: var(--db-successful-origin-default);
446
+ --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
447
+ --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
448
+ --db-adaptive-on-origin-default: var(
449
+ --db-successful-on-origin-default
450
+ );
451
+ --db-adaptive-bg-vibrant-default: var(
452
+ --db-successful-bg-vibrant-default
453
+ );
454
+ --db-adaptive-bg-vibrant-hovered: var(
455
+ --db-successful-bg-vibrant-hovered
456
+ );
457
+ --db-adaptive-bg-vibrant-pressed: var(
458
+ --db-successful-bg-vibrant-pressed
459
+ );
460
+ --db-adaptive-on-bg-vibrant-default: var(
461
+ --db-successful-on-bg-vibrant-default
462
+ );
463
+ --db-adaptive-on-bg-vibrant-hovered: var(
464
+ --db-successful-on-bg-vibrant-hovered
465
+ );
466
+ --db-adaptive-on-bg-vibrant-pressed: var(
467
+ --db-successful-on-bg-vibrant-pressed
468
+ );
486
469
  }
487
470
 
488
- @layer variables {}
489
-
490
- @layer variables {}
491
-
492
- @layer variables {}
493
-
494
- @layer variables {}
495
-
496
- @layer variables {}
497
-
498
- @layer variables {}
499
-
500
- @layer variables {}
501
-
502
- @layer variables {}
503
-
504
- @layer variables {}
505
-
506
- @layer variables {}
507
-
508
- @layer variables {}
509
-
510
- @layer variables {}
511
-
512
- @layer variables {}
513
-
514
471
  .db-custom-select:not([data-show-icon-trailing=false])::after {
515
472
  color: var(--db-icon-color, inherit);
516
473
  display: inline-block;
@@ -552,108 +509,38 @@
552
509
  }
553
510
  }
554
511
 
555
- @layer variables {}
556
-
557
- @layer variables {}
558
-
559
- @layer variables {}
560
-
561
- @layer variables {}
562
-
563
- @layer variables {}
564
-
565
- @layer variables {}
566
-
567
- @layer variables {}
568
-
569
- @layer variables {}
570
-
571
- @layer variables {}
572
-
573
- @layer variables {}
574
-
575
- @layer variables {}
576
-
577
- @layer variables {}
578
-
579
- @layer variables {}
580
-
581
512
  .db-custom-select[data-variant=floating] > label, .db-custom-select summary, .db-custom-select [id$=-placeholder] {
582
513
  font: var(--db-type-body-md);
583
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
584
- }
585
- @layer variables {
586
- .db-custom-select[data-variant=floating] > label, .db-custom-select summary, .db-custom-select [id$=-placeholder] {
587
- /* Those variables are only for components to calculate heights and change icons */
588
- --db-icon-font-weight: var(--db-base-body-icon-weight-md);
589
- --db-icon-font-size: var(--db-base-body-icon-font-size-md);
590
- }
514
+ /* Those variables are only for components to calculate heights and change icons */
515
+ --db-icon-font-weight: var(--db-base-body-icon-weight-md);
516
+ --db-icon-font-size: var(--db-base-body-icon-font-size-md);
591
517
  }
592
518
 
593
- @layer variables {}
594
-
595
- @layer variables {}
596
-
597
519
  .db-custom-select, .db-custom-select[data-variant=floating] [id$=-placeholder], .db-custom-select[data-variant=floating] summary {
598
520
  font: var(--db-type-body-sm);
599
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
600
- }
601
- @layer variables {
602
- .db-custom-select, .db-custom-select[data-variant=floating] [id$=-placeholder], .db-custom-select[data-variant=floating] summary {
603
- /* Those variables are only for components to calculate heights and change icons */
604
- --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
605
- --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
606
- }
521
+ /* Those variables are only for components to calculate heights and change icons */
522
+ --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
523
+ --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
607
524
  }
608
525
 
609
- @layer variables {}
610
-
611
- @layer variables {}
612
-
613
526
  .db-custom-select > label {
614
527
  font: var(--db-type-body-xs);
615
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
616
- }
617
- @layer variables {
618
- .db-custom-select > label {
619
- /* Those variables are only for components to calculate heights and change icons */
620
- --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
621
- --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
622
- }
528
+ /* Those variables are only for components to calculate heights and change icons */
529
+ --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
530
+ --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
623
531
  }
624
532
 
625
- @layer variables {}
626
-
627
- @layer variables {}
628
-
629
533
  .db-custom-select[data-variant=floating]:has(:focus-within,
630
534
  summary:is(input, textarea):not(:placeholder-shown),
631
535
  > select option:checked:not(.placeholder),
632
536
  input[type=checkbox]:checked,
633
537
  input[type=radio]:checked) > label {
634
538
  font: var(--db-type-body-2xs);
635
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
636
- }
637
- @layer variables {
638
- .db-custom-select[data-variant=floating]:has(:focus-within,
639
- summary:is(input, textarea):not(:placeholder-shown),
640
- > select option:checked:not(.placeholder),
641
- input[type=checkbox]:checked,
642
- input[type=radio]:checked) > label {
643
- /* Those variables are only for components to calculate heights and change icons */
644
- --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
645
- --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
646
- }
539
+ /* Those variables are only for components to calculate heights and change icons */
540
+ --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
541
+ --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
647
542
  }
648
543
 
649
- @layer variables {}
650
-
651
- @layer variables {}
652
-
653
- @layer variables {}
654
-
655
- @layer variables {}
656
-
657
544
  .db-custom-select summary {
658
545
  border: var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
659
546
  }