@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.
- package/CHANGELOG.md +17 -0
- package/README.md +44 -19
- package/agent/Best-Practise_Common-AI-Mistakes.md +83 -1
- package/agent/_instructions.md +19 -0
- package/build/components/accordion/accordion.css +0 -34
- package/build/components/accordion-item/accordion-item.css +3 -94
- package/build/components/badge/badge.css +6 -102
- package/build/components/brand/brand.css +3 -94
- package/build/components/button/button.css +6 -100
- package/build/components/card/card.css +0 -34
- package/build/components/checkbox/checkbox.css +6 -100
- package/build/components/custom-button/custom-button.css +6 -100
- package/build/components/custom-select/custom-select.css +453 -566
- package/build/components/custom-select-dropdown/custom-select-dropdown.css +147 -238
- package/build/components/custom-select-form-field/custom-select-form-field.css +0 -88
- package/build/components/custom-select-list/custom-select-list.css +0 -88
- package/build/components/custom-select-list-item/custom-select-list-item.css +3 -94
- package/build/components/divider/divider.css +0 -34
- package/build/components/drawer/drawer.css +4 -38
- package/build/components/drawer/drawer.scss +4 -4
- package/build/components/header/header.css +255 -373
- package/build/components/icon/icon.css +0 -34
- package/build/components/infotext/infotext.css +6 -100
- package/build/components/input/input.css +306 -416
- package/build/components/link/link.css +6 -100
- package/build/components/navigation/navigation.css +0 -88
- package/build/components/navigation-item/navigation-item.css +3 -95
- package/build/components/notification/notification.css +741 -868
- package/build/components/page/page.css +0 -34
- package/build/components/popover/popover.css +0 -34
- package/build/components/radio/radio.css +6 -100
- package/build/components/section/section.css +0 -34
- package/build/components/select/select.css +306 -416
- package/build/components/stack/stack-web-component.css +0 -34
- package/build/components/stack/stack.css +0 -34
- package/build/components/switch/switch.css +9 -106
- package/build/components/tab-item/tab-item.css +0 -88
- package/build/components/tab-list/tab-list.css +3 -94
- package/build/components/tab-panel/tab-panel.css +0 -34
- package/build/components/tabs/tabs.css +0 -88
- package/build/components/tag/tag.css +741 -854
- package/build/components/textarea/textarea.css +12 -116
- package/build/components/tooltip/tooltip.css +3 -94
- package/build/styles/absolute.css +1641 -1669
- package/build/styles/absolute.scss +2 -4
- package/build/styles/bundle.css +1989 -0
- package/build/styles/bundle.scss +15 -0
- package/build/styles/dialog-init.css +1 -1
- package/build/styles/index.css +487 -515
- package/build/styles/relative.css +1641 -1669
- package/build/styles/relative.scss +2 -15
- package/build/styles/rollup.css +1641 -1669
- package/build/styles/rollup.scss +2 -4
- package/build/styles/visually-hidden.css +1 -1
- package/build/styles/webpack.css +1641 -1669
- package/build/styles/webpack.scss +2 -4
- package/package.json +6 -6
|
@@ -19,191 +19,154 @@
|
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
.db-custom-select-dropdown {
|
|
22
|
-
|
|
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
|
+
);
|
|
23
169
|
}
|
|
24
|
-
@layer variables {
|
|
25
|
-
.db-custom-select-dropdown {
|
|
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
|
-
}
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
@layer variables {}
|
|
177
|
-
|
|
178
|
-
@layer variables {}
|
|
179
|
-
|
|
180
|
-
@layer variables {}
|
|
181
|
-
|
|
182
|
-
@layer variables {}
|
|
183
|
-
|
|
184
|
-
@layer variables {}
|
|
185
|
-
|
|
186
|
-
@layer variables {}
|
|
187
|
-
|
|
188
|
-
@layer variables {}
|
|
189
|
-
|
|
190
|
-
@layer variables {}
|
|
191
|
-
|
|
192
|
-
@layer variables {}
|
|
193
|
-
|
|
194
|
-
@layer variables {}
|
|
195
|
-
|
|
196
|
-
@layer variables {}
|
|
197
|
-
|
|
198
|
-
@layer variables {}
|
|
199
|
-
|
|
200
|
-
@layer variables {}
|
|
201
|
-
|
|
202
|
-
@layer variables {}
|
|
203
|
-
|
|
204
|
-
@layer variables {}
|
|
205
|
-
|
|
206
|
-
@layer variables {}
|
|
207
170
|
|
|
208
171
|
@keyframes popover-animation {
|
|
209
172
|
0% {
|
|
@@ -222,60 +185,6 @@
|
|
|
222
185
|
transform: rotate(1turn);
|
|
223
186
|
}
|
|
224
187
|
}
|
|
225
|
-
@layer variables {}
|
|
226
|
-
|
|
227
|
-
@layer variables {}
|
|
228
|
-
|
|
229
|
-
@layer variables {}
|
|
230
|
-
|
|
231
|
-
@layer variables {}
|
|
232
|
-
|
|
233
|
-
@layer variables {}
|
|
234
|
-
|
|
235
|
-
@layer variables {}
|
|
236
|
-
|
|
237
|
-
@layer variables {}
|
|
238
|
-
|
|
239
|
-
@layer variables {}
|
|
240
|
-
|
|
241
|
-
@layer variables {}
|
|
242
|
-
|
|
243
|
-
@layer variables {}
|
|
244
|
-
|
|
245
|
-
@layer variables {}
|
|
246
|
-
|
|
247
|
-
@layer variables {}
|
|
248
|
-
|
|
249
|
-
@layer variables {}
|
|
250
|
-
|
|
251
|
-
@layer variables {}
|
|
252
|
-
|
|
253
|
-
@layer variables {}
|
|
254
|
-
|
|
255
|
-
@layer variables {}
|
|
256
|
-
|
|
257
|
-
@layer variables {}
|
|
258
|
-
|
|
259
|
-
@layer variables {}
|
|
260
|
-
|
|
261
|
-
@layer variables {}
|
|
262
|
-
|
|
263
|
-
@layer variables {}
|
|
264
|
-
|
|
265
|
-
@layer variables {}
|
|
266
|
-
|
|
267
|
-
@layer variables {}
|
|
268
|
-
|
|
269
|
-
@layer variables {}
|
|
270
|
-
|
|
271
|
-
@layer variables {}
|
|
272
|
-
|
|
273
|
-
@layer variables {}
|
|
274
|
-
|
|
275
|
-
@layer variables {}
|
|
276
|
-
|
|
277
|
-
@layer variables {}
|
|
278
|
-
|
|
279
188
|
.db-custom-select-dropdown {
|
|
280
189
|
position: absolute;
|
|
281
190
|
z-index: 32;
|
|
@@ -18,94 +18,6 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
21
|
-
@layer variables {}
|
|
22
|
-
|
|
23
|
-
@layer variables {}
|
|
24
|
-
|
|
25
|
-
@layer variables {}
|
|
26
|
-
|
|
27
|
-
@layer variables {}
|
|
28
|
-
|
|
29
|
-
@layer variables {}
|
|
30
|
-
|
|
31
|
-
@layer variables {}
|
|
32
|
-
|
|
33
|
-
@layer variables {}
|
|
34
|
-
|
|
35
|
-
@layer variables {}
|
|
36
|
-
|
|
37
|
-
@layer variables {}
|
|
38
|
-
|
|
39
|
-
@layer variables {}
|
|
40
|
-
|
|
41
|
-
@layer variables {}
|
|
42
|
-
|
|
43
|
-
@layer variables {}
|
|
44
|
-
|
|
45
|
-
@layer variables {}
|
|
46
|
-
|
|
47
|
-
@layer variables {}
|
|
48
|
-
|
|
49
|
-
@layer variables {}
|
|
50
|
-
|
|
51
|
-
@layer variables {}
|
|
52
|
-
|
|
53
|
-
@layer variables {}
|
|
54
|
-
|
|
55
|
-
@layer variables {}
|
|
56
|
-
|
|
57
|
-
@layer variables {}
|
|
58
|
-
|
|
59
|
-
@layer variables {}
|
|
60
|
-
|
|
61
|
-
@layer variables {}
|
|
62
|
-
|
|
63
|
-
@layer variables {}
|
|
64
|
-
|
|
65
|
-
@layer variables {}
|
|
66
|
-
|
|
67
|
-
@layer variables {}
|
|
68
|
-
|
|
69
|
-
@layer variables {}
|
|
70
|
-
|
|
71
|
-
@layer variables {}
|
|
72
|
-
|
|
73
|
-
@layer variables {}
|
|
74
|
-
|
|
75
|
-
@layer variables {}
|
|
76
|
-
|
|
77
|
-
@layer variables {}
|
|
78
|
-
|
|
79
|
-
@layer variables {}
|
|
80
|
-
|
|
81
|
-
@layer variables {}
|
|
82
|
-
|
|
83
|
-
@layer variables {}
|
|
84
|
-
|
|
85
|
-
@layer variables {}
|
|
86
|
-
|
|
87
|
-
@layer variables {}
|
|
88
|
-
|
|
89
|
-
@layer variables {}
|
|
90
|
-
|
|
91
|
-
@layer variables {}
|
|
92
|
-
|
|
93
|
-
@layer variables {}
|
|
94
|
-
|
|
95
|
-
@layer variables {}
|
|
96
|
-
|
|
97
|
-
@layer variables {}
|
|
98
|
-
|
|
99
|
-
@layer variables {}
|
|
100
|
-
|
|
101
|
-
@layer variables {}
|
|
102
|
-
|
|
103
|
-
@layer variables {}
|
|
104
|
-
|
|
105
|
-
@layer variables {}
|
|
106
|
-
|
|
107
|
-
@layer variables {}
|
|
108
|
-
|
|
109
21
|
.db-custom-select-form-field:is(summary) {
|
|
110
22
|
list-style: none;
|
|
111
23
|
align-items: center;
|
|
@@ -18,94 +18,6 @@
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
/* Variants for adaptive components like input, select, notification, ... */
|
|
21
|
-
@layer variables {}
|
|
22
|
-
|
|
23
|
-
@layer variables {}
|
|
24
|
-
|
|
25
|
-
@layer variables {}
|
|
26
|
-
|
|
27
|
-
@layer variables {}
|
|
28
|
-
|
|
29
|
-
@layer variables {}
|
|
30
|
-
|
|
31
|
-
@layer variables {}
|
|
32
|
-
|
|
33
|
-
@layer variables {}
|
|
34
|
-
|
|
35
|
-
@layer variables {}
|
|
36
|
-
|
|
37
|
-
@layer variables {}
|
|
38
|
-
|
|
39
|
-
@layer variables {}
|
|
40
|
-
|
|
41
|
-
@layer variables {}
|
|
42
|
-
|
|
43
|
-
@layer variables {}
|
|
44
|
-
|
|
45
|
-
@layer variables {}
|
|
46
|
-
|
|
47
|
-
@layer variables {}
|
|
48
|
-
|
|
49
|
-
@layer variables {}
|
|
50
|
-
|
|
51
|
-
@layer variables {}
|
|
52
|
-
|
|
53
|
-
@layer variables {}
|
|
54
|
-
|
|
55
|
-
@layer variables {}
|
|
56
|
-
|
|
57
|
-
@layer variables {}
|
|
58
|
-
|
|
59
|
-
@layer variables {}
|
|
60
|
-
|
|
61
|
-
@layer variables {}
|
|
62
|
-
|
|
63
|
-
@layer variables {}
|
|
64
|
-
|
|
65
|
-
@layer variables {}
|
|
66
|
-
|
|
67
|
-
@layer variables {}
|
|
68
|
-
|
|
69
|
-
@layer variables {}
|
|
70
|
-
|
|
71
|
-
@layer variables {}
|
|
72
|
-
|
|
73
|
-
@layer variables {}
|
|
74
|
-
|
|
75
|
-
@layer variables {}
|
|
76
|
-
|
|
77
|
-
@layer variables {}
|
|
78
|
-
|
|
79
|
-
@layer variables {}
|
|
80
|
-
|
|
81
|
-
@layer variables {}
|
|
82
|
-
|
|
83
|
-
@layer variables {}
|
|
84
|
-
|
|
85
|
-
@layer variables {}
|
|
86
|
-
|
|
87
|
-
@layer variables {}
|
|
88
|
-
|
|
89
|
-
@layer variables {}
|
|
90
|
-
|
|
91
|
-
@layer variables {}
|
|
92
|
-
|
|
93
|
-
@layer variables {}
|
|
94
|
-
|
|
95
|
-
@layer variables {}
|
|
96
|
-
|
|
97
|
-
@layer variables {}
|
|
98
|
-
|
|
99
|
-
@layer variables {}
|
|
100
|
-
|
|
101
|
-
@layer variables {}
|
|
102
|
-
|
|
103
|
-
@layer variables {}
|
|
104
|
-
|
|
105
|
-
@layer variables {}
|
|
106
|
-
|
|
107
|
-
@layer variables {}
|
|
108
|
-
|
|
109
21
|
.db-custom-select-list {
|
|
110
22
|
all: unset;
|
|
111
23
|
padding: var(--db-spacing-fixed-sm);
|
|
@@ -18,40 +18,6 @@
|
|
|
18
18
|
pointer-events: none !important;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
@layer variables {}
|
|
22
|
-
|
|
23
|
-
@layer variables {}
|
|
24
|
-
|
|
25
|
-
@layer variables {}
|
|
26
|
-
|
|
27
|
-
@layer variables {}
|
|
28
|
-
|
|
29
|
-
@layer variables {}
|
|
30
|
-
|
|
31
|
-
@layer variables {}
|
|
32
|
-
|
|
33
|
-
@layer variables {}
|
|
34
|
-
|
|
35
|
-
@layer variables {}
|
|
36
|
-
|
|
37
|
-
@layer variables {}
|
|
38
|
-
|
|
39
|
-
@layer variables {}
|
|
40
|
-
|
|
41
|
-
@layer variables {}
|
|
42
|
-
|
|
43
|
-
@layer variables {}
|
|
44
|
-
|
|
45
|
-
@layer variables {}
|
|
46
|
-
|
|
47
|
-
@layer variables {}
|
|
48
|
-
|
|
49
|
-
@layer variables {}
|
|
50
|
-
|
|
51
|
-
@layer variables {}
|
|
52
|
-
|
|
53
|
-
@layer variables {}
|
|
54
|
-
|
|
55
21
|
.db-custom-select-list-item:not([data-disable-focus=true]):has(> label > input:focus-visible) {
|
|
56
22
|
outline: var(--db-border-width-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-70-default));
|
|
57
23
|
outline-offset: var(--db-border-width-xs);
|
|
@@ -66,70 +32,13 @@
|
|
|
66
32
|
border-radius: var(--db-border-radius-xs);
|
|
67
33
|
}
|
|
68
34
|
|
|
69
|
-
@layer variables {}
|
|
70
|
-
|
|
71
|
-
@layer variables {}
|
|
72
|
-
|
|
73
|
-
@layer variables {}
|
|
74
|
-
|
|
75
|
-
@layer variables {}
|
|
76
|
-
|
|
77
|
-
@layer variables {}
|
|
78
|
-
|
|
79
|
-
@layer variables {}
|
|
80
|
-
|
|
81
|
-
@layer variables {}
|
|
82
|
-
|
|
83
|
-
@layer variables {}
|
|
84
|
-
|
|
85
|
-
@layer variables {}
|
|
86
|
-
|
|
87
|
-
@layer variables {}
|
|
88
|
-
|
|
89
|
-
@layer variables {}
|
|
90
|
-
|
|
91
|
-
@layer variables {}
|
|
92
|
-
|
|
93
|
-
@layer variables {}
|
|
94
|
-
|
|
95
35
|
.db-custom-select-list-item span {
|
|
96
36
|
font: var(--db-type-body-md);
|
|
97
|
-
/*
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
.db-custom-select-list-item span {
|
|
101
|
-
/* Those variables are only for components to calculate heights and change icons */
|
|
102
|
-
--db-icon-font-weight: var(--db-base-body-icon-weight-md);
|
|
103
|
-
--db-icon-font-size: var(--db-base-body-icon-font-size-md);
|
|
104
|
-
}
|
|
37
|
+
/* Those variables are only for components to calculate heights and change icons */
|
|
38
|
+
--db-icon-font-weight: var(--db-base-body-icon-weight-md);
|
|
39
|
+
--db-icon-font-size: var(--db-base-body-icon-font-size-md);
|
|
105
40
|
}
|
|
106
41
|
|
|
107
|
-
@layer variables {}
|
|
108
|
-
|
|
109
|
-
@layer variables {}
|
|
110
|
-
|
|
111
|
-
@layer variables {}
|
|
112
|
-
|
|
113
|
-
@layer variables {}
|
|
114
|
-
|
|
115
|
-
@layer variables {}
|
|
116
|
-
|
|
117
|
-
@layer variables {}
|
|
118
|
-
|
|
119
|
-
@layer variables {}
|
|
120
|
-
|
|
121
|
-
@layer variables {}
|
|
122
|
-
|
|
123
|
-
@layer variables {}
|
|
124
|
-
|
|
125
|
-
@layer variables {}
|
|
126
|
-
|
|
127
|
-
@layer variables {}
|
|
128
|
-
|
|
129
|
-
@layer variables {}
|
|
130
|
-
|
|
131
|
-
@layer variables {}
|
|
132
|
-
|
|
133
42
|
db-custom-select-list-item:not(:last-of-type) .db-custom-select-list-item[data-divider=true] {
|
|
134
43
|
--db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
|
|
135
44
|
position: var(--db-tooltip-parent-position, relative);
|