@carbon/web-components 2.52.0 → 2.53.0

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

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/time-picker/time-picker.scss?lit
 var time_picker_default = css(["@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}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.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}.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)}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{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;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::-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,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{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-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.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--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--text-input *,.cds-custom--text-input :after,.cds-custom--text-input :before{box-sizing:inherit}.cds-custom--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);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);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input:active,.cds-custom--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input:active,.cds-custom--text-input:focus{outline-style:dotted}}.cds-custom--text-input-wrapper svg[hidden]{display:none}.cds-custom--password-input{padding-inline-end:2.5rem}.cds-custom--text-input--sm.cds-custom--password-input{padding-inline-end:2rem}.cds-custom--text-input--lg.cds-custom--password-input{padding-inline-end:3rem}.cds-custom--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--text-input--light{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds-custom--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds-custom--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds-custom--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds-custom--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds-custom--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus{outline-style:dotted}}.cds-custom--text-input--password__visibility{cursor:pointer}.cds-custom--text-input--password__visibility:focus{outline:1px solid transparent}.cds-custom--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--text-input--password__visibility:focus svg{outline-style:dotted}}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{display:inline-block}}.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{transition:none}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:before{transition:none}.cds-custom--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{border:1px solid transparent}}.cds-custom--text-input--password__visibility:after{content:attr(aria-label)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--a11y:after{content:none}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:after,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible:before,.cds-custom--text-input--password__visibility:focus:after,.cds-custom--text-input--password__visibility:focus:before,.cds-custom--text-input--password__visibility:hover:after,.cds-custom--text-input--password__visibility:hover:before{opacity:1}@keyframes cds-custom--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text{margin:auto;overflow:visible;clip:auto}.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--visible.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:focus .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:focus.cds-custom--tooltip--a11y:before,.cds-custom--text-input--password__visibility:hover .cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:hover.cds-custom--tooltip--a11y:before{animation:cds-custom--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden .cds-custom--assistive-text,.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden+.cds-custom--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds-custom--text-input--password__visibility.cds-custom--tooltip--hidden.cds-custom--tooltip--a11y:before{animation:none;opacity:0}.cds-custom--text-input--password__visibility .cds-custom--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after,.cds-custom--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds-custom--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds-custom--text-input--password__visibility .cds-custom--assistive-text,.cds-custom--text-input--password__visibility+.cds-custom--assistive-text,.cds-custom--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--toggle-password-tooltip .cds-custom--popover{inset-inline-start:-2.5rem}.cds-custom--toggle-password-tooltip .cds-custom--popover-content{min-inline-size:2.5rem}.cds-custom--text-input--sm+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:2rem}.cds-custom--text-input--lg+.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{inline-size:3rem}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--btn.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger:focus{outline-style:dotted}}.cds-custom--text-input--invalid,.cds-custom--text-input--warning{padding-inline-end:2.5rem}.cds-custom--text-input--invalid.cds-custom--password-input{padding-inline-end:4rem}.cds-custom--text-input--invalid+.cds-custom--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds-custom--password-input-wrapper .cds-custom--text-input__invalid-icon{inset-inline-end:2.5rem}.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger{cursor:not-allowed}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg,.cds-custom--text-input:disabled~.cds-custom--text-input--password__visibility__toggle.cds-custom--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger{cursor:default}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--password__visibility__toggle:disabled.cds-custom--tooltip__trigger:hover{cursor:default}.cds-custom--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds-custom--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds-custom--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds-custom--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--text-input--invalid{outline-style:dotted}}.cds-custom--text-input--invalid{box-shadow:none}.cds-custom--text-input--invalid .cds-custom--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds-custom--skeleton.cds-custom--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--skeleton.cds-custom--text-input:active,.cds-custom--skeleton.cds-custom--text-input:focus,.cds-custom--skeleton.cds-custom--text-input:hover{border:none;cursor:default;outline:none}.cds-custom--skeleton.cds-custom--text-input: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--skeleton.cds-custom--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--skeleton.cds-custom--text-input{background:CanvasText}.cds-custom--skeleton.cds-custom--text-input:before{background:Canvas;forced-color-adjust:none}}.cds-custom--form--fluid .cds-custom--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--form--fluid .cds-custom--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds-custom--form--fluid .cds-custom--form__helper-text{display:none}.cds-custom--form--fluid .cds-custom--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds-custom--form--fluid .cds-custom--text-input__divider,.cds-custom--text-input__divider{display:none}.cds-custom--form--fluid .cds-custom--text-input--invalid,.cds-custom--form--fluid .cds-custom--text-input--warning{border-block-end:none}.cds-custom--form--fluid .cds-custom--text-input--invalid+.cds-custom--text-input__divider,.cds-custom--form--fluid .cds-custom--text-input--warning+.cds-custom--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds-custom--form--fluid .cds-custom--text-input__invalid-icon{inset-block-start:5rem}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid{outline:none}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning:focus-within,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds-custom--form--fluid .cds-custom--text-input__field-wrapper--warning>.cds-custom--text-input--warning:focus,.cds-custom--form--fluid .cds-custom--text-input__field-wrapper[data-invalid]>.cds-custom--text-input--invalid:focus{outline:none}.cds-custom--text-input-wrapper.cds-custom--text-input-wrapper--inline{flex-flow:row wrap}.cds-custom--text-input-wrapper .cds-custom--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds-custom--text-input-wrapper .cds-custom--label--inline--sm{margin-block-start:.5625rem}.cds-custom--text-input-wrapper .cds-custom--label--inline--lg{margin-block-start:1.0625rem}.cds-custom--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds-custom--text-input-wrapper .cds-custom--form__helper-text--inline{margin-block-start:.125rem}.cds-custom--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds-custom--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds-custom--text-input-wrapper--inline .cds-custom--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds-custom--text-input-wrapper--inline--invalid .cds-custom--form-requirement{color:var(--cds-text-error,#da1e28)}.cds-custom--form--fluid .cds-custom--text-input-wrapper--readonly,.cds-custom--text-input-wrapper--readonly .cds-custom--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--text-input__field-wrapper .cds-custom--ai-label,.cds-custom--text-input__field-wrapper .cds-custom--slug,.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label):not(:has(~.cds-custom--text-input__field-inner-wrapper--decorator .cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label):not(:has(~.cds-custom--ai-label--revert)),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-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--text-input__field-wrapper--decorator .cds-custom--text-input:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--ai-label),.cds-custom--text-input__field-wrapper--slug .cds-custom--text-input:has(~.cds-custom--slug){padding-inline-end:2.5rem}.cds-custom--text-input--invalid:has(~.cds-custom--ai-label),.cds-custom--text-input--invalid:has(~.cds-custom--slug),.cds-custom--text-input--invalid:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*),.cds-custom--text-input--warning:has(~.cds-custom--ai-label),.cds-custom--text-input--warning:has(~.cds-custom--slug),.cds-custom--text-input--warning:has(~.cds-custom--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds-custom--text-input--invalid~.cds-custom--ai-label,.cds-custom--text-input--invalid~.cds-custom--slug,.cds-custom--text-input--invalid~.cds-custom--text-input__field-inner-wrapper--decorator>*,.cds-custom--text-input--warning~.cds-custom--ai-label,.cds-custom--text-input--warning~.cds-custom--slug,.cds-custom--text-input--warning~.cds-custom--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds-custom--text-input__field-wrapper--decorator .cds-custom--text-input__field-inner-wrapper--decorator:not(:has(.cds-custom--ai-label))>*{block-size:1rem}.cds-custom--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds-custom--select,:host(cds-custom-time-picker-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-time-picker-select) *,:host(cds-custom-time-picker-select) :after,:host(cds-custom-time-picker-select) :before{box-sizing:inherit}.cds-custom--select,:host(cds-custom-time-picker-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-time-picker-select[disabled]) .cds-custom--form__helper-text,:host(cds-custom-time-picker-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{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{align-items:center;display:flex;flex-direction:row}.cds-custom--select--inline .cds-custom--form__helper-text{margin-block-end:0;margin-inline-start:.5rem}.cds-custom--select--inline .cds-custom--label{margin:0 .5rem 0 0;white-space:nowrap}.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{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{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{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{background-color:var(--cds-background,#fff)}.cds-custom--select--inline .cds-custom--select__arrow{inset-inline-end:.5rem}.cds-custom--select--inline.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{inset-inline-end:2rem}.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~*{cursor:not-allowed}.cds-custom--select--readonly .cds-custom--select-input,:host(cds-custom-time-picker-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,:host(cds-custom-time-picker-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{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{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{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{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{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{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{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){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){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{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{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{inset-inline-end:5rem}.cds-custom--time-picker{align-items:flex-end;display:flex}.cds-custom--time-picker__select,:host(cds-custom-time-picker-select){justify-content:center;margin-inline-start:.125rem}.cds-custom--time-picker__input{display:flex;flex-direction:column;position:relative}.cds-custom--time-picker__error__icon{block-size:100%;display:flex;inset-block-start:50%;inset-inline-end:1rem;place-items:center;position:absolute;transform:translateY(-50%)}.cds-custom--time-picker__error__icon .cds-custom--checkbox__invalid-icon{fill:var(--cds-support-error,#da1e28)}.cds-custom--time-picker .cds-custom--select-input{inline-size:auto;line-height:1;margin:0;min-inline-size:auto;padding-inline-end:3rem}.cds-custom--time-picker__input-field{align-items:center;block-size:2.5rem;display:flex;font-family:var(--cds-code-02-font-family,\"IBM Plex Mono\",system-ui,-apple-system,BlinkMacSystemFont,\".SFNSText-Regular\",monospace);font-size:var(--cds-code-02-font-size,.875rem);font-weight:var(--cds-code-02-font-weight,400);inline-size:4.875rem;letter-spacing:var(--cds-code-02-letter-spacing,.32px);line-height:var(--cds-code-02-line-height,1.42857);outline:2px solid transparent;outline-offset:-2px;transition:outline 70ms cubic-bezier(.2,0,.38,.9),background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--time-picker__input-field::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--time-picker__input-field::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds-custom--time-picker__input-field-error{inline-size:6.175rem}.cds-custom--time-picker--light .cds-custom--select-input{background-color:var(--cds-field-02,#fff)}.cds-custom--time-picker--light .cds-custom--select-input:hover{background-color:var(--cds-field-hover)}.cds-custom--time-picker--light .cds-custom--select-input:disabled,.cds-custom--time-picker--light .cds-custom--select-input:hover:disabled{background-color:transparent;border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--time-picker--sm .cds-custom--select-input,.cds-custom--time-picker--sm .cds-custom--time-picker__input-field{block-size:2rem;max-block-size:2rem}.cds-custom--time-picker--lg .cds-custom--select-input,.cds-custom--time-picker--lg .cds-custom--time-picker__input-field{block-size:3rem;max-block-size:3rem}.cds-custom--time-picker--readonly .cds-custom--select-input,.cds-custom--time-picker--readonly .cds-custom--time-picker__input-field{background-color:transparent;border-block-end-color:var(--cds-border-subtle)}.cds-custom--time-picker--readonly .cds-custom--select-input{cursor:default}.cds-custom--time-picker--readonly .cds-custom--select-input+.cds-custom--select__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-time-picker){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-custom-time-picker-select) .cds-custom--select,:host(cds-custom-time-picker-select) :host(cds-custom-time-picker-select){inline-size:100%}:host(cds-custom-time-picker-select[readonly]) select{pointer-events:none}:host(cds-custom-time-picker-select) select{inline-size:auto;line-height:1;margin:0;min-inline-size:auto;padding-inline-end:3rem}"]);
-
 //#endregion
 export { time_picker_default as default };
+
 //# sourceMappingURL=time-picker.scss.js.map

package/es-custom/components/toggle/defs.js

@@ -26,7 +26,7 @@ let TOGGLE_SIZE = /* @__PURE__ */ function(TOGGLE_SIZE) {
 	TOGGLE_SIZE["SMALL"] = "sm";
 	return TOGGLE_SIZE;
 }({});
-
 //#endregion
 export { TOGGLE_SIZE };
+
 //# sourceMappingURL=defs.js.map

package/es-custom/components/toggle/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/toggle/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\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\n/**\n * Toggle size.\n */\nexport enum TOGGLE_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,oDAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/toggle/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\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\n/**\n * Toggle size.\n */\nexport enum TOGGLE_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,cAAL,yBAAA,aAAA;;;;AAIL,aAAA,aAAA;;;;AAKA,aAAA,WAAA;;KACD"}

package/es-custom/components/toggle/toggle-skeleton.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import toggle_default from "./toggle.scss.js";
 import { LitElement, html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/toggle/toggle-skeleton.ts
 /**
 * Copyright IBM Corp. 2025
@@ -28,11 +27,11 @@ let CDSToggleSkeleton = class CDSToggleSkeleton extends LitElement {
 	render() {
 		return html`
       <div class=${classMap({
-			[`${prefix}--toggle`]: true,
-			[`${prefix}--toggle--skeleton`]: true
+			[`cds-custom--toggle`]: true,
+			[`cds-custom--toggle--skeleton`]: true
 		})}>
-        <div class="${prefix}--toggle__skeleton-circle"></div>
-        <div class="${prefix}--toggle__skeleton-rectangle"></div>
+        <div class="${"cds-custom"}--toggle__skeleton-circle"></div>
+        <div class="${"cds-custom"}--toggle__skeleton-rectangle"></div>
       </div>
     `;
 	}
@@ -40,9 +39,9 @@ let CDSToggleSkeleton = class CDSToggleSkeleton extends LitElement {
 		this.styles = toggle_default;
 	}
 };
-CDSToggleSkeleton = __decorate([carbonElement(`${prefix}-toggle-skeleton`)], CDSToggleSkeleton);
+CDSToggleSkeleton = __decorate([carbonElement(`cds-custom-toggle-skeleton`)], CDSToggleSkeleton);
 var toggle_skeleton_default = CDSToggleSkeleton;
-
 //#endregion
 export { toggle_skeleton_default as default };
+
 //# sourceMappingURL=toggle-skeleton.js.map

package/es-custom/components/toggle/toggle-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/toggle/toggle-skeleton.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 { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './toggle.scss?lit';\n\n/**\n * @element cds-custom-toggle-skeleton\n *\n * Skeleton of toggle.\n */\n@customElement(`${prefix}-toggle-skeleton`)\nclass CDSToggleSkeleton extends LitElement {\n  render() {\n    const skeletonClasses = classMap({\n      [`${prefix}--toggle`]: true,\n      [`${prefix}--toggle--skeleton`]: true,\n    });\n\n    return html`\n      <div class=${skeletonClasses}>\n        <div class=\"${prefix}--toggle__skeleton-circle\"></div>\n        <div class=\"${prefix}--toggle__skeleton-rectangle\"></div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggleSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,8BACM,0BAA0B,WAAW;CACzC,SAAS;AAMP,SAAO,IAAI;mBALa,SAAS;IAC9B,GAAG,OAAO,YAAY;IACtB,GAAG,OAAO,sBAAsB;GAClC,CAAC,CAG6B;sBACb,OAAO;sBACP,OAAO;;;;;gBAKXA;;;gCAhBjBC,cAAc,GAAG,OAAO,kBAAkB;AAmB3C,8BAAe"}
+{"version":3,"file":"toggle-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/toggle/toggle-skeleton.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 { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './toggle.scss?lit';\n\n/**\n * @element cds-custom-toggle-skeleton\n *\n * Skeleton of toggle.\n */\n@customElement(`${prefix}-toggle-skeleton`)\nclass CDSToggleSkeleton extends LitElement {\n  render() {\n    const skeletonClasses = classMap({\n      [`${prefix}--toggle`]: true,\n      [`${prefix}--toggle--skeleton`]: true,\n    });\n\n    return html`\n      <div class=${skeletonClasses}>\n        <div class=\"${prefix}--toggle__skeleton-circle\"></div>\n        <div class=\"${prefix}--toggle__skeleton-rectangle\"></div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggleSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,oBAAA,MACM,0BAA0B,WAAW;CACzC,SAAS;AAMP,SAAO,IAAI;mBALa,SAAS;IAC9B,gBAAsB;IACtB,0BAAgC;GAClC,CAAC,CAG6B;4BACN;4BACA;;;;;gBAKXA;;;gCAhBjBC,cAAc,sBAA4B,CAAA,EAAA,kBAAA;AAmB3C,IAAA,0BAAe"}

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

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import checkbox_default from "../checkbox/checkbox.js";
 import { TOGGLE_SIZE } from "./defs.js";
@@ -16,7 +16,6 @@ import { html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import { ifDefined } from "lit/directives/if-defined.js";
-
 //#region src/components/toggle/toggle.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -39,7 +38,7 @@ let CDSToggle = class CDSToggle extends HostListenerMixin(checkbox_default) {
 		this.labelA = "On";
 		this.hideLabel = false;
 		this.readOnly = false;
-		this.size = TOGGLE_SIZE.REGULAR;
+		this.size = "";
 		this.labelB = "Off";
 		this._externalLabels = [];
 		this._onExternalLabelClick = () => {
@@ -65,10 +64,10 @@ let CDSToggle = class CDSToggle extends HostListenerMixin(checkbox_default) {
 		}));
 	}
 	_renderCheckmark() {
-		if (this.size !== TOGGLE_SIZE.SMALL || this.readOnly == true) return;
+		if (this.size !== "sm" || this.readOnly == true) return;
 		return html`
       <svg
-        class="${prefix}--toggle__check"
+        class="${"cds-custom"}--toggle__check"
         width="6px"
         height="5px"
         viewBox="0 0 6 5">
@@ -122,16 +121,16 @@ let CDSToggle = class CDSToggle extends HostListenerMixin(checkbox_default) {
 	render() {
 		const { toggled, disabled, labelText, hideLabel, id, name, size, labelA, labelB, value, _handleChange: handleChange } = this;
 		const inputClasses = classMap({
-			[`${prefix}--toggle__appearance`]: true,
-			[`${prefix}--toggle__appearance--${size}`]: size
+			[`cds-custom--toggle__appearance`]: true,
+			[`cds-custom--toggle__appearance--${size}`]: size
 		});
 		const toggleClasses = classMap({
-			[`${prefix}--toggle__switch`]: true,
-			[`${prefix}--toggle__switch--checked`]: toggled
+			[`cds-custom--toggle__switch`]: true,
+			[`cds-custom--toggle__switch--checked`]: toggled
 		});
 		const labelTextClasses = classMap({
-			[`${prefix}--toggle__label-text`]: labelText,
-			[`${prefix}--visually-hidden`]: hideLabel
+			[`cds-custom--toggle__label-text`]: labelText,
+			[`cds-custom--visually-hidden`]: hideLabel
 		});
 		let stateText = "";
 		if (hideLabel) stateText = labelText || "";
@@ -140,7 +139,7 @@ let CDSToggle = class CDSToggle extends HostListenerMixin(checkbox_default) {
 		const hasLabelText = (this.labelText ?? "") !== "";
 		return html`
       <button
-        class="${prefix}--toggle__button"
+        class="${"cds-custom"}--toggle__button"
         role="switch"
         type="button"
         aria-checked=${toggled}
@@ -151,11 +150,11 @@ let CDSToggle = class CDSToggle extends HostListenerMixin(checkbox_default) {
         ?disabled=${disabled}
         id="${id}"
         @click=${handleChange}></button>
-      <label for="${id}" class="${prefix}--toggle__label">
+      <label for="${id}" class="${"cds-custom"}--toggle__label">
         ${labelText ? html`<span class="${labelTextClasses}">${labelText}</span>` : null}
         <div class="${inputClasses}">
           <div class="${toggleClasses}">${this._renderCheckmark()}</div>
-          <span class="${prefix}--toggle__text" aria-hidden="true"
+          <span class="${"cds-custom"}--toggle__text" aria-hidden="true"
             >${stateText}</span
           >
         </div>
@@ -166,7 +165,7 @@ let CDSToggle = class CDSToggle extends HostListenerMixin(checkbox_default) {
 	* The name of the custom event fired after this changebox changes its toggled state.
 	*/
 	static get eventChange() {
-		return `${prefix}-toggle-changed`;
+		return `cds-custom-toggle-changed`;
 	}
 	static {
 		this.styles = toggle_default$1;
@@ -198,9 +197,9 @@ __decorate([property({
 })], CDSToggle.prototype, "readOnly", void 0);
 __decorate([property({ reflect: true })], CDSToggle.prototype, "size", void 0);
 __decorate([property({ attribute: "label-b" })], CDSToggle.prototype, "labelB", void 0);
-CDSToggle = __decorate([carbonElement(`${prefix}-toggle`)], CDSToggle);
+CDSToggle = __decorate([carbonElement(`cds-custom-toggle`)], CDSToggle);
 var toggle_default = CDSToggle;
-
 //#endregion
 export { TOGGLE_SIZE, toggle_default as default };
+
 //# sourceMappingURL=toggle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":["CDSCheckbox","styles","customElement"],"sources":["../../../src/components/toggle/toggle.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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport CDSCheckbox from '../checkbox/checkbox';\nimport { TOGGLE_SIZE } from './defs';\nimport styles from './toggle.scss?lit';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TOGGLE_SIZE };\n\n/**\n * Basic toggle.\n *\n * @element cds-custom-toggle\n * @slot label-text - The label text.\n * @slot checked-text - The text for the checked state.\n * @slot unchecked-text - The text for the unchecked state.\n * @fires cds-custom-toggle-changed - The custom event fired after this changebox changes its checked state.\n */\n@customElement(`${prefix}-toggle`)\nclass CDSToggle extends HostListenerMixin(CDSCheckbox) {\n  @query('button')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<button>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked } = this._checkboxNode;\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.toggled = !checked;\n    const { eventChange } = this.constructor as typeof CDSToggle;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked: this.toggled, // TODO: remove in v12\n          toggled: this.toggled,\n        },\n      })\n    );\n  }\n\n  protected _renderCheckmark() {\n    if (this.size !== TOGGLE_SIZE.SMALL || this.readOnly == true) {\n      return undefined;\n    }\n    return html`\n      <svg\n        class=\"${prefix}--toggle__check\"\n        width=\"6px\"\n        height=\"5px\"\n        viewBox=\"0 0 6 5\">\n        <path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n      </svg>\n    `;\n  }\n\n  // TODO: remove in v12\n  /**\n   * @deprecated Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  declare checked: boolean;\n  // TODO: remove in v12\n  /**\n   *\n   * **Deprecated:** Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  @property({ type: Boolean, attribute: 'checked', reflect: true })\n  get _checkedAttributeAlias() {\n    return this.toggled;\n  }\n  set _checkedAttributeAlias(v: boolean) {\n    this.toggled = v;\n  }\n\n  // TODO: remove get() and set() in v12\n  /**\n   * Specify whether the control is toggled\n   */\n  @property({ type: Boolean, reflect: true })\n  get toggled(): boolean {\n    return this.checked;\n  }\n  set toggled(v: boolean) {\n    const prev = this.checked;\n    const next = v;\n    if (prev === next) return;\n    this.checked = v;\n\n    this.requestUpdate('toggled', prev);\n    this.requestUpdate('_checkedAttributeAlias');\n  }\n  /**\n   * Specify another element's id to be used as the label for this toggle\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledby?: string;\n\n  // TODO: swap value with labelB in v12 to match React\n  /**\n   * Specify the label for the \"on\" position\n   */\n  @property({ attribute: 'label-a' })\n  labelA = 'On';\n\n  /**\n   * Hide label text.\n   */\n  @property({ reflect: true, type: Boolean })\n  hideLabel = false;\n\n  /**\n   * Read only boolean.\n   */\n  @property({ reflect: true, attribute: 'read-only', type: Boolean })\n  readOnly = false;\n\n  /**\n   * Toggle size.\n   */\n  @property({ reflect: true })\n  size = TOGGLE_SIZE.REGULAR;\n\n  // TODO: swap value with labelA in v12 to match React\n  /**\n   * Specify the label for the \"off\" position\n   */\n  @property({ attribute: 'label-b' })\n  labelB = 'Off';\n\n  /**\n   * Private references of external <label> elements that are\n   * `for=\"this-toggle-element-id\"`\n   */\n  private _externalLabels: HTMLLabelElement[] = [];\n\n  /**\n   * Handles `click` on external `<label>`\n   */\n  private _onExternalLabelClick = () => {\n    this._checkboxNode?.focus();\n    this._handleChange();\n  };\n\n  /**\n   * Finds external toggle `<label>`s and attaches handlers.\n   */\n  private _attachExternalLabels() {\n    const doc = this.ownerDocument || document;\n\n    const found = this.id\n      ? [...doc.querySelectorAll<HTMLLabelElement>(`label[for=\"${this.id}\"]`)]\n      : [];\n\n    this._externalLabels = Array.from(new Set(found));\n    this._externalLabels.forEach((lbl) => {\n      lbl.addEventListener('click', this._onExternalLabelClick);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this._attachExternalLabels();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this._externalLabels.forEach((lbl) =>\n      lbl.removeEventListener('click', this._onExternalLabelClick)\n    );\n  }\n\n  render() {\n    const {\n      toggled,\n      disabled,\n      labelText,\n      hideLabel,\n      id,\n      name,\n      size,\n      labelA,\n      labelB,\n      value,\n      _handleChange: handleChange,\n    } = this;\n    const inputClasses = classMap({\n      [`${prefix}--toggle__appearance`]: true,\n      [`${prefix}--toggle__appearance--${size}`]: size,\n    });\n    const toggleClasses = classMap({\n      [`${prefix}--toggle__switch`]: true,\n      [`${prefix}--toggle__switch--checked`]: toggled,\n    });\n\n    const labelTextClasses = classMap({\n      [`${prefix}--toggle__label-text`]: labelText,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    let stateText = '';\n\n    if (hideLabel) {\n      stateText = labelText || '';\n    } else {\n      stateText = toggled ? labelA : labelB;\n    }\n\n    const labelId = id ? `${id}_label` : undefined;\n\n    const hasLabelText = (this.labelText ?? '') !== '';\n\n    const ariaLabelledby = this.ariaLabelledby ?? (hasLabelText && labelId);\n\n    return html`\n      <button\n        class=\"${prefix}--toggle__button\"\n        role=\"switch\"\n        type=\"button\"\n        aria-checked=${toggled}\n        aria-labelledby=${ifDefined(ariaLabelledby)}\n        .checked=${toggled}\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        ?disabled=${disabled}\n        id=\"${id}\"\n        @click=${handleChange}></button>\n      <label for=\"${id}\" class=\"${prefix}--toggle__label\">\n        ${labelText\n          ? html`<span class=\"${labelTextClasses}\">${labelText}</span>`\n          : null}\n        <div class=\"${inputClasses}\">\n          <div class=\"${toggleClasses}\">${this._renderCheckmark()}</div>\n          <span class=\"${prefix}--toggle__text\" aria-hidden=\"true\"\n            >${stateText}</span\n          >\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its toggled state.\n   */\n  static get eventChange() {\n    return `${prefix}-toggle-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggle;\n"],"mappings":"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"}
+{"version":3,"file":"toggle.js","names":["CDSCheckbox","styles","customElement"],"sources":["../../../src/components/toggle/toggle.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 { classMap } from 'lit/directives/class-map.js';\nimport { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport CDSCheckbox from '../checkbox/checkbox';\nimport { TOGGLE_SIZE } from './defs';\nimport styles from './toggle.scss?lit';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TOGGLE_SIZE };\n\n/**\n * Basic toggle.\n *\n * @element cds-custom-toggle\n * @slot label-text - The label text.\n * @slot checked-text - The text for the checked state.\n * @slot unchecked-text - The text for the unchecked state.\n * @fires cds-custom-toggle-changed - The custom event fired after this changebox changes its checked state.\n */\n@customElement(`${prefix}-toggle`)\nclass CDSToggle extends HostListenerMixin(CDSCheckbox) {\n  @query('button')\n  protected _checkboxNode!: HTMLInputElement;\n\n  /**\n   * Handles `click` event on the `<button>` in the shadow DOM.\n   */\n  protected _handleChange() {\n    const { checked } = this._checkboxNode;\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    this.toggled = !checked;\n    const { eventChange } = this.constructor as typeof CDSToggle;\n    this.dispatchEvent(\n      new CustomEvent(eventChange, {\n        bubbles: true,\n        composed: true,\n        detail: {\n          checked: this.toggled, // TODO: remove in v12\n          toggled: this.toggled,\n        },\n      })\n    );\n  }\n\n  protected _renderCheckmark() {\n    if (this.size !== TOGGLE_SIZE.SMALL || this.readOnly == true) {\n      return undefined;\n    }\n    return html`\n      <svg\n        class=\"${prefix}--toggle__check\"\n        width=\"6px\"\n        height=\"5px\"\n        viewBox=\"0 0 6 5\">\n        <path d=\"M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z\" />\n      </svg>\n    `;\n  }\n\n  // TODO: remove in v12\n  /**\n   * @deprecated Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  declare checked: boolean;\n  // TODO: remove in v12\n  /**\n   *\n   * **Deprecated:** Use `toggled` instead.\n   * The `checked` attribute will be removed in the next major version.\n   */\n  @property({ type: Boolean, attribute: 'checked', reflect: true })\n  get _checkedAttributeAlias() {\n    return this.toggled;\n  }\n  set _checkedAttributeAlias(v: boolean) {\n    this.toggled = v;\n  }\n\n  // TODO: remove get() and set() in v12\n  /**\n   * Specify whether the control is toggled\n   */\n  @property({ type: Boolean, reflect: true })\n  get toggled(): boolean {\n    return this.checked;\n  }\n  set toggled(v: boolean) {\n    const prev = this.checked;\n    const next = v;\n    if (prev === next) return;\n    this.checked = v;\n\n    this.requestUpdate('toggled', prev);\n    this.requestUpdate('_checkedAttributeAlias');\n  }\n  /**\n   * Specify another element's id to be used as the label for this toggle\n   */\n  @property({ type: String, attribute: 'aria-labelledby' })\n  ariaLabelledby?: string;\n\n  // TODO: swap value with labelB in v12 to match React\n  /**\n   * Specify the label for the \"on\" position\n   */\n  @property({ attribute: 'label-a' })\n  labelA = 'On';\n\n  /**\n   * Hide label text.\n   */\n  @property({ reflect: true, type: Boolean })\n  hideLabel = false;\n\n  /**\n   * Read only boolean.\n   */\n  @property({ reflect: true, attribute: 'read-only', type: Boolean })\n  readOnly = false;\n\n  /**\n   * Toggle size.\n   */\n  @property({ reflect: true })\n  size = TOGGLE_SIZE.REGULAR;\n\n  // TODO: swap value with labelA in v12 to match React\n  /**\n   * Specify the label for the \"off\" position\n   */\n  @property({ attribute: 'label-b' })\n  labelB = 'Off';\n\n  /**\n   * Private references of external <label> elements that are\n   * `for=\"this-toggle-element-id\"`\n   */\n  private _externalLabels: HTMLLabelElement[] = [];\n\n  /**\n   * Handles `click` on external `<label>`\n   */\n  private _onExternalLabelClick = () => {\n    this._checkboxNode?.focus();\n    this._handleChange();\n  };\n\n  /**\n   * Finds external toggle `<label>`s and attaches handlers.\n   */\n  private _attachExternalLabels() {\n    const doc = this.ownerDocument || document;\n\n    const found = this.id\n      ? [...doc.querySelectorAll<HTMLLabelElement>(`label[for=\"${this.id}\"]`)]\n      : [];\n\n    this._externalLabels = Array.from(new Set(found));\n    this._externalLabels.forEach((lbl) => {\n      lbl.addEventListener('click', this._onExternalLabelClick);\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this._attachExternalLabels();\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback?.();\n    this._externalLabels.forEach((lbl) =>\n      lbl.removeEventListener('click', this._onExternalLabelClick)\n    );\n  }\n\n  render() {\n    const {\n      toggled,\n      disabled,\n      labelText,\n      hideLabel,\n      id,\n      name,\n      size,\n      labelA,\n      labelB,\n      value,\n      _handleChange: handleChange,\n    } = this;\n    const inputClasses = classMap({\n      [`${prefix}--toggle__appearance`]: true,\n      [`${prefix}--toggle__appearance--${size}`]: size,\n    });\n    const toggleClasses = classMap({\n      [`${prefix}--toggle__switch`]: true,\n      [`${prefix}--toggle__switch--checked`]: toggled,\n    });\n\n    const labelTextClasses = classMap({\n      [`${prefix}--toggle__label-text`]: labelText,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    let stateText = '';\n\n    if (hideLabel) {\n      stateText = labelText || '';\n    } else {\n      stateText = toggled ? labelA : labelB;\n    }\n\n    const labelId = id ? `${id}_label` : undefined;\n\n    const hasLabelText = (this.labelText ?? '') !== '';\n\n    const ariaLabelledby = this.ariaLabelledby ?? (hasLabelText && labelId);\n\n    return html`\n      <button\n        class=\"${prefix}--toggle__button\"\n        role=\"switch\"\n        type=\"button\"\n        aria-checked=${toggled}\n        aria-labelledby=${ifDefined(ariaLabelledby)}\n        .checked=${toggled}\n        name=\"${ifDefined(name)}\"\n        value=\"${ifDefined(value)}\"\n        ?disabled=${disabled}\n        id=\"${id}\"\n        @click=${handleChange}></button>\n      <label for=\"${id}\" class=\"${prefix}--toggle__label\">\n        ${labelText\n          ? html`<span class=\"${labelTextClasses}\">${labelText}</span>`\n          : null}\n        <div class=\"${inputClasses}\">\n          <div class=\"${toggleClasses}\">${this._renderCheckmark()}</div>\n          <span class=\"${prefix}--toggle__text\" aria-hidden=\"true\"\n            >${stateText}</span\n          >\n        </div>\n      </label>\n    `;\n  }\n\n  /**\n   * The name of the custom event fired after this changebox changes its toggled state.\n   */\n  static get eventChange() {\n    return `${prefix}-toggle-changed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToggle;\n"],"mappings":"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"}

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

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/toggle/toggle.scss?lit
 var toggle_default = css([".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}@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}}.cds-custom--toggle{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--toggle__label-text{color:var(--cds-text-secondary,#525252);display:block;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-block-end:1rem}.cds-custom--toggle__button{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}.cds-custom--toggle__button:focus{outline:none}.cds-custom--toggle__appearance{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:inline-grid;grid-template-columns:max-content max-content}.cds-custom--toggle__switch{background-color:var(--cds-toggle-off,#8d8d8d);block-size:1.5rem;border-radius:.75rem;inline-size:3rem;position:relative;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.cds-custom--toggle__switch:before{background-color:var(--cds-icon-on-color,#fff);block-size:1.125rem;border-radius:50%;content:\"\";inline-size:1.125rem;inset-block-start:.1875rem;inset-inline-start:.1875rem;position:absolute;transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--toggle__switch:before{transition:none}}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch:after,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch:after{block-size:100%;border-radius:1rem;content:\"\";display:block;outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds-custom--toggle__switch--checked{background-color:var(--cds-support-success,#24a148)}.cds-custom--toggle__switch--checked:before{transform:translateX(1.5rem)}.cds-custom--toggle__text{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch{block-size:1rem;inline-size:2rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch:before{block-size:.625rem;inline-size:.625rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(1rem)}.cds-custom--toggle__check{block-size:.3125rem;position:absolute;fill:var(--cds-support-success,#24a148);inline-size:.375rem;inset-block-start:.375rem;inset-inline-end:.3125rem;visibility:hidden}.cds-custom--toggle__switch--checked .cds-custom--toggle__check{visibility:visible}.cds-custom--toggle--disabled .cds-custom--toggle__appearance,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}.cds-custom--toggle--disabled .cds-custom--toggle__label-text,.cds-custom--toggle--disabled .cds-custom--toggle__text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__label-text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__text{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--disabled .cds-custom--toggle__switch,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch{background-color:var(--cds-button-disabled,#c6c6c6)}.cds-custom--toggle--disabled .cds-custom--toggle__switch:before,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch:before{background-color:var(--cds-icon-on-color-disabled,#8d8d8d)}.cds-custom--toggle--disabled .cds-custom--toggle__check,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__check{fill:var(--cds-button-disabled,#c6c6c6)}.cds-custom--toggle--readonly .cds-custom--toggle__appearance,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__appearance{cursor:default}.cds-custom--toggle--readonly .cds-custom--toggle__switch,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch{background-color:transparent;border:1px solid var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--readonly .cds-custom--toggle__switch:before,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch:before{background-color:var(--cds-icon-primary,#161616);inset-block-start:.125rem;inset-inline-start:.125rem}.cds-custom--toggle--readonly .cds-custom--toggle__check,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__check{fill:var(--cds-background,#fff);inset-block-start:.3125rem;inset-inline-end:.25rem}.cds-custom--toggle--readonly .cds-custom--toggle__text,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle__switch,.cds-custom--toggle__switch:before{outline:1px solid transparent}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch{color:Highlight;outline:1px solid Highlight}}.cds-custom--toggle--skeleton{align-items:center;display:flex}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle{background:var(--cds-skeleton-background,#e8e8e8);overflow:hidden;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:200%;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle{background:CanvasText}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{background:Canvas;forced-color-adjust:none}}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle{block-size:1.125rem;border-radius:50%;inline-size:1.125rem}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:active,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:focus,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:hover{border:none;cursor:default;outline:none}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle: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--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle{background:CanvasText}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{background:Canvas;forced-color-adjust:none}}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle{block-size:.5rem;inline-size:1.5rem;margin-inline-start:.5rem}[dir=rtl] .cds-custom--toggle__switch--checked:before{transform:translateX(-1.5rem)}[dir=rtl] .cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(-1rem)}:host(cds-custom-toggle){outline:none}:host(cds-custom-toggle) .cds-custom--toggle__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(cds-custom-toggle[enable-v12-toggle-reduced-label-spacing]) .cds-custom--toggle__label-text{margin-block-end:.5rem}:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch{border:none;box-shadow:inset 0 0 0 1px var(--cds-icon-disabled,hsla(0,0%,9%,.25))}:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch:before{inset-block-start:.1875rem;inset-inline-start:.1875rem}:host(cds-custom-toggle[read-only]) .cds-custom--toggle__check{inset-block-start:.375rem;inset-inline-end:.3125rem}:host(cds-custom-toggle:dir(rtl)) .cds-custom--toggle__switch--checked:before{transform:translateX(-1.5rem)}:host(cds-custom-toggle:dir(rtl)) .cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(-1rem)}"]);
-
 //#endregion
 export { toggle_default as default };
+
 //# sourceMappingURL=toggle.scss.js.map

package/es-custom/components/toggle-tip/toggletip.js

@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
-import { POPOVER_ALIGNMENT } from "../popover/defs.js";
+import "../popover/defs.js";
 import FloatingController from "../../globals/controllers/floating-controller.js";
 import toggletip_default$1 from "./toggletip.scss.js";
 import popover_default from "../popover/popover.scss.js";
@@ -21,7 +21,6 @@ import { LitElement, adoptStyles, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import Information16 from "@carbon/icons/es/information/16.js";
-
 //#region src/components/toggle-tip/toggletip.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -42,7 +41,7 @@ let CDSToggletip = class CDSToggletip extends HostListenerMixin(FocusMixin(LitEl
 	constructor(..._args) {
 		super(..._args);
 		this.popoverController = new FloatingController(this);
-		this.alignment = POPOVER_ALIGNMENT.TOP;
+		this.alignment = "top";
 		this.alignmentAxisOffset = 0;
 		this.autoalign = false;
 		this.buttonLabel = "Show information";
@@ -53,7 +52,7 @@ let CDSToggletip = class CDSToggletip extends HostListenerMixin(FocusMixin(LitEl
 		};
 		this._renderToggleTipLabel = () => {
 			return html`
-      <span class="${prefix}--toggletip-label">
+      <span class="${"cds-custom"}--toggletip-label">
         <slot></slot>
       </span>
     `;
@@ -63,7 +62,7 @@ let CDSToggletip = class CDSToggletip extends HostListenerMixin(FocusMixin(LitEl
       <button
         aria-controls="${this.id}"
         aria-label="${this.buttonLabel}"
-        class="${prefix}--toggletip-button"
+        class="${"cds-custom"}--toggletip-button"
         @click=${this._handleClick}>
         <slot name="trigger"
           >${iconLoader(Information16, { id: "trigger" })}
@@ -73,30 +72,30 @@ let CDSToggletip = class CDSToggletip extends HostListenerMixin(FocusMixin(LitEl
 		};
 		this._renderTooltipContent = () => {
 			return this.autoalign ? html`
-          <span class="${prefix}--popover-content">
-            <div class="${prefix}--toggletip-content">
+          <span class="${"cds-custom"}--popover-content">
+            <div class="${"cds-custom"}--toggletip-content">
               <slot name="body-text"></slot>
-              <div class="${prefix}--toggletip-actions">
+              <div class="${"cds-custom"}--toggletip-actions">
                 <slot
                   name="actions"
                   @slotchange="${this._handleActionsSlotChange}"></slot>
               </div>
             </div>
-            <span class="${prefix}--popover-caret"></span>
+            <span class="${"cds-custom"}--popover-caret"></span>
           </span>
         ` : html`
-          <span class="${prefix}--popover">
-            <span class="${prefix}--popover-content">
-              <div class="${prefix}--toggletip-content">
+          <span class="${"cds-custom"}--popover">
+            <span class="${"cds-custom"}--popover-content">
+              <div class="${"cds-custom"}--toggletip-content">
                 <slot name="body-text"></slot>
-                <div class="${prefix}--toggletip-actions">
+                <div class="${"cds-custom"}--toggletip-actions">
                   <slot
                     name="actions"
                     @slotchange="${this._handleActionsSlotChange}"></slot>
                 </div>
               </div>
             </span>
-            <span class="${prefix}--popover-caret"></span>
+            <span class="${"cds-custom"}--popover-caret"></span>
           </span>
         `;
 		};
@@ -157,13 +156,13 @@ let CDSToggletip = class CDSToggletip extends HostListenerMixin(FocusMixin(LitEl
 	render() {
 		const { alignment, open } = this;
 		const classes = classMap({
-			[`${prefix}--popover-container`]: true,
-			[`${prefix}--popover--caret`]: true,
-			[`${prefix}--popover--high-contrast`]: true,
-			[`${prefix}--popover--open`]: open,
-			[`${prefix}--popover--${alignment}`]: alignment,
-			[`${prefix}--toggletip`]: true,
-			[`${prefix}--toggletip--open`]: open
+			[`cds-custom--popover-container`]: true,
+			[`cds-custom--popover--caret`]: true,
+			[`cds-custom--popover--high-contrast`]: true,
+			[`cds-custom--popover--open`]: open,
+			[`cds-custom--popover--${alignment}`]: alignment,
+			[`cds-custom--toggletip`]: true,
+			[`cds-custom--toggletip--open`]: open
 		});
 		return html`
       ${this._renderToggleTipLabel()}
@@ -174,19 +173,19 @@ let CDSToggletip = class CDSToggletip extends HostListenerMixin(FocusMixin(LitEl
 	* A selector that will return the toggletip content.
 	*/
 	static get selectorToggletipContent() {
-		return `.${prefix}--popover-content`;
+		return `.cds-custom--popover-content`;
 	}
 	/**
 	* A selector that will return the toggletip caret.
 	*/
 	static get selectorToggletipCaret() {
-		return `.${prefix}--popover-caret`;
+		return `.cds-custom--popover-caret`;
 	}
 	/**
 	* A selector that will return the trigger element.
 	*/
 	static get selectorToggletipButton() {
-		return `.${prefix}--toggletip-button`;
+		return `.cds-custom--toggletip-button`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -215,9 +214,9 @@ __decorate([property({
 })], CDSToggletip.prototype, "defaultOpen", void 0);
 __decorate([HostListener("keydown")], CDSToggletip.prototype, "_handleKeydown", void 0);
 __decorate([HostListener("focusout")], CDSToggletip.prototype, "_handleFocusOut", null);
-CDSToggletip = _CDSToggletip = __decorate([carbonElement(`${prefix}-toggletip`)], CDSToggletip);
+CDSToggletip = _CDSToggletip = __decorate([carbonElement(`cds-custom-toggletip`)], CDSToggletip);
 var toggletip_default = CDSToggletip;
-
 //#endregion
 export { toggletip_default as default };
+
 //# sourceMappingURL=toggletip.js.map

package/es-custom/components/toggle-tip/toggletip.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.js","names":["FloatingUIController","popoverStyles","styles","customElement"],"sources":["../../../src/components/toggle-tip/toggletip.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { classMap } from 'lit/directives/class-map.js';\nimport { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport Information16 from '@carbon/icons/es/information/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport styles from './toggletip.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Definition tooltip.\n *\n * @element cds-custom-toggletip\n */\n@customElement(`${prefix}-toggletip`)\nclass CDSToggletip extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  alignment = POPOVER_ALIGNMENT.TOP;\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset = 0;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * The label for the toggle button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  /**\n   * Set whether toggletip is open\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Set whether toggletip is open by default.\n   */\n  @property({ type: Boolean, attribute: 'default-open' })\n  defaultOpen = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultOpen && !this.hasAttribute('open')) {\n      this.open = true;\n    }\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleActionsSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement).assignedNodes();\n    if (hasContent) {\n      this.setAttribute('has-actions', '');\n    } else {\n      this.removeAttribute('has-actions');\n    }\n  }\n\n  protected _handleClick() {\n    this.open = !this.open;\n  }\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (this.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    if (deepShadowContains(this, event.relatedTarget)) {\n      return;\n    }\n    this.open = false;\n  }\n\n  protected _renderToggleTipLabel = () => {\n    return html`\n      <span class=\"${prefix}--toggletip-label\">\n        <slot></slot>\n      </span>\n    `;\n  };\n\n  protected _renderTooltipButton = () => {\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        aria-label=\"${this.buttonLabel}\"\n        class=\"${prefix}--toggletip-button\"\n        @click=${this._handleClick}>\n        <slot name=\"trigger\"\n          >${iconLoader(Information16, { id: 'trigger' })}\n        </slot>\n      </button>\n    `;\n  };\n\n  protected _renderTooltipContent = () => {\n    return this.autoalign\n      ? html`\n          <span class=\"${prefix}--popover-content\">\n            <div class=\"${prefix}--toggletip-content\">\n              <slot name=\"body-text\"></slot>\n              <div class=\"${prefix}--toggletip-actions\">\n                <slot\n                  name=\"actions\"\n                  @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n              </div>\n            </div>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `\n      : html`\n          <span class=\"${prefix}--popover\">\n            <span class=\"${prefix}--popover-content\">\n              <div class=\"${prefix}--toggletip-content\">\n                <slot name=\"body-text\"></slot>\n                <div class=\"${prefix}--toggletip-actions\">\n                  <slot\n                    name=\"actions\"\n                    @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n                </div>\n              </div>\n            </span>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `;\n  };\n\n  protected _renderInnerContent = () => {\n    return html`\n      ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n    `;\n  };\n\n  updated() {\n    if (this.autoalign) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipButton\n      );\n\n      const tooltip = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipContent\n      );\n      const arrowElement = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipCaret\n      );\n\n      if (button && tooltip) {\n        // Ensure toggletip is visible when rendered in a large scrollable container (storybook parity)\n        button.scrollIntoView({ block: 'center', inline: 'center' });\n\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement: arrowElement as HTMLElement,\n          caret: true,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.alignment,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n        });\n      }\n    }\n  }\n\n  render() {\n    const { alignment, open } = this;\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${alignment}`]: alignment,\n      [`${prefix}--toggletip`]: true,\n      [`${prefix}--toggletip--open`]: open,\n    });\n    return html`\n      ${this._renderToggleTipLabel()}\n      <span class=\"${classes}\"> ${this._renderInnerContent()} </span>\n    `;\n  }\n\n  /**\n   * A selector that will return the toggletip content.\n   */\n  static get selectorToggletipContent() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return the toggletip caret.\n   */\n  static get selectorToggletipCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the trigger element.\n   */\n  static get selectorToggletipButton() {\n    return `.${prefix}--toggletip-button`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSToggletip;\n"],"mappings":"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"}
+{"version":3,"file":"toggletip.js","names":["FloatingUIController","popoverStyles","styles","customElement"],"sources":["../../../src/components/toggle-tip/toggletip.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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 { classMap } from 'lit/directives/class-map.js';\nimport { adoptStyles, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport Information16 from '@carbon/icons/es/information/16.js';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { POPOVER_ALIGNMENT } from '../popover/defs';\nimport FloatingUIController from '../../globals/controllers/floating-controller';\nimport styles from './toggletip.scss?lit';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { deepShadowContains } from '../../globals/internal/deep-shadow-contains';\n\n/**\n * Definition tooltip.\n *\n * @element cds-custom-toggletip\n */\n@customElement(`${prefix}-toggletip`)\nclass CDSToggletip extends HostListenerMixin(FocusMixin(LitElement)) {\n  /**\n   * Create popover controller instance\n   */\n  private popoverController = new FloatingUIController(this);\n\n  /**\n   * How the tooltip is aligned to the trigger button.\n   */\n  @property({ reflect: true })\n  alignment = POPOVER_ALIGNMENT.TOP;\n\n  /**\n   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.\n   */\n  @property({ type: Number, attribute: 'alignment-axis-offset' })\n  alignmentAxisOffset = 0;\n\n  /**\n   * Specify whether a auto align functionality should be applied\n   */\n  @property({ type: Boolean, reflect: true })\n  autoalign = false;\n\n  /**\n   * The label for the toggle button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  /**\n   * Set whether toggletip is open\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Set whether toggletip is open by default.\n   */\n  @property({ type: Boolean, attribute: 'default-open' })\n  defaultOpen = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.defaultOpen && !this.hasAttribute('open')) {\n      this.open = true;\n    }\n\n    adoptStyles(this.renderRoot as ShadowRoot, [popoverStyles, styles]);\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleActionsSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement).assignedNodes();\n    if (hasContent) {\n      this.setAttribute('has-actions', '');\n    } else {\n      this.removeAttribute('has-actions');\n    }\n  }\n\n  protected _handleClick() {\n    this.open = !this.open;\n  }\n\n  /**\n   * Handles `keydown` event on this element.\n   */\n  @HostListener('keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = async (event) => {\n    if (event.key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (this.contains(event.relatedTarget as Node)) {\n      return;\n    }\n\n    if (deepShadowContains(this, event.relatedTarget)) {\n      return;\n    }\n    this.open = false;\n  }\n\n  protected _renderToggleTipLabel = () => {\n    return html`\n      <span class=\"${prefix}--toggletip-label\">\n        <slot></slot>\n      </span>\n    `;\n  };\n\n  protected _renderTooltipButton = () => {\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        aria-label=\"${this.buttonLabel}\"\n        class=\"${prefix}--toggletip-button\"\n        @click=${this._handleClick}>\n        <slot name=\"trigger\"\n          >${iconLoader(Information16, { id: 'trigger' })}\n        </slot>\n      </button>\n    `;\n  };\n\n  protected _renderTooltipContent = () => {\n    return this.autoalign\n      ? html`\n          <span class=\"${prefix}--popover-content\">\n            <div class=\"${prefix}--toggletip-content\">\n              <slot name=\"body-text\"></slot>\n              <div class=\"${prefix}--toggletip-actions\">\n                <slot\n                  name=\"actions\"\n                  @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n              </div>\n            </div>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `\n      : html`\n          <span class=\"${prefix}--popover\">\n            <span class=\"${prefix}--popover-content\">\n              <div class=\"${prefix}--toggletip-content\">\n                <slot name=\"body-text\"></slot>\n                <div class=\"${prefix}--toggletip-actions\">\n                  <slot\n                    name=\"actions\"\n                    @slotchange=\"${this._handleActionsSlotChange}\"></slot>\n                </div>\n              </div>\n            </span>\n            <span class=\"${prefix}--popover-caret\"></span>\n          </span>\n        `;\n  };\n\n  protected _renderInnerContent = () => {\n    return html`\n      ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n    `;\n  };\n\n  updated() {\n    if (this.autoalign) {\n      // auto align functionality with @floating-ui/dom library\n      const button = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipButton\n      );\n\n      const tooltip = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipContent\n      );\n      const arrowElement = this.shadowRoot?.querySelector(\n        CDSToggletip.selectorToggletipCaret\n      );\n\n      if (button && tooltip) {\n        // Ensure toggletip is visible when rendered in a large scrollable container (storybook parity)\n        button.scrollIntoView({ block: 'center', inline: 'center' });\n\n        this.popoverController?.setPlacement({\n          trigger: button as HTMLElement,\n          target: tooltip as HTMLElement,\n          arrowElement: arrowElement as HTMLElement,\n          caret: true,\n          flipArguments: { fallbackAxisSideDirection: 'start' },\n          alignment: this.alignment,\n          open: this.open,\n          alignmentAxisOffset: this.alignmentAxisOffset,\n        });\n      }\n    }\n  }\n\n  render() {\n    const { alignment, open } = this;\n    const classes = classMap({\n      [`${prefix}--popover-container`]: true,\n      [`${prefix}--popover--caret`]: true,\n      [`${prefix}--popover--high-contrast`]: true,\n      [`${prefix}--popover--open`]: open,\n      [`${prefix}--popover--${alignment}`]: alignment,\n      [`${prefix}--toggletip`]: true,\n      [`${prefix}--toggletip--open`]: open,\n    });\n    return html`\n      ${this._renderToggleTipLabel()}\n      <span class=\"${classes}\"> ${this._renderInnerContent()} </span>\n    `;\n  }\n\n  /**\n   * A selector that will return the toggletip content.\n   */\n  static get selectorToggletipContent() {\n    return `.${prefix}--popover-content`;\n  }\n\n  /**\n   * A selector that will return the toggletip caret.\n   */\n  static get selectorToggletipCaret() {\n    return `.${prefix}--popover-caret`;\n  }\n\n  /**\n   * A selector that will return the trigger element.\n   */\n  static get selectorToggletipButton() {\n    return `.${prefix}--toggletip-button`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSToggletip;\n"],"mappings":"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"}