@db-ux/core-components 4.5.2 → 4.5.3
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 +5 -0
- package/build/components/textarea/textarea.css +2 -2
- package/build/components/textarea/textarea.scss +2 -2
- 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 +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -787,8 +787,8 @@ textarea[aria-disabled=true]) {
|
|
|
787
787
|
transform: none;
|
|
788
788
|
background-color: var(--db-adaptive-bg-basic-transparent-semi-default);
|
|
789
789
|
z-index: 1;
|
|
790
|
-
border-block-end:
|
|
791
|
-
border-inline-end:
|
|
790
|
+
border-block-end: 0;
|
|
791
|
+
border-inline-end: 0;
|
|
792
792
|
}
|
|
793
793
|
.db-textarea[data-variant=floating]:has(textarea:is(:focus-within, :not(:placeholder-shown))):has(textarea:read-only)::after {
|
|
794
794
|
background-color: var(--db-adaptive-bg-basic-level-1-default) !important;
|
|
@@ -1880,7 +1880,7 @@
|
|
|
1880
1880
|
--db-critical-on-bg-basic-emphasis-100-default
|
|
1881
1881
|
);--db-adaptive-on-bg-basic-emphasis-60-default:var(
|
|
1882
1882
|
--db-critical-on-bg-basic-emphasis-60-default
|
|
1883
|
-
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:
|
|
1883
|
+
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:0;border-inline-end:0;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none;z-index:1}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:read-only):after{background-color:var(--db-adaptive-bg-basic-level-1-default)!important}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover,:focus)):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);block-size:fit-content;border-radius:var(--db-border-radius-full);font-weight:700;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:not([data-semantic]):not([data-emphasis]),.db-badge:not([data-semantic])[data-emphasis=weak],.db-badge[data-semantic=adaptive]:not([data-emphasis]),.db-badge[data-semantic=adaptive][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1884
1884
|
--db-adaptive-on-bg-basic-emphasis-70-default
|
|
1885
1885
|
);background-color:var(--db-adaptive-bg-basic-level-3-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic]):not([data-emphasis]):after,.db-badge:not([data-semantic]):not([data-emphasis]):before,.db-badge:not([data-semantic])[data-emphasis=weak]:after,.db-badge:not([data-semantic])[data-emphasis=weak]:before,.db-badge[data-semantic=adaptive]:not([data-emphasis]):after,.db-badge[data-semantic=adaptive]:not([data-emphasis]):before,.db-badge[data-semantic=adaptive][data-emphasis=weak]:after,.db-badge[data-semantic=adaptive][data-emphasis=weak]:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic])[data-emphasis=strong],.db-badge[data-semantic=adaptive][data-emphasis=strong]{--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge:not([data-semantic])[data-emphasis=strong]:after,.db-badge:not([data-semantic])[data-emphasis=strong]:before,.db-badge[data-semantic=adaptive][data-emphasis=strong]:after,.db-badge[data-semantic=adaptive][data-emphasis=strong]:before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge[data-semantic=neutral]:not([data-emphasis]),.db-badge[data-semantic=neutral][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1886
1886
|
--db-neutral-on-bg-basic-emphasis-70-default
|
package/build/styles/index.css
CHANGED
|
@@ -728,7 +728,7 @@
|
|
|
728
728
|
--db-critical-on-bg-basic-emphasis-100-default
|
|
729
729
|
);--db-adaptive-on-bg-basic-emphasis-60-default:var(
|
|
730
730
|
--db-critical-on-bg-basic-emphasis-60-default
|
|
731
|
-
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:
|
|
731
|
+
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:0;border-inline-end:0;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none;z-index:1}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:read-only):after{background-color:var(--db-adaptive-bg-basic-level-1-default)!important}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover,:focus)):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);block-size:fit-content;border-radius:var(--db-border-radius-full);font-weight:700;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:not([data-semantic]):not([data-emphasis]),.db-badge:not([data-semantic])[data-emphasis=weak],.db-badge[data-semantic=adaptive]:not([data-emphasis]),.db-badge[data-semantic=adaptive][data-emphasis=weak]{--db-tag-border-color:var(
|
|
732
732
|
--db-adaptive-on-bg-basic-emphasis-70-default
|
|
733
733
|
);background-color:var(--db-adaptive-bg-basic-level-3-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic]):not([data-emphasis]):after,.db-badge:not([data-semantic]):not([data-emphasis]):before,.db-badge:not([data-semantic])[data-emphasis=weak]:after,.db-badge:not([data-semantic])[data-emphasis=weak]:before,.db-badge[data-semantic=adaptive]:not([data-emphasis]):after,.db-badge[data-semantic=adaptive]:not([data-emphasis]):before,.db-badge[data-semantic=adaptive][data-emphasis=weak]:after,.db-badge[data-semantic=adaptive][data-emphasis=weak]:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic])[data-emphasis=strong],.db-badge[data-semantic=adaptive][data-emphasis=strong]{--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge:not([data-semantic])[data-emphasis=strong]:after,.db-badge:not([data-semantic])[data-emphasis=strong]:before,.db-badge[data-semantic=adaptive][data-emphasis=strong]:after,.db-badge[data-semantic=adaptive][data-emphasis=strong]:before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge[data-semantic=neutral]:not([data-emphasis]),.db-badge[data-semantic=neutral][data-emphasis=weak]{--db-tag-border-color:var(
|
|
734
734
|
--db-neutral-on-bg-basic-emphasis-70-default
|
|
@@ -1880,7 +1880,7 @@
|
|
|
1880
1880
|
--db-critical-on-bg-basic-emphasis-100-default
|
|
1881
1881
|
);--db-adaptive-on-bg-basic-emphasis-60-default:var(
|
|
1882
1882
|
--db-critical-on-bg-basic-emphasis-60-default
|
|
1883
|
-
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:
|
|
1883
|
+
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:0;border-inline-end:0;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none;z-index:1}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:read-only):after{background-color:var(--db-adaptive-bg-basic-level-1-default)!important}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover,:focus)):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);block-size:fit-content;border-radius:var(--db-border-radius-full);font-weight:700;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:not([data-semantic]):not([data-emphasis]),.db-badge:not([data-semantic])[data-emphasis=weak],.db-badge[data-semantic=adaptive]:not([data-emphasis]),.db-badge[data-semantic=adaptive][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1884
1884
|
--db-adaptive-on-bg-basic-emphasis-70-default
|
|
1885
1885
|
);background-color:var(--db-adaptive-bg-basic-level-3-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic]):not([data-emphasis]):after,.db-badge:not([data-semantic]):not([data-emphasis]):before,.db-badge:not([data-semantic])[data-emphasis=weak]:after,.db-badge:not([data-semantic])[data-emphasis=weak]:before,.db-badge[data-semantic=adaptive]:not([data-emphasis]):after,.db-badge[data-semantic=adaptive]:not([data-emphasis]):before,.db-badge[data-semantic=adaptive][data-emphasis=weak]:after,.db-badge[data-semantic=adaptive][data-emphasis=weak]:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic])[data-emphasis=strong],.db-badge[data-semantic=adaptive][data-emphasis=strong]{--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge:not([data-semantic])[data-emphasis=strong]:after,.db-badge:not([data-semantic])[data-emphasis=strong]:before,.db-badge[data-semantic=adaptive][data-emphasis=strong]:after,.db-badge[data-semantic=adaptive][data-emphasis=strong]:before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge[data-semantic=neutral]:not([data-emphasis]),.db-badge[data-semantic=neutral][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1886
1886
|
--db-neutral-on-bg-basic-emphasis-70-default
|
package/build/styles/rollup.css
CHANGED
|
@@ -1880,7 +1880,7 @@
|
|
|
1880
1880
|
--db-critical-on-bg-basic-emphasis-100-default
|
|
1881
1881
|
);--db-adaptive-on-bg-basic-emphasis-60-default:var(
|
|
1882
1882
|
--db-critical-on-bg-basic-emphasis-60-default
|
|
1883
|
-
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:
|
|
1883
|
+
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:0;border-inline-end:0;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none;z-index:1}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:read-only):after{background-color:var(--db-adaptive-bg-basic-level-1-default)!important}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover,:focus)):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);block-size:fit-content;border-radius:var(--db-border-radius-full);font-weight:700;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:not([data-semantic]):not([data-emphasis]),.db-badge:not([data-semantic])[data-emphasis=weak],.db-badge[data-semantic=adaptive]:not([data-emphasis]),.db-badge[data-semantic=adaptive][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1884
1884
|
--db-adaptive-on-bg-basic-emphasis-70-default
|
|
1885
1885
|
);background-color:var(--db-adaptive-bg-basic-level-3-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic]):not([data-emphasis]):after,.db-badge:not([data-semantic]):not([data-emphasis]):before,.db-badge:not([data-semantic])[data-emphasis=weak]:after,.db-badge:not([data-semantic])[data-emphasis=weak]:before,.db-badge[data-semantic=adaptive]:not([data-emphasis]):after,.db-badge[data-semantic=adaptive]:not([data-emphasis]):before,.db-badge[data-semantic=adaptive][data-emphasis=weak]:after,.db-badge[data-semantic=adaptive][data-emphasis=weak]:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic])[data-emphasis=strong],.db-badge[data-semantic=adaptive][data-emphasis=strong]{--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge:not([data-semantic])[data-emphasis=strong]:after,.db-badge:not([data-semantic])[data-emphasis=strong]:before,.db-badge[data-semantic=adaptive][data-emphasis=strong]:after,.db-badge[data-semantic=adaptive][data-emphasis=strong]:before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge[data-semantic=neutral]:not([data-emphasis]),.db-badge[data-semantic=neutral][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1886
1886
|
--db-neutral-on-bg-basic-emphasis-70-default
|
package/build/styles/webpack.css
CHANGED
|
@@ -1880,7 +1880,7 @@
|
|
|
1880
1880
|
--db-critical-on-bg-basic-emphasis-100-default
|
|
1881
1881
|
);--db-adaptive-on-bg-basic-emphasis-60-default:var(
|
|
1882
1882
|
--db-critical-on-bg-basic-emphasis-60-default
|
|
1883
|
-
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:
|
|
1883
|
+
)}.db-textarea:has(textarea[data-custom-validity=invalid])[data-variant=floating]:after,.db-textarea[data-custom-validity=invalid][data-variant=floating]:after{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) [id$=-placeholder],.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] [id$=-placeholder],.db-textarea[data-custom-validity=invalid] textarea{caret-color:var(--db-critical-on-bg-basic-emphasis-100-default);color:var(--db-critical-on-bg-basic-emphasis-100-default)}.db-textarea:has(textarea[data-custom-validity=invalid]) textarea,.db-textarea[data-custom-validity=invalid] textarea{border-color:var(--db-critical-on-bg-basic-emphasis-70-default)}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext[data-semantic=critical]:not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext[data-semantic=critical]:not([hidden]){display:flex}.db-textarea:has(textarea[data-custom-validity=invalid])>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea:has(textarea[data-custom-validity=invalid])>db-infotext>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>.db-infotext:not([data-semantic]):not([hidden]),.db-textarea[data-custom-validity=invalid]>db-infotext>.db-infotext:not([data-semantic]):not([hidden]){display:none}.db-textarea [id$=-placeholder],.db-textarea textarea::placeholder{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea:is([type=date],[type=datetime-local],[type=month],[type=week],[type=time]):not(:user-valid,[value*="1"],[value*="2"],[value*="3"],[value*="4"],[value*="5"],[value*="6"],[value*="7"],[value*="8"],[value*="9"],[value*="0"])::-webkit-datetime-edit{font-family:var(--db-font-family-sans);font-style:italic;opacity:var(--db-opacity-xl)}.db-textarea textarea{appearance:none;background-color:var(--db-adaptive-bg-basic-transparent-semi-default);caret-color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inline-size:100%;max-inline-size:100%;min-inline-size:var(--db-form-component-min-inline-size,var(--db-sizing-lg));padding-inline:var(--db-form-component-padding-inline-start,var(--db-spacing-fixed-sm)) var(--db-form-component-padding-inline-end,var(--db-spacing-fixed-sm))}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)){background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered);cursor:var(--db-overwrite-cursor,pointer)}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(textarea){cursor:auto}.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=checkbox]),.db-textarea textarea:hover:not(:disabled,[aria-disabled=true],[tabindex="-1"],:has(:disabled)):is(input[type=radio]:not(:checked)){cursor:pointer}.db-textarea textarea[data-field-sizing=content]{field-sizing:content}.db-textarea textarea[data-field-sizing=fixed]{field-sizing:fixed}.db-textarea textarea:not(:disabled):read-only{background-color:var(--db-textarea-read-only,var(--db-adaptive-bg-basic-transparent-full-default))!important}.db-textarea>label{max-inline-size:25ch;overflow:hidden;padding-block-end:var(--db-spacing-fixed-xs);text-overflow:ellipsis;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.db-textarea>label{transition:font-size var(--db-transition-straight-emotional)}}.db-textarea[data-hide-label=true]>label{padding:0}.db-textarea:has(textarea:disabled,textarea[data-disabled=true],textarea[aria-disabled=true]){opacity:var(--db-opacity-md);pointer-events:none}.db-textarea:after,.db-textarea:before{color:var(--db-adaptive-on-bg-basic-emphasis-100-default);inset-block-start:calc((var(--db-spacing-fixed-xs) + var(--db-base-body-icon-font-size-xs))*var(--db-label-visible-above, 1) + var(--db-sizing-md)/2);pointer-events:none;position:absolute;transform:translateY(-50%);z-index:1}.db-textarea:before{inset-inline-start:var(--db-spacing-fixed-sm);margin-inline-end:var(--db-spacing-fixed-sm)}.db-textarea:after{inset-inline-end:var(--db-spacing-fixed-sm);margin-inline-start:var(--db-spacing-fixed-sm)}.db-textarea textarea{overflow-block:scroll;overflow-y:scroll;padding-block:var(--db-spacing-fixed-xs) var(--db-spacing-fixed-xs)}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):before{background-color:var(--db-adaptive-bg-basic-level-1-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-default);block-size:calc(var(--db-spacing-fixed-3xs) + var(--db-spacing-fixed-2xs) + var(--db-base-body-icon-font-size-2xs));border-block-end:0;border-inline-end:0;border-radius:var(--db-border-radius-xs) 0 0 0;content:"";inline-size:calc(100% - .5rem - 1px);inset-block-start:0;inset-inline:0;margin-inline:0;position:absolute;transform:none;z-index:1}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:read-only):after{background-color:var(--db-adaptive-bg-basic-level-1-default)!important}.db-textarea[data-variant=floating]:has(textarea:is(:focus-within,:not(:placeholder-shown))):has(textarea:not(:disabled):is(:hover,:focus)):after{background-color:var(--db-adaptive-bg-basic-transparent-semi-hovered)}.db-badge[data-placement^=corner]{position:absolute;transform:translate(var(--badge-transform-x),var(--badge-transform-y))}[data-placement$=right].db-badge[data-placement^=corner]{--badge-transform-x:50%;inset-inline-end:0}[data-placement$=left].db-badge[data-placement^=corner]{--badge-transform-x:-50%;inset-inline-start:0}[data-placement*=top].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:0}[data-placement*=center].db-badge[data-placement^=corner]{--badge-transform-y:-50%;inset-block-start:50%}[data-placement*=bottom].db-badge[data-placement^=corner]{--badge-transform-y:50%;inset-block-end:0}.db-badge{--badge-size:var(--db-spacing-fixed-xs);block-size:fit-content;border-radius:var(--db-border-radius-full);font-weight:700;inline-size:fit-content;padding-inline:var(--db-spacing-fixed-2xs)}.db-badge:not([data-semantic]):not([data-emphasis]),.db-badge:not([data-semantic])[data-emphasis=weak],.db-badge[data-semantic=adaptive]:not([data-emphasis]),.db-badge[data-semantic=adaptive][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1884
1884
|
--db-adaptive-on-bg-basic-emphasis-70-default
|
|
1885
1885
|
);background-color:var(--db-adaptive-bg-basic-level-3-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic]):not([data-emphasis]):after,.db-badge:not([data-semantic]):not([data-emphasis]):before,.db-badge:not([data-semantic])[data-emphasis=weak]:after,.db-badge:not([data-semantic])[data-emphasis=weak]:before,.db-badge[data-semantic=adaptive]:not([data-emphasis]):after,.db-badge[data-semantic=adaptive]:not([data-emphasis]):before,.db-badge[data-semantic=adaptive][data-emphasis=weak]:after,.db-badge[data-semantic=adaptive][data-emphasis=weak]:before{--db-icon-color:var(--db-adaptive-on-bg-basic-emphasis-80-default)}.db-badge:not([data-semantic])[data-emphasis=strong],.db-badge[data-semantic=adaptive][data-emphasis=strong]{--db-tag-border-color:var(--db-adaptive-on-bg-basic-emphasis-70-default);background-color:var(--db-adaptive-bg-vibrant-default);border-color:var(--db-tag-border-color);color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge:not([data-semantic])[data-emphasis=strong]:after,.db-badge:not([data-semantic])[data-emphasis=strong]:before,.db-badge[data-semantic=adaptive][data-emphasis=strong]:after,.db-badge[data-semantic=adaptive][data-emphasis=strong]:before{--db-icon-color:var(--db-adaptive-on-bg-vibrant-default)}.db-badge[data-semantic=neutral]:not([data-emphasis]),.db-badge[data-semantic=neutral][data-emphasis=weak]{--db-tag-border-color:var(
|
|
1886
1886
|
--db-neutral-on-bg-basic-emphasis-70-default
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/core-components",
|
|
3
|
-
"version": "4.5.
|
|
3
|
+
"version": "4.5.3",
|
|
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": {
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"test": "vitest run --config vitest.config.ts"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@db-ux/core-foundations": "4.5.
|
|
53
|
+
"@db-ux/core-foundations": "4.5.3"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
56
|
"@builder.io/eslint-plugin-mitosis": "0.0.17",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"nodemon": "3.1.14",
|
|
65
65
|
"sass": "1.85.1",
|
|
66
66
|
"sassdoc": "2.7.4",
|
|
67
|
-
"storybook": "10.2.
|
|
67
|
+
"storybook": "10.2.14",
|
|
68
68
|
"tsx": "4.21.0",
|
|
69
69
|
"vitest": "3.2.4"
|
|
70
70
|
},
|