@carbon/web-components 2.42.0 → 2.43.0

package/es-custom/components/select/select.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select,:host(cds-custom-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds-custom--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds-custom--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select-input--sm{block-size:2rem;max-block-size:2rem}.cds-custom--select-input--lg{block-size:3rem;max-block-size:3rem}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){align-items:center;display:flex;flex-direction:row}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover{background-color:transparent}.cds-custom--select.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-select){outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}"]);
+var styles = css([".cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger *,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :after,.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger :before{box-sizing:inherit}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-block;inline-size:100%;padding:0;text-align:start}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger::-moz-focus-inner{border:0}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds-custom--label+.cds-custom--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds-custom--label.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--label.cds-custom--skeleton:active,.cds-custom--label.cds-custom--skeleton:focus,.cds-custom--label.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--label.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--label.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--label.cds-custom--skeleton{background:CanvasText}.cds-custom--label.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--label.cds-custom--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds-custom--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--combo-box[data-invalid]:not(.cds-custom--multi-select--selected) .cds-custom--text-input:not(:focus),.cds-custom--list-box[data-invalid]:not(.cds-custom--multi-select--invalid--focused,.cds-custom--combo-box--invalid--focused),.cds-custom--number[data-invalid] input[type=number]:not(:focus),.cds-custom--number[data-invalid] input[type=text]:not(:focus),.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--text-area__wrapper[data-invalid]>.cds-custom--text-area--invalid:not(:focus),.cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper--warn~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box--warning~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--number__input-wrapper--warning~.cds-custom--form-requirement,.cds-custom--select--warning .cds-custom--select-input__wrapper~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper--warn~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper--warning~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker--warning~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[warn]) .cds-custom--select-input__wrapper~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input--inline__wrapper~.cds-custom--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds-custom--date-picker-input__wrapper--invalid~.cds-custom--form-requirement,.cds-custom--date-picker-input__wrapper~.cds-custom--form-requirement,.cds-custom--list-box[data-invalid]~.cds-custom--form-requirement,.cds-custom--number[data-invalid] .cds-custom--number__input-wrapper~.cds-custom--form-requirement,.cds-custom--select-input--inline__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--select-input__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-area__wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--text-input__field-wrapper[data-invalid]~.cds-custom--form-requirement,.cds-custom--time-picker--invalid~.cds-custom--form-requirement,.cds-custom--time-picker[data-invalid]~.cds-custom--form-requirement,input[data-invalid]~.cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]{display:block}.cds-custom--form--fluid input[data-invalid]{outline:none}.cds-custom--form--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds-custom--form-requirement html{font-size:100%}.cds-custom--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--form-requirement strong{font-weight:600}.cds-custom--form-requirement{display:none;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds-custom--form__helper-text--disabled,.cds-custom--label--disabled,fieldset[disabled] .cds-custom--form__helper-text,fieldset[disabled] .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select,:host(cds-custom-select){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--select *,.cds-custom--select :after,.cds-custom--select :before,:host(cds-custom-select) *,:host(cds-custom-select) :after,:host(cds-custom-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-select){align-items:flex-start;display:flex;flex-direction:column;inline-size:100%;position:relative}.cds-custom--select-input__wrapper{align-items:center;display:flex;inline-size:100%;position:relative}.cds-custom--select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);border-radius:0;color:var(--cds-text-primary,#161616);cursor:pointer;display:block;font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);opacity:1;outline:2px solid transparent;outline-offset:-2px;padding-block:0;padding-inline:1rem 3rem;text-overflow:ellipsis;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select-input::-ms-expand{display:none}@-moz-document url-prefix(){.cds-custom--select-input:-moz-focusring,.cds-custom--select-input::-moz-focus-inner{background-image:none;color:transparent;text-shadow:0 0 0 #000}}.cds-custom--select-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select-input:focus{outline-style:dotted}}.cds-custom--select-input:focus{color:var(--cds-text-primary,#161616)}.cds-custom--select-input:disabled,.cds-custom--select-input:hover:disabled{background-color:var(--cds-field);border-block-end-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select-input--sm{block-size:2rem;max-block-size:2rem}.cds-custom--select-input--lg{block-size:3rem;max-block-size:3rem}.cds-custom--select--disabled .cds-custom--form__helper-text,.cds-custom--select--disabled .cds-custom--label,:host(cds-custom-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-select[disabled]) .cds-custom--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--warning .cds-custom--select-input,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,:host(cds-custom-select[warn]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select-input:disabled~.cds-custom--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--select--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--light .cds-custom--select-input:disabled,.cds-custom--select--light .cds-custom--select-input:hover:disabled{background-color:var(--cds-field-02,#fff);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select__arrow{block-size:100%;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:0;inset-inline-end:1rem;pointer-events:none}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--select__arrow path{fill:ButtonText}}.cds-custom--select__invalid-icon{inset-inline-end:2.5rem;position:absolute}.cds-custom--select-input--inline__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--select__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--select__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds-custom--select-option,optgroup.cds-custom--select-optgroup{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--select-option:disabled,optgroup.cds-custom--select-optgroup:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--inline,:host(cds-custom-select[inline]){align-items:center;display:flex;flex-direction:row}.cds-custom--select--inline .cds-custom--form__helper-text,:host(cds-custom-select[inline]) .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label,:host(cds-custom-select[inline]) .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.cds-custom--select--inline .cds-custom--select-input,:host(cds-custom-select[inline]) .cds-custom--select-input{background-color:transparent;border-block-end:none;color:var(--cds-text-primary,#161616);inline-size:100%;padding-inline:.5rem 3rem}.cds-custom--select--inline .cds-custom--select-input:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input:focus,.cds-custom--select--inline .cds-custom--select-input:focus optgroup,.cds-custom--select--inline .cds-custom--select-input:focus option,:host(cds-custom-select[inline]) .cds-custom--select-input:focus,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select-input:focus optgroup:hover,.cds-custom--select--inline .cds-custom--select-input:focus option:hover,.cds-custom--select--inline .cds-custom--select-input:focus:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus optgroup:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus option:hover,:host(cds-custom-select[inline]) .cds-custom--select-input:focus:hover{background-color:var(--cds-field-hover)}.cds-custom--select--inline .cds-custom--select-input[disabled],.cds-custom--select--inline .cds-custom--select-input[disabled]:hover,:host(cds-custom-select[inline]) .cds-custom--select-input[disabled]{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow,:host(cds-custom-select[inline]) .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input{padding-inline-end:3.5rem}.cds-custom--select--inline.cds-custom--select--invalid .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--inline.cds-custom--select--warning .cds-custom--select-input~.cds-custom--select__invalid-icon--warning,:host(cds-custom-select[inline]):host(cds-custom-select[invalid]) .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[inline]):host(cds-custom-select[warn]) .cds-custom--select-input~.cds-custom--select__invalid-icon--warning{inset-inline-end:2rem}.cds-custom--select--inline .cds-custom--select-input:disabled,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--select--inline .cds-custom--select-input:disabled~*,:host(cds-custom-select[inline]) .cds-custom--select-input:disabled~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input{background-color:transparent;border-block-end-color:var(--cds-border-subtle);cursor:default}.cds-custom--select--readonly .cds-custom--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--readonly.cds-custom--select--inline .cds-custom--select-input:hover{background-color:transparent}.cds-custom--select.cds-custom--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--select.cds-custom--skeleton:active,.cds-custom--select.cds-custom--skeleton:focus,.cds-custom--select.cds-custom--skeleton:hover{border:none;cursor:default;outline:none}.cds-custom--select.cds-custom--skeleton:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--select.cds-custom--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--select.cds-custom--skeleton{background:CanvasText}.cds-custom--select.cds-custom--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds-custom--select.cds-custom--skeleton{block-size:2.5rem;inline-size:100%}.cds-custom--select.cds-custom--skeleton .cds-custom--select-input{display:none}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--slug .cds-custom--slug,:host(cds-custom-select[slug]) .cds-custom--ai-label,:host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:after,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--slug:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug .cds-custom--ai-label:before,.cds-custom--select--slug .cds-custom--slug:before,:host(cds-custom-select[slug]) .cds-custom--ai-label:before,:host(cds-custom-select[slug]) .cds-custom--slug:before{display:none;inset-inline-start:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>:after,.cds-custom--select--slug .cds-custom--ai-label:after,.cds-custom--select--slug .cds-custom--slug:after,:host(cds-custom-select[slug]) .cds-custom--ai-label:after,:host(cds-custom-select[slug]) .cds-custom--slug:after{display:block;inset-block-start:0;inset-inline-end:calc(-.5rem - 1px)}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--ai-label--revert:before,.cds-custom--select--slug .cds-custom--slug--revert:before,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:before,:host(cds-custom-select[slug]) .cds-custom--slug--revert:before{inset-block-start:.5rem;inset-inline-start:0}.cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label--revert,.cds-custom--select--slug .cds-custom--ai-label--revert,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert{inset-inline-end:2.5625rem}.cds-custom--select--decorator .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--ai-label--revert:after,.cds-custom--select--slug .cds-custom--slug--revert:after,:host(cds-custom-select[slug]) .cds-custom--ai-label--revert:after,:host(cds-custom-select[slug]) .cds-custom--slug--revert:after{inset-block-start:.5rem;inset-inline-end:-1px}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:4rem}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--ai-label),.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--select-input:has(~.cds-custom--slug),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label),:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug){padding-inline-end:6rem}.cds-custom--select--decorator .cds-custom--select-input:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--select__inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--select--slug .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)),.cds-custom--select-input-has--ai-label,:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),:host(cds-custom-select[slug]) .cds-custom--select-input:has(~.cds-custom--slug):not(:has(~.cds-custom--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds-custom--select--decorator:has(.cds-custom--select__invalid-icon) .cds-custom--select__inner-wrapper--decorator>:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,:has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:block}.cds-custom--select--decorator .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon,.cds-custom--select--slug .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input~.cds-custom--select__invalid-icon,:host(cds-custom-select[slug]) .cds-custom--select-input__wrapper .cds-custom--select-input~.cds-custom--select__invalid-icon{inset-inline-end:5rem}.cds-custom--select--fluid .cds-custom--select,.cds-custom--select--fluid :host(cds-custom-select){background:var(--cds-field);block-size:100%;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label::-webkit-scrollbar,.cds-custom--select--fluid .cds-custom--label::-webkit-scrollbar{display:none}.cds-custom--select--fluid .cds-custom--label .cds-custom--toggletip-label,.cds-custom--select--fluid .cds-custom--label:not(:has(.cds-custom--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds-custom--select--fluid .cds-custom--select-input{min-block-size:4rem;outline:none;padding:2rem 2rem .8125rem 1rem;text-overflow:ellipsis}.cds-custom--select--fluid .cds-custom--select__arrow{block-size:1rem;inset-block-start:2.125rem;inset-inline-end:.75rem}.cds-custom--select--fluid .cds-custom--select__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;inline-size:calc(100% - 2rem);margin:0 1rem}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input{border-block-end:1px solid transparent;padding-inline-end:2rem}.cds-custom--select--fluid .cds-custom--select--warning,.cds-custom--select--fluid :host(cds-custom-select[warn]){border-block-end:1px solid var(--cds-border-strong)}.cds-custom--select--fluid .cds-custom--select-input__wrapper{display:block}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input:not(:focus),.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select-input:not(:focus),.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input:not(:focus){outline:none}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--form-requirement,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--form-requirement{display:block;max-block-size:100%;overflow:visible}.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--select--fluid .cds-custom--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider,.cds-custom--select--fluid .cds-custom--select-input__wrapper[data-invalid]:hover+.cds-custom--select__divider,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper:hover+.cds-custom--select__divider{border-color:transparent}.cds-custom--select--fluid .cds-custom--select--invalid .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid .cds-custom--select--warning .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[invalid]) .cds-custom--select-input__wrapper[data-invalid] .cds-custom--select__invalid-icon,.cds-custom--select--fluid :host(cds-custom-select[warn]) .cds-custom--select-input__wrapper .cds-custom--select__invalid-icon{inset-block-start:4.5625rem;inset-inline-end:1rem;pointer-events:none}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input__wrapper{outline-style:dotted}}.cds-custom--select--fluid .cds-custom--select--fluid--focus .cds-custom--select-input,.cds-custom--select--fluid .cds-custom--select--fluid--focus.cds-custom--select--warning{border-block-end:1px solid transparent}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-label,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button{pointer-events:none}.cds-custom--select--fluid .cds-custom--select--disabled .cds-custom--toggletip-button svg,.cds-custom--select--fluid :host(cds-custom-select[disabled]) .cds-custom--toggletip-button svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>*,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--ai-label,.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--slug,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--ai-label,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--slug{inset-block-start:2.625rem;inset-inline-end:3rem}.cds-custom--select--fluid .cds-custom--select--slug .cds-custom--select-input,.cds-custom--select--fluid :host(cds-custom-select[slug]) .cds-custom--select-input{padding-inline-end:4rem}.cds-custom--select--fluid .cds-custom--select--decorator .cds-custom--select__inner-wrapper--decorator>.cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--ai-label:before,.cds-custom--select--fluid .cds-custom--select--slug:has(.cds-custom--select__invalid-icon) .cds-custom--slug:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--ai-label:before,.cds-custom--select--fluid :has(.cds-custom--select__invalid-icon):host(cds-custom-select[slug]) .cds-custom--slug:before{display:none}.cds-custom--select--fluid__skeleton{background:var(--cds-skeleton-background,#e8e8e8);block-size:4rem;border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6);position:relative}.cds-custom--select--fluid__skeleton .cds-custom--skeleton{block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.cds-custom--select--fluid__skeleton .cds-custom--label{block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem;padding:0;position:absolute}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}:host(cds-custom-select){outline:none}:host(cds-custom-select) ::slotted(cds-custom-ai-label),:host(cds-custom-select) ::slotted(cds-custom-slug){inset-block-start:50%;inset-inline-end:3rem;position:absolute}:host(cds-custom-select) ::slotted(cds-custom-ai-label:not([revert-active])),:host(cds-custom-select) ::slotted(cds-custom-slug:not([revert-active])){transform:translateY(-50%)}:host(cds-custom-select) ::slotted(cds-custom-ai-label):after,:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:calc(1.5rem - 1px);position:absolute}:host(cds-custom-select) ::slotted(cds-custom-ai-label):before{display:var(--cds-show-before);inset-inline-start:calc(-.5rem - 1px)}:host(cds-custom-select[readonly]) select{pointer-events:none}:host(cds-custom-select[pagination]) .cds-custom--label{margin:0}:host(cds-custom-select[pagination]) .cds-custom--select-input{padding:0 2.25rem 0 1rem}:host(cds-custom-select[pagination]) .cds-custom--select-input:focus{background-color:transparent}:host(cds-custom-select[pagination]) .cds-custom--select__arrow{inset-block-start:50%;transform:translate(-.5rem,-50%)}:host(cds-custom-select[pagination][left-select]) .cds-custom--select-input{border-inline-end:1px solid var(--cds-border-subtle)}:host(cds-custom-select[invalid]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[invalid]) ::slotted(cds-custom-slug),:host(cds-custom-select[warn]) ::slotted(cds-custom-ai-label),:host(cds-custom-select[warn]) ::slotted(cds-custom-slug){inset-inline-end:3rem}"]);
 
 export { styles as default };
 //# sourceMappingURL=select.scss.js.map

package/es-custom/components/textarea/textarea.d.ts

@@ -38,6 +38,10 @@ declare class CDSTextarea extends CDSTextInput {
      * The number of columns for the textarea to show by default
      */
     cols: any;
+    /**
+     * Specify whether the textarea is fluid or not
+     */
+    isFluid: boolean;
     /**
      * Specify the method used for calculating the counter number
      */

package/es-custom/components/textarea/textarea.js

@@ -36,6 +36,10 @@ import { iconLoader } from '../../globals/internal/icon-loader.js';
 let CDSTextarea = class CDSTextarea extends CDSTextInput {
     constructor() {
         super(...arguments);
+        /**
+         * Specify whether the textarea is fluid or not
+         */
+        this.isFluid = false;
         /**
          * Specify the method used for calculating the counter number
          */
@@ -149,6 +153,7 @@ let CDSTextarea = class CDSTextarea extends CDSTextInput {
         const counterClasses = classMap({
             [`${prefix}--label`]: true,
             [`${prefix}--label--disabled`]: this.disabled,
+            [`${prefix}--text-area__label-counter`]: true,
         });
         const helperTextClasses = classMap({
             [`${prefix}--form__helper-text`]: true,
@@ -172,6 +177,26 @@ let CDSTextarea = class CDSTextarea extends CDSTextInput {
             }
             return null;
         };
+        const helper = html `
+      <div class="${helperTextClasses}" id="helper-text">
+        <slot name="helper-text">${this.helperText}</slot>
+      </div>
+    `;
+        const normalizedProps = {
+            invalid: this.invalid,
+            warn: this.warn,
+            'slot-name': this.invalid ? 'invalid-text' : 'warn-text',
+            'slot-text': this.invalid ? this.invalidText : this.warnText,
+        };
+        const validationMessage = html `
+      <div
+        class="${prefix}--form-requirement"
+        ?hidden="${!normalizedProps.invalid && !normalizedProps.warn}">
+        <slot name="${normalizedProps['slot-name']}">
+          ${normalizedProps['slot-text']} ${this.isFluid ? icon() : null}
+        </slot>
+      </div>
+    `;
         return html `
       <div class="${prefix}--text-area__label-wrapper">
         <label class="${labelClasses}" for="input">
@@ -180,7 +205,7 @@ let CDSTextarea = class CDSTextarea extends CDSTextInput {
         ${counter}
       </div>
       <div class="${textareaWrapperClasses}" ?data-invalid="${this.invalid}">
-        ${icon()}
+        ${!this.isFluid ? icon() : null}
         <textarea
           autocomplete="${this.autocomplete}"
           ?autofocus="${this.autofocus}"
@@ -204,17 +229,15 @@ let CDSTextarea = class CDSTextarea extends CDSTextInput {
           @input="${this._handleInput}"></textarea>
         <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
         <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
+        ${this.isFluid
+            ? html `
+              <hr class="${prefix}--text-area__divider" />
+              ${validationMessage}
+            `
+            : null}
       </div>
-      <div class="${helperTextClasses}" ?hidden="${this.invalid || this.warn}">
-        <slot name="helper-text"> ${this.helperText} </slot>
-      </div>
-      <div
-        class="${prefix}--form-requirement"
-        ?hidden="${!this.invalid && !this.warn}">
-        <slot name="${this.invalid ? 'invalid-text' : 'warn-text'}">
-          ${this.invalid ? this.invalidText : this.warnText}
-        </slot>
-      </div>
+      ${ /* Non-fluid: validation and helper outside field wrapper */''}
+      ${!this.isFluid ? html ` ${helper} ${validationMessage} ` : null}
     `;
     }
     updated() {
@@ -268,6 +291,9 @@ CDSTextarea.styles = styles;
 __decorate([
     property({ type: Number })
 ], CDSTextarea.prototype, "cols", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSTextarea.prototype, "isFluid", void 0);
 __decorate([
     property({
         type: String,

package/es-custom/components/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sources":["../../../src/components/textarea/textarea.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport CDSTextInput from '../text-input/text-input';\nimport styles from './textarea.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Text area.\n *\n * @element cds-custom-textarea\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-textarea`)\nclass CDSTextarea extends CDSTextInput {\n  /**\n   * Manually handles maxCount for counterMode = 'word'\n   * @param event The keyboard event.\n   */\n  protected _onKeyDown(evt: KeyboardEvent) {\n    if (!this.disabled && this.enableCounter && this.counterMode === 'word') {\n      const currentWordCount = this.value?.match(/\\p{L}+/gu)?.length || 0;\n      if (\n        (this.maxCount &&\n          currentWordCount >= this.maxCount &&\n          evt.key === ' ') ||\n        (this.maxCount &&\n          currentWordCount >= this.maxCount &&\n          evt.key === 'Enter')\n      ) {\n        evt.preventDefault();\n      }\n    }\n  }\n\n  /**\n   * Handles `onPaste` event on the `<input>`.\n   * Manually handles maxCount for counterMode = 'word' when\n   * the user is pasting text\n   *\n   * @param event The clipboard event.\n   */\n  protected _onPaste(evt: ClipboardEvent) {\n    if (\n      this.counterMode === 'word' &&\n      this.enableCounter &&\n      typeof this.maxCount !== 'undefined'\n    ) {\n      const existingWords: string[] =\n        this._textarea.value.match(/\\p{L}+/gu) || [];\n      const pastedWords: string[] =\n        evt.clipboardData?.getData('Text').match(/\\p{L}+/gu) || [];\n\n      const totalWords = existingWords.length + pastedWords.length;\n\n      if (totalWords > this.maxCount) {\n        evt.preventDefault();\n\n        const allowedWords = existingWords\n          .concat(pastedWords)\n          .slice(0, this.maxCount);\n\n        this._textarea.value = allowedWords.join(' ');\n        this._textarea.dispatchEvent(\n          new InputEvent('input', {\n            inputType: 'insertFromPaste',\n            data: allowedWords.join(' '),\n            bubbles: true,\n          })\n        );\n      }\n    }\n  }\n  /**\n   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLTextAreaElement).value;\n  }\n\n  /**\n   * The number of columns for the textarea to show by default\n   */\n  @property({ type: Number })\n  cols;\n\n  /**\n   * Specify the method used for calculating the counter number\n   */\n  @property({\n    type: String,\n    reflect: true,\n    hasChanged(newVal: string, oldVal: string) {\n      if ((newVal === 'character' || newVal === 'word') && newVal !== oldVal) {\n        return true;\n      }\n      return false;\n    },\n    attribute: 'counter-mode',\n  })\n  counterMode: 'character' | 'word' = 'character';\n\n  /**\n   * ID to link the `label` and `textarea`\n   */\n  @property()\n  id = '';\n\n  /**\n   * Pattern to validate the textarea against for HTML validity checking\n   */\n  @property()\n  pattern = '';\n\n  /**\n   * Boolean property to set the required status\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The number of rows for the textarea to show by default\n   */\n  @property()\n  rows = 4;\n\n  /**\n   * Get a reference to the underlying textarea so we can directly apply values.\n   * This lets us fixe a bug where after a user would clear text, the value wouldn't update programmatically\n   */\n  @query('textarea')\n  protected _textarea!: HTMLTextAreaElement;\n\n  /**\n   * The previous counterMode selected. This lets the counterMode state update\n   * when the user toggles between both modes.\n   */\n  private _prevCounterMode: 'character' | 'word' = this.counterMode;\n\n  /**\n   * Observes the textarea wrapper’s size to re-measure helper/invalid/warn text width when\n   * cols is updated\n   */\n  private _resizeObserver?: ResizeObserver;\n\n  render() {\n    const { enableCounter, maxCount } = this;\n\n    const textCount = this.value?.length ?? 0;\n    const wordCount = this.value?.match(/\\p{L}+/gu)?.length || 0;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--text-area__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--text-area__invalid-icon ${prefix}--text-area__invalid-icon--warning`,\n    });\n\n    const textareaClasses = classMap({\n      [`${prefix}--text-area`]: true,\n      [`${prefix}--text-area--warn`]: this.warn,\n      [`${prefix}--text-area--invalid`]: this.invalid,\n      [`${prefix}--text-area__wrapper--decorator`]: this._hasAILabel,\n    });\n\n    const textareaWrapperClasses = classMap({\n      [`${prefix}--text-area__wrapper`]: true,\n      [`${prefix}--text-area__wrapper--cols`]: this.cols,\n      [`${prefix}--text-area__wrapper--warn`]: this.warn,\n      [`${prefix}--text-area__wrapper--readonly`]: this.readonly,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const counterClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const counter =\n      enableCounter && maxCount\n        ? html` <label class=\"${counterClasses}\">\n            <slot name=\"label-text\"\n              >${this.counterMode === 'word'\n                ? wordCount\n                : textCount}/${maxCount}</slot\n            >\n          </label>`\n        : null;\n\n    const icon = () => {\n      if (this.invalid) {\n        return invalidIcon;\n      } else if (this.warn && !this.invalid) {\n        return warnIcon;\n      }\n      return null;\n    };\n\n    return html`\n      <div class=\"${prefix}--text-area__label-wrapper\">\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        ${counter}\n      </div>\n      <div class=\"${textareaWrapperClasses}\" ?data-invalid=\"${this.invalid}\">\n        ${icon()}\n        <textarea\n          autocomplete=\"${this.autocomplete}\"\n          ?autofocus=\"${this.autofocus}\"\n          class=\"${textareaClasses}\"\n          cols=\"${ifDefined(this.cols)}\"\n          ?data-invalid=\"${this.invalid}\"\n          ?disabled=\"${this.disabled}\"\n          id=\"input\"\n          name=\"${ifNonEmpty(this.name)}\"\n          pattern=\"${ifNonEmpty(this.pattern)}\"\n          placeholder=\"${ifNonEmpty(this.placeholder)}\"\n          ?readonly=\"${this.readonly}\"\n          ?required=\"${this.required}\"\n          rows=\"${ifDefined(this.rows)}\"\n          .value=\"${this.value}\"\n          maxlength=\"${this.counterMode === 'character'\n            ? ifNonEmpty(this.maxCount)\n            : ''}\"\n          @keydown=\"${this._onKeyDown}\"\n          @paste=\"${this._onPaste}\"\n          @input=\"${this._handleInput}\"></textarea>\n        <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n        <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      </div>\n      <div class=\"${helperTextClasses}\" ?hidden=\"${this.invalid || this.warn}\">\n        <slot name=\"helper-text\"> ${this.helperText} </slot>\n      </div>\n      <div\n        class=\"${prefix}--form-requirement\"\n        ?hidden=\"${!this.invalid && !this.warn}\">\n        <slot name=\"${this.invalid ? 'invalid-text' : 'warn-text'}\">\n          ${this.invalid ? this.invalidText : this.warnText}\n        </slot>\n      </div>\n    `;\n  }\n  updated(): void {\n    super.updated?.();\n    if (this.counterMode !== this._prevCounterMode) {\n      const textarea = this._textarea;\n      if (textarea) {\n        if (this.counterMode === 'character') {\n          textarea.setAttribute('maxlength', String(this.maxCount));\n        } else {\n          textarea.removeAttribute('maxlength');\n        }\n      }\n      this._prevCounterMode = this.counterMode;\n    }\n\n    const wrapper = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--text-area__wrapper`\n    );\n    if (!wrapper) return;\n\n    this._resizeObserver = new ResizeObserver(() => {\n      this._measureWrapper();\n    });\n    this._resizeObserver.observe(wrapper);\n  }\n\n  /**\n   * Measures the width of the wrapper and applies that to the max-width of the\n   * helper-text and invalid/warn-text\n   */\n  private _measureWrapper() {\n    const wrapper = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--text-area__wrapper`\n    );\n\n    const wrapperWidth = wrapper?.scrollWidth;\n\n    const helper = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--form__helper-text`\n    );\n    const requirement = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--form-requirement`\n    );\n    [helper, requirement].forEach((el) => {\n      if (el) {\n        el.style.maxWidth = `${wrapperWidth}px`;\n        el.style.overflowWrap = 'break-word';\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this._resizeObserver?.disconnect();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSTextarea;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"textarea.js","sources":["../../../src/components/textarea/textarea.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport CDSTextInput from '../text-input/text-input';\nimport styles from './textarea.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Text area.\n *\n * @element cds-custom-textarea\n * @slot helper-text - The helper text.\n * @slot label-text - The label text.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-textarea`)\nclass CDSTextarea extends CDSTextInput {\n  /**\n   * Manually handles maxCount for counterMode = 'word'\n   * @param event The keyboard event.\n   */\n  protected _onKeyDown(evt: KeyboardEvent) {\n    if (!this.disabled && this.enableCounter && this.counterMode === 'word') {\n      const currentWordCount = this.value?.match(/\\p{L}+/gu)?.length || 0;\n      if (\n        (this.maxCount &&\n          currentWordCount >= this.maxCount &&\n          evt.key === ' ') ||\n        (this.maxCount &&\n          currentWordCount >= this.maxCount &&\n          evt.key === 'Enter')\n      ) {\n        evt.preventDefault();\n      }\n    }\n  }\n\n  /**\n   * Handles `onPaste` event on the `<input>`.\n   * Manually handles maxCount for counterMode = 'word' when\n   * the user is pasting text\n   *\n   * @param event The clipboard event.\n   */\n  protected _onPaste(evt: ClipboardEvent) {\n    if (\n      this.counterMode === 'word' &&\n      this.enableCounter &&\n      typeof this.maxCount !== 'undefined'\n    ) {\n      const existingWords: string[] =\n        this._textarea.value.match(/\\p{L}+/gu) || [];\n      const pastedWords: string[] =\n        evt.clipboardData?.getData('Text').match(/\\p{L}+/gu) || [];\n\n      const totalWords = existingWords.length + pastedWords.length;\n\n      if (totalWords > this.maxCount) {\n        evt.preventDefault();\n\n        const allowedWords = existingWords\n          .concat(pastedWords)\n          .slice(0, this.maxCount);\n\n        this._textarea.value = allowedWords.join(' ');\n        this._textarea.dispatchEvent(\n          new InputEvent('input', {\n            inputType: 'insertFromPaste',\n            data: allowedWords.join(' '),\n            bubbles: true,\n          })\n        );\n      }\n    }\n  }\n  /**\n   * Handles `oninput` event on the `<input>`.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLTextAreaElement).value;\n  }\n\n  /**\n   * The number of columns for the textarea to show by default\n   */\n  @property({ type: Number })\n  cols;\n\n  /**\n   * Specify whether the textarea is fluid or not\n   */\n  @property({ type: Boolean })\n  isFluid = false;\n\n  /**\n   * Specify the method used for calculating the counter number\n   */\n  @property({\n    type: String,\n    reflect: true,\n    hasChanged(newVal: string, oldVal: string) {\n      if ((newVal === 'character' || newVal === 'word') && newVal !== oldVal) {\n        return true;\n      }\n      return false;\n    },\n    attribute: 'counter-mode',\n  })\n  counterMode: 'character' | 'word' = 'character';\n\n  /**\n   * ID to link the `label` and `textarea`\n   */\n  @property()\n  id = '';\n\n  /**\n   * Pattern to validate the textarea against for HTML validity checking\n   */\n  @property()\n  pattern = '';\n\n  /**\n   * Boolean property to set the required status\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The number of rows for the textarea to show by default\n   */\n  @property()\n  rows = 4;\n\n  /**\n   * Get a reference to the underlying textarea so we can directly apply values.\n   * This lets us fixe a bug where after a user would clear text, the value wouldn't update programmatically\n   */\n  @query('textarea')\n  protected _textarea!: HTMLTextAreaElement;\n\n  /**\n   * The previous counterMode selected. This lets the counterMode state update\n   * when the user toggles between both modes.\n   */\n  private _prevCounterMode: 'character' | 'word' = this.counterMode;\n\n  /**\n   * Observes the textarea wrapper’s size to re-measure helper/invalid/warn text width when\n   * cols is updated\n   */\n  private _resizeObserver?: ResizeObserver;\n\n  render() {\n    const { enableCounter, maxCount } = this;\n\n    const textCount = this.value?.length ?? 0;\n    const wordCount = this.value?.match(/\\p{L}+/gu)?.length || 0;\n\n    const invalidIcon = iconLoader(WarningFilled16, {\n      class: `${prefix}--text-area__invalid-icon`,\n    });\n\n    const warnIcon = iconLoader(WarningAltFilled16, {\n      class: `${prefix}--text-area__invalid-icon ${prefix}--text-area__invalid-icon--warning`,\n    });\n\n    const textareaClasses = classMap({\n      [`${prefix}--text-area`]: true,\n      [`${prefix}--text-area--warn`]: this.warn,\n      [`${prefix}--text-area--invalid`]: this.invalid,\n      [`${prefix}--text-area__wrapper--decorator`]: this._hasAILabel,\n    });\n\n    const textareaWrapperClasses = classMap({\n      [`${prefix}--text-area__wrapper`]: true,\n      [`${prefix}--text-area__wrapper--cols`]: this.cols,\n      [`${prefix}--text-area__wrapper--warn`]: this.warn,\n      [`${prefix}--text-area__wrapper--readonly`]: this.readonly,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: this.hideLabel,\n      [`${prefix}--label--disabled`]: this.disabled,\n    });\n\n    const counterClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: this.disabled,\n      [`${prefix}--text-area__label-counter`]: true,\n    });\n\n    const helperTextClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: this.disabled,\n    });\n\n    const counter =\n      enableCounter && maxCount\n        ? html` <label class=\"${counterClasses}\">\n            <slot name=\"label-text\"\n              >${this.counterMode === 'word'\n                ? wordCount\n                : textCount}/${maxCount}</slot\n            >\n          </label>`\n        : null;\n\n    const icon = () => {\n      if (this.invalid) {\n        return invalidIcon;\n      } else if (this.warn && !this.invalid) {\n        return warnIcon;\n      }\n      return null;\n    };\n\n    const helper = html`\n      <div class=\"${helperTextClasses}\" id=\"helper-text\">\n        <slot name=\"helper-text\">${this.helperText}</slot>\n      </div>\n    `;\n\n    const normalizedProps = {\n      invalid: this.invalid,\n      warn: this.warn,\n      'slot-name': this.invalid ? 'invalid-text' : 'warn-text',\n      'slot-text': this.invalid ? this.invalidText : this.warnText,\n    };\n\n    const validationMessage = html`\n      <div\n        class=\"${prefix}--form-requirement\"\n        ?hidden=\"${!normalizedProps.invalid && !normalizedProps.warn}\">\n        <slot name=\"${normalizedProps['slot-name']}\">\n          ${normalizedProps['slot-text']} ${this.isFluid ? icon() : null}\n        </slot>\n      </div>\n    `;\n\n    return html`\n      <div class=\"${prefix}--text-area__label-wrapper\">\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${this.label} </slot>\n        </label>\n        ${counter}\n      </div>\n      <div class=\"${textareaWrapperClasses}\" ?data-invalid=\"${this.invalid}\">\n        ${!this.isFluid ? icon() : null}\n        <textarea\n          autocomplete=\"${this.autocomplete}\"\n          ?autofocus=\"${this.autofocus}\"\n          class=\"${textareaClasses}\"\n          cols=\"${ifDefined(this.cols)}\"\n          ?data-invalid=\"${this.invalid}\"\n          ?disabled=\"${this.disabled}\"\n          id=\"input\"\n          name=\"${ifNonEmpty(this.name)}\"\n          pattern=\"${ifNonEmpty(this.pattern)}\"\n          placeholder=\"${ifNonEmpty(this.placeholder)}\"\n          ?readonly=\"${this.readonly}\"\n          ?required=\"${this.required}\"\n          rows=\"${ifDefined(this.rows)}\"\n          .value=\"${this.value}\"\n          maxlength=\"${this.counterMode === 'character'\n            ? ifNonEmpty(this.maxCount)\n            : ''}\"\n          @keydown=\"${this._onKeyDown}\"\n          @paste=\"${this._onPaste}\"\n          @input=\"${this._handleInput}\"></textarea>\n        <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n        <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n        ${this.isFluid\n          ? html`\n              <hr class=\"${prefix}--text-area__divider\" />\n              ${validationMessage}\n            `\n          : null}\n      </div>\n      ${/* Non-fluid: validation and helper outside field wrapper */ ''}\n      ${!this.isFluid ? html` ${helper} ${validationMessage} ` : null}\n    `;\n  }\n  updated(): void {\n    super.updated?.();\n    if (this.counterMode !== this._prevCounterMode) {\n      const textarea = this._textarea;\n      if (textarea) {\n        if (this.counterMode === 'character') {\n          textarea.setAttribute('maxlength', String(this.maxCount));\n        } else {\n          textarea.removeAttribute('maxlength');\n        }\n      }\n      this._prevCounterMode = this.counterMode;\n    }\n\n    const wrapper = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--text-area__wrapper`\n    );\n    if (!wrapper) return;\n\n    this._resizeObserver = new ResizeObserver(() => {\n      this._measureWrapper();\n    });\n    this._resizeObserver.observe(wrapper);\n  }\n\n  /**\n   * Measures the width of the wrapper and applies that to the max-width of the\n   * helper-text and invalid/warn-text\n   */\n  private _measureWrapper() {\n    const wrapper = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--text-area__wrapper`\n    );\n\n    const wrapperWidth = wrapper?.scrollWidth;\n\n    const helper = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--form__helper-text`\n    );\n    const requirement = this.shadowRoot?.querySelector<HTMLElement>(\n      `.${prefix}--form-requirement`\n    );\n    [helper, requirement].forEach((el) => {\n      if (el) {\n        el.style.maxWidth = `${wrapperWidth}px`;\n        el.style.overflowWrap = 'break-word';\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this._resizeObserver?.disconnect();\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n}\n\nexport default CDSTextarea;\n"],"names":["customElement"],"mappings":"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"}

package/es-custom/components/time-picker/time-picker.js

@@ -148,13 +148,18 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
     }
     render() {
         const { className, disabled, hideLabel, invalid, invalidText, warning, warningText, labelText, placeholder, readOnly, maxLength, pattern, size, type, value, _handleInput: handleInput, _handleSlotChange: handleSlotChange, } = this;
+        const normalizedProps = {
+            disabled: !readOnly && disabled,
+            invalid: !readOnly && !disabled && invalid,
+            warn: !readOnly && !invalid && !disabled && warning,
+        };
         const labelClasses = classMap({
             [`${prefix}--label`]: true,
             [`${prefix}--visually-hidden`]: hideLabel,
             [`${prefix}--label--disabled`]: disabled,
         });
-        const timePickerClasses = classMap(Object.assign({ [`${prefix}--time-picker`]: true, [`${prefix}--time-picker--invalid`]: invalid, [`${prefix}--time-picker--warning`]: warning, [`${prefix}--time-picker--readonly`]: readOnly, [`${prefix}--time-picker--${size}`]: size }, (className && { [className]: true })));
-        const inputClasses = classMap(Object.assign({ [`${prefix}--time-picker__input-field`]: true, [`${prefix}--text-input`]: true, [`${prefix}--time-picker__input-field-error`]: invalid || warning }, (className && { [className]: true })));
+        const timePickerClasses = classMap(Object.assign({ [`${prefix}--time-picker`]: true, [`${prefix}--time-picker--invalid`]: normalizedProps.invalid, [`${prefix}--time-picker--warning`]: normalizedProps.warn, [`${prefix}--time-picker--readonly`]: readOnly, [`${prefix}--time-picker--${size}`]: size }, (className && { [className]: true })));
+        const inputClasses = classMap(Object.assign({ [`${prefix}--time-picker__input-field`]: true, [`${prefix}--text-input`]: true, [`${prefix}--time-picker__input-field-error`]: normalizedProps.invalid || normalizedProps.warn }, (className && { [className]: true })));
         const label = labelText
             ? html `<label class="${labelClasses}">${labelText}</label>`
             : null;
@@ -165,8 +170,8 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
           <div class="${prefix}--time-picker__input">
             <input
               class="${inputClasses}"
-              ?data-invalid="${invalid}"
-              ?disabled="${disabled}"
+              ?data-invalid="${normalizedProps.invalid}"
+              ?disabled="${normalizedProps.disabled}"
               maxlength="${ifNonEmpty(maxLength)}"
               name="${ifNonEmpty(this.name)}"
               pattern="${ifNonEmpty(pattern)}"
@@ -175,10 +180,10 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
               type="${ifNonEmpty(type)}"
               .value="${value}"
               @input="${handleInput}" />
-            ${invalid || warning
+            ${normalizedProps.invalid || normalizedProps.warn
             ? html `
                   <div class="${prefix}--time-picker__error__icon">
-                    ${invalid
+                    ${normalizedProps.invalid
                 ? iconLoader(WarningFilled16, {
                     class: `${prefix}--checkbox__invalid-icon`,
                 })
@@ -191,10 +196,10 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
           </div>
           <slot @slotchange="${handleSlotChange}"></slot>
         </div>
-        ${invalid || warning
+        ${normalizedProps.invalid || normalizedProps.warn
             ? html `
               <div class="${prefix}--form-requirement">
-                ${invalid ? invalidText : warningText}
+                ${normalizedProps.invalid ? invalidText : warningText}
               </div>
             `
             : null}

package/es-custom/components/time-picker/time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.js","sources":["../../../src/components/time-picker/time-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport FormMixin from '../../globals/mixins/form';\nimport { prefix } from '../../globals/settings';\nimport styles from './time-picker.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { TIME_PICKER_SIZE } from './defs';\n\n/**\n * Time Picker component.\n * @element cds-custom-time-picker\n * @slot label-text - The label text.\n * @slot time-picker-select - Slot for time picker select components.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-time-picker`)\nclass CDSTimePicker extends ValidityMixin(FormMixin(LitElement)) {\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  /**\n   * The internal value.\n   */\n  protected _value = '';\n\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      })\n    );\n  }\n\n  /**\n   * Handle slotchange event for time-picker-select slot\n   * to propagate properties to child elements\n   */\n  protected _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  _handleFormdata(event: Event) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { formData } = event as any;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the control is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify whether the control is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the control is in an invalid state\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = 'Invalid time format.';\n\n  /**\n   * Specify whether the control is in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warning = false;\n\n  /**\n   * Provide the text that is displayed when the control is in a warning state\n   */\n  @property({ attribute: 'warning-text' })\n  warningText = 'Warning message.';\n\n  /**\n   * Specify whether the label should be hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * Name for the input in FormData\n   */\n  @property()\n  name = '';\n\n  /**\n   * Provide label text to be read by screen readers\n   */\n  @property({ attribute: 'label-text' })\n  labelText = 'Select a time';\n\n  /**\n   * Placeholder text for the input\n   */\n  @property({ reflect: true })\n  placeholder = 'hh:mm';\n\n  /**\n   * Specify whether the control should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * Specify the maximum length of the input value\n   */\n  @property({ type: Number, attribute: 'max-length', reflect: true })\n  maxLength = 5;\n\n  /**\n   * Pattern for input validation\n   */\n  @property()\n  pattern = '(1[012]|[1-9]):[0-5][0-9](\\\\s)?';\n\n  /**\n   * Size of the time picker\n   */\n  @property({ reflect: true })\n  size = TIME_PICKER_SIZE.MEDIUM;\n\n  /**\n   * Input type\n   */\n  @property({ reflect: true })\n  type = 'text';\n\n  /**\n   * Validity message\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Custom message for required validation\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Value of the input\n   */\n  @property({ reflect: true })\n  get value() {\n    return this._input ? this._input.value : this._value;\n  }\n\n  set value(value) {\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n    if (this._input) {\n      this._input.value = value;\n    }\n  }\n\n  render() {\n    const {\n      className,\n      disabled,\n      hideLabel,\n      invalid,\n      invalidText,\n      warning,\n      warningText,\n      labelText,\n      placeholder,\n      readOnly,\n      maxLength,\n      pattern,\n      size,\n      type,\n      value,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const timePickerClasses = classMap({\n      [`${prefix}--time-picker`]: true,\n      [`${prefix}--time-picker--invalid`]: invalid,\n      [`${prefix}--time-picker--warning`]: warning,\n      [`${prefix}--time-picker--readonly`]: readOnly,\n      [`${prefix}--time-picker--${size}`]: size,\n      ...(className && { [className]: true }),\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--time-picker__input-field`]: true,\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--time-picker__input-field-error`]: invalid || warning,\n      ...(className && { [className]: true }),\n    });\n    const label = labelText\n      ? html`<label class=\"${labelClasses}\">${labelText}</label>`\n      : null;\n\n    return html`\n      <div class=\"${prefix}--form-item \">\n        ${label}\n        <div class=\"${timePickerClasses}\">\n          <div class=\"${prefix}--time-picker__input\">\n            <input\n              class=\"${inputClasses}\"\n              ?data-invalid=\"${invalid}\"\n              ?disabled=\"${disabled}\"\n              maxlength=\"${ifNonEmpty(maxLength)}\"\n              name=\"${ifNonEmpty(this.name)}\"\n              pattern=\"${ifNonEmpty(pattern)}\"\n              placeholder=\"${ifNonEmpty(placeholder)}\"\n              ?readonly=\"${readOnly}\"\n              type=\"${ifNonEmpty(type)}\"\n              .value=\"${value}\"\n              @input=\"${handleInput}\" />\n            ${invalid || warning\n              ? html`\n                  <div class=\"${prefix}--time-picker__error__icon\">\n                    ${invalid\n                      ? iconLoader(WarningFilled16, {\n                          class: `${prefix}--checkbox__invalid-icon`,\n                        })\n                      : iconLoader(WarningAltFilled16, {\n                          class: `${prefix}--text-input__invalid-icon--warning`,\n                        })}\n                  </div>\n                `\n              : null}\n          </div>\n          <slot @slotchange=\"${handleSlotChange}\"></slot>\n        </div>\n        ${invalid || warning\n          ? html`\n              <div class=\"${prefix}--form-requirement\">\n                ${invalid ? invalidText : warningText}\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSTimePicker;\n    const timePickerSelects = this.querySelectorAll(selectorTimePickerSelect);\n\n    ['disabled', 'readOnly', 'size'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSTimePicker]: value } = this;\n        // Propagate the property to descendants\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        timePickerSelects.forEach((elem: any) => {\n          elem[name] = value;\n        });\n      }\n    });\n  }\n  static get selectorTimePickerSelect() {\n    return `${prefix}-time-picker-select`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSTimePicker;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"time-picker.js","sources":["../../../src/components/time-picker/time-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport FormMixin from '../../globals/mixins/form';\nimport { prefix } from '../../globals/settings';\nimport styles from './time-picker.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { TIME_PICKER_SIZE } from './defs';\n\n/**\n * Time Picker component.\n * @element cds-custom-time-picker\n * @slot label-text - The label text.\n * @slot time-picker-select - Slot for time picker select components.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n */\n@customElement(`${prefix}-time-picker`)\nclass CDSTimePicker extends ValidityMixin(FormMixin(LitElement)) {\n  /**\n   * The underlying input element\n   */\n  @query('input')\n  protected _input!: HTMLInputElement;\n\n  /**\n   * The internal value.\n   */\n  protected _value = '';\n\n  protected _handleInput({ target }: Event) {\n    this.value = (target as HTMLInputElement).value;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this.value },\n      })\n    );\n  }\n\n  /**\n   * Handle slotchange event for time-picker-select slot\n   * to propagate properties to child elements\n   */\n  protected _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  _handleFormdata(event: Event) {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { formData } = event as any;\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * Specify whether the control is disabled\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Specify whether the control is currently invalid\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Provide the text that is displayed when the control is in an invalid state\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = 'Invalid time format.';\n\n  /**\n   * Specify whether the control is in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warning = false;\n\n  /**\n   * Provide the text that is displayed when the control is in a warning state\n   */\n  @property({ attribute: 'warning-text' })\n  warningText = 'Warning message.';\n\n  /**\n   * Specify whether the label should be hidden\n   */\n  @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n  hideLabel = false;\n\n  /**\n   * Name for the input in FormData\n   */\n  @property()\n  name = '';\n\n  /**\n   * Provide label text to be read by screen readers\n   */\n  @property({ attribute: 'label-text' })\n  labelText = 'Select a time';\n\n  /**\n   * Placeholder text for the input\n   */\n  @property({ reflect: true })\n  placeholder = 'hh:mm';\n\n  /**\n   * Specify whether the control should be read-only\n   */\n  @property({ type: Boolean, reflect: true })\n  readOnly = false;\n\n  /**\n   * Specify the maximum length of the input value\n   */\n  @property({ type: Number, attribute: 'max-length', reflect: true })\n  maxLength = 5;\n\n  /**\n   * Pattern for input validation\n   */\n  @property()\n  pattern = '(1[012]|[1-9]):[0-5][0-9](\\\\s)?';\n\n  /**\n   * Size of the time picker\n   */\n  @property({ reflect: true })\n  size = TIME_PICKER_SIZE.MEDIUM;\n\n  /**\n   * Input type\n   */\n  @property({ reflect: true })\n  type = 'text';\n\n  /**\n   * Validity message\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * Whether the input is required\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * Custom message for required validation\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * Value of the input\n   */\n  @property({ reflect: true })\n  get value() {\n    return this._input ? this._input.value : this._value;\n  }\n\n  set value(value) {\n    const oldValue = this._value;\n    this._value = value;\n    this.requestUpdate('value', oldValue);\n    if (this._input) {\n      this._input.value = value;\n    }\n  }\n\n  render() {\n    const {\n      className,\n      disabled,\n      hideLabel,\n      invalid,\n      invalidText,\n      warning,\n      warningText,\n      labelText,\n      placeholder,\n      readOnly,\n      maxLength,\n      pattern,\n      size,\n      type,\n      value,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const normalizedProps: {\n      disabled: boolean;\n      invalid: boolean;\n      warn: boolean;\n    } = {\n      disabled: !readOnly && disabled,\n      invalid: !readOnly && !disabled && invalid,\n      warn: !readOnly && !invalid && !disabled && warning,\n    };\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: disabled,\n    });\n\n    const timePickerClasses = classMap({\n      [`${prefix}--time-picker`]: true,\n      [`${prefix}--time-picker--invalid`]: normalizedProps.invalid,\n      [`${prefix}--time-picker--warning`]: normalizedProps.warn,\n      [`${prefix}--time-picker--readonly`]: readOnly,\n      [`${prefix}--time-picker--${size}`]: size,\n      ...(className && { [className]: true }),\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--time-picker__input-field`]: true,\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--time-picker__input-field-error`]:\n        normalizedProps.invalid || normalizedProps.warn,\n      ...(className && { [className]: true }),\n    });\n\n    const label = labelText\n      ? html`<label class=\"${labelClasses}\">${labelText}</label>`\n      : null;\n\n    return html`\n      <div class=\"${prefix}--form-item \">\n        ${label}\n        <div class=\"${timePickerClasses}\">\n          <div class=\"${prefix}--time-picker__input\">\n            <input\n              class=\"${inputClasses}\"\n              ?data-invalid=\"${normalizedProps.invalid}\"\n              ?disabled=\"${normalizedProps.disabled}\"\n              maxlength=\"${ifNonEmpty(maxLength)}\"\n              name=\"${ifNonEmpty(this.name)}\"\n              pattern=\"${ifNonEmpty(pattern)}\"\n              placeholder=\"${ifNonEmpty(placeholder)}\"\n              ?readonly=\"${readOnly}\"\n              type=\"${ifNonEmpty(type)}\"\n              .value=\"${value}\"\n              @input=\"${handleInput}\" />\n            ${normalizedProps.invalid || normalizedProps.warn\n              ? html`\n                  <div class=\"${prefix}--time-picker__error__icon\">\n                    ${normalizedProps.invalid\n                      ? iconLoader(WarningFilled16, {\n                          class: `${prefix}--checkbox__invalid-icon`,\n                        })\n                      : iconLoader(WarningAltFilled16, {\n                          class: `${prefix}--text-input__invalid-icon--warning`,\n                        })}\n                  </div>\n                `\n              : null}\n          </div>\n          <slot @slotchange=\"${handleSlotChange}\"></slot>\n        </div>\n        ${normalizedProps.invalid || normalizedProps.warn\n          ? html`\n              <div class=\"${prefix}--form-requirement\">\n                ${normalizedProps.invalid ? invalidText : warningText}\n              </div>\n            `\n          : null}\n      </div>\n    `;\n  }\n  updated(changedProperties) {\n    super.updated(changedProperties);\n\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSTimePicker;\n    const timePickerSelects = this.querySelectorAll(selectorTimePickerSelect);\n\n    ['disabled', 'readOnly', 'size'].forEach((name) => {\n      if (changedProperties.has(name)) {\n        const { [name as keyof CDSTimePicker]: value } = this;\n        // Propagate the property to descendants\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        timePickerSelects.forEach((elem: any) => {\n          elem[name] = value;\n        });\n      }\n    });\n  }\n  static get selectorTimePickerSelect() {\n    return `${prefix}-time-picker-select`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  static styles = styles;\n}\n\nexport default CDSTimePicker;\n"],"names":["customElement"],"mappings":"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"}