@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/select/select.css CHANGED
@@ -18,346 +18,306 @@
18
18
  pointer-events: none !important;
19
19
  }
20
20
 
21
- @layer variables {}
22
-
23
- @layer variables {}
24
-
25
21
  .db-select:has(select:not([data-custom-validity]):is(:required):user-invalid), .db-select:has(select[data-custom-validity=invalid]), .db-select[data-custom-validity=invalid] {
26
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
27
- }
28
- @layer variables {
29
- .db-select:has(select:not([data-custom-validity]):is(:required):user-invalid), .db-select:has(select[data-custom-validity=invalid]), .db-select[data-custom-validity=invalid] {
30
- --db-adaptive-bg-basic-level-1-default: var(
31
- --db-critical-bg-basic-level-1-default
32
- );
33
- --db-adaptive-bg-basic-level-1-hovered: var(
34
- --db-critical-bg-basic-level-1-hovered
35
- );
36
- --db-adaptive-bg-basic-level-1-pressed: var(
37
- --db-critical-bg-basic-level-1-pressed
38
- );
39
- --db-adaptive-bg-basic-level-2-default: var(
40
- --db-critical-bg-basic-level-2-default
41
- );
42
- --db-adaptive-bg-basic-level-2-hovered: var(
43
- --db-critical-bg-basic-level-2-hovered
44
- );
45
- --db-adaptive-bg-basic-level-2-pressed: var(
46
- --db-critical-bg-basic-level-2-pressed
47
- );
48
- --db-adaptive-bg-basic-level-3-default: var(
49
- --db-critical-bg-basic-level-3-default
50
- );
51
- --db-adaptive-bg-basic-level-3-hovered: var(
52
- --db-critical-bg-basic-level-3-hovered
53
- );
54
- --db-adaptive-bg-basic-level-3-pressed: var(
55
- --db-critical-bg-basic-level-3-pressed
56
- );
57
- --db-adaptive-bg-basic-transparent-full-default: var(
58
- --db-critical-bg-basic-transparent-full-default
59
- );
60
- --db-adaptive-bg-basic-transparent-semi-default: var(
61
- --db-critical-bg-basic-transparent-semi-default
62
- );
63
- --db-adaptive-bg-basic-transparent-full-hovered: var(
64
- --db-critical-bg-basic-transparent-full-hovered
65
- );
66
- --db-adaptive-bg-basic-transparent-full-pressed: var(
67
- --db-critical-bg-basic-transparent-full-pressed
68
- );
69
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
70
- --db-critical-bg-basic-transparent-semi-hovered
71
- );
72
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
73
- --db-critical-bg-basic-transparent-semi-pressed
74
- );
75
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
76
- --db-critical-on-bg-basic-emphasis-100-default
77
- );
78
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
79
- --db-critical-on-bg-basic-emphasis-100-hovered
80
- );
81
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
82
- --db-critical-on-bg-basic-emphasis-100-pressed
83
- );
84
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
85
- --db-critical-on-bg-basic-emphasis-90-default
86
- );
87
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
88
- --db-critical-on-bg-basic-emphasis-90-hovered
89
- );
90
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
91
- --db-critical-on-bg-basic-emphasis-90-pressed
92
- );
93
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
94
- --db-critical-on-bg-basic-emphasis-80-default
95
- );
96
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
97
- --db-critical-on-bg-basic-emphasis-80-hovered
98
- );
99
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
100
- --db-critical-on-bg-basic-emphasis-80-pressed
101
- );
102
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
103
- --db-critical-on-bg-basic-emphasis-70-default
104
- );
105
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
106
- --db-critical-on-bg-basic-emphasis-70-hovered
107
- );
108
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
109
- --db-critical-on-bg-basic-emphasis-70-pressed
110
- );
111
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
112
- --db-critical-on-bg-basic-emphasis-60-default
113
- );
114
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
115
- --db-critical-on-bg-basic-emphasis-50-default
116
- );
117
- --db-adaptive-bg-inverted-contrast-max-default: var(
118
- --db-critical-bg-inverted-contrast-max-default
119
- );
120
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
121
- --db-critical-bg-inverted-contrast-max-hovered
122
- );
123
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
124
- --db-critical-bg-inverted-contrast-max-pressed
125
- );
126
- --db-adaptive-bg-inverted-contrast-high-default: var(
127
- --db-critical-bg-inverted-contrast-high-default
128
- );
129
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
130
- --db-critical-bg-inverted-contrast-high-hovered
131
- );
132
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
133
- --db-critical-bg-inverted-contrast-high-pressed
134
- );
135
- --db-adaptive-bg-inverted-contrast-low-default: var(
136
- --db-critical-bg-inverted-contrast-low-default
137
- );
138
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
139
- --db-critical-bg-inverted-contrast-low-hovered
140
- );
141
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
142
- --db-critical-bg-inverted-contrast-low-pressed
143
- );
144
- --db-adaptive-on-bg-inverted-default: var(
145
- --db-critical-on-bg-inverted-default
146
- );
147
- --db-adaptive-on-bg-inverted-hovered: var(
148
- --db-critical-on-bg-inverted-hovered
149
- );
150
- --db-adaptive-on-bg-inverted-pressed: var(
151
- --db-critical-on-bg-inverted-pressed
152
- );
153
- --db-adaptive-origin-default: var(--db-critical-origin-default);
154
- --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
155
- --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
156
- --db-adaptive-on-origin-default: var(
157
- --db-critical-on-origin-default
158
- );
159
- --db-adaptive-bg-vibrant-default: var(
160
- --db-critical-bg-vibrant-default
161
- );
162
- --db-adaptive-bg-vibrant-hovered: var(
163
- --db-critical-bg-vibrant-hovered
164
- );
165
- --db-adaptive-bg-vibrant-pressed: var(
166
- --db-critical-bg-vibrant-pressed
167
- );
168
- --db-adaptive-on-bg-vibrant-default: var(
169
- --db-critical-on-bg-vibrant-default
170
- );
171
- --db-adaptive-on-bg-vibrant-hovered: var(
172
- --db-critical-on-bg-vibrant-hovered
173
- );
174
- --db-adaptive-on-bg-vibrant-pressed: var(
175
- --db-critical-on-bg-vibrant-pressed
176
- );
177
- }
22
+ --db-adaptive-bg-basic-level-1-default: var(
23
+ --db-critical-bg-basic-level-1-default
24
+ );
25
+ --db-adaptive-bg-basic-level-1-hovered: var(
26
+ --db-critical-bg-basic-level-1-hovered
27
+ );
28
+ --db-adaptive-bg-basic-level-1-pressed: var(
29
+ --db-critical-bg-basic-level-1-pressed
30
+ );
31
+ --db-adaptive-bg-basic-level-2-default: var(
32
+ --db-critical-bg-basic-level-2-default
33
+ );
34
+ --db-adaptive-bg-basic-level-2-hovered: var(
35
+ --db-critical-bg-basic-level-2-hovered
36
+ );
37
+ --db-adaptive-bg-basic-level-2-pressed: var(
38
+ --db-critical-bg-basic-level-2-pressed
39
+ );
40
+ --db-adaptive-bg-basic-level-3-default: var(
41
+ --db-critical-bg-basic-level-3-default
42
+ );
43
+ --db-adaptive-bg-basic-level-3-hovered: var(
44
+ --db-critical-bg-basic-level-3-hovered
45
+ );
46
+ --db-adaptive-bg-basic-level-3-pressed: var(
47
+ --db-critical-bg-basic-level-3-pressed
48
+ );
49
+ --db-adaptive-bg-basic-transparent-full-default: var(
50
+ --db-critical-bg-basic-transparent-full-default
51
+ );
52
+ --db-adaptive-bg-basic-transparent-semi-default: var(
53
+ --db-critical-bg-basic-transparent-semi-default
54
+ );
55
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
56
+ --db-critical-bg-basic-transparent-full-hovered
57
+ );
58
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
59
+ --db-critical-bg-basic-transparent-full-pressed
60
+ );
61
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
62
+ --db-critical-bg-basic-transparent-semi-hovered
63
+ );
64
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
65
+ --db-critical-bg-basic-transparent-semi-pressed
66
+ );
67
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
68
+ --db-critical-on-bg-basic-emphasis-100-default
69
+ );
70
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
71
+ --db-critical-on-bg-basic-emphasis-100-hovered
72
+ );
73
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
74
+ --db-critical-on-bg-basic-emphasis-100-pressed
75
+ );
76
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
77
+ --db-critical-on-bg-basic-emphasis-90-default
78
+ );
79
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
80
+ --db-critical-on-bg-basic-emphasis-90-hovered
81
+ );
82
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
83
+ --db-critical-on-bg-basic-emphasis-90-pressed
84
+ );
85
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
86
+ --db-critical-on-bg-basic-emphasis-80-default
87
+ );
88
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
89
+ --db-critical-on-bg-basic-emphasis-80-hovered
90
+ );
91
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
92
+ --db-critical-on-bg-basic-emphasis-80-pressed
93
+ );
94
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
95
+ --db-critical-on-bg-basic-emphasis-70-default
96
+ );
97
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
98
+ --db-critical-on-bg-basic-emphasis-70-hovered
99
+ );
100
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
101
+ --db-critical-on-bg-basic-emphasis-70-pressed
102
+ );
103
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
104
+ --db-critical-on-bg-basic-emphasis-60-default
105
+ );
106
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
107
+ --db-critical-on-bg-basic-emphasis-50-default
108
+ );
109
+ --db-adaptive-bg-inverted-contrast-max-default: var(
110
+ --db-critical-bg-inverted-contrast-max-default
111
+ );
112
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
113
+ --db-critical-bg-inverted-contrast-max-hovered
114
+ );
115
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
116
+ --db-critical-bg-inverted-contrast-max-pressed
117
+ );
118
+ --db-adaptive-bg-inverted-contrast-high-default: var(
119
+ --db-critical-bg-inverted-contrast-high-default
120
+ );
121
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
122
+ --db-critical-bg-inverted-contrast-high-hovered
123
+ );
124
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
125
+ --db-critical-bg-inverted-contrast-high-pressed
126
+ );
127
+ --db-adaptive-bg-inverted-contrast-low-default: var(
128
+ --db-critical-bg-inverted-contrast-low-default
129
+ );
130
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
131
+ --db-critical-bg-inverted-contrast-low-hovered
132
+ );
133
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
134
+ --db-critical-bg-inverted-contrast-low-pressed
135
+ );
136
+ --db-adaptive-on-bg-inverted-default: var(
137
+ --db-critical-on-bg-inverted-default
138
+ );
139
+ --db-adaptive-on-bg-inverted-hovered: var(
140
+ --db-critical-on-bg-inverted-hovered
141
+ );
142
+ --db-adaptive-on-bg-inverted-pressed: var(
143
+ --db-critical-on-bg-inverted-pressed
144
+ );
145
+ --db-adaptive-origin-default: var(--db-critical-origin-default);
146
+ --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
147
+ --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
148
+ --db-adaptive-on-origin-default: var(
149
+ --db-critical-on-origin-default
150
+ );
151
+ --db-adaptive-bg-vibrant-default: var(
152
+ --db-critical-bg-vibrant-default
153
+ );
154
+ --db-adaptive-bg-vibrant-hovered: var(
155
+ --db-critical-bg-vibrant-hovered
156
+ );
157
+ --db-adaptive-bg-vibrant-pressed: var(
158
+ --db-critical-bg-vibrant-pressed
159
+ );
160
+ --db-adaptive-on-bg-vibrant-default: var(
161
+ --db-critical-on-bg-vibrant-default
162
+ );
163
+ --db-adaptive-on-bg-vibrant-hovered: var(
164
+ --db-critical-on-bg-vibrant-hovered
165
+ );
166
+ --db-adaptive-on-bg-vibrant-pressed: var(
167
+ --db-critical-on-bg-vibrant-pressed
168
+ );
178
169
  }
179
170
 
180
171
  .db-select:has(select:not([data-custom-validity]):is(:required):user-valid), .db-select:has(select[data-custom-validity=valid]), .db-select[data-custom-validity=valid] {
181
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
182
- }
183
- @layer variables {
184
- .db-select:has(select:not([data-custom-validity]):is(:required):user-valid), .db-select:has(select[data-custom-validity=valid]), .db-select[data-custom-validity=valid] {
185
- --db-adaptive-bg-basic-level-1-default: var(
186
- --db-successful-bg-basic-level-1-default
187
- );
188
- --db-adaptive-bg-basic-level-1-hovered: var(
189
- --db-successful-bg-basic-level-1-hovered
190
- );
191
- --db-adaptive-bg-basic-level-1-pressed: var(
192
- --db-successful-bg-basic-level-1-pressed
193
- );
194
- --db-adaptive-bg-basic-level-2-default: var(
195
- --db-successful-bg-basic-level-2-default
196
- );
197
- --db-adaptive-bg-basic-level-2-hovered: var(
198
- --db-successful-bg-basic-level-2-hovered
199
- );
200
- --db-adaptive-bg-basic-level-2-pressed: var(
201
- --db-successful-bg-basic-level-2-pressed
202
- );
203
- --db-adaptive-bg-basic-level-3-default: var(
204
- --db-successful-bg-basic-level-3-default
205
- );
206
- --db-adaptive-bg-basic-level-3-hovered: var(
207
- --db-successful-bg-basic-level-3-hovered
208
- );
209
- --db-adaptive-bg-basic-level-3-pressed: var(
210
- --db-successful-bg-basic-level-3-pressed
211
- );
212
- --db-adaptive-bg-basic-transparent-full-default: var(
213
- --db-successful-bg-basic-transparent-full-default
214
- );
215
- --db-adaptive-bg-basic-transparent-semi-default: var(
216
- --db-successful-bg-basic-transparent-semi-default
217
- );
218
- --db-adaptive-bg-basic-transparent-full-hovered: var(
219
- --db-successful-bg-basic-transparent-full-hovered
220
- );
221
- --db-adaptive-bg-basic-transparent-full-pressed: var(
222
- --db-successful-bg-basic-transparent-full-pressed
223
- );
224
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
225
- --db-successful-bg-basic-transparent-semi-hovered
226
- );
227
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
228
- --db-successful-bg-basic-transparent-semi-pressed
229
- );
230
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
231
- --db-successful-on-bg-basic-emphasis-100-default
232
- );
233
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
234
- --db-successful-on-bg-basic-emphasis-100-hovered
235
- );
236
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
237
- --db-successful-on-bg-basic-emphasis-100-pressed
238
- );
239
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
240
- --db-successful-on-bg-basic-emphasis-90-default
241
- );
242
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
243
- --db-successful-on-bg-basic-emphasis-90-hovered
244
- );
245
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
246
- --db-successful-on-bg-basic-emphasis-90-pressed
247
- );
248
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
249
- --db-successful-on-bg-basic-emphasis-80-default
250
- );
251
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
252
- --db-successful-on-bg-basic-emphasis-80-hovered
253
- );
254
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
255
- --db-successful-on-bg-basic-emphasis-80-pressed
256
- );
257
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
258
- --db-successful-on-bg-basic-emphasis-70-default
259
- );
260
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
261
- --db-successful-on-bg-basic-emphasis-70-hovered
262
- );
263
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
264
- --db-successful-on-bg-basic-emphasis-70-pressed
265
- );
266
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
267
- --db-successful-on-bg-basic-emphasis-60-default
268
- );
269
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
270
- --db-successful-on-bg-basic-emphasis-50-default
271
- );
272
- --db-adaptive-bg-inverted-contrast-max-default: var(
273
- --db-successful-bg-inverted-contrast-max-default
274
- );
275
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
276
- --db-successful-bg-inverted-contrast-max-hovered
277
- );
278
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
279
- --db-successful-bg-inverted-contrast-max-pressed
280
- );
281
- --db-adaptive-bg-inverted-contrast-high-default: var(
282
- --db-successful-bg-inverted-contrast-high-default
283
- );
284
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
285
- --db-successful-bg-inverted-contrast-high-hovered
286
- );
287
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
288
- --db-successful-bg-inverted-contrast-high-pressed
289
- );
290
- --db-adaptive-bg-inverted-contrast-low-default: var(
291
- --db-successful-bg-inverted-contrast-low-default
292
- );
293
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
294
- --db-successful-bg-inverted-contrast-low-hovered
295
- );
296
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
297
- --db-successful-bg-inverted-contrast-low-pressed
298
- );
299
- --db-adaptive-on-bg-inverted-default: var(
300
- --db-successful-on-bg-inverted-default
301
- );
302
- --db-adaptive-on-bg-inverted-hovered: var(
303
- --db-successful-on-bg-inverted-hovered
304
- );
305
- --db-adaptive-on-bg-inverted-pressed: var(
306
- --db-successful-on-bg-inverted-pressed
307
- );
308
- --db-adaptive-origin-default: var(--db-successful-origin-default);
309
- --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
310
- --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
311
- --db-adaptive-on-origin-default: var(
312
- --db-successful-on-origin-default
313
- );
314
- --db-adaptive-bg-vibrant-default: var(
315
- --db-successful-bg-vibrant-default
316
- );
317
- --db-adaptive-bg-vibrant-hovered: var(
318
- --db-successful-bg-vibrant-hovered
319
- );
320
- --db-adaptive-bg-vibrant-pressed: var(
321
- --db-successful-bg-vibrant-pressed
322
- );
323
- --db-adaptive-on-bg-vibrant-default: var(
324
- --db-successful-on-bg-vibrant-default
325
- );
326
- --db-adaptive-on-bg-vibrant-hovered: var(
327
- --db-successful-on-bg-vibrant-hovered
328
- );
329
- --db-adaptive-on-bg-vibrant-pressed: var(
330
- --db-successful-on-bg-vibrant-pressed
331
- );
332
- }
172
+ --db-adaptive-bg-basic-level-1-default: var(
173
+ --db-successful-bg-basic-level-1-default
174
+ );
175
+ --db-adaptive-bg-basic-level-1-hovered: var(
176
+ --db-successful-bg-basic-level-1-hovered
177
+ );
178
+ --db-adaptive-bg-basic-level-1-pressed: var(
179
+ --db-successful-bg-basic-level-1-pressed
180
+ );
181
+ --db-adaptive-bg-basic-level-2-default: var(
182
+ --db-successful-bg-basic-level-2-default
183
+ );
184
+ --db-adaptive-bg-basic-level-2-hovered: var(
185
+ --db-successful-bg-basic-level-2-hovered
186
+ );
187
+ --db-adaptive-bg-basic-level-2-pressed: var(
188
+ --db-successful-bg-basic-level-2-pressed
189
+ );
190
+ --db-adaptive-bg-basic-level-3-default: var(
191
+ --db-successful-bg-basic-level-3-default
192
+ );
193
+ --db-adaptive-bg-basic-level-3-hovered: var(
194
+ --db-successful-bg-basic-level-3-hovered
195
+ );
196
+ --db-adaptive-bg-basic-level-3-pressed: var(
197
+ --db-successful-bg-basic-level-3-pressed
198
+ );
199
+ --db-adaptive-bg-basic-transparent-full-default: var(
200
+ --db-successful-bg-basic-transparent-full-default
201
+ );
202
+ --db-adaptive-bg-basic-transparent-semi-default: var(
203
+ --db-successful-bg-basic-transparent-semi-default
204
+ );
205
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
206
+ --db-successful-bg-basic-transparent-full-hovered
207
+ );
208
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
209
+ --db-successful-bg-basic-transparent-full-pressed
210
+ );
211
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
212
+ --db-successful-bg-basic-transparent-semi-hovered
213
+ );
214
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
215
+ --db-successful-bg-basic-transparent-semi-pressed
216
+ );
217
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
218
+ --db-successful-on-bg-basic-emphasis-100-default
219
+ );
220
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
221
+ --db-successful-on-bg-basic-emphasis-100-hovered
222
+ );
223
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
224
+ --db-successful-on-bg-basic-emphasis-100-pressed
225
+ );
226
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
227
+ --db-successful-on-bg-basic-emphasis-90-default
228
+ );
229
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
230
+ --db-successful-on-bg-basic-emphasis-90-hovered
231
+ );
232
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
233
+ --db-successful-on-bg-basic-emphasis-90-pressed
234
+ );
235
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
236
+ --db-successful-on-bg-basic-emphasis-80-default
237
+ );
238
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
239
+ --db-successful-on-bg-basic-emphasis-80-hovered
240
+ );
241
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
242
+ --db-successful-on-bg-basic-emphasis-80-pressed
243
+ );
244
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
245
+ --db-successful-on-bg-basic-emphasis-70-default
246
+ );
247
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
248
+ --db-successful-on-bg-basic-emphasis-70-hovered
249
+ );
250
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
251
+ --db-successful-on-bg-basic-emphasis-70-pressed
252
+ );
253
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
254
+ --db-successful-on-bg-basic-emphasis-60-default
255
+ );
256
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
257
+ --db-successful-on-bg-basic-emphasis-50-default
258
+ );
259
+ --db-adaptive-bg-inverted-contrast-max-default: var(
260
+ --db-successful-bg-inverted-contrast-max-default
261
+ );
262
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
263
+ --db-successful-bg-inverted-contrast-max-hovered
264
+ );
265
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
266
+ --db-successful-bg-inverted-contrast-max-pressed
267
+ );
268
+ --db-adaptive-bg-inverted-contrast-high-default: var(
269
+ --db-successful-bg-inverted-contrast-high-default
270
+ );
271
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
272
+ --db-successful-bg-inverted-contrast-high-hovered
273
+ );
274
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
275
+ --db-successful-bg-inverted-contrast-high-pressed
276
+ );
277
+ --db-adaptive-bg-inverted-contrast-low-default: var(
278
+ --db-successful-bg-inverted-contrast-low-default
279
+ );
280
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
281
+ --db-successful-bg-inverted-contrast-low-hovered
282
+ );
283
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
284
+ --db-successful-bg-inverted-contrast-low-pressed
285
+ );
286
+ --db-adaptive-on-bg-inverted-default: var(
287
+ --db-successful-on-bg-inverted-default
288
+ );
289
+ --db-adaptive-on-bg-inverted-hovered: var(
290
+ --db-successful-on-bg-inverted-hovered
291
+ );
292
+ --db-adaptive-on-bg-inverted-pressed: var(
293
+ --db-successful-on-bg-inverted-pressed
294
+ );
295
+ --db-adaptive-origin-default: var(--db-successful-origin-default);
296
+ --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
297
+ --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
298
+ --db-adaptive-on-origin-default: var(
299
+ --db-successful-on-origin-default
300
+ );
301
+ --db-adaptive-bg-vibrant-default: var(
302
+ --db-successful-bg-vibrant-default
303
+ );
304
+ --db-adaptive-bg-vibrant-hovered: var(
305
+ --db-successful-bg-vibrant-hovered
306
+ );
307
+ --db-adaptive-bg-vibrant-pressed: var(
308
+ --db-successful-bg-vibrant-pressed
309
+ );
310
+ --db-adaptive-on-bg-vibrant-default: var(
311
+ --db-successful-on-bg-vibrant-default
312
+ );
313
+ --db-adaptive-on-bg-vibrant-hovered: var(
314
+ --db-successful-on-bg-vibrant-hovered
315
+ );
316
+ --db-adaptive-on-bg-vibrant-pressed: var(
317
+ --db-successful-on-bg-vibrant-pressed
318
+ );
333
319
  }
334
320
 
335
- @layer variables {}
336
-
337
- @layer variables {}
338
-
339
- @layer variables {}
340
-
341
- @layer variables {}
342
-
343
- @layer variables {}
344
-
345
- @layer variables {}
346
-
347
- @layer variables {}
348
-
349
- @layer variables {}
350
-
351
- @layer variables {}
352
-
353
- @layer variables {}
354
-
355
- @layer variables {}
356
-
357
- @layer variables {}
358
-
359
- @layer variables {}
360
-
361
321
  .db-select:not([data-show-icon-trailing=false])::after {
362
322
  color: var(--db-icon-color, inherit);
363
323
  display: inline-block;
@@ -399,79 +359,26 @@
399
359
  }
400
360
  }
401
361
 
402
- @layer variables {}
403
-
404
- @layer variables {}
405
-
406
- @layer variables {}
407
-
408
- @layer variables {}
409
-
410
- @layer variables {}
411
-
412
- @layer variables {}
413
-
414
- @layer variables {}
415
-
416
- @layer variables {}
417
-
418
- @layer variables {}
419
-
420
- @layer variables {}
421
-
422
- @layer variables {}
423
-
424
- @layer variables {}
425
-
426
- @layer variables {}
427
-
428
362
  .db-select[data-variant=floating] > label, .db-select select, .db-select [id$=-placeholder] {
429
363
  font: var(--db-type-body-md);
430
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
364
+ /* Those variables are only for components to calculate heights and change icons */
365
+ --db-icon-font-weight: var(--db-base-body-icon-weight-md);
366
+ --db-icon-font-size: var(--db-base-body-icon-font-size-md);
431
367
  }
432
- @layer variables {
433
- .db-select[data-variant=floating] > label, .db-select select, .db-select [id$=-placeholder] {
434
- /* Those variables are only for components to calculate heights and change icons */
435
- --db-icon-font-weight: var(--db-base-body-icon-weight-md);
436
- --db-icon-font-size: var(--db-base-body-icon-font-size-md);
437
- }
438
- }
439
-
440
- @layer variables {}
441
-
442
- @layer variables {}
443
368
 
444
369
  .db-select, .db-select[data-variant=floating] [id$=-placeholder], .db-select[data-variant=floating] select {
445
370
  font: var(--db-type-body-sm);
446
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
371
+ /* Those variables are only for components to calculate heights and change icons */
372
+ --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
373
+ --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
447
374
  }
448
- @layer variables {
449
- .db-select, .db-select[data-variant=floating] [id$=-placeholder], .db-select[data-variant=floating] select {
450
- /* Those variables are only for components to calculate heights and change icons */
451
- --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
452
- --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
453
- }
454
- }
455
-
456
- @layer variables {}
457
-
458
- @layer variables {}
459
375
 
460
376
  .db-select > label {
461
377
  font: var(--db-type-body-xs);
462
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
378
+ /* Those variables are only for components to calculate heights and change icons */
379
+ --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
380
+ --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
463
381
  }
464
- @layer variables {
465
- .db-select > label {
466
- /* Those variables are only for components to calculate heights and change icons */
467
- --db-icon-font-weight: var(--db-base-body-icon-weight-xs);
468
- --db-icon-font-size: var(--db-base-body-icon-font-size-xs);
469
- }
470
- }
471
-
472
- @layer variables {}
473
-
474
- @layer variables {}
475
382
 
476
383
  .db-select[data-variant=floating]:has(select:focus-within,
477
384
  select:is(input, textarea):not(:placeholder-shown),
@@ -479,28 +386,11 @@ select:is(input, textarea):not(:placeholder-shown),
479
386
  input[type=checkbox]:checked,
480
387
  input[type=radio]:checked) > label {
481
388
  font: var(--db-type-body-2xs);
482
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
483
- }
484
- @layer variables {
485
- .db-select[data-variant=floating]:has(select:focus-within,
486
- select:is(input, textarea):not(:placeholder-shown),
487
- > select option:checked:not(.placeholder),
488
- input[type=checkbox]:checked,
489
- input[type=radio]:checked) > label {
490
- /* Those variables are only for components to calculate heights and change icons */
491
- --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
492
- --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
493
- }
389
+ /* Those variables are only for components to calculate heights and change icons */
390
+ --db-icon-font-weight: var(--db-base-body-icon-weight-2xs);
391
+ --db-icon-font-size: var(--db-base-body-icon-font-size-2xs);
494
392
  }
495
393
 
496
- @layer variables {}
497
-
498
- @layer variables {}
499
-
500
- @layer variables {}
501
-
502
- @layer variables {}
503
-
504
394
  .db-select select {
505
395
  border: var(--db-border-width-3xs) solid var(--db-adaptive-on-bg-basic-emphasis-100-default);
506
396
  }