@db-ux/core-foundations 1.1.1 → 2.0.0-0-custom-select-16b8cce

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 (44) hide show
  1. package/README.md +5 -5
  2. package/assets/icons/LICENCES.json +6 -0
  3. package/assets/icons/circular_arrows.svg +1 -0
  4. package/assets/icons/fonts/all/db-ux.woff2 +0 -0
  5. package/assets/icons/fonts/default/db-ux.woff2 +0 -0
  6. package/assets/icons/fonts/default_12/db-ux.woff2 +0 -0
  7. package/assets/icons/fonts/default_14/db-ux.woff2 +0 -0
  8. package/assets/icons/fonts/default_16/db-ux.woff2 +0 -0
  9. package/assets/icons/fonts/default_20/db-ux.woff2 +0 -0
  10. package/assets/icons/fonts/default_24/db-ux.woff2 +0 -0
  11. package/assets/icons/fonts/default_28/db-ux.woff2 +0 -0
  12. package/assets/icons/fonts/default_32/db-ux.woff2 +0 -0
  13. package/assets/icons/fonts/default_48/db-ux.woff2 +0 -0
  14. package/assets/icons/fonts/default_64/db-ux.woff2 +0 -0
  15. package/assets/icons/fonts/filled/db-ux.woff2 +0 -0
  16. package/assets/icons/fonts/filled_12/db-ux.woff2 +0 -0
  17. package/assets/icons/fonts/filled_14/db-ux.woff2 +0 -0
  18. package/assets/icons/fonts/filled_16/db-ux.woff2 +0 -0
  19. package/assets/icons/fonts/filled_20/db-ux.woff2 +0 -0
  20. package/assets/icons/fonts/filled_24/db-ux.woff2 +0 -0
  21. package/assets/icons/fonts/filled_28/db-ux.woff2 +0 -0
  22. package/assets/icons/fonts/filled_32/db-ux.woff2 +0 -0
  23. package/assets/icons/fonts/filled_48/db-ux.woff2 +0 -0
  24. package/assets/icons/fonts/filled_64/db-ux.woff2 +0 -0
  25. package/build/all-icons.js +1 -27
  26. package/build/base-icon-types.d.ts +1 -1
  27. package/build/styles/absolute.css +7 -7
  28. package/build/styles/animation/_animations.scss +6 -0
  29. package/build/styles/colors/_default-color-scheme.scss +8 -4
  30. package/build/styles/defaults/default-code.css +1 -1
  31. package/build/styles/defaults/default-elevation.css +1 -1
  32. package/build/styles/defaults/default-required.css +1 -1
  33. package/build/styles/defaults/default-theme.css +1 -1
  34. package/build/styles/helpers/_divider.scss +1 -1
  35. package/build/styles/helpers/_focus.scss +17 -15
  36. package/build/styles/helpers/_functions.scss +1 -1
  37. package/build/styles/helpers/classes/all.css +14 -14
  38. package/build/styles/helpers/classes/divider.css +8 -8
  39. package/build/styles/helpers/classes/focus.css +6 -6
  40. package/build/styles/index.css +7 -7
  41. package/build/styles/relative.css +15 -11
  42. package/build/styles/rollup.css +7 -7
  43. package/build/styles/webpack.css +7 -7
  44. package/package.json +3 -3
package/build/styles/helpers/_divider.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  @mixin divider($position: "top", $slot: "before") {
9
9
  --db-divider-bg-color: #{colors.$db-adaptive-on-bg-basic-emphasis-60-default};
10
10
 
11
- position: relative;
11
+ position: var(--db-tooltip-parent-position, relative);
12
12
 
13
13
  &[data-emphasis="strong"] {
14
14
  --db-divider-bg-color: #{colors.$db-adaptive-on-bg-basic-emphasis-70-default};
package/build/styles/helpers/_focus.scss CHANGED
@@ -2,22 +2,24 @@
2
2
  @use "../colors";
3
3
 
4
4
  %focus-placeholder {
5
- outline: #{variables.$db-border-height-2xs} solid
6
- var(
7
- --db-focus-outline-color,
8
- #{colors.$db-informational-on-bg-basic-emphasis-80-default}
9
- );
10
- outline-offset: variables.$db-border-height-xs;
11
- box-shadow: 0 0 0 #{variables.$db-border-height-xs}
12
- var(--db-focus-box-shadow-bg-color, transparent);
5
+ &:not([data-disable-focus="true"]) {
6
+ outline: #{variables.$db-border-height-2xs} solid
7
+ var(
8
+ --db-focus-outline-color,
9
+ #{colors.$db-informational-on-bg-basic-emphasis-80-default}
10
+ );
11
+ outline-offset: variables.$db-border-height-xs;
12
+ box-shadow: 0 0 0 #{variables.$db-border-height-xs}
13
+ var(--db-focus-box-shadow-bg-color, transparent);
13
14
 
14
- &:not([type="radio"], [role="switch"]) {
15
- border-radius: variables.$db-border-radius-xs;
16
- }
15
+ &:not([type="radio"], [role="switch"]) {
16
+ border-radius: variables.$db-border-radius-xs;
17
+ }
17
18
 
18
- @media screen and (prefers-reduced-motion: no-preference) {
19
- transition:
20
- outline #{variables.$db-transition-duration-extra-fast},
21
- box-shadow #{variables.$db-transition-duration-extra-fast};
19
+ @media screen and (prefers-reduced-motion: no-preference) {
20
+ transition:
21
+ outline #{variables.$db-transition-duration-extra-fast},
22
+ box-shadow #{variables.$db-transition-duration-extra-fast};
23
+ }
22
24
  }
23
25
  }
package/build/styles/helpers/_functions.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  }
12
12
 
13
13
  @mixin cursor-pointer() {
14
- cursor: pointer;
14
+ cursor: var(--db-overwrite-cursor, pointer);
15
15
  @content;
16
16
 
17
17
  &:is(textarea),
package/build/styles/helpers/classes/all.css CHANGED
@@ -6,19 +6,19 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
6
6
  /* Border */
7
7
  /* Transitions */
8
8
  /* Variants for adaptive components like input, select, notification, ... */
9
- .db-focus-default,
10
- [data-focus=default] {
9
+ .db-focus-default:not([data-disable-focus=true]),
10
+ [data-focus=default]:not([data-disable-focus=true]) {
11
11
  outline: var(--db-border-height-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
12
12
  outline-offset: var(--db-border-height-xs);
13
13
  box-shadow: 0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color, transparent);
14
14
  }
15
- .db-focus-default:not([type=radio], [role=switch]),
16
- [data-focus=default]:not([type=radio], [role=switch]) {
15
+ .db-focus-default:not([data-disable-focus=true]):not([type=radio], [role=switch]),
16
+ [data-focus=default]:not([data-disable-focus=true]):not([type=radio], [role=switch]) {
17
17
  border-radius: var(--db-border-radius-xs);
18
18
  }
19
19
  @media screen and (prefers-reduced-motion: no-preference) {
20
- .db-focus-default,
21
- [data-focus=default] {
20
+ .db-focus-default:not([data-disable-focus=true]),
21
+ [data-focus=default]:not([data-disable-focus=true]) {
22
22
  transition: outline var(--db-transition-duration-extra-fast), box-shadow var(--db-transition-duration-extra-fast);
23
23
  }
24
24
  }
@@ -26,7 +26,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
26
26
  .db-divider-top-before,
27
27
  [data-divider=top-before] {
28
28
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
29
- position: relative;
29
+ position: var(--db-tooltip-parent-position, relative);
30
30
  }
31
31
  .db-divider-top-before[data-emphasis=strong],
32
32
  [data-divider=top-before][data-emphasis=strong] {
@@ -53,7 +53,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
53
53
  .db-divider-top-after,
54
54
  [data-divider=top-after] {
55
55
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
56
- position: relative;
56
+ position: var(--db-tooltip-parent-position, relative);
57
57
  }
58
58
  .db-divider-top-after[data-emphasis=strong],
59
59
  [data-divider=top-after][data-emphasis=strong] {
@@ -80,7 +80,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
80
80
  .db-divider-bottom-before,
81
81
  [data-divider=bottom-before] {
82
82
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
83
- position: relative;
83
+ position: var(--db-tooltip-parent-position, relative);
84
84
  }
85
85
  .db-divider-bottom-before[data-emphasis=strong],
86
86
  [data-divider=bottom-before][data-emphasis=strong] {
@@ -107,7 +107,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
107
107
  .db-divider-bottom-after,
108
108
  [data-divider=bottom-after] {
109
109
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
110
- position: relative;
110
+ position: var(--db-tooltip-parent-position, relative);
111
111
  }
112
112
  .db-divider-bottom-after[data-emphasis=strong],
113
113
  [data-divider=bottom-after][data-emphasis=strong] {
@@ -134,7 +134,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
134
134
  .db-divider-left-before,
135
135
  [data-divider=left-before] {
136
136
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
137
- position: relative;
137
+ position: var(--db-tooltip-parent-position, relative);
138
138
  }
139
139
  .db-divider-left-before[data-emphasis=strong],
140
140
  [data-divider=left-before][data-emphasis=strong] {
@@ -161,7 +161,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
161
161
  .db-divider-left-after,
162
162
  [data-divider=left-after] {
163
163
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
164
- position: relative;
164
+ position: var(--db-tooltip-parent-position, relative);
165
165
  }
166
166
  .db-divider-left-after[data-emphasis=strong],
167
167
  [data-divider=left-after][data-emphasis=strong] {
@@ -188,7 +188,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
188
188
  .db-divider-right-before,
189
189
  [data-divider=right-before] {
190
190
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
191
- position: relative;
191
+ position: var(--db-tooltip-parent-position, relative);
192
192
  }
193
193
  .db-divider-right-before[data-emphasis=strong],
194
194
  [data-divider=right-before][data-emphasis=strong] {
@@ -214,7 +214,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
214
214
  .db-divider-right-after,
215
215
  [data-divider=right-after] {
216
216
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
217
- position: relative;
217
+ position: var(--db-tooltip-parent-position, relative);
218
218
  }
219
219
  .db-divider-right-after[data-emphasis=strong],
220
220
  [data-divider=right-after][data-emphasis=strong] {
package/build/styles/helpers/classes/divider.css CHANGED
@@ -9,7 +9,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
9
9
  .db-divider-top-before,
10
10
  [data-divider=top-before] {
11
11
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
12
- position: relative;
12
+ position: var(--db-tooltip-parent-position, relative);
13
13
  }
14
14
  .db-divider-top-before[data-emphasis=strong],
15
15
  [data-divider=top-before][data-emphasis=strong] {
@@ -36,7 +36,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
36
36
  .db-divider-top-after,
37
37
  [data-divider=top-after] {
38
38
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
39
- position: relative;
39
+ position: var(--db-tooltip-parent-position, relative);
40
40
  }
41
41
  .db-divider-top-after[data-emphasis=strong],
42
42
  [data-divider=top-after][data-emphasis=strong] {
@@ -63,7 +63,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
63
63
  .db-divider-bottom-before,
64
64
  [data-divider=bottom-before] {
65
65
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
66
- position: relative;
66
+ position: var(--db-tooltip-parent-position, relative);
67
67
  }
68
68
  .db-divider-bottom-before[data-emphasis=strong],
69
69
  [data-divider=bottom-before][data-emphasis=strong] {
@@ -90,7 +90,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
90
90
  .db-divider-bottom-after,
91
91
  [data-divider=bottom-after] {
92
92
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
93
- position: relative;
93
+ position: var(--db-tooltip-parent-position, relative);
94
94
  }
95
95
  .db-divider-bottom-after[data-emphasis=strong],
96
96
  [data-divider=bottom-after][data-emphasis=strong] {
@@ -117,7 +117,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
117
117
  .db-divider-left-before,
118
118
  [data-divider=left-before] {
119
119
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
120
- position: relative;
120
+ position: var(--db-tooltip-parent-position, relative);
121
121
  }
122
122
  .db-divider-left-before[data-emphasis=strong],
123
123
  [data-divider=left-before][data-emphasis=strong] {
@@ -144,7 +144,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
144
144
  .db-divider-left-after,
145
145
  [data-divider=left-after] {
146
146
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
147
- position: relative;
147
+ position: var(--db-tooltip-parent-position, relative);
148
148
  }
149
149
  .db-divider-left-after[data-emphasis=strong],
150
150
  [data-divider=left-after][data-emphasis=strong] {
@@ -171,7 +171,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
171
171
  .db-divider-right-before,
172
172
  [data-divider=right-before] {
173
173
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
174
- position: relative;
174
+ position: var(--db-tooltip-parent-position, relative);
175
175
  }
176
176
  .db-divider-right-before[data-emphasis=strong],
177
177
  [data-divider=right-before][data-emphasis=strong] {
@@ -197,7 +197,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
197
197
  .db-divider-right-after,
198
198
  [data-divider=right-after] {
199
199
  --db-divider-bg-color: var(--db-adaptive-on-bg-basic-emphasis-60-default);
200
- position: relative;
200
+ position: var(--db-tooltip-parent-position, relative);
201
201
  }
202
202
  .db-divider-right-after[data-emphasis=strong],
203
203
  [data-divider=right-after][data-emphasis=strong] {
package/build/styles/helpers/classes/focus.css CHANGED
@@ -6,19 +6,19 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
6
6
  /* Border */
7
7
  /* Transitions */
8
8
  /* Variants for adaptive components like input, select, notification, ... */
9
- .db-focus-default,
10
- [data-focus=default] {
9
+ .db-focus-default:not([data-disable-focus=true]),
10
+ [data-focus=default]:not([data-disable-focus=true]) {
11
11
  outline: var(--db-border-height-2xs) solid var(--db-focus-outline-color, var(--db-informational-on-bg-basic-emphasis-80-default));
12
12
  outline-offset: var(--db-border-height-xs);
13
13
  box-shadow: 0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color, transparent);
14
14
  }
15
- .db-focus-default:not([type=radio], [role=switch]),
16
- [data-focus=default]:not([type=radio], [role=switch]) {
15
+ .db-focus-default:not([data-disable-focus=true]):not([type=radio], [role=switch]),
16
+ [data-focus=default]:not([data-disable-focus=true]):not([type=radio], [role=switch]) {
17
17
  border-radius: var(--db-border-radius-xs);
18
18
  }
19
19
  @media screen and (prefers-reduced-motion: no-preference) {
20
- .db-focus-default,
21
- [data-focus=default] {
20
+ .db-focus-default:not([data-disable-focus=true]),
21
+ [data-focus=default]:not([data-disable-focus=true]) {
22
22
  transition: outline var(--db-transition-duration-extra-fast), box-shadow var(--db-transition-duration-extra-fast);
23
23
  }
24
24
  }
package/build/styles/index.css CHANGED
@@ -197,7 +197,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
197
197
  /* Border */
198
198
  /* Transitions */
199
199
  /* Use this file if you want the default color and density in your project */
200
- :is(a,
200
+ :not([data-disable-focus=true]):is(a,
201
201
  button,
202
202
  input,
203
203
  textarea,
@@ -208,7 +208,7 @@ select,
208
208
  outline-offset: var(--db-border-height-xs);
209
209
  box-shadow: 0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color, transparent);
210
210
  }
211
- :not([type=radio], [role=switch]):is(a,
211
+ :not([data-disable-focus=true]):not([type=radio], [role=switch]):is(a,
212
212
  button,
213
213
  input,
214
214
  textarea,
@@ -218,7 +218,7 @@ select,
218
218
  border-radius: var(--db-border-radius-xs);
219
219
  }
220
220
  @media screen and (prefers-reduced-motion: no-preference) {
221
- :is(a,
221
+ :not([data-disable-focus=true]):is(a,
222
222
  button,
223
223
  input,
224
224
  textarea,
@@ -561,7 +561,7 @@ a:has(code) {
561
561
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
562
562
  }
563
563
  a:has(code):hover:not(:disabled, [aria-disabled=true]) {
564
- cursor: pointer;
564
+ cursor: var(--db-overwrite-cursor, pointer);
565
565
  color: var(--db-adaptive-on-bg-inverted-hovered);
566
566
  }
567
567
  a:has(code):hover:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input) {
@@ -571,7 +571,7 @@ a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
571
571
  cursor: pointer;
572
572
  }
573
573
  a:has(code):active:not(:disabled, [aria-disabled=true]) {
574
- cursor: pointer;
574
+ cursor: var(--db-overwrite-cursor, pointer);
575
575
  color: var(--db-adaptive-on-bg-inverted-pressed);
576
576
  }
577
577
  a:has(code):active:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):active:not(:disabled, [aria-disabled=true]):is(input) {
@@ -611,7 +611,7 @@ blockquote {
611
611
  }
612
612
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]),
613
613
  [data-interactive=elevation]:hover:not(:disabled, [aria-disabled=true]) {
614
- cursor: pointer;
614
+ cursor: var(--db-overwrite-cursor, pointer);
615
615
  box-shadow: var(--db-elevation-lg);
616
616
  }
617
617
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(input),
@@ -626,7 +626,7 @@ blockquote {
626
626
  }
627
627
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]),
628
628
  [data-interactive=elevation]:active:not(:disabled, [aria-disabled=true]) {
629
- cursor: pointer;
629
+ cursor: var(--db-overwrite-cursor, pointer);
630
630
  box-shadow: var(--db-elevation-sm);
631
631
  }
632
632
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(input),
package/build/styles/relative.css CHANGED
@@ -209,7 +209,7 @@ blockquote::before, blockquote::after {
209
209
  --db-icon-color: var(--db-neutral-on-bg-basic-emphasis-100-default);
210
210
  }
211
211
 
212
- :is(a,
212
+ :not([data-disable-focus=true]):is(a,
213
213
  button,
214
214
  input,
215
215
  textarea,
@@ -220,7 +220,7 @@ select,
220
220
  outline-offset: var(--db-border-height-xs);
221
221
  box-shadow: 0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color, transparent);
222
222
  }
223
- :not([type=radio], [role=switch]):is(a,
223
+ :not([data-disable-focus=true]):not([type=radio], [role=switch]):is(a,
224
224
  button,
225
225
  input,
226
226
  textarea,
@@ -230,7 +230,7 @@ select,
230
230
  border-radius: var(--db-border-radius-xs);
231
231
  }
232
232
  @media screen and (prefers-reduced-motion: no-preference) {
233
- :is(a,
233
+ :not([data-disable-focus=true]):is(a,
234
234
  button,
235
235
  input,
236
236
  textarea,
@@ -4611,8 +4611,10 @@ select,
4611
4611
  var(--db-critical-5)
4612
4612
  );
4613
4613
  --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
4614
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4615
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
4614
+ --db-scrollbar-button-vertical-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4615
+ --db-scrollbar-button-vertical-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
4616
+ --db-scrollbar-button-horizontal-decrement: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMUExQzFGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEgOS4wMDNhLjYuNiAwIDAgMS0uNTk3LjU5Ny42Mi42MiAwIDAgMS0uNDE4LS4xOEw0LjA4IDYuNDE4QS42LjYgMCAwIDEgMy45IDZhLjU2LjU2IDAgMCAxIC4xMzItLjM3Mkw3LjA4NSAyLjU4YS41NC41NCAwIDAgMSAuNDE4LS4xOC42LjYgMCAwIDEgLjU1LjgzMy42LjYgMCAwIDEtLjEzMi4yMDFMNS4zNTMgNiA3LjkyIDguNTY1YS42Mi42MiAwIDAgMSAuMTc5LjQzOCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==");
4617
+ --db-scrollbar-button-horizontal-increment: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjMUExQzFGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjkgOS4wMDRjMCAuMzE4LjI1OS41OTYuNTk3LjU5NmEuNjIuNjIgMCAwIDAgLjQxOC0uMThMNy45MiA2LjQxOUEuNi42IDAgMCAwIDguMSA2YS41NC41NCAwIDAgMC0uMTgtLjQxN0w0LjkxNiAyLjU3OWEuNTQuNTQgMCAwIDAtLjQxOC0uMTc5LjYuNiAwIDAgMC0uNTk3LjU5N2MwIC4xNi4wNi4zMTguMTc5LjQzN0w2LjY0NyA2IDQuMDc5IDguNTY2YS42Mi42MiAwIDAgMC0uMTguNDM4IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEydjEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+");
4616
4618
  --db-yellow-origin-default: light-dark(
4617
4619
  var(--db-yellow-origin-light-default),
4618
4620
  var(--db-yellow-origin-dark-default)
@@ -6381,8 +6383,10 @@ select,
6381
6383
  @media (prefers-color-scheme: dark) {
6382
6384
  :root {
6383
6385
  --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
6384
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
6385
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
6386
+ --db-scrollbar-button-vertical-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
6387
+ --db-scrollbar-button-vertical-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
6388
+ --db-scrollbar-button-horizontal-decrement: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEgOS4wMDNhLjYuNiAwIDAgMS0uNTk3LjU5Ny42Mi42MiAwIDAgMS0uNDE4LS4xOEw0LjA4IDYuNDE4QS42LjYgMCAwIDEgMy45IDZhLjU2LjU2IDAgMCAxIC4xMzItLjM3Mkw3LjA4NSAyLjU4YS41NC41NCAwIDAgMSAuNDE4LS4xOC42LjYgMCAwIDEgLjU1LjgzMy42LjYgMCAwIDEtLjEzMi4yMDFMNS4zNTMgNiA3LjkyIDguNTY1YS42Mi42MiAwIDAgMSAuMTc5LjQzOCIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxMnYxMkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPgo=");
6389
+ --db-scrollbar-button-horizontal-increment: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGcgY2xpcC1wYXRoPSJ1cmwoI2EpIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjkgOS4wMDRjMCAuMzE4LjI1OS41OTYuNTk3LjU5NmEuNjIuNjIgMCAwIDAgLjQxOC0uMThMNy45MiA2LjQxOUEuNi42IDAgMCAwIDguMSA2YS41NC41NCAwIDAgMC0uMTgtLjQxN0w0LjkxNiAyLjU3OWEuNTQuNTQgMCAwIDAtLjQxOC0uMTc5LjYuNiAwIDAgMC0uNTk3LjU5N2MwIC4xNi4wNi4zMTguMTc5LjQzN0w2LjY0NyA2IDQuMDc5IDguNTY2YS42Mi42MiAwIDAgMC0uMTguNDM4IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDEydjEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+Cg==");
6386
6390
  }
6387
6391
  }
6388
6392
 
@@ -6759,7 +6763,7 @@ a:has(code) {
6759
6763
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
6760
6764
  }
6761
6765
  a:has(code):hover:not(:disabled, [aria-disabled=true]) {
6762
- cursor: pointer;
6766
+ cursor: var(--db-overwrite-cursor, pointer);
6763
6767
  color: var(--db-adaptive-on-bg-inverted-hovered);
6764
6768
  }
6765
6769
  a:has(code):hover:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input) {
@@ -6769,7 +6773,7 @@ a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
6769
6773
  cursor: pointer;
6770
6774
  }
6771
6775
  a:has(code):active:not(:disabled, [aria-disabled=true]) {
6772
- cursor: pointer;
6776
+ cursor: var(--db-overwrite-cursor, pointer);
6773
6777
  color: var(--db-adaptive-on-bg-inverted-pressed);
6774
6778
  }
6775
6779
  a:has(code):active:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):active:not(:disabled, [aria-disabled=true]):is(input) {
@@ -6809,7 +6813,7 @@ blockquote {
6809
6813
  }
6810
6814
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]),
6811
6815
  [data-interactive=elevation]:hover:not(:disabled, [aria-disabled=true]) {
6812
- cursor: pointer;
6816
+ cursor: var(--db-overwrite-cursor, pointer);
6813
6817
  box-shadow: var(--db-elevation-lg);
6814
6818
  }
6815
6819
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(input),
@@ -6824,7 +6828,7 @@ blockquote {
6824
6828
  }
6825
6829
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]),
6826
6830
  [data-interactive=elevation]:active:not(:disabled, [aria-disabled=true]) {
6827
- cursor: pointer;
6831
+ cursor: var(--db-overwrite-cursor, pointer);
6828
6832
  box-shadow: var(--db-elevation-sm);
6829
6833
  }
6830
6834
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(input),
package/build/styles/rollup.css CHANGED
@@ -197,7 +197,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
197
197
  /* Border */
198
198
  /* Transitions */
199
199
  /* Use this file if you want the default color and density in your project */
200
- :is(a,
200
+ :not([data-disable-focus=true]):is(a,
201
201
  button,
202
202
  input,
203
203
  textarea,
@@ -208,7 +208,7 @@ select,
208
208
  outline-offset: var(--db-border-height-xs);
209
209
  box-shadow: 0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color, transparent);
210
210
  }
211
- :not([type=radio], [role=switch]):is(a,
211
+ :not([data-disable-focus=true]):not([type=radio], [role=switch]):is(a,
212
212
  button,
213
213
  input,
214
214
  textarea,
@@ -218,7 +218,7 @@ select,
218
218
  border-radius: var(--db-border-radius-xs);
219
219
  }
220
220
  @media screen and (prefers-reduced-motion: no-preference) {
221
- :is(a,
221
+ :not([data-disable-focus=true]):is(a,
222
222
  button,
223
223
  input,
224
224
  textarea,
@@ -561,7 +561,7 @@ a:has(code) {
561
561
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
562
562
  }
563
563
  a:has(code):hover:not(:disabled, [aria-disabled=true]) {
564
- cursor: pointer;
564
+ cursor: var(--db-overwrite-cursor, pointer);
565
565
  color: var(--db-adaptive-on-bg-inverted-hovered);
566
566
  }
567
567
  a:has(code):hover:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input) {
@@ -571,7 +571,7 @@ a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
571
571
  cursor: pointer;
572
572
  }
573
573
  a:has(code):active:not(:disabled, [aria-disabled=true]) {
574
- cursor: pointer;
574
+ cursor: var(--db-overwrite-cursor, pointer);
575
575
  color: var(--db-adaptive-on-bg-inverted-pressed);
576
576
  }
577
577
  a:has(code):active:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):active:not(:disabled, [aria-disabled=true]):is(input) {
@@ -611,7 +611,7 @@ blockquote {
611
611
  }
612
612
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]),
613
613
  [data-interactive=elevation]:hover:not(:disabled, [aria-disabled=true]) {
614
- cursor: pointer;
614
+ cursor: var(--db-overwrite-cursor, pointer);
615
615
  box-shadow: var(--db-elevation-lg);
616
616
  }
617
617
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(input),
@@ -626,7 +626,7 @@ blockquote {
626
626
  }
627
627
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]),
628
628
  [data-interactive=elevation]:active:not(:disabled, [aria-disabled=true]) {
629
- cursor: pointer;
629
+ cursor: var(--db-overwrite-cursor, pointer);
630
630
  box-shadow: var(--db-elevation-sm);
631
631
  }
632
632
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(input),
package/build/styles/webpack.css CHANGED
@@ -197,7 +197,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
197
197
  /* Border */
198
198
  /* Transitions */
199
199
  /* Use this file if you want the default color and density in your project */
200
- :is(a,
200
+ :not([data-disable-focus=true]):is(a,
201
201
  button,
202
202
  input,
203
203
  textarea,
@@ -208,7 +208,7 @@ select,
208
208
  outline-offset: var(--db-border-height-xs);
209
209
  box-shadow: 0 0 0 var(--db-border-height-xs) var(--db-focus-box-shadow-bg-color, transparent);
210
210
  }
211
- :not([type=radio], [role=switch]):is(a,
211
+ :not([data-disable-focus=true]):not([type=radio], [role=switch]):is(a,
212
212
  button,
213
213
  input,
214
214
  textarea,
@@ -218,7 +218,7 @@ select,
218
218
  border-radius: var(--db-border-radius-xs);
219
219
  }
220
220
  @media screen and (prefers-reduced-motion: no-preference) {
221
- :is(a,
221
+ :not([data-disable-focus=true]):is(a,
222
222
  button,
223
223
  input,
224
224
  textarea,
@@ -561,7 +561,7 @@ a:has(code) {
561
561
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
562
562
  }
563
563
  a:has(code):hover:not(:disabled, [aria-disabled=true]) {
564
- cursor: pointer;
564
+ cursor: var(--db-overwrite-cursor, pointer);
565
565
  color: var(--db-adaptive-on-bg-inverted-hovered);
566
566
  }
567
567
  a:has(code):hover:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input) {
@@ -571,7 +571,7 @@ a:has(code):hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
571
571
  cursor: pointer;
572
572
  }
573
573
  a:has(code):active:not(:disabled, [aria-disabled=true]) {
574
- cursor: pointer;
574
+ cursor: var(--db-overwrite-cursor, pointer);
575
575
  color: var(--db-adaptive-on-bg-inverted-pressed);
576
576
  }
577
577
  a:has(code):active:not(:disabled, [aria-disabled=true]):is(textarea), a:has(code):active:not(:disabled, [aria-disabled=true]):is(input) {
@@ -611,7 +611,7 @@ blockquote {
611
611
  }
612
612
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]),
613
613
  [data-interactive=elevation]:hover:not(:disabled, [aria-disabled=true]) {
614
- cursor: pointer;
614
+ cursor: var(--db-overwrite-cursor, pointer);
615
615
  box-shadow: var(--db-elevation-lg);
616
616
  }
617
617
  .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:hover:not(:disabled, [aria-disabled=true]):is(input),
@@ -626,7 +626,7 @@ blockquote {
626
626
  }
627
627
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]),
628
628
  [data-interactive=elevation]:active:not(:disabled, [aria-disabled=true]) {
629
- cursor: pointer;
629
+ cursor: var(--db-overwrite-cursor, pointer);
630
630
  box-shadow: var(--db-elevation-sm);
631
631
  }
632
632
  .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-interactive-elevation:active:not(:disabled, [aria-disabled=true]):is(input),
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "1.1.1",
3
+ "version": "2.0.0-0-custom-select-16b8cce",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
7
7
  "type": "git",
8
- "url": "https://github.com/db-ux-design-system/core-web.git"
8
+ "url": "git+https://github.com/db-ux-design-system/core-web.git"
9
9
  },
10
10
  "license": "DB Design License",
11
11
  "main": "./build/index.js",
@@ -55,7 +55,7 @@
55
55
  "sass": "1.85.0",
56
56
  "tsx": "^4.19.3",
57
57
  "typescript": "^5.4.5",
58
- "vite": "^6.2.0"
58
+ "vite": "^6.2.1"
59
59
  },
60
60
  "publishConfig": {
61
61
  "registry": "https://registry.npmjs.org/",