npm - @carbon/web-components - Versions diffs - 2.52.0 → 2.53.0-rc.0 - Mend

@carbon/web-components 2.52.0 → 2.53.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1760) hide show

package/es-custom/components/tile/tile.scss.js CHANGED Viewed

@@ -6,10 +6,9 @@
  */
 import { css } from "lit";
 //#region src/components/tile/tile.scss?lit
 var tile_default = css([".cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--link *,.cds-custom--link :after,.cds-custom--link :before,:host(cds-custom-tile) ::slotted(.cds-custom--link) *,:host(cds-custom-tile) ::slotted(.cds-custom--link) :after,:host(cds-custom-tile) ::slotted(.cds-custom--link) :before{box-sizing:inherit}.cds-custom--link,:host(cds-custom-tile) ::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));display:inline;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);outline:none;text-decoration:none;transition:color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--link:hover,:host(cds-custom-tile) :hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce));text-decoration:underline}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:active:not(.cds-custom--link--disabled),.cds-custom--link:active:visited,.cds-custom--link:active:visited:hover,:host(cds-custom-tile) :active:not(.cds-custom--link--disabled)::slotted(.cds-custom--link),:host(cds-custom-tile) :active:visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe));outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-style:dotted}}.cds-custom--link:focus:not(.cds-custom--link--disabled),:host(cds-custom-tile) :focus:not(.cds-custom--link--disabled)::slotted(.cds-custom--link){outline-color:var(--cds-link-focus-text-color,var(--cds-focus,#0f62fe));text-decoration:underline}.cds-custom--link:visited,:host(cds-custom-tile) :visited::slotted(.cds-custom--link){color:var(--cds-link-text-color,var(--cds-link-primary,#0f62fe))}.cds-custom--link:visited:hover,:host(cds-custom-tile) :visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--link--disabled *,.cds-custom--link--disabled :after,.cds-custom--link--disabled :before,.cds-custom--link--disabled:hover *,.cds-custom--link--disabled:hover :after,.cds-custom--link--disabled:hover :before{box-sizing:inherit}.cds-custom--link--disabled,.cds-custom--link--disabled:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);text-decoration:none}.cds-custom--link.cds-custom--link--visited,.cds-custom--link.cds-custom--link--visited:visited,:host(cds-custom-tile) .cds-custom--link--visited::slotted(.cds-custom--link){color:var(--cds-link-visited-text-color,var(--cds-link-visited,#8a3ffc))}.cds-custom--link.cds-custom--link--visited:hover,.cds-custom--link.cds-custom--link--visited:visited:hover,:host(cds-custom-tile) .cds-custom--link--visited:hover::slotted(.cds-custom--link){color:var(--cds-link-hover-text-color,var(--cds-link-primary-hover,#0043ce))}.cds-custom--link.cds-custom--link--inline,:host(cds-custom-tile) .cds-custom--link--inline::slotted(.cds-custom--link){display:inline;text-decoration:underline}.cds-custom--link--disabled.cds-custom--link--inline{text-decoration:underline}.cds-custom--link--sm,.cds-custom--link--sm.cds-custom--link--disabled:hover{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)}.cds-custom--link--lg,.cds-custom--link--lg.cds-custom--link--disabled:hover{font-size:var(--cds-body-compact-02-font-size,1rem);font-weight:var(--cds-body-compact-02-font-weight,400);letter-spacing:var(--cds-body-compact-02-letter-spacing,0);line-height:var(--cds-body-compact-02-line-height,1.375)}.cds-custom--link__icon{align-items:center;block-size:1lh;display:inline-flex;line-height:inherit;margin-inline-start:.5rem;vertical-align:text-bottom}.cds-custom--link--lg .cds-custom--link__icon>svg{block-size:1.25rem;inline-size:1.25rem}.cds-custom--link--lg .cds-custom--link__icon{block-size:1.25rem}.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)}.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--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--tile-group html,:host(cds-custom-tile-group) html{font-size:100%}.cds-custom--tile-group body,:host(cds-custom-tile-group) 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--tile-group code,:host(cds-custom-tile-group) code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--tile-group strong,:host(cds-custom-tile-group) strong{font-weight:600}.cds-custom--tile,:host(cds-custom-expandable-tile),:host(cds-custom-tile){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-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));background-color:var(--cds-layer);display:block;min-block-size:4rem;min-inline-size:8rem;outline:2px solid transparent;outline-offset:-2px;padding:var(--cds-layout-density-padding-inline-local);position:relative}.cds-custom--tile:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile:focus{outline-style:dotted}}.cds-custom--tile--light,:host(cds-custom-expandable-tile[color-scheme=light]),:host(cds-custom-tile[color-scheme=light]){background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--tile--clickable *,.cds-custom--tile--clickable :after,.cds-custom--tile--clickable :before,.cds-custom--tile--selectable *,.cds-custom--tile--selectable :after,.cds-custom--tile--selectable :before,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable *,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :after,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable :before{box-sizing:inherit}.cds-custom--tile--clickable,.cds-custom--tile--selectable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{cursor:pointer;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);padding:var(--cds-layout-density-padding-inline-local);transition:.15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--clickable:hover,.cds-custom--tile--selectable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--clickable,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--clickable:focus{outline-style:dotted}}.cds-custom--tile--clickable:focus{text-decoration:none}.cds-custom--tile--clickable:focus .cds-custom--tile__checkmark,.cds-custom--tile--clickable:hover .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--expandable::-moz-focus-inner{border:0}.cds-custom--tile--clickable:active,.cds-custom--tile--clickable:hover,.cds-custom--tile--clickable:visited,.cds-custom--tile--clickable:visited:hover{color:var(--cds-text-primary,#161616);text-decoration:none}.cds-custom--tile--clickable.cds-custom--link--disabled,.cds-custom--tile--clickable:hover.cds-custom--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:var(--cds-layout-density-padding-inline-local)}.cds-custom--tile--clickable .cds-custom--tile--icon,.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){block-size:1.25rem;inline-size:1.25rem;inset-block-end:.75rem;inset-inline-end:.75rem;position:absolute}.cds-custom--tile--clickable .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable ::slotted([slot=icon]){fill:var(--cds-icon-interactive,#0f62fe)}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--disabled-icon{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tile--clickable.cds-custom--link--disabled .cds-custom--tile--icon,:host(cds-custom-clickable-tile) .cds-custom--tile--clickable.cds-custom--link--disabled ::slotted([slot=icon]){display:none}.cds-custom--tile--selectable{border:1px solid transparent;padding-inline-end:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem)}.cds-custom--tile__checkmark{background:transparent;block-size:1rem;border:none;inset-block-start:var(--cds-layout-density-padding-inline-local);inset-inline-end:var(--cds-layout-density-padding-inline-local);opacity:0;position:absolute;transition:.11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile__checkmark svg{border-radius:50%;fill:var(--cds-icon-secondary,#525252)}.cds-custom--tile__checkmark:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile__checkmark:focus{outline-style:dotted}}.cds-custom--tile__checkmark--persistent{opacity:1}.cds-custom--tile__chevron,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron{align-items:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);display:flex;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;position:absolute}.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{fill:var(--cds-icon-primary,#161616);transform-origin:center;transition:.11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--tile__chevron svg,:host(cds-custom-selectable-tile) .cds-custom--tile__chevron svg{transition:none}}.cds-custom--tile__chevron--interactive{-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--tile__chevron--interactive *,.cds-custom--tile__chevron--interactive :after,.cds-custom--tile__chevron--interactive :before{box-sizing:inherit}.cds-custom--tile__chevron--interactive::-moz-focus-inner{border:0}.cds-custom--tile__chevron--interactive{align-items:center;block-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);display:flex;inline-size:calc(var(--cds-layout-density-padding-inline-local)*2 + 1rem);inset-block-end:0;inset-inline-end:0;justify-content:center;position:absolute}.cds-custom--tile__chevron--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}.cds-custom--tile__chevron--interactive:hover{background-color:var(--cds-layer-hover);cursor:pointer}.cds-custom--tile--expandable,:host(cds-custom-expandable-tile){border:0;color:inherit;cursor:pointer;font-family:inherit;font-size: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);overflow:hidden;position:relative;text-align:start;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--expandable:hover{background:var(--cds-layer-hover)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive{border:none;cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:hover{background-color:var(--cds-layer)}.cds-custom--tile--expandable.cds-custom--tile--expandable--interactive:focus{outline:none}.cds-custom--tile--expandable--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile--expandable--interactive:focus{outline-style:dotted}}.cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){display:block;opacity:0;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:hidden}.cds-custom--tile--is-expanded,:host(cds-custom-expandable-tile[expanded]){overflow:visible;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--is-expanded .cds-custom--tile__chevron svg,:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile__chevron svg{transform:rotate(180deg)}.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:opacity .11s cubic-bezier(.2,0,.38,.9),visibility .11s cubic-bezier(.2,0,.38,.9);visibility:inherit}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds-custom--tile--is-expanded .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile) .cds-custom--tile--is-expanded ::slotted(cds-custom-tile-below-the-fold-content),:host(cds-custom-expandable-tile[expanded]) .cds-custom--tile-content__below-the-fold,:host(cds-custom-expandable-tile[expanded]):host(cds-custom-expandable-tile) ::slotted(cds-custom-tile-below-the-fold-content){overflow-y:auto}}.cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}.cds-custom--tile--is-selected .cds-custom--tile__checkmark{opacity:1}.cds-custom--tile--is-selected .cds-custom--tile__checkmark svg{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile-content{block-size:100%;inline-size:100%}.cds-custom--tile-input{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--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tile-input:focus+.cds-custom--tile,.cds-custom--tile-input:focus+:host(cds-custom-expandable-tile),.cds-custom--tile-input:focus+:host(cds-custom-tile){outline-style:dotted}}.cds-custom--tile--disabled.cds-custom--tile--selectable{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--tile--disabled.cds-custom--tile--selectable.cds-custom--tile--light{background-color:var(--cds-layer-02,#fff)}.cds-custom--tile--disabled.cds-custom--tile--is-selected{border-color:var(--cds-border-disabled,#c6c6c6)}.cds-custom--tile--disabled .cds-custom--tile__checkmark svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon,.cds-custom--tile--expandable>div>.cds-custom--ai-label,.cds-custom--tile--expandable>div>.cds-custom--slug,.cds-custom--tile--expandable>div>.cds-custom--tile--inner-decorator>*,.cds-custom--tile>.cds-custom--ai-label,.cds-custom--tile>.cds-custom--slug,.cds-custom--tile>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>.cds-custom--slug,:host(cds-custom-expandable-tile)>.cds-custom--tile--inner-decorator>*,:host(cds-custom-expandable-tile)>div>.cds-custom--ai-label,:host(cds-custom-expandable-tile)>div>.cds-custom--slug,:host(cds-custom-expandable-tile)>div>.cds-custom--tile--inner-decorator>*,:host(cds-custom-tile)>.cds-custom--ai-label,:host(cds-custom-tile)>.cds-custom--slug,:host(cds-custom-tile)>.cds-custom--tile--inner-decorator>*{inset-block-start:1rem;inset-inline-end:1rem;position:absolute}.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio>.cds-custom--tile--inner-decorator>*{inset-inline-end:1rem;inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--selectable.cds-custom--tile--radio.cds-custom--tile--is-selected>.cds-custom--tile--inner-decorator>*{inset-inline-end:2.5rem}.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--ai-label,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--slug,.cds-custom--tile.cds-custom--tile--clickable>.cds-custom--tile--inner-decorator>*{pointer-events:none}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile,.cds-custom--tile--slug.cds-custom--tile{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--expandable:hover,.cds-custom--tile--slug.cds-custom--tile--expandable:hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}.cds-custom--tile--decorator.cds-custom--tile--clickable:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:after,.cds-custom--tile--decorator.cds-custom--tile--selectable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:before{block-size:100%;content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--clickable:before,.cds-custom--tile--decorator:has(.cds-custom--ai-label).cds-custom--tile--selectable:before,.cds-custom--tile--decorator:has(.cds-custom--tile--ai-label-icon).cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--clickable:before,.cds-custom--tile--slug.cds-custom--tile--selectable:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 10px 2px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--clickable:hover:before,.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:before,.cds-custom--tile--slug.cds-custom--tile--clickable:hover:before,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:before{opacity:1}.cds-custom--tile--decorator.cds-custom--tile--clickable:focus,.cds-custom--tile--decorator.cds-custom--tile--selectable:focus,.cds-custom--tile--slug.cds-custom--tile--clickable:focus,.cds-custom--tile--slug.cds-custom--tile--selectable:focus,.cds-custom--tile-input:focus+.cds-custom--tile--decorator.cds-custom--tile,.cds-custom--tile-input:focus+.cds-custom--tile--slug.cds-custom--tile{outline-offset:-1px}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator .cds-custom--ai-label).cds-custom--tile--selectable:after,.cds-custom--tile--slug.cds-custom--tile--selectable:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 4px 8px 0 var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}.cds-custom--tile--decorator.cds-custom--tile--selectable:hover:after,.cds-custom--tile--slug.cds-custom--tile--selectable:hover:after{opacity:0}.cds-custom--tile--decorator.cds-custom--tile--is-selected:after,.cds-custom--tile--slug.cds-custom--tile--is-selected:after{opacity:1}.cds-custom--tile--decorator:has(.cds-custom--tile--inner-decorator).cds-custom--tile--is-selected,.cds-custom--tile--slug.cds-custom--tile--is-selected{border-color:var(--cds-border-inverse,#161616)}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content{cursor:pointer;position:relative}.cds-custom--tile--decorator.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--is-selected .cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--clickable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--is-selected .cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--tile-content,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--decorator.cds-custom--tile--selectable .cds-custom--tile--inner-decorator>:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--ai-label:has(>.cds-custom--popover--open),.cds-custom--tile--slug.cds-custom--tile--selectable .cds-custom--slug:has(>.cds-custom--popover--open){z-index:2}.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile--inner-decorator>*,.cds-custom--tile--decorator.cds-custom--tile--selectable>.cds-custom--tile__checkmark,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--ai-label,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--slug,.cds-custom--tile--slug.cds-custom--tile--selectable>.cds-custom--tile__checkmark{z-index:1}.cds-custom--tile--expandable:has(.cds-custom--ai-label>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--slug>.cds-custom--popover--open),.cds-custom--tile--expandable:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open),:has(.cds-custom--ai-label>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--slug>.cds-custom--popover--open):host(cds-custom-expandable-tile),:has(.cds-custom--tile--inner-decorator>*>.cds-custom--popover--open):host(cds-custom-expandable-tile){overflow:visible}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon rect{stroke:var(--cds-icon-primary,#161616)}.cds-custom--tile--clickable .cds-custom--tile--ai-label-icon path{fill:var(--cds-icon-primary,#161616)}.cds-custom--tile--decorator-rounded,.cds-custom--tile--decorator-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--decorator-rounded.cds-custom--tile--selectable:before,.cds-custom--tile--slug-rounded,.cds-custom--tile--slug-rounded.cds-custom--tile--clickable:before,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:after,.cds-custom--tile--slug-rounded.cds-custom--tile--selectable:before,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]),:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]),:host(cds-custom-radio-tile[ai-label][has-rounded-corners]),:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]),:host(cds-custom-tile[ai-label][has-rounded-corners]){border-radius:.5rem}.cds-custom--tile--decorator-rounded .cds-custom--tile__chevron,.cds-custom--tile--slug-rounded .cds-custom--tile__chevron,:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds-custom--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--fieldset *,.cds-custom--fieldset :after,.cds-custom--fieldset :before{box-sizing:inherit}.cds-custom--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds-custom--label html{font-size:100%}.cds-custom--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds-custom--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds-custom--label strong{font-weight:600}.cds-custom--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds-custom--label,.cds-custom--label .cds-custom--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds-custom--label .cds-custom--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds-custom--label--no-margin{margin-block-end:0}.cds-custom--label+.cds-custom--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger{-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))}:host(cds-custom-tile){--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-tile-group){background:transparent}:host(cds-custom-tile-group) fieldset{border:none}:host(cds-custom-clickable-tile){--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;display:grid;outline:none}:host(cds-custom-clickable-tile) .cds-custom--link--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;display:block;padding:density(\"padding-inline\")}:host(cds-custom-clickable-tile) .cds-custom--tile,:host(cds-custom-clickable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile) :host(cds-custom-tile){outline:.125rem solid transparent;padding:1rem}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable{display:block;transition:.15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-clickable-tile) .cds-custom--tile--clickable:focus{outline-style:dotted}}:host(cds-custom-clickable-tile) .cds-custom--link__icon{display:block}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]){pointer-events:none}:host(cds-custom-radio-tile){--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;display:block;margin-block-end:.5rem;outline:none;position:relative}:host(cds-custom-radio-tile) .cds-custom--tile,:host(cds-custom-radio-tile) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-selectable-tile){--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;display:block;outline:none;position:relative}:host(cds-custom-selectable-tile) .cds-custom--tile,:host(cds-custom-selectable-tile) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile) :host(cds-custom-tile){block-size:100%}:host(cds-custom-radio-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile) .cds-custom--tile-input:checked~.cds-custom--tile--selectable .cds-custom--tile__checkmark{opacity:1}:host(cds-custom-clickable-tile) ::slotted(*),:host(cds-custom-radio-tile) ::slotted(:not([slot])),:host(cds-custom-selectable-tile) ::slotted(:not([slot])){cursor:pointer;position:relative;z-index:1}:host(cds-custom-expandable-tile){--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-expandable-tile) ::slotted(cds-custom-tile-above-the-fold-content){display:block}:host(cds-custom-expandable-tile) .cds-custom-ce--expandable-tile--below-the-fold-content{max-block-size:0;transition:max-height .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[expanded]) ::slotted(cds-custom-tile-below-the-fold-content){opacity:1;transition:.11s cubic-bezier(.2,0,.38,.9);visibility:visible}:host(cds-custom-expandable-tile[with-interactive]){cursor:default;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[with-interactive]):hover{background-color:var(--cds-layer)}:host(cds-custom-expandable-tile[with-interactive]):focus{outline:none}:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-expandable-tile:not([with-interactive]):focus-within){outline-style:dotted}}:host(cds-custom-expandable-tile:not([with-interactive])) .cds-custom--tile__chevron{background:none;border:none;cursor:pointer;outline:none}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-clickable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-expandable-tile[ai-label]),:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile,:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-radio-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile,:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-expandable-tile),:host(cds-custom-selectable-tile[ai-label]) :host(cds-custom-tile),:host(cds-custom-tile[ai-label]){background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1)),0 24px 40px -24px var(--cds-ai-drop-shadow,rgba(15,98,254,.1))}:host(cds-custom-clickable-tile) ::slotted([slot=ai-label]),:host(cds-custom-clickable-tile) ::slotted([slot=decorator]),:host(cds-custom-clickable-tile) ::slotted([slot=slug]),:host(cds-custom-expandable-tile) ::slotted([slot=ai-label]),:host(cds-custom-expandable-tile) ::slotted([slot=decorator]),:host(cds-custom-expandable-tile) ::slotted([slot=slug]),:host(cds-custom-radio-tile) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile) ::slotted([slot=decorator]),:host(cds-custom-radio-tile) ::slotted([slot=slug]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]),:host(cds-custom-tile) ::slotted([slot=ai-label]),:host(cds-custom-tile) ::slotted([slot=decorator]),:host(cds-custom-tile) ::slotted([slot=slug]){inset-block-start:1rem;inset-inline-end:1rem;position:absolute}:host(cds-custom-radio-tile[selected]) ::slotted([slot=ai-label]),:host(cds-custom-radio-tile[selected]) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=ai-label]),:host(cds-custom-selectable-tile) ::slotted([slot=decorator]),:host(cds-custom-selectable-tile) ::slotted([slot=slug]){inset-inline-end:2.5rem;transition:inset-inline-end .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-expandable-tile[ai-label]):hover{background:linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-layer,var(--cds-ai-popover-background,#fff)),var(--cds-layer,var(--cds-ai-popover-background,#fff))) border-box}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:after,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{block-size:100%;content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;opacity:0;position:absolute;transition:opacity .11s cubic-bezier(.2,0,.38,.9)}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:before{background:linear-gradient(to top,var(--cds-ai-aura-hover-start,rgba(69,137,255,.32)) 0,15%,var(--cds-ai-aura-hover-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-ai-aura-hover-background,#edf5ff),var(--cds-ai-aura-hover-background,#edf5ff)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-clickable-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile:hover:before,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile:hover:before{opacity:1}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected{border:1px solid var(--cds-layer-selected-inverse,#161616)}:host(cds-custom-radio-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark,:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected .cds-custom--tile__checkmark{z-index:1}:host(cds-custom-radio-tile[ai-label]),:host(cds-custom-selectable-tile[ai-label]) .cds-custom--tile--is-selected:after{background:linear-gradient(to top,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) padding-box,linear-gradient(to bottom,var(--cds-border-inverse,#161616),var(--cds-border-inverse,#161616)) border-box,linear-gradient(to top,var(--cds-layer),var(--cds-layer)) border-box;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,rgba(69,137,255,.1))}:host(cds-custom-expandable-tile[ai-label]){overflow:visible}:host(cds-custom-clickable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-expandable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-radio-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-selectable-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron,:host(cds-custom-tile[ai-label][has-rounded-corners]) .cds-custom--tile__chevron{border-end-end-radius:.5rem}"]);
 //#endregion
 export { tile_default as default };
 //# sourceMappingURL=tile.scss.js.map

package/es-custom/components/time-picker/defs.js CHANGED Viewed

@@ -6,7 +6,6 @@
  */
 import { FORM_ELEMENT_COLOR_SCHEME } from "../../globals/shared-enums.js";
 //#region src/components/time-picker/defs.ts
 /**
 * Time picker size.
@@ -26,7 +25,7 @@ let TIME_PICKER_SIZE = /* @__PURE__ */ function(TIME_PICKER_SIZE) {
 	TIME_PICKER_SIZE["LARGE"] = "lg";
 	return TIME_PICKER_SIZE;
 }({});
 //#endregion
 export { FORM_ELEMENT_COLOR_SCHEME as TIME_PICKER_COLOR_SCHEME, TIME_PICKER_SIZE };
 //# sourceMappingURL=defs.js.map

package/es-custom/components/time-picker/defs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/time-picker/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 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\nexport { FORM_ELEMENT_COLOR_SCHEME as TIME_PICKER_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/\n Time picker size.\n /\nexport enum TIME_PICKER_SIZE {\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Regular size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n */\n LARGE = 'lg',\n}\n"],"mappings":"~~;;;;;;;;;;;;;~~AAYA,IAAY,~~8DAAL~~;;;;AAIL;;;;AAKA;;;;AAKA"}
1	+ {"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/time-picker/defs.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 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\nexport { FORM_ELEMENT_COLOR_SCHEME as TIME_PICKER_COLOR_SCHEME } from '../../globals/shared-enums';\n\n/\n Time picker size.\n /\nexport enum TIME_PICKER_SIZE {\n /\n Small size.\n /\n SMALL = 'sm',\n\n /\n Regular size.\n /\n MEDIUM = 'md',\n\n /\n Large size.\n */\n LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;AAYA,IAAY,mBAAL,yBAAA,kBAAA;;;;AAIL,kBAAA,WAAA;;;;AAKA,kBAAA,YAAA;;;;AAKA,kBAAA,WAAA;;KACD"}

package/es-custom/components/time-picker/time-picker-select.js CHANGED Viewed

@@ -5,20 +5,19 @@
  * LICENSE file in the root directory of this source tree.
  */
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { filter } from "../../globals/internal/collection-helpers.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 FormMixin from "../../globals/mixins/form.js";
 import time_picker_default from "./time-picker.scss.js";
-import { TIME_PICKER_SIZE } from "./defs.js";
+import "./defs.js";
 import { LitElement, 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";
 import ChevronDown16 from "@carbon/icons/es/chevron--down/16.js";
 //#region src/components/time-picker/time-picker-select.ts
 /**
 * Copyright IBM Corp. 2020, 2026
@@ -42,7 +41,7 @@ let CDSTimePickerSelect = class CDSTimePickerSelect extends FormMixin(LitElement
 		this.id = "";
 		this.name = "";
 		this.value = "";
-		this.size = TIME_PICKER_SIZE.MEDIUM;
+		this.size = "md";
 		this._handleMutation = () => {
 			this.requestUpdate();
 		};
@@ -67,7 +66,7 @@ let CDSTimePickerSelect = class CDSTimePickerSelect extends FormMixin(LitElement
 	* @returns The template containing child `<option>` elements from select items.
 	*/
 	_renderItems() {
-		const selectorItem = `${prefix}-select-item`;
+		const selectorItem = `cds-custom-select-item`;
 		return filter(this.childNodes, (item) => item.nodeType === Node.ELEMENT_NODE && item.matches(selectorItem)).map((item) => {
 			const disabled = item.hasAttribute("disabled");
 			const label = item.getAttribute("label");
@@ -115,8 +114,8 @@ let CDSTimePickerSelect = class CDSTimePickerSelect extends FormMixin(LitElement
 	render() {
 		const { ariaLabel, disabled, size, id, value, readOnly, _handleInput: handleInput } = this;
 		const inputClasses = classMap({
-			[`${prefix}--select-input`]: true,
-			[`${prefix}--select-input--${size}`]: size
+			[`cds-custom--select-input`]: true,
+			[`cds-custom--select-input--${size}`]: size
 		});
 		return html`
       <select
@@ -130,13 +129,13 @@ let CDSTimePickerSelect = class CDSTimePickerSelect extends FormMixin(LitElement
         ${this._renderItems()}
       </select>
       ${iconLoader(ChevronDown16, {
-			class: `${prefix}--select__arrow`,
+			class: `cds-custom--select__arrow`,
 			"aria-hidden": "true"
 		})}
     `;
 	}
 	static get eventSelect() {
-		return `${prefix}-select-selected`;
+		return `cds-custom-select-selected`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -163,9 +162,9 @@ __decorate([property({ reflect: true })], CDSTimePickerSelect.prototype, "id", v
 __decorate([property()], CDSTimePickerSelect.prototype, "name", void 0);
 __decorate([property({ reflect: true })], CDSTimePickerSelect.prototype, "value", void 0);
 __decorate([property({ reflect: true })], CDSTimePickerSelect.prototype, "size", void 0);
-CDSTimePickerSelect = __decorate([carbonElement(`${prefix}-time-picker-select`)], CDSTimePickerSelect);
+CDSTimePickerSelect = __decorate([carbonElement(`cds-custom-time-picker-select`)], CDSTimePickerSelect);
 var time_picker_select_default = CDSTimePickerSelect;
 //#endregion
 export { time_picker_select_default as default };
 //# sourceMappingURL=time-picker-select.js.map

package/es-custom/components/time-picker/time-picker-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"time-picker-select.js","names":["styles","customElement"],"sources":["../../../src/components/time-picker/time-picker-select.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 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 { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './time-picker.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { TIME_PICKER_SIZE } from './defs';\nimport FormMixin from '../../globals/mixins/form';\n\n/\n Time picker select dropdown.\n \n @element cds-custom-time-picker-select\n /\n@customElement(`${prefix}-time-picker-select`)\nclass CDSTimePickerSelect extends FormMixin(LitElement) {\n /\n The mutation observer for DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The select element.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n The ARIA label for the UI control.\n /\n @property({ attribute: 'aria-label' })\n ariaLabel = 'open list of options';\n\n /\n Optionally provide the default value of the select\n /\n @property({ attribute: 'default-value' })\n defaultValue = '';\n\n /\n Controls the readOnly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n Specify whether the control is disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify a custom id for the select box\n /\n @property({ reflect: true })\n id = '';\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n The value of the select.\n /\n @property({ reflect: true })\n value = '';\n\n /\n Size of the time picker select\n /\n @property({ reflect: true })\n size = TIME_PICKER_SIZE.MEDIUM;\n\n /\n Handles `oninput` event on the `<select>`.\n \n @param event The event.\n * @param event.target The event target.\n /\n private _handleInput(event: Event) {\n const { value } = event.target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSTimePickerSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of select items\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @returns The template containing child `<option>` elements from select items.\n */\n private _renderItems() {\n const selectorItem = `${prefix}-select-item`;\n\n return filter(\n this.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n\n return html`\n <option\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `;\n });\n }\n\n _handleFormdata(event: Event) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('defaultValue') &&\n this.defaultValue &&\n !this.value\n ) {\n this.value = this.defaultValue;\n }\n\n if (changedProperties.has('value')) {\n if (this._selectNode) {\n this._selectNode.value = this.value;\n }\n }\n }\n\n render() {\n const {\n ariaLabel,\n disabled,\n size,\n id,\n value,\n readOnly,\n _handleInput: handleInput,\n } = this;\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n return html`\n <select\n id=\"${ifDefined(id)}\"\n class=\"${inputClasses}\"\n aria-readonly=\"${String(readOnly)}\"\n ?disabled=\"${disabled}\"\n aria-label=\"${ifDefined(ariaLabel)}\"\n .value=\"${ifDefined(value)}\"\n @input=\"${handleInput}\">\n ${this._renderItems()}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n `;\n }\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\n\nexport default CDSTimePickerSelect;\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAyBA,~~gCACM~~,4BAA4B,UAAU,WAAW,CAAC;;;2BAID;mBAYzC;sBAMG;kBAMJ;kBAMA;YAMN;cAME;eAMC;~~cAMD,iBAAiB;+BA0BQ;~~AAC9B,QAAK,eAAe;;;;;;;;;CAnBtB,~~AAAQ~~,~~aAAa,~~OAAc;EACjC,MAAM,EAAE,UAAU,MAAM;AACxB,OAAK,QAAQ;EACb,MAAM,EAAE,gBAAgB,KAAK;AAC7B,OAAK,cACH,IAAI,YAAY,aAAa;GAC3B,SAAS;GACT,UAAU;GACV,QAAQ,EACN,OACD;GACF,CAAC,CACH;;;;;CAaH,~~AAAQ,eAAe~~;EACrB,MAAM,eAAe~~,GAAG,OAAO~~;~~AAE/B~~,SAAO,OACL,KAAK,aACJ,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,aAAa,CAC1C,CAAC,KAAK,SAAS;GACd,MAAM,WAAW,KAAK,aAAa,WAAW;GAC9C,MAAM,QAAQ,KAAK,aAAa,QAAQ;GACxC,MAAM,WAAW,KAAK,aAAa,WAAW;GAC9C,MAAM,QAAQ,KAAK,aAAa,QAAQ;GACxC,MAAM,EAAE,gBAAgB;AAExB,UAAO,IAAI;;uBAEM,SAAS;mBACb,UAAU,MAAM,CAAC;uBACb,SAAS;mBACb,UAAU,MAAM,CAAC;YACxB,YAAY;;;IAGlB;;CAGJ,gBAAgB,OAAc;EAE5B,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,UAAU,MAAM,UAAU;AAClC,MAAI,CAAC,SACH,UAAS,OAAO,MAAM,MAAM;;CAIhC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,oBAAoB,IAAI,iBAAiB,KAAK,gBAAgB;AACnE,OAAK,kBAAkB,QAAQ,MAAM;GACnC,YAAY;GACZ,WAAW;GACX,SAAS;GACV,CAAC;;CAGJ,uBAAuB;AACrB,MAAI,KAAK,mBAAmB;AAC1B,QAAK,kBAAkB,YAAY;AACnC,QAAK,oBAAoB;;AAE3B,QAAM,sBAAsB;;CAG9B,QAAQ,mBAAmB;AACzB,MACE,kBAAkB,IAAI,eAAe,IACrC,KAAK,gBACL,CAAC,KAAK,MAEN,MAAK,QAAQ,KAAK;AAGpB,MAAI,kBAAkB,IAAI,QAAQ~~,EAChC~~;~~OAAI~~,KAAK,YACP,MAAK,YAAY,QAAQ,KAAK;;;CAKpC,SAAS;EACP,MAAM,EACJ,WACA,UACA,MACA,IACA,OACA,UACA,cAAc,gBACZ;EAEJ,MAAM,eAAe,SAAS;IAC3B,~~GAAG,OAAO,kBAAkB~~;IAC5B,~~GAAG~~,~~OAAO,kBAAkB,~~SAAS;GACvC,CAAC;AAEF,SAAO,IAAI;;cAED,UAAU,GAAG,CAAC;iBACX,aAAa;yBACL,OAAO,SAAS,CAAC;qBACrB,SAAS;sBACR,UAAU,UAAU,CAAC;kBACzB,UAAU,MAAM,CAAC;kBACjB,YAAY;UACpB,KAAK,cAAc,CAAC;;QAEtB,WAAW,eAAe;GAC1B,OAAO~~,GAAG,OAAO~~;~~GACjB~~,eAAe;GAChB,CAAC,CAAC;;;CAGP,WAAW,cAAc;AACvB,SAAO~~,GAAG,OAAO~~;;;~~2BAGQ~~;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeA;;;YAlMf,MAAM,SAAS;YAMf,SAAS,EAAE,WAAW,cAAc,CAAC;YAMrC,SAAS,EAAE,WAAW,iBAAiB,CAAC;YAMxC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,UAAU;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;kCA1D7BC,cAAc,~~GAAG~~,~~OAAO~~,~~qBAAqB~~;AA+M9C,~~iCAAe~~"}
1	+ {"version":3,"file":"time-picker-select.js","names":["styles","customElement"],"sources":["../../../src/components/time-picker/time-picker-select.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2020, 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 { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';\nimport { filter } from '../../globals/internal/collection-helpers';\nimport styles from './time-picker.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { TIME_PICKER_SIZE } from './defs';\nimport FormMixin from '../../globals/mixins/form';\n\n/\n Time picker select dropdown.\n \n @element cds-custom-time-picker-select\n /\n@customElement(`${prefix}-time-picker-select`)\nclass CDSTimePickerSelect extends FormMixin(LitElement) {\n /\n The mutation observer for DOM mutation.\n /\n private _observerMutation: MutationObserver \| null = null;\n\n /\n The select element.\n /\n @query('select')\n private _selectNode!: HTMLSelectElement;\n\n /\n The ARIA label for the UI control.\n /\n @property({ attribute: 'aria-label' })\n ariaLabel = 'open list of options';\n\n /\n Optionally provide the default value of the select\n /\n @property({ attribute: 'default-value' })\n defaultValue = '';\n\n /\n Controls the readOnly state of the select\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n Specify whether the control is disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify a custom id for the select box\n /\n @property({ reflect: true })\n id = '';\n\n /\n Name for the select in the `FormData`\n /\n @property()\n name = '';\n\n /\n The value of the select.\n /\n @property({ reflect: true })\n value = '';\n\n /\n Size of the time picker select\n /\n @property({ reflect: true })\n size = TIME_PICKER_SIZE.MEDIUM;\n\n /\n Handles `oninput` event on the `<select>`.\n \n @param event The event.\n * @param event.target The event target.\n /\n private _handleInput(event: Event) {\n const { value } = event.target as HTMLSelectElement;\n this.value = value;\n const { eventSelect } = this.constructor as typeof CDSTimePickerSelect;\n this.dispatchEvent(\n new CustomEvent(eventSelect, {\n bubbles: true,\n composed: true,\n detail: {\n value,\n },\n })\n );\n }\n\n /\n Handles DOM mutation of select items\n /\n private _handleMutation = () => {\n this.requestUpdate();\n };\n\n /\n @returns The template containing child `<option>` elements from select items.\n */\n private _renderItems() {\n const selectorItem = `${prefix}-select-item`;\n\n return filter(\n this.childNodes,\n (item) =>\n item.nodeType === Node.ELEMENT_NODE &&\n (item as Element).matches(selectorItem)\n ).map((item) => {\n const disabled = item.hasAttribute('disabled');\n const label = item.getAttribute('label');\n const selected = item.hasAttribute('selected');\n const value = item.getAttribute('value');\n const { textContent } = item;\n\n return html`\n <option\n ?disabled=\"${disabled}\"\n label=\"${ifDefined(label)}\"\n ?selected=\"${selected}\"\n value=\"${ifDefined(value)}\">\n ${textContent}\n </option>\n `;\n });\n }\n\n _handleFormdata(event: Event) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._observerMutation = new MutationObserver(this._handleMutation);\n this._observerMutation.observe(this, {\n attributes: true,\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this._observerMutation) {\n this._observerMutation.disconnect();\n this._observerMutation = null;\n }\n super.disconnectedCallback();\n }\n\n updated(changedProperties) {\n if (\n changedProperties.has('defaultValue') &&\n this.defaultValue &&\n !this.value\n ) {\n this.value = this.defaultValue;\n }\n\n if (changedProperties.has('value')) {\n if (this._selectNode) {\n this._selectNode.value = this.value;\n }\n }\n }\n\n render() {\n const {\n ariaLabel,\n disabled,\n size,\n id,\n value,\n readOnly,\n _handleInput: handleInput,\n } = this;\n\n const inputClasses = classMap({\n [`${prefix}--select-input`]: true,\n [`${prefix}--select-input--${size}`]: size,\n });\n\n return html`\n <select\n id=\"${ifDefined(id)}\"\n class=\"${inputClasses}\"\n aria-readonly=\"${String(readOnly)}\"\n ?disabled=\"${disabled}\"\n aria-label=\"${ifDefined(ariaLabel)}\"\n .value=\"${ifDefined(value)}\"\n @input=\"${handleInput}\">\n ${this._renderItems()}\n </select>\n ${iconLoader(ChevronDown16, {\n class: `${prefix}--select__arrow`,\n 'aria-hidden': 'true',\n })}\n `;\n }\n static get eventSelect() {\n return `${prefix}-select-selected`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\n\nexport default CDSTimePickerSelect;\n"],"mappings":"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"}

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

@@ -5,21 +5,20 @@
  * 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 FormMixin from "../../globals/mixins/form.js";
 import ValidityMixin from "../../globals/mixins/validity.js";
 import if_non_empty_default from "../../globals/directives/if-non-empty.js";
 import time_picker_default$1 from "./time-picker.scss.js";
-import { TIME_PICKER_SIZE } from "./defs.js";
+import "./defs.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import WarningFilled16 from "@carbon/icons/es/warning--filled/16.js";
 import WarningAltFilled16 from "@carbon/icons/es/warning--alt--filled/16.js";
 //#region src/components/time-picker/time-picker.ts
 /**
 * Copyright IBM Corp. 2025
@@ -50,7 +49,7 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
 		this.readOnly = false;
 		this.maxLength = 5;
 		this.pattern = "(1[012]|[1-9]):[0-5][0-9](\\s)?";
-		this.size = TIME_PICKER_SIZE.MEDIUM;
+		this.size = "md";
 		this.type = "text";
 		this.validityMessage = "";
 		this.required = false;
@@ -96,29 +95,29 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
 			warn: !readOnly && !invalid && !disabled && warning
 		};
 		const labelClasses = classMap({
-			[`${prefix}--label`]: true,
-			[`${prefix}--visually-hidden`]: hideLabel,
-			[`${prefix}--label--disabled`]: disabled
+			[`cds-custom--label`]: true,
+			[`cds-custom--visually-hidden`]: hideLabel,
+			[`cds-custom--label--disabled`]: disabled
 		});
 		const timePickerClasses = classMap({
-			[`${prefix}--time-picker`]: true,
-			[`${prefix}--time-picker--invalid`]: normalizedProps.invalid,
-			[`${prefix}--time-picker--warning`]: normalizedProps.warn,
-			[`${prefix}--time-picker--readonly`]: readOnly,
-			[`${prefix}--time-picker--${size}`]: size,
+			[`cds-custom--time-picker`]: true,
+			[`cds-custom--time-picker--invalid`]: normalizedProps.invalid,
+			[`cds-custom--time-picker--warning`]: normalizedProps.warn,
+			[`cds-custom--time-picker--readonly`]: readOnly,
+			[`cds-custom--time-picker--${size}`]: size,
 			...className && { [className]: true }
 		});
 		const inputClasses = classMap({
-			[`${prefix}--time-picker__input-field`]: true,
-			[`${prefix}--text-input`]: true,
-			[`${prefix}--time-picker__input-field-error`]: normalizedProps.invalid || normalizedProps.warn,
+			[`cds-custom--time-picker__input-field`]: true,
+			[`cds-custom--text-input`]: true,
+			[`cds-custom--time-picker__input-field-error`]: normalizedProps.invalid || normalizedProps.warn,
 			...className && { [className]: true }
 		});
 		return html`
-      <div class="${prefix}--form-item ">
+      <div class="${"cds-custom"}--form-item ">
         ${labelText ? html`<label class="${labelClasses}">${labelText}</label>` : null}
         <div class="${timePickerClasses}">
-          <div class="${prefix}--time-picker__input">
+          <div class="${"cds-custom"}--time-picker__input">
             <input
               class="${inputClasses}"
               ?data-invalid="${normalizedProps.invalid}"
@@ -132,15 +131,15 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
               .value="${value}"
               @input="${handleInput}" />
             ${normalizedProps.invalid || normalizedProps.warn ? html`
-                  <div class="${prefix}--time-picker__error__icon">
-                    ${normalizedProps.invalid ? iconLoader(WarningFilled16, { class: `${prefix}--checkbox__invalid-icon` }) : iconLoader(WarningAltFilled16, { class: `${prefix}--text-input__invalid-icon--warning` })}
+                  <div class="${"cds-custom"}--time-picker__error__icon">
+                    ${normalizedProps.invalid ? iconLoader(WarningFilled16, { class: `cds-custom--checkbox__invalid-icon` }) : iconLoader(WarningAltFilled16, { class: `cds-custom--text-input__invalid-icon--warning` })}
                   </div>
                 ` : null}
           </div>
           <slot @slotchange="${handleSlotChange}"></slot>
         </div>
         ${normalizedProps.invalid || normalizedProps.warn ? html`
-              <div class="${prefix}--form-requirement">
+              <div class="${"cds-custom"}--form-requirement">
                 ${normalizedProps.invalid ? invalidText : warningText}
               </div>
             ` : null}
@@ -165,7 +164,7 @@ let CDSTimePicker = class CDSTimePicker extends ValidityMixin(FormMixin(LitEleme
 		});
 	}
 	static get selectorTimePickerSelect() {
-		return `${prefix}-time-picker-select`;
+		return `cds-custom-time-picker-select`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -219,9 +218,9 @@ __decorate([property({
 })], CDSTimePicker.prototype, "required", void 0);
 __decorate([property({ attribute: "required-validity-message" })], CDSTimePicker.prototype, "requiredValidityMessage", void 0);
 __decorate([property({ reflect: true })], CDSTimePicker.prototype, "value", null);
-CDSTimePicker = __decorate([carbonElement(`${prefix}-time-picker`)], CDSTimePicker);
+CDSTimePicker = __decorate([carbonElement(`cds-custom-time-picker`)], CDSTimePicker);
 var time_picker_default = CDSTimePicker;
 //#endregion
 export { time_picker_default as default };
 //# sourceMappingURL=time-picker.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"time-picker.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/time-picker/time-picker.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport FormMixin from '../../globals/mixins/form';\nimport { prefix } from '../../globals/settings';\nimport styles from './time-picker.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { TIME_PICKER_SIZE } from './defs';\n\n/\n Time Picker component.\n * @element cds-custom-time-picker\n * @slot label-text - The label text.\n * @slot time-picker-select - Slot for time picker select components.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-time-picker`)\nclass CDSTimePicker extends ValidityMixin(FormMixin(LitElement)) {\n /\n The underlying input element\n /\n @query('input')\n protected _input!: HTMLInputElement;\n\n /\n The internal value.\n /\n protected _value = '';\n\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\n this.dispatchEvent(\n new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail: { value: this.value },\n })\n );\n }\n\n /\n Handle slotchange event for time-picker-select slot\n * to propagate properties to child elements\n /\n protected _handleSlotChange() {\n this.requestUpdate();\n }\n\n _handleFormdata(event: Event) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n const { formData } = event as any;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n Specify whether the control is disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify whether the control is currently invalid\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Provide the text that is displayed when the control is in an invalid state\n /\n @property({ attribute: 'invalid-text' })\n invalidText = 'Invalid time format.';\n\n /\n Specify whether the control is in warning state\n /\n @property({ type: Boolean, reflect: true })\n warning = false;\n\n /\n Provide the text that is displayed when the control is in a warning state\n /\n @property({ attribute: 'warning-text' })\n warningText = 'Warning message.';\n\n /\n Specify whether the label should be hidden\n /\n @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n hideLabel = false;\n\n /\n Name for the input in FormData\n /\n @property()\n name = '';\n\n /\n Provide label text to be read by screen readers\n /\n @property({ attribute: 'label-text' })\n labelText = 'Select a time';\n\n /\n Placeholder text for the input\n /\n @property({ reflect: true })\n placeholder = 'hh:mm';\n\n /\n Specify whether the control should be read-only\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n Specify the maximum length of the input value\n /\n @property({ type: Number, attribute: 'max-length', reflect: true })\n maxLength = 5;\n\n /\n Pattern for input validation\n /\n @property()\n pattern = '(1[012]\|[1-9]):[0-5][0-9](\\\\s)?';\n\n /\n Size of the time picker\n /\n @property({ reflect: true })\n size = TIME_PICKER_SIZE.MEDIUM;\n\n /\n Input type\n /\n @property({ reflect: true })\n type = 'text';\n\n /\n Validity message\n /\n @property({ attribute: 'validity-message' })\n validityMessage = '';\n\n /\n Whether the input is required\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n Custom message for required validation\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n Value of the input\n */\n @property({ reflect: true })\n get value() {\n return this._input ? this._input.value : this._value;\n }\n\n set value(value) {\n const oldValue = this._value;\n this._value = value;\n this.requestUpdate('value', oldValue);\n if (this._input) {\n this._input.value = value;\n }\n }\n\n render() {\n const {\n className,\n disabled,\n hideLabel,\n invalid,\n invalidText,\n warning,\n warningText,\n labelText,\n placeholder,\n readOnly,\n maxLength,\n pattern,\n size,\n type,\n value,\n _handleInput: handleInput,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readOnly && disabled,\n invalid: !readOnly && !disabled && invalid,\n warn: !readOnly && !invalid && !disabled && warning,\n };\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const timePickerClasses = classMap({\n [`${prefix}--time-picker`]: true,\n [`${prefix}--time-picker--invalid`]: normalizedProps.invalid,\n [`${prefix}--time-picker--warning`]: normalizedProps.warn,\n [`${prefix}--time-picker--readonly`]: readOnly,\n [`${prefix}--time-picker--${size}`]: size,\n ...(className && { [className]: true }),\n });\n\n const inputClasses = classMap({\n [`${prefix}--time-picker__input-field`]: true,\n [`${prefix}--text-input`]: true,\n [`${prefix}--time-picker__input-field-error`]:\n normalizedProps.invalid \|\| normalizedProps.warn,\n ...(className && { [className]: true }),\n });\n\n const label = labelText\n ? html`<label class=\"${labelClasses}\">${labelText}</label>`\n : null;\n\n return html`\n <div class=\"${prefix}--form-item \">\n ${label}\n <div class=\"${timePickerClasses}\">\n <div class=\"${prefix}--time-picker__input\">\n <input\n class=\"${inputClasses}\"\n ?data-invalid=\"${normalizedProps.invalid}\"\n ?disabled=\"${normalizedProps.disabled}\"\n maxlength=\"${ifNonEmpty(maxLength)}\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(pattern)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n ?readonly=\"${readOnly}\"\n type=\"${ifNonEmpty(type)}\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n ${normalizedProps.invalid \|\| normalizedProps.warn\n ? html`\n <div class=\"${prefix}--time-picker__error__icon\">\n ${normalizedProps.invalid\n ? iconLoader(WarningFilled16, {\n class: `${prefix}--checkbox__invalid-icon`,\n })\n : iconLoader(WarningAltFilled16, {\n class: `${prefix}--text-input__invalid-icon--warning`,\n })}\n </div>\n `\n : null}\n </div>\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n ${normalizedProps.invalid \|\| normalizedProps.warn\n ? html`\n <div class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warningText}\n </div>\n `\n : null}\n </div>\n `;\n }\n updated(changedProperties) {\n super.updated(changedProperties);\n\n const { selectorTimePickerSelect } = this\n .constructor as typeof CDSTimePicker;\n const timePickerSelects = this.querySelectorAll(selectorTimePickerSelect);\n\n ['disabled', 'readOnly', 'size'].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSTimePicker]: value } = this;\n // Propagate the property to descendants\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n timePickerSelects.forEach((elem: any) => {\n elem[name] = value;\n });\n }\n });\n }\n static get selectorTimePickerSelect() {\n return `${prefix}-time-picker-select`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\n\nexport default CDSTimePicker;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,0BACM,sBAAsB,cAAc,UAAU,WAAW,CAAC,CAAC;;;gBAU5C;kBAkCR;iBAMD;qBAMI;iBAMJ;qBAMI;mBAMF;cAML;mBAMK;qBAME;kBAMH;mBAMC;iBAMF;cAMH,iBAAiB;cAMjB;yBAMW;kBAMP;iCAMe;;CAhI1B,AAAU,aAAa,EAAE,UAAiB;AACxC,OAAK,QAAS,OAA4B;AAC1C,OAAK,cACH,IAAI,YAAY,UAAU;GACxB,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,OAAO,KAAK,OAAO;GAC9B,CAAC,CACH;;;;;;CAOH,AAAU,oBAAoB;AAC5B,OAAK,eAAe;;CAGtB,gBAAgB,OAAc;EAE5B,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,UAAU,MAAM,UAAU;AAClC,MAAI,CAAC,SACH,UAAS,OAAO,MAAM,MAAM;;;;;CA6GhC,IACI,QAAQ;AACV,SAAO,KAAK,SAAS,KAAK,OAAO,QAAQ,KAAK;;CAGhD,IAAI,MAAM,OAAO;EACf,MAAM,WAAW,KAAK;AACtB,OAAK,SAAS;AACd,OAAK,cAAc,SAAS,SAAS;AACrC,MAAI,KAAK,OACP,MAAK,OAAO,QAAQ;;CAIxB,SAAS;EACP,MAAM,EACJ,WACA,UACA,WACA,SACA,aACA,SACA,aACA,WACA,aACA,UACA,WACA,SACA,MACA,MACA,OACA,cAAc,aACd,mBAAmB,qBACjB;EAEJ,MAAM,kBAIF;GACF,UAAU,CAAC,YAAY;GACvB,SAAS,CAAC,YAAY,CAAC,YAAY;GACnC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,YAAY;GAC7C;EAED,MAAM,eAAe,SAAS;IAC3B,GAAG,OAAO,WAAW;IACrB,GAAG,OAAO,qBAAqB;IAC/B,GAAG,OAAO,qBAAqB;GACjC,CAAC;EAEF,MAAM,oBAAoB,SAAS;IAChC,GAAG,OAAO,iBAAiB;IAC3B,GAAG,OAAO,0BAA0B,gBAAgB;IACpD,GAAG,OAAO,0BAA0B,gBAAgB;IACpD,GAAG,OAAO,2BAA2B;IACrC,GAAG,OAAO,iBAAiB,SAAS;GACrC,GAAI,aAAa,GAAG,YAAY,MAAM;GACvC,CAAC;EAEF,MAAM,eAAe,SAAS;IAC3B,GAAG,OAAO,8BAA8B;IACxC,GAAG,OAAO,gBAAgB;IAC1B,GAAG,OAAO,oCACT,gBAAgB,WAAW,gBAAgB;GAC7C,GAAI,aAAa,GAAG,YAAY,MAAM;GACvC,CAAC;AAMF,SAAO,IAAI;oBACK,OAAO;UALT,YACV,IAAI,iBAAiB,aAAa,IAAI,UAAU,YAChD,KAIQ;sBACM,kBAAkB;wBAChB,OAAO;;uBAER,aAAa;+BACL,gBAAgB,QAAQ;2BAC5B,gBAAgB,SAAS;2BACzBA,qBAAW,UAAU,CAAC;sBAC3BA,qBAAW,KAAK,KAAK,CAAC;yBACnBA,qBAAW,QAAQ,CAAC;6BAChBA,qBAAW,YAAY,CAAC;2BAC1B,SAAS;sBACdA,qBAAW,KAAK,CAAC;wBACf,MAAM;wBACN,YAAY;cACtB,gBAAgB,WAAW,gBAAgB,OACzC,IAAI;gCACY,OAAO;sBACjB,gBAAgB,UACd,WAAW,iBAAiB,EAC1B,OAAO,GAAG,OAAO,2BAClB,CAAC,GACF,WAAW,oBAAoB,EAC7B,OAAO,GAAG,OAAO,sCAClB,CAAC,CAAC;;oBAGX,KAAK;;+BAEU,iBAAiB;;UAEtC,gBAAgB,WAAW,gBAAgB,OACzC,IAAI;4BACY,OAAO;kBACjB,gBAAgB,UAAU,cAAc,YAAY;;gBAG1D,KAAK;;;;CAIf,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;EAEhC,MAAM,EAAE,6BAA6B,KAClC;EACH,MAAM,oBAAoB,KAAK,iBAAiB,yBAAyB;AAEzE;GAAC;GAAY;GAAY;GAAO,CAAC,SAAS,SAAS;AACjD,OAAI,kBAAkB,IAAI,KAAK,EAAE;IAC/B,MAAM,GAAG,OAA8B,UAAU;AAGjD,sBAAkB,SAAS,SAAc;AACvC,UAAK,QAAQ;MACb;;IAEJ;;CAEJ,WAAW,2BAA2B;AACpC,SAAO,GAAG,OAAO;;;2BAGQ;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBAEeC;;;YA3Rf,MAAM,QAAQ;YAuCd,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,WAAW,gBAAgB,CAAC;YAMvC,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,WAAW,gBAAgB,CAAC;YAMvC,SAAS;CAAE,WAAW;CAAc,MAAM;CAAS,SAAS;CAAM,CAAC;YAMnE,UAAU;YAMV,SAAS,EAAE,WAAW,cAAc,CAAC;YAMrC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAc,SAAS;CAAM,CAAC;YAMlE,UAAU;YAMV,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,WAAW,oBAAoB,CAAC;YAM3C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,WAAW,6BAA6B,CAAC;YAMpD,SAAS,EAAE,SAAS,MAAM,CAAC;4BAlJ7BC,cAAc,GAAG,OAAO,cAAc;AAmSvC,0BAAe"}
1	+ {"version":3,"file":"time-picker.js","names":["ifNonEmpty","styles","customElement"],"sources":["../../../src/components/time-picker/time-picker.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2025\n \n This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport FormMixin from '../../globals/mixins/form';\nimport { prefix } from '../../globals/settings';\nimport styles from './time-picker.scss?lit';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport { TIME_PICKER_SIZE } from './defs';\n\n/\n Time Picker component.\n * @element cds-custom-time-picker\n * @slot label-text - The label text.\n * @slot time-picker-select - Slot for time picker select components.\n * @slot validity-message - The validity message. If present and non-empty, this input shows the UI of its invalid state.\n /\n@customElement(`${prefix}-time-picker`)\nclass CDSTimePicker extends ValidityMixin(FormMixin(LitElement)) {\n /\n The underlying input element\n /\n @query('input')\n protected _input!: HTMLInputElement;\n\n /\n The internal value.\n /\n protected _value = '';\n\n protected _handleInput({ target }: Event) {\n this.value = (target as HTMLInputElement).value;\n this.dispatchEvent(\n new CustomEvent('change', {\n bubbles: true,\n composed: true,\n detail: { value: this.value },\n })\n );\n }\n\n /\n Handle slotchange event for time-picker-select slot\n * to propagate properties to child elements\n /\n protected _handleSlotChange() {\n this.requestUpdate();\n }\n\n _handleFormdata(event: Event) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n const { formData } = event as any;\n const { disabled, name, value } = this;\n if (!disabled) {\n formData.append(name, value);\n }\n }\n\n /\n Specify whether the control is disabled\n /\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /\n Specify whether the control is currently invalid\n /\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /\n Provide the text that is displayed when the control is in an invalid state\n /\n @property({ attribute: 'invalid-text' })\n invalidText = 'Invalid time format.';\n\n /\n Specify whether the control is in warning state\n /\n @property({ type: Boolean, reflect: true })\n warning = false;\n\n /\n Provide the text that is displayed when the control is in a warning state\n /\n @property({ attribute: 'warning-text' })\n warningText = 'Warning message.';\n\n /\n Specify whether the label should be hidden\n /\n @property({ attribute: 'hide-label', type: Boolean, reflect: true })\n hideLabel = false;\n\n /\n Name for the input in FormData\n /\n @property()\n name = '';\n\n /\n Provide label text to be read by screen readers\n /\n @property({ attribute: 'label-text' })\n labelText = 'Select a time';\n\n /\n Placeholder text for the input\n /\n @property({ reflect: true })\n placeholder = 'hh:mm';\n\n /\n Specify whether the control should be read-only\n /\n @property({ type: Boolean, reflect: true })\n readOnly = false;\n\n /\n Specify the maximum length of the input value\n /\n @property({ type: Number, attribute: 'max-length', reflect: true })\n maxLength = 5;\n\n /\n Pattern for input validation\n /\n @property()\n pattern = '(1[012]\|[1-9]):[0-5][0-9](\\\\s)?';\n\n /\n Size of the time picker\n /\n @property({ reflect: true })\n size = TIME_PICKER_SIZE.MEDIUM;\n\n /\n Input type\n /\n @property({ reflect: true })\n type = 'text';\n\n /\n Validity message\n /\n @property({ attribute: 'validity-message' })\n validityMessage = '';\n\n /\n Whether the input is required\n /\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /\n Custom message for required validation\n /\n @property({ attribute: 'required-validity-message' })\n requiredValidityMessage = 'Please fill out this field.';\n\n /\n Value of the input\n */\n @property({ reflect: true })\n get value() {\n return this._input ? this._input.value : this._value;\n }\n\n set value(value) {\n const oldValue = this._value;\n this._value = value;\n this.requestUpdate('value', oldValue);\n if (this._input) {\n this._input.value = value;\n }\n }\n\n render() {\n const {\n className,\n disabled,\n hideLabel,\n invalid,\n invalidText,\n warning,\n warningText,\n labelText,\n placeholder,\n readOnly,\n maxLength,\n pattern,\n size,\n type,\n value,\n _handleInput: handleInput,\n _handleSlotChange: handleSlotChange,\n } = this;\n\n const normalizedProps: {\n disabled: boolean;\n invalid: boolean;\n warn: boolean;\n } = {\n disabled: !readOnly && disabled,\n invalid: !readOnly && !disabled && invalid,\n warn: !readOnly && !invalid && !disabled && warning,\n };\n\n const labelClasses = classMap({\n [`${prefix}--label`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n [`${prefix}--label--disabled`]: disabled,\n });\n\n const timePickerClasses = classMap({\n [`${prefix}--time-picker`]: true,\n [`${prefix}--time-picker--invalid`]: normalizedProps.invalid,\n [`${prefix}--time-picker--warning`]: normalizedProps.warn,\n [`${prefix}--time-picker--readonly`]: readOnly,\n [`${prefix}--time-picker--${size}`]: size,\n ...(className && { [className]: true }),\n });\n\n const inputClasses = classMap({\n [`${prefix}--time-picker__input-field`]: true,\n [`${prefix}--text-input`]: true,\n [`${prefix}--time-picker__input-field-error`]:\n normalizedProps.invalid \|\| normalizedProps.warn,\n ...(className && { [className]: true }),\n });\n\n const label = labelText\n ? html`<label class=\"${labelClasses}\">${labelText}</label>`\n : null;\n\n return html`\n <div class=\"${prefix}--form-item \">\n ${label}\n <div class=\"${timePickerClasses}\">\n <div class=\"${prefix}--time-picker__input\">\n <input\n class=\"${inputClasses}\"\n ?data-invalid=\"${normalizedProps.invalid}\"\n ?disabled=\"${normalizedProps.disabled}\"\n maxlength=\"${ifNonEmpty(maxLength)}\"\n name=\"${ifNonEmpty(this.name)}\"\n pattern=\"${ifNonEmpty(pattern)}\"\n placeholder=\"${ifNonEmpty(placeholder)}\"\n ?readonly=\"${readOnly}\"\n type=\"${ifNonEmpty(type)}\"\n .value=\"${value}\"\n @input=\"${handleInput}\" />\n ${normalizedProps.invalid \|\| normalizedProps.warn\n ? html`\n <div class=\"${prefix}--time-picker__error__icon\">\n ${normalizedProps.invalid\n ? iconLoader(WarningFilled16, {\n class: `${prefix}--checkbox__invalid-icon`,\n })\n : iconLoader(WarningAltFilled16, {\n class: `${prefix}--text-input__invalid-icon--warning`,\n })}\n </div>\n `\n : null}\n </div>\n <slot @slotchange=\"${handleSlotChange}\"></slot>\n </div>\n ${normalizedProps.invalid \|\| normalizedProps.warn\n ? html`\n <div class=\"${prefix}--form-requirement\">\n ${normalizedProps.invalid ? invalidText : warningText}\n </div>\n `\n : null}\n </div>\n `;\n }\n updated(changedProperties) {\n super.updated(changedProperties);\n\n const { selectorTimePickerSelect } = this\n .constructor as typeof CDSTimePicker;\n const timePickerSelects = this.querySelectorAll(selectorTimePickerSelect);\n\n ['disabled', 'readOnly', 'size'].forEach((name) => {\n if (changedProperties.has(name)) {\n const { [name as keyof CDSTimePicker]: value } = this;\n // Propagate the property to descendants\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n timePickerSelects.forEach((elem: any) => {\n elem[name] = value;\n });\n }\n });\n }\n static get selectorTimePickerSelect() {\n return `${prefix}-time-picker-select`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n\n static styles = styles;\n}\n\nexport default CDSTimePicker;\n"],"mappings":"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"}