@db-ux/core-components 4.2.6 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/build/assets/fonts/unicode-eu.txt +1 -1
- package/build/components/checkbox/checkbox.css +1 -1
- package/build/components/checkbox/checkbox.scss +16 -14
- package/build/styles/absolute.css +1 -1
- package/build/styles/index.css +1 -1
- package/build/styles/relative.css +1 -1
- package/build/styles/rollup.css +1 -1
- package/build/styles/webpack.css +1 -1
- package/package.json +9 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @db-ux/core-components
|
|
2
2
|
|
|
3
|
+
## 4.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- _version bump_ (staying in sync with the Figma library) - [see commit 9e03702](https://github.com/db-ux-design-system/core-web/commit/9e0370266511fa99085ff837e430ad83f28856ec)
|
|
8
|
+
|
|
3
9
|
## 4.2.6
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
@@ -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;
|
|
@@ -7,20 +7,22 @@
|
|
|
7
7
|
@use "../../styles/internal/form-components";
|
|
8
8
|
|
|
9
9
|
%center-icon {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
#{
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
#{
|
|
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
|
|
|
@@ -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
|
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
|
|
@@ -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
|
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
|
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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/core-components",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.0",
|
|
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.
|
|
52
|
+
"@db-ux/core-foundations": "4.3.0"
|
|
51
53
|
},
|
|
52
54
|
"devDependencies": {
|
|
53
55
|
"@builder.io/eslint-plugin-mitosis": "0.0.17",
|
|
54
|
-
"@builder.io/mitosis": "0.
|
|
55
|
-
"@builder.io/mitosis-cli": "0.
|
|
56
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
56
|
+
"@builder.io/mitosis": "0.13.0",
|
|
57
|
+
"@builder.io/mitosis-cli": "0.13.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.
|
|
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": {
|