@db-ux/core-components 4.2.5 → 4.2.7-consolidation2-66e78e5

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 (11) hide show
  1. package/CHANGELOG.md +21 -15
  2. package/build/components/checkbox/checkbox.css +1 -1
  3. package/build/components/checkbox/checkbox.scss +16 -14
  4. package/build/components/switch/switch.css +6 -1
  5. package/build/components/switch/switch.scss +6 -1
  6. package/build/styles/absolute.css +2 -2
  7. package/build/styles/index.css +2 -2
  8. package/build/styles/relative.css +2 -2
  9. package/build/styles/rollup.css +2 -2
  10. package/build/styles/webpack.css +2 -2
  11. package/package.json +7 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @db-ux/core-components
2
2
 
3
+ ## 4.2.6
4
+
5
+ ### Patch Changes
6
+
7
+ - fix(switch): not displaying the `forced-colors` content on regular display mode - [see commit 3b18938](https://github.com/db-ux-design-system/core-web/commit/3b189383324edd2a30b2d60b45fe1130ae5b8478)
8
+
3
9
  ## 4.2.5
4
10
 
5
11
  ### Patch Changes
@@ -43,14 +49,14 @@ _version bump_
43
49
  - refactor(notification): update and simplify grid layout for block link variant - [see commit cb83f96](https://github.com/db-ux-design-system/core-web/commit/cb83f966eaf29c85b4cf0079750bdd563f216d6e)
44
50
 
45
51
  - fix(DBCustomSelect): properly announce selected options - [see commit 773edeb](https://github.com/db-ux-design-system/core-web/commit/773edeb943a085eb79e1c8d59059137b2830fbf0):
46
- - feat(DBCustomSelect): introduce new property `selectedPrefix`
52
+ - feat(DBCustomSelect): introduce new property `selectedPrefix`
47
53
 
48
54
  ### Patch Changes
49
55
 
50
56
  - fix(DBCustomSelect): automatically handle form reset events - [see commit 6af5246](https://github.com/db-ux-design-system/core-web/commit/6af5246b3b2e6febdc6ff6342ba1a8eb10184d14):
51
- - An event listener is now added for every form component (input, custom-select, etc.) when a `form` property is passed.
52
- - This listener detects form resets and updates the component's internal value/checked state accordingly.
53
- - > **Note**: This does not work for `ngModel` in Angular.
57
+ - An event listener is now added for every form component (input, custom-select, etc.) when a `form` property is passed.
58
+ - This listener detects form resets and updates the component's internal value/checked state accordingly.
59
+ - > **Note**: This does not work for `ngModel` in Angular.
54
60
 
55
61
  - fix(button): Replace fixed height with min-height for buttons to allow dynamic height adjustment when text wraps - [see commit d1fd2c4](https://github.com/db-ux-design-system/core-web/commit/d1fd2c4e58a5ed6f75fab44700cd2d93c7232474)
56
62
 
@@ -73,7 +79,7 @@ _version bump_
73
79
  ### Patch Changes
74
80
 
75
81
  - chore: update instructions files for better copilot outputs - [see commit e4bc905](https://github.com/db-ux-design-system/core-web/commit/e4bc90508479387371d816d5776f9f568aa5fb82):
76
- - fix: add some missing variables
82
+ - fix: add some missing variables
77
83
 
78
84
  - fix(card): Remove the obsolete but harmful declaration regarding wrapping button and link styles. - [see commit 34c78df](https://github.com/db-ux-design-system/core-web/commit/34c78dffd4f43b0ac740574358b426a562e05cd0)
79
85
 
@@ -88,9 +94,9 @@ _version bump_
88
94
  ### Major Changes
89
95
 
90
96
  - feat: Switch stable rework - [see commit cb2deb0](https://github.com/db-ux-design-system/core-web/commit/cb2deb0f1c54900d1967483aea05d81279c02f59):
91
- - **BREAKING CHANGE**: remove `emphasis` property
92
- - introduce validation (invalid and valid)
93
- - configurable label position
97
+ - **BREAKING CHANGE**: remove `emphasis` property
98
+ - introduce validation (invalid and valid)
99
+ - configurable label position
94
100
 
95
101
  - **BREAKING CHANGE**: refactor(Custom Select): renamed `ariaListLabel` property to `listLabel` - [see commit 966d5ad](https://github.com/db-ux-design-system/core-web/commit/966d5ad01f00d0ca1707cc316a63e2d431fff1e9)
96
102
 
@@ -109,12 +115,12 @@ _version bump_
109
115
  ### Patch Changes
110
116
 
111
117
  - fix(DBTabs): ensure navigation arrows appear correctly on window resize - [see commit 4e65e00](https://github.com/db-ux-design-system/core-web/commit/4e65e00d280cae18baee03b5a7a9b13eec063835):
112
- - This update resolves an issue where navigation arrows in DBTabs would not appear or update correctly when the window was resized. The component now properly responds to resize events, ensuring arrows are always shown or hidden as needed.
118
+ - This update resolves an issue where navigation arrows in DBTabs would not appear or update correctly when the window was resized. The component now properly responds to resize events, ensuring arrows are always shown or hidden as needed.
113
119
 
114
120
  - fix(select): jumping placeholder for label above - [see commit 7ed8d22](https://github.com/db-ux-design-system/core-web/commit/7ed8d2225102e0e9044437e95917e11eef4bc73f)
115
121
 
116
122
  - enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package - [see commit 0233048](https://github.com/db-ux-design-system/core-web/commit/023304869e61f5a506dca66a22d69e5f3d70f4d0):
117
- - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation
123
+ - auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation
118
124
 
119
125
  ## 3.1.17
120
126
 
@@ -122,17 +128,17 @@ _version bump_
122
128
 
123
129
  - fix: color mode for textarea resizer control set by color-mode-switch documentation UI component - [see commit 354e270](https://github.com/db-ux-design-system/core-web/commit/354e27029a4378288a97ed5e31b75c11758f0c01)
124
130
  - refactor: enabling `hidden` HTML attribute in every context in which we need to set overwriting styling declarations (`display`) - [see commit 4826455](https://github.com/db-ux-design-system/core-web/commit/4826455637590b6ae780afb93abb9effe9380342)
125
- - @db-ux/core-foundations@3.1.17
131
+ - @db-ux/core-foundations@3.1.17
126
132
 
127
133
  ## 3.1.16
128
134
 
129
135
  ### Patch Changes
130
136
 
131
137
  - a28eb71: fix(custom-select): keyboard navigation for option groups in single-select mode - [see commit 6d60bab](https://github.com/db-ux-design-system/core-web/commit/6d60bab2eb87f16a9ffa942085bffd658564769c):
132
- - Fixes a keyboard accessibility issue where users could not navigate to options in subsequent option groups using arrow keys in single-select mode.
133
- - Now, all options are accessible via keyboard regardless of group boundaries.
138
+ - Fixes a keyboard accessibility issue where users could not navigate to options in subsequent option groups using arrow keys in single-select mode.
139
+ - Now, all options are accessible via keyboard regardless of group boundaries.
134
140
  - fix: JS framework core-components packages are missing `@db-ux` dependencies - [see commit 49df866](https://github.com/db-ux-design-system/core-web/commit/49df866e753a9459f5acdca4ad1e19141b477471)
135
- - @db-ux/core-foundations@3.1.16
141
+ - @db-ux/core-foundations@3.1.16
136
142
 
137
143
  ## 3.1.15
138
144
 
@@ -141,4 +147,4 @@ _version bump_
141
147
  - 262964b: fix(Switch): double event firing with Angular signals
142
148
  - 262964b: fix(CustomSelect): tags remaining visible when form values are reset
143
149
  - 262964b: fix(CustomSelect): custom removeTagsTexts are not applied correctly
144
- - @db-ux/core-foundations@3.1.15
150
+ - @db-ux/core-foundations@3.1.15
package/build/components/checkbox/checkbox.css CHANGED
@@ -197,7 +197,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
197
197
  display: none;
198
198
  }
199
199
 
200
- .db-checkbox input:indeterminate::before, .db-checkbox input:checked::before {
200
+ .db-checkbox input:not([data-show-icon-leading=false]):indeterminate::before, .db-checkbox input:not([data-show-icon-leading=false]):checked::before {
201
201
  --db-icon-margin-end: 0;
202
202
  display: inline-flex;
203
203
  align-items: center;
package/build/components/checkbox/checkbox.scss CHANGED
@@ -7,20 +7,22 @@
7
7
  @use "../../styles/internal/form-components";
8
8
 
9
9
  %center-icon {
10
- &::before {
11
- --db-icon-margin-end: 0;
12
-
13
- display: inline-flex;
14
- align-items: center;
15
- justify-content: center;
16
- block-size: calc(
17
- #{form-components.$font-size-height} - 2 *
18
- #{variables.$db-border-width-3xs}
19
- );
20
- inline-size: calc(
21
- #{form-components.$font-size-height} - 2 *
22
- #{variables.$db-border-width-3xs}
23
- );
10
+ &:not([data-show-icon-leading="false"]) {
11
+ &::before {
12
+ --db-icon-margin-end: 0;
13
+
14
+ display: inline-flex;
15
+ align-items: center;
16
+ justify-content: center;
17
+ block-size: calc(
18
+ #{form-components.$font-size-height} - 2 *
19
+ #{variables.$db-border-width-3xs}
20
+ );
21
+ inline-size: calc(
22
+ #{form-components.$font-size-height} - 2 *
23
+ #{variables.$db-border-width-3xs}
24
+ );
25
+ }
24
26
  }
25
27
  }
26
28
 
package/build/components/switch/switch.css CHANGED
@@ -532,7 +532,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
532
532
  aspect-ratio: 1;
533
533
  }
534
534
  .db-switch input::before {
535
- content: "°"/"";
535
+ content: "";
536
536
  text-align: center;
537
537
  align-content: center;
538
538
  aspect-ratio: 1;
@@ -548,6 +548,11 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
548
548
  transition: margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional), inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional), block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional), transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional), visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional);
549
549
  }
550
550
  }
551
+ @media (forced-colors: active) {
552
+ .db-switch input::before {
553
+ content: "•"/"";
554
+ }
555
+ }
551
556
  .db-switch input:checked {
552
557
  --thumb-offset-x: calc(100% + 0.125rem);
553
558
  --db-icon-color: var(--db-adaptive-on-bg-inverted-default);
package/build/components/switch/switch.scss CHANGED
@@ -89,7 +89,7 @@ $checked-active-transition-size: calc(
89
89
 
90
90
  // thumb
91
91
  &::before {
92
- content: "°" / ""; // This is a workaround for forced-colors mode from browser
92
+ content: "";
93
93
  text-align: center;
94
94
  align-content: center;
95
95
  aspect-ratio: 1;
@@ -121,6 +121,11 @@ $checked-active-transition-size: calc(
121
121
  visibility variables.$db-transition-duration-fast
122
122
  variables.$db-transition-timing-emotional;
123
123
  }
124
+
125
+ // This is a workaround for forced-colors mode from browser
126
+ @media (forced-colors: active) {
127
+ content: "•" / "";
128
+ }
124
129
  }
125
130
 
126
131
  /* positioned at the end of the track: track length - 100% (thumb width) */
package/build/styles/absolute.css CHANGED
@@ -1644,7 +1644,7 @@
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
1645
  )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification:has(.db-button){grid-template-areas:"content close";grid-template-columns:1fr min-content}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification:has(header){grid-template-areas:"head" "content";grid-template-columns:1fr}.db-notification:has(header)[data-link-variant=inline]{grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button){grid-template-areas:"head close" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"head timestamp close" "content content .";grid-template-columns:1fr min-content min-content}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-areas:"icon head" "icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon head timestamp close" "icon content content .";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(a) span,.db-notification:not([data-variant=overlay])[data-link-variant=block] span{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has(span) .db-button,.db-notification:has(span) header,.db-notification:has(span) p,.db-notification:has(span):before{margin-block-start:-2px}.db-notification{background-color:var(--db-adaptive-bg-basic-level-2-default);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;padding:var(--db-spacing-fixed-md)}.db-notification:not([hidden]){display:grid}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification header{grid-area:head}.db-notification header,.db-notification header h1,.db-notification header h2,.db-notification header h3,.db-notification header h4,.db-notification header h5,.db-notification header h6{font:var(--db-type-body-md);font-weight:700;margin:0}.db-notification header h1:after,.db-notification header h1:before,.db-notification header h2:after,.db-notification header h2:before,.db-notification header h3:after,.db-notification header h3:before,.db-notification header h4:after,.db-notification header h4:before,.db-notification header h5:after,.db-notification header h5:before,.db-notification header h6:after,.db-notification header h6:before,.db-notification header:after,.db-notification header:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification p{grid-area:content;margin:0}.db-notification img{border-radius:var(--db-border-radius-xs);grid-area:icon;max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);object-fit:cover}.db-notification span{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline] a{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification[data-link-variant=inline]:has(a)>span{display:none}.db-notification:not([data-link-variant=inline]) a{grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
- );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1647
+ );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
1649
1649
  )}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover):is(label),.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover) input{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active){--db-check-element-label-color:var(
1650
1650
  --db-adaptive-on-bg-basic-emphasis-100-pressed
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/index.css CHANGED
@@ -492,7 +492,7 @@
492
492
  --db-informational-on-bg-basic-emphasis-70-default
493
493
  )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification:has(.db-button){grid-template-areas:"content close";grid-template-columns:1fr min-content}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification:has(header){grid-template-areas:"head" "content";grid-template-columns:1fr}.db-notification:has(header)[data-link-variant=inline]{grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button){grid-template-areas:"head close" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"head timestamp close" "content content .";grid-template-columns:1fr min-content min-content}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-areas:"icon head" "icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon head timestamp close" "icon content content .";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(a) span,.db-notification:not([data-variant=overlay])[data-link-variant=block] span{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has(span) .db-button,.db-notification:has(span) header,.db-notification:has(span) p,.db-notification:has(span):before{margin-block-start:-2px}.db-notification{background-color:var(--db-adaptive-bg-basic-level-2-default);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;padding:var(--db-spacing-fixed-md)}.db-notification:not([hidden]){display:grid}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification header{grid-area:head}.db-notification header,.db-notification header h1,.db-notification header h2,.db-notification header h3,.db-notification header h4,.db-notification header h5,.db-notification header h6{font:var(--db-type-body-md);font-weight:700;margin:0}.db-notification header h1:after,.db-notification header h1:before,.db-notification header h2:after,.db-notification header h2:before,.db-notification header h3:after,.db-notification header h3:before,.db-notification header h4:after,.db-notification header h4:before,.db-notification header h5:after,.db-notification header h5:before,.db-notification header h6:after,.db-notification header h6:before,.db-notification header:after,.db-notification header:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification p{grid-area:content;margin:0}.db-notification img{border-radius:var(--db-border-radius-xs);grid-area:icon;max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);object-fit:cover}.db-notification span{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline] a{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification[data-link-variant=inline]:has(a)>span{display:none}.db-notification:not([data-link-variant=inline]) a{grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
494
494
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
495
- );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
495
+ );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
496
496
  --db-adaptive-on-bg-basic-emphasis-100-hovered
497
497
  )}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover):is(label),.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover) input{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active){--db-check-element-label-color:var(
498
498
  --db-adaptive-on-bg-basic-emphasis-100-pressed
@@ -832,7 +832,7 @@
832
832
  --db-critical-bg-inverted-contrast-low-hovered
833
833
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
834
834
  --db-critical-bg-inverted-contrast-low-pressed
835
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
835
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
836
836
  --db-adaptive-bg-inverted-contrast-max-default
837
837
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
838
838
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/relative.css CHANGED
@@ -1644,7 +1644,7 @@
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
1645
  )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification:has(.db-button){grid-template-areas:"content close";grid-template-columns:1fr min-content}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification:has(header){grid-template-areas:"head" "content";grid-template-columns:1fr}.db-notification:has(header)[data-link-variant=inline]{grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button){grid-template-areas:"head close" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"head timestamp close" "content content .";grid-template-columns:1fr min-content min-content}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-areas:"icon head" "icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon head timestamp close" "icon content content .";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(a) span,.db-notification:not([data-variant=overlay])[data-link-variant=block] span{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has(span) .db-button,.db-notification:has(span) header,.db-notification:has(span) p,.db-notification:has(span):before{margin-block-start:-2px}.db-notification{background-color:var(--db-adaptive-bg-basic-level-2-default);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;padding:var(--db-spacing-fixed-md)}.db-notification:not([hidden]){display:grid}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification header{grid-area:head}.db-notification header,.db-notification header h1,.db-notification header h2,.db-notification header h3,.db-notification header h4,.db-notification header h5,.db-notification header h6{font:var(--db-type-body-md);font-weight:700;margin:0}.db-notification header h1:after,.db-notification header h1:before,.db-notification header h2:after,.db-notification header h2:before,.db-notification header h3:after,.db-notification header h3:before,.db-notification header h4:after,.db-notification header h4:before,.db-notification header h5:after,.db-notification header h5:before,.db-notification header h6:after,.db-notification header h6:before,.db-notification header:after,.db-notification header:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification p{grid-area:content;margin:0}.db-notification img{border-radius:var(--db-border-radius-xs);grid-area:icon;max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);object-fit:cover}.db-notification span{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline] a{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification[data-link-variant=inline]:has(a)>span{display:none}.db-notification:not([data-link-variant=inline]) a{grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
- );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1647
+ );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
1649
1649
  )}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover):is(label),.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover) input{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active){--db-check-element-label-color:var(
1650
1650
  --db-adaptive-on-bg-basic-emphasis-100-pressed
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/rollup.css CHANGED
@@ -1644,7 +1644,7 @@
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
1645
  )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification:has(.db-button){grid-template-areas:"content close";grid-template-columns:1fr min-content}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification:has(header){grid-template-areas:"head" "content";grid-template-columns:1fr}.db-notification:has(header)[data-link-variant=inline]{grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button){grid-template-areas:"head close" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"head timestamp close" "content content .";grid-template-columns:1fr min-content min-content}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-areas:"icon head" "icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon head timestamp close" "icon content content .";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(a) span,.db-notification:not([data-variant=overlay])[data-link-variant=block] span{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has(span) .db-button,.db-notification:has(span) header,.db-notification:has(span) p,.db-notification:has(span):before{margin-block-start:-2px}.db-notification{background-color:var(--db-adaptive-bg-basic-level-2-default);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;padding:var(--db-spacing-fixed-md)}.db-notification:not([hidden]){display:grid}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification header{grid-area:head}.db-notification header,.db-notification header h1,.db-notification header h2,.db-notification header h3,.db-notification header h4,.db-notification header h5,.db-notification header h6{font:var(--db-type-body-md);font-weight:700;margin:0}.db-notification header h1:after,.db-notification header h1:before,.db-notification header h2:after,.db-notification header h2:before,.db-notification header h3:after,.db-notification header h3:before,.db-notification header h4:after,.db-notification header h4:before,.db-notification header h5:after,.db-notification header h5:before,.db-notification header h6:after,.db-notification header h6:before,.db-notification header:after,.db-notification header:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification p{grid-area:content;margin:0}.db-notification img{border-radius:var(--db-border-radius-xs);grid-area:icon;max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);object-fit:cover}.db-notification span{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline] a{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification[data-link-variant=inline]:has(a)>span{display:none}.db-notification:not([data-link-variant=inline]) a{grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
- );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1647
+ );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
1649
1649
  )}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover):is(label),.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover) input{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active){--db-check-element-label-color:var(
1650
1650
  --db-adaptive-on-bg-basic-emphasis-100-pressed
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/build/styles/webpack.css CHANGED
@@ -1644,7 +1644,7 @@
1644
1644
  --db-informational-on-bg-basic-emphasis-70-default
1645
1645
  )}.db-infotext:has(>.db-infotext){margin:0}.db-infotext:has(>.db-infotext):before{content:none}.db-notification{grid-template-areas:"content";grid-template-columns:1fr}[data-link-variant=inline].db-notification{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification:has(.db-button){grid-template-areas:"content close";grid-template-columns:1fr min-content}.db-notification:has(.db-button)[data-link-variant=inline]{grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification:has(header){grid-template-areas:"head" "content";grid-template-columns:1fr}.db-notification:has(header)[data-link-variant=inline]{grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button){grid-template-areas:"head close" "content content";grid-template-columns:1fr min-content}.db-notification:has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"head timestamp close" "content content .";grid-template-columns:1fr min-content min-content}.db-notification:has(img),[data-icon].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive]){grid-template-areas:"icon content";grid-template-columns:min-content 1fr}.db-notification:has(img)[data-link-variant=inline],[data-icon][data-link-variant=inline].db-notification,[data-semantic].db-notification:not([data-semantic=adaptive])[data-link-variant=inline]{grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button),[data-icon].db-notification:has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button){grid-template-areas:"icon content close";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification:has(img):has(header),[data-icon].db-notification:has(header),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header){grid-template-areas:"icon head" "icon content";grid-template-columns:min-content 1fr}.db-notification:has(img):has(header)[data-link-variant=inline],[data-icon].db-notification:has(header)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header)[data-link-variant=inline]{grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button),[data-icon].db-notification:has(header):has(.db-button),[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification:has(img):has(header):has(.db-button)[data-link-variant=inline],[data-icon].db-notification:has(header):has(.db-button)[data-link-variant=inline],[data-semantic].db-notification:not([data-semantic=adaptive]):has(header):has(.db-button)[data-link-variant=inline]{grid-template-areas:"icon head timestamp close" "icon content content .";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]{grid-template-areas:"content timestamp";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(.db-button){grid-template-areas:"content timestamp close";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(header){grid-template-areas:"head timestamp" "content content";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(img),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(img):has(header),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(img):has(header):has(.db-button),[data-icon].db-notification[data-variant=overlay]:not([data-show-icon=false]):has(header):has(.db-button),[data-semantic].db-notification[data-variant=overlay]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]{grid-template-areas:"content timestamp" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(.db-button){grid-template-areas:"content timestamp close" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header){grid-template-areas:"head timestamp" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head timestamp close" "content content content" "link link link";grid-template-columns:1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content timestamp" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content timestamp close" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head timestamp" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:has(span)[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:has(span)[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head timestamp close" "icon content content content" "icon link link link";grid-template-columns:min-content 1fr min-content min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]{grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(.db-button){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(header):has(.db-button){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block]:has(img):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-icon]:not([data-show-icon=false]):has(header):has(.db-button),.db-notification[data-variant=overlay]:not(:has(span))[data-link-variant=block][data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-variant=overlay]):not([data-link-variant]):has(a) span,.db-notification:not([data-variant=overlay])[data-link-variant=block] span{display:none}.db-notification:not([data-link-variant]):has(a):not([data-variant=overlay]),[data-link-variant=block].db-notification:not([data-variant=overlay]){grid-template-areas:"content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(.db-button):not([data-variant=overlay]){grid-template-areas:"content close" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):not([data-variant=overlay]){grid-template-areas:"head" "content" "link";grid-template-columns:1fr}.db-notification:not([data-link-variant]):has(a):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"head close" "content content" "link link";grid-template-columns:1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):not([data-variant=overlay]){grid-template-areas:"icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon content close" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:not([data-link-variant]):has(a):has(img):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):not([data-variant=overlay]){grid-template-areas:"icon head" "icon content" "icon link";grid-template-columns:min-content 1fr}.db-notification:not([data-link-variant]):has(a):has(img):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-icon]:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),.db-notification:not([data-link-variant]):has(a)[data-semantic]:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block].db-notification:has(img):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-icon].db-notification:not([data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]),[data-link-variant=block][data-semantic].db-notification:not([data-semantic=adaptive],[data-show-icon=false]):has(header):has(.db-button):not([data-variant=overlay]){grid-template-areas:"icon head close" "icon content content" "icon link link";grid-template-columns:min-content 1fr min-content}.db-notification:has(span) .db-button,.db-notification:has(span) header,.db-notification:has(span) p,.db-notification:has(span):before{margin-block-start:-2px}.db-notification{background-color:var(--db-adaptive-bg-basic-level-2-default);gap:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-md);inline-size:inherit;padding:var(--db-spacing-fixed-md)}.db-notification:not([hidden]){display:grid}.db-notification:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-70-default)}.db-notification a:after,.db-notification a:before{content:none!important;margin:0!important}.db-notification header{grid-area:head}.db-notification header,.db-notification header h1,.db-notification header h2,.db-notification header h3,.db-notification header h4,.db-notification header h5,.db-notification header h6{font:var(--db-type-body-md);font-weight:700;margin:0}.db-notification header h1:after,.db-notification header h1:before,.db-notification header h2:after,.db-notification header h2:before,.db-notification header h3:after,.db-notification header h3:before,.db-notification header h4:after,.db-notification header h4:before,.db-notification header h5:after,.db-notification header h5:before,.db-notification header h6:after,.db-notification header h6:before,.db-notification header:after,.db-notification header:before{--db-icon-font-size:var(--db-base-body-icon-font-size-md);--db-icon-font-weight:var(--db-base-body-icon-weight-md)}.db-notification p{grid-area:content;margin:0}.db-notification img{border-radius:var(--db-border-radius-xs);grid-area:icon;max-block-size:var(--db-sizing-md);max-inline-size:var(--db-sizing-md);min-block-size:var(--db-sizing-md);min-inline-size:var(--db-sizing-md);object-fit:cover}.db-notification span{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification .db-button{grid-area:close}.db-notification[data-link-variant=inline] a{grid-area:timestamp;justify-self:end;white-space:nowrap}.db-notification[data-link-variant=inline]:has(a)>span{display:none}.db-notification:not([data-link-variant=inline]) a{grid-area:link;white-space:nowrap}.db-notification:before,.db-notification[data-icon]:before{--db-icon-margin-end:0;--db-icon-font-family:var(
1646
1646
  --db-icon-filled-font-family,"db-ux-filled","icon-font-fallback"
1647
- );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:checked:before,.db-checkbox input:indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1647
+ );grid-area:icon}.db-notification[data-show-icon=false]:before{display:none}.db-notification:has(img):before{content:none!important}.db-notification[data-variant=overlay]{box-shadow:var(--db-elevation-md)}.db-notification[data-semantic=neutral]:not([data-icon]):before{--db-icon:"information_circle"}.db-notification[data-semantic=critical]:not([data-icon]):before{--db-icon:"exclamation_mark_circle"}.db-notification[data-semantic=successful]:not([data-icon]):before{--db-icon:"check_circle"}.db-notification[data-semantic=warning]:not([data-icon]):before{--db-icon:"exclamation_mark_triangle"}.db-notification[data-semantic=informational]:not([data-icon]):before{--db-icon:"information_circle"}.db-checkbox input:not([data-show-icon-leading=false]):checked:before,.db-checkbox input:not([data-show-icon-leading=false]):indeterminate:before{--db-icon-margin-end:0;align-items:center;block-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);display:inline-flex;inline-size:calc(var(--db-icon-font-size) - var(--db-border-width-3xs)*2);justify-content:center}.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*";padding-inline-start:1px}@supports (content:""/""){.db-checkbox:not([data-hide-asterisk=true]):has(input:required):is(label):after,.db-checkbox:not([data-hide-asterisk=true]):has(input:required)>label:after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]:is(label):after,.db-checkbox:not([data-hide-asterisk=true])[data-required=true]>label:after{content:"*"/""}}.db-checkbox:has(input:disabled){opacity:var(--db-opacity-md)}.db-checkbox:is(label),.db-checkbox>label{align-items:flex-start;color:var(--db-check-element-label-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));position:relative}.db-checkbox:is(label):not([hidden]),.db-checkbox>label:not([hidden]){display:flex}.db-checkbox input{appearance:none;aspect-ratio:1;background-color:var(--db-adaptive-bg-basic-transparent-full-default);block-size:var(--db-icon-font-size);border:min(var(--db-border-width-2xs),2px) solid var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));inline-size:var(--db-icon-font-size);margin-inline-end:var(--db-spacing-fixed-xs);padding:0;place-content:center center}.db-checkbox[data-size=small] input{margin-inline-end:var(--db-spacing-fixed-2xs)}.db-checkbox[data-hide-label=true]{font-size:0}.db-checkbox[data-hide-label=true] input{margin-inline-end:0}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover){--db-check-element-label-color:var(
1648
1648
  --db-adaptive-on-bg-basic-emphasis-100-hovered
1649
1649
  )}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover):is(label),.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover)>label{cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:hover,>label:hover,:is(label):hover) input{background-color:var(--db-adaptive-bg-basic-transparent-full-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-checkbox:not(:has(input:disabled)):has(input:active,>label:active,:is(label):active){--db-check-element-label-color:var(
1650
1650
  --db-adaptive-on-bg-basic-emphasis-100-pressed
@@ -1984,7 +1984,7 @@
1984
1984
  --db-critical-bg-inverted-contrast-low-hovered
1985
1985
  );--db-adaptive-bg-basic-transparent-full-pressed:var(
1986
1986
  --db-critical-bg-inverted-contrast-low-pressed
1987
- )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"°"/"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1987
+ )}.db-switch input{--db-icon-margin-start:0;--thumb-offset-x:0.125rem;align-items:center;appearance:none;block-size:var(--db-icon-font-size);border-radius:var(--db-border-radius-full);box-sizing:content-box;gap:.125rem;inline-size:calc(var(--db-icon-font-size)*2 + .125rem);margin-inline-end:0}.db-switch input:not([hidden]){display:flex}.db-switch input:not([data-show-icon-trailing=false]):after{--db-icon-trailing:"cross";content:var(--db-icon-trailing,attr(data-icon-trailing));margin-inline-start:var(--db-icon-margin-start,var(--db-spacing-fixed-xs))}@supports (content:""/""){.db-switch input:not([data-show-icon-trailing=false]):after{content:var(--db-icon-trailing,attr(data-icon-trailing))/""}}.db-switch input:after{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);align-self:center;aspect-ratio:1;visibility:hidden}.db-switch input:before{align-content:center;aspect-ratio:1;background-color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));block-size:calc(var(--db-icon-font-size) - .25rem);border-radius:var(--db-border-radius-full);color:var(--db-check-element-border-color,var(--db-adaptive-on-bg-basic-emphasis-100-default));content:"";margin-inline-end:calc(var(--db-icon-font-size) - var(--db-icon-font-size) + .25rem);text-align:center;transform:translateX(var(--thumb-offset-x))}@media screen and (prefers-reduced-motion:no-preference){.db-switch input:before{transition:margin var(--db-transition-duration-fast) var(--db-transition-timing-emotional),inline-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),block-size var(--db-transition-duration-fast) var(--db-transition-timing-emotional),transform var(--db-transition-duration-fast) var(--db-transition-timing-emotional),visibility var(--db-transition-duration-fast) var(--db-transition-timing-emotional)}}@media (forced-colors:active){.db-switch input:before{content:"•"/""}}.db-switch input:checked{--thumb-offset-x:calc(100% + 0.125rem);--db-icon-color:var(--db-adaptive-on-bg-inverted-default);--db-adaptive-bg-basic-transparent-full-default:var(
1988
1988
  --db-adaptive-bg-inverted-contrast-max-default
1989
1989
  );--db-adaptive-bg-basic-transparent-full-hovered:var(
1990
1990
  --db-adaptive-bg-inverted-contrast-max-hovered
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-components",
3
- "version": "4.2.5",
3
+ "version": "4.2.7-consolidation2-66e78e5",
4
4
  "type": "module",
5
5
  "description": "General technical components (styling, fonts and icons) out of DB UX Design System (Version 3)",
6
6
  "repository": {
@@ -43,23 +43,26 @@
43
43
  "generate:agent": "mitosis build --config=configs/mitosis.agent.config.cjs",
44
44
  "generate:component": "hygen mitosis new",
45
45
  "generate:docs": "hygen update-docs new",
46
+ "generate:showcase": "mitosis build --config=configs/mitosis.showcase.config.cjs",
47
+ "generate:stories": "mitosis build --config=configs/mitosis.storybook.config.cjs",
46
48
  "prepack": "npm run copy-assets",
47
49
  "start": "nodemon --watch src --watch scripts --watch scripts --ext js,tsx,ts,scss,json --exec \"npm run build\""
48
50
  },
49
51
  "dependencies": {
50
- "@db-ux/core-foundations": "4.2.5"
52
+ "@db-ux/core-foundations": "4.2.7-consolidation2-66e78e5"
51
53
  },
52
54
  "devDependencies": {
53
55
  "@builder.io/eslint-plugin-mitosis": "0.0.17",
54
56
  "@builder.io/mitosis": "0.12.1",
55
57
  "@builder.io/mitosis-cli": "0.12.1",
56
- "@typescript-eslint/eslint-plugin": "8.49.0",
58
+ "@typescript-eslint/eslint-plugin": "8.53.0",
57
59
  "cpr": "3.0.1",
58
60
  "cssnano": "7.1.2",
59
61
  "hygen": "6.2.11",
60
62
  "nodemon": "3.1.11",
61
- "sass": "1.85.0",
63
+ "sass": "1.85.1",
62
64
  "sassdoc": "2.7.4",
65
+ "storybook": "10.1.11",
63
66
  "tsx": "4.21.0"
64
67
  },
65
68
  "publishConfig": {