@carbon/web-components 2.31.0 → 2.32.0

package/es-custom/components/tree-view/tree-view.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([".cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-01,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-02,#f4f4f4);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-03,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-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-custom-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-custom-field) inset;-webkit-text-fill-color:var(--cds-custom-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-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.cds-custom--label{color:var(--cds-custom-text-secondary,#525252);display:inline-block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.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 .cds-custom--toggletip-label{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-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{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);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:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-custom-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-custom-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;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-custom-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}}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-custom-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--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__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-custom-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{display:none;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.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--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-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-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tree{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;overflow:hidden;padding:0;vertical-align:baseline}.cds-custom--tree *,.cds-custom--tree :after,.cds-custom--tree :before{box-sizing:inherit}.cds-custom--tree-node,:host(cds-custom-tree-node:not([href])){background-color:var(--cds-custom-layer-01,#f4f4f4);color:var(--cds-custom-text-secondary,#525252);padding-inline-start:1rem}.cds-custom--tree-node:focus{outline:none}.cds-custom--tree-node:hover{cursor:pointer}.cds-custom--tree-node--hidden{display:none}.cds-custom--tree-node__children{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;list-style-type:none;margin:0;padding:0;vertical-align:baseline}.cds-custom--tree-node__children *,.cds-custom--tree-node__children :after,.cds-custom--tree-node__children :before{box-sizing:inherit}.cds-custom--tree-node--with-icon .cds-custom--tree-node,.cds-custom--tree-node--with-icon :host(cds-custom-tree-node:not([href])){margin-inline-start:.5rem}.cds-custom--tree-node:focus>.cds-custom--tree-node__label{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tree-node:focus>.cds-custom--tree-node__label{outline-style:dotted}}.cds-custom--tree-node--disabled:focus>.cds-custom--tree-node__label{outline:none}.cds-custom--tree-node--disabled,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover .cds-custom--tree-node__label__details,:host(cds-custom-tree-node[disabled]:not([href])),:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-node__label:hover,:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-node__label:hover .cds-custom--tree-node__label__details{background-color:var(--cds-custom-field-01,#f4f4f4);color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tree-node--disabled .cds-custom--tree-node__icon,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover .cds-custom--tree-node__icon,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover .cds-custom--tree-parent-node__toggle-icon,.cds-custom--tree-node--disabled .cds-custom--tree-parent-node__toggle-icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-node--disabled ::slotted([slot=icon]),:host(cds-custom-tree-node:not([href])):host(cds-custom-tree-node[disabled]:not([href])) ::slotted([slot=icon]),:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-node__icon,:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-parent-node__toggle-icon{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tree-node--disabled,.cds-custom--tree-node--disabled .cds-custom--tree-parent-node__toggle-icon:hover,:host(cds-custom-tree-node[disabled]:not([href])),:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-parent-node__toggle-icon:hover{cursor:not-allowed}:host(cds-custom-tree-node[href][parent]) a.cds-custom--tree-node,li a.cds-custom--tree-node{text-decoration:none}:host(cds-custom-tree-node[href][parent]) a.cds-custom--tree-node:not(.cds-custom--tree-node--disabled),li a.cds-custom--tree-node:not(.cds-custom--tree-node--disabled){color:var(--cds-custom-text-secondary,#525252)}:host(cds-custom-tree-node[href][parent]),li.cds-custom--tree-node-link-parent{background-color:var(--cds-custom-layer-01,#f4f4f4);display:flex;flex-direction:column}:host(cds-custom-tree-node[href][parent])>.cds-custom--tree-node__children,li.cds-custom--tree-node-link-parent>.cds-custom--tree-node__children{padding-inline-start:1rem}.cds-custom--tree-node__label{align-items:center;display:flex;flex:1;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);min-block-size:2rem}.cds-custom--tree-node__label:hover{background-color:var(--cds-custom-layer-hover-01,#e8e8e8);color:var(--cds-custom-text-primary,#161616)}.cds-custom--tree-node:not(.cds-custom--tree-parent-node) .cds-custom--tree-node__label,:not(.cds-custom--tree-parent-node):host(cds-custom-tree-node:not([href])) .cds-custom--tree-node__label{padding-block:.4375rem .4375rem}.cds-custom--tree-node__label:hover .cds-custom--tree-node__label__details{color:var(--cds-custom-text-primary,#161616)}.cds-custom--tree-node__label:hover .cds-custom--tree-node__icon,.cds-custom--tree-node__label:hover .cds-custom--tree-parent-node__toggle-icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-node__label:hover ::slotted([slot=icon]){fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--tree-leaf-node,:host(cds-custom-tree-node:not([parent]):not([href])){display:flex;padding-inline-start:2.5rem}.cds-custom--tree-leaf-node.cds-custom--tree-node--with-icon{padding-inline-start:2rem}.cds-custom--tree-leaf-node.cds-custom--tree-node--with-icon .cds-custom--tree-leaf-node,.cds-custom--tree-leaf-node.cds-custom--tree-node--with-icon :host(cds-custom-tree-node:not([parent]):not([href])){padding-inline-start:1.5rem}.cds-custom--tree-node__label__details{align-items:center;display:flex}.cds-custom--tree-node--with-icon .cds-custom--tree-parent-node__toggle{margin-inline-end:0}.cds-custom--tree-parent-node__toggle{align-items:center;block-size:1.5rem;border:0;display:flex;inline-size:1.5rem;margin-inline:-.25rem .25rem;padding-inline-start:.25rem}.cds-custom--tree-parent-node__toggle:hover{cursor:pointer}.cds-custom--tree-parent-node__toggle:focus{outline:none}.cds-custom--tree-parent-node__toggle-icon{fill:var(--cds-custom-icon-secondary,#525252);transform:rotate(-90deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tree-parent-node__toggle-icon--expanded{transform:rotate(0)}.cds-custom--tree-node__icon,:host(cds-custom-tree-node:not([href])) ::slotted([slot=icon]){fill:var(--cds-custom-icon-secondary,#525252);margin-inline:.5rem .5rem;min-block-size:1rem;min-inline-size:1rem}.cds-custom--tree-parent-node__toggle+.cds-custom--tree-node__label__details .cds-custom--tree-node__icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-parent-node__toggle+.cds-custom--tree-node__label__details ::slotted([slot=icon]){margin-inline-start:.25rem}.cds-custom--tree-node--selected>.cds-custom--tree-node__label,:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label{background-color:var(--cds-custom-layer-selected-01,#e0e0e0);color:var(--cds-custom-text-primary,#161616)}.cds-custom--tree-node--selected>.cds-custom--tree-node__label:hover,:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label:hover{background-color:var(--cds-custom-layer-selected-hover-01,#d1d1d1)}.cds-custom--tree-node--selected>.cds-custom--tree-node__label .cds-custom--tree-node__icon,.cds-custom--tree-node--selected>.cds-custom--tree-node__label .cds-custom--tree-parent-node__toggle-icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-node--selected>.cds-custom--tree-node__label ::slotted([slot=icon]),:host(cds-custom-tree-node:not([href])):host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label ::slotted([slot=icon]),:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label .cds-custom--tree-node__icon,:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label .cds-custom--tree-parent-node__toggle-icon{fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--tree-node--active>.cds-custom--tree-node__label,:host(cds-custom-tree-node[active]:not([href]))>.cds-custom--tree-node__label{position:relative}.cds-custom--tree-node--active>.cds-custom--tree-node__label:before,:host(cds-custom-tree-node[active]:not([href]))>.cds-custom--tree-node__label:before{background-color:var(--cds-custom-interactive,#0f62fe);block-size:100%;content:\"\";inline-size:.25rem;inset-block-start:0;inset-inline-start:0;position:absolute}.cds-custom--tree--xs .cds-custom--tree-node__label{min-block-size:1.5rem}.cds-custom--tree--xs .cds-custom--tree-node:not(.cds-custom--tree-parent-node) .cds-custom--tree-node__label,.cds-custom--tree--xs :not(.cds-custom--tree-parent-node):host(cds-custom-tree-node:not([href])) .cds-custom--tree-node__label{padding:0}.cds-custom--tree--xs .cds-custom--tree-parent-node__toggle{margin-block-start:0}:host(cds-custom-tree-view){display:block}:host(cds-custom-tree-node){box-sizing:border-box;display:list-item}:host(cds-custom-tree-node) .cds-custom--tree-node__label{box-sizing:inherit}:host(cds-custom-tree-node) .cds-custom--tree-node__hidden{display:none}:host(cds-custom-tree-node) .cds-custom--tree-parent-node__toggle{box-sizing:inherit}:host(cds-custom-tree-node:focus-visible){outline:none}:host(cds-custom-tree-node:focus-visible) .cds-custom--tree-node__label{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-tree-node:focus-visible) .cds-custom--tree-node__label{outline-style:dotted}}:host(cds-custom-tree-node:not([parent]):not([href])) .cds-custom--tree-node__label{padding-block:.4375rem}:host(cds-custom-tree-node[href]) .cds-custom--tree-node,:host(cds-custom-tree-node[href]) :host(cds-custom-tree-node:not([href])){box-sizing:inherit}:host(cds-custom-tree-node[href]) .cds-custom--tree-node__label{padding-block:0}:host(cds-custom-tree-node[has-icon]:not([parent]:not([href]))){padding-inline-start:2rem}:host(cds-custom-tree-node[has-icon]:not([href])){padding-inline-start:.5rem}:host(cds-custom-tree-node[has-icon]:not([href])) .cds-custom--tree-parent-node__toggle{margin-inline-end:0}:host(cds-custom-tree-node[has-icon][parent]:not([href])){padding-inline-start:1rem}:host(cds-custom-tree-node[has-icon]:not([href])) ::slotted(cds-custom-tree-node){margin-inline-start:.5rem}:host(cds-custom-tree-node:not([href])[size=xs]) .cds-custom--tree-node__label{min-block-size:1.5rem}:host(cds-custom-tree-node:not([href])[size=xs]) .cds-custom--tree-parent-node__toggle{margin-block-start:0}:host(cds-custom-tree-node:not([href])[size=xs]:not([parent])) .cds-custom--tree-node__label{padding:0}:host(cds-custom-tree-node[href]) a{text-decoration:none}"]);
+var styles = css([".cds-custom--layer-one,:root{--cds-custom-layer:var(--cds-custom-layer-01,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-01,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-01,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-01,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-01,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-01,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-01,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-01,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-01,#a8a8a8);--cds-custom-field:var(--cds-custom-field-01,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-01,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-00,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-01,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-01,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-custom-layer:var(--cds-custom-layer-02,#fff);--cds-custom-layer-active:var(--cds-custom-layer-active-02,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-02,#f4f4f4);--cds-custom-layer-hover:var(--cds-custom-layer-hover-02,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-02,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-02,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-02,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-02,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-02,#a8a8a8);--cds-custom-field:var(--cds-custom-field-02,#fff);--cds-custom-field-hover:var(--cds-custom-field-hover-02,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-01,#c6c6c6);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-02,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-02,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-custom-layer:var(--cds-custom-layer-03,#f4f4f4);--cds-custom-layer-active:var(--cds-custom-layer-active-03,#c6c6c6);--cds-custom-layer-background:var(--cds-custom-layer-background-03,#fff);--cds-custom-layer-hover:var(--cds-custom-layer-hover-03,#e8e8e8);--cds-custom-layer-selected:var(--cds-custom-layer-selected-03,#e0e0e0);--cds-custom-layer-selected-hover:var(--cds-custom-layer-selected-hover-03,#d1d1d1);--cds-custom-layer-accent:var(--cds-custom-layer-accent-03,#e0e0e0);--cds-custom-layer-accent-hover:var(--cds-custom-layer-accent-hover-03,#d1d1d1);--cds-custom-layer-accent-active:var(--cds-custom-layer-accent-active-03,#a8a8a8);--cds-custom-field:var(--cds-custom-field-03,#f4f4f4);--cds-custom-field-hover:var(--cds-custom-field-hover-03,#e8e8e8);--cds-custom-border-subtle:var(--cds-custom-border-subtle-02,#e0e0e0);--cds-custom-border-subtle-selected:var(--cds-custom-border-subtle-selected-03,#c6c6c6);--cds-custom-border-strong:var(--cds-custom-border-strong-03,#8d8d8d);--cds-custom-border-tile:var(--cds-custom-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-custom-layer-background)}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-custom-field) inset;-webkit-text-fill-color:var(--cds-custom-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-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572)}.cds-custom--label{color:var(--cds-custom-text-secondary,#525252);display:inline-block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.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 .cds-custom--toggletip-label{font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-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{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;display:flex;font-family:inherit;font-size:100%;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);inline-size:100%;justify-content:center;letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);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:focus{outline:1px solid var(--cds-custom-focus,#0f62fe)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg{fill:var(--cds-custom-icon-secondary,#525252)}.cds-custom--label+.cds-custom--tooltip .cds-custom--tooltip__trigger svg :hover{fill:var(--cds-custom-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-custom-skeleton-background,#e8e8e8);block-size:.875rem;border:none;box-shadow:none;inline-size:4.6875rem;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-custom-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}}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-custom-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-custom-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{display:none;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.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--select--inline .cds-custom--form__helper-text{margin-block-start:0}.cds-custom--form__helper-text{color:var(--cds-custom-text-secondary,#525252);font-size:var(--cds-custom-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-custom-helper-text-01-letter-spacing,.32px);line-height:var(--cds-custom-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-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tree{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;overflow:hidden;padding:0;vertical-align:baseline}.cds-custom--tree *,.cds-custom--tree :after,.cds-custom--tree :before{box-sizing:inherit}.cds-custom--tree-node,:host(cds-custom-tree-node:not([href])){background-color:var(--cds-custom-layer-01,#f4f4f4);color:var(--cds-custom-text-secondary,#525252);padding-inline-start:1rem}.cds-custom--tree-node:focus{outline:none}.cds-custom--tree-node:hover{cursor:pointer}.cds-custom--tree-node--hidden{display:none}.cds-custom--tree-node__children{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;list-style-type:none;margin:0;padding:0;vertical-align:baseline}.cds-custom--tree-node__children *,.cds-custom--tree-node__children :after,.cds-custom--tree-node__children :before{box-sizing:inherit}.cds-custom--tree-node--with-icon .cds-custom--tree-node,.cds-custom--tree-node--with-icon :host(cds-custom-tree-node:not([href])){margin-inline-start:.5rem}.cds-custom--tree-node:focus>.cds-custom--tree-node__label{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--tree-node:focus>.cds-custom--tree-node__label{outline-style:dotted}}.cds-custom--tree-node.cds-custom--tree-parent-node>.cds-custom--tree-node__label{inline-size:auto}.cds-custom--tree-node--disabled:focus>.cds-custom--tree-node__label{outline:none}.cds-custom--tree-node--disabled,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover .cds-custom--tree-node__label__details,:host(cds-custom-tree-node[disabled]:not([href])),:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-node__label:hover,:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-node__label:hover .cds-custom--tree-node__label__details{background-color:var(--cds-custom-field-01,#f4f4f4);color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--tree-node--disabled .cds-custom--tree-node__icon,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover .cds-custom--tree-node__icon,.cds-custom--tree-node--disabled .cds-custom--tree-node__label:hover .cds-custom--tree-parent-node__toggle-icon,.cds-custom--tree-node--disabled .cds-custom--tree-parent-node__toggle-icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-node--disabled ::slotted([slot=icon]),:host(cds-custom-tree-node:not([href])):host(cds-custom-tree-node[disabled]:not([href])) ::slotted([slot=icon]),:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-node__icon,:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-parent-node__toggle-icon{fill:var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--tree-node--disabled,.cds-custom--tree-node--disabled .cds-custom--tree-parent-node__toggle-icon:hover,:host(cds-custom-tree-node[disabled]:not([href])),:host(cds-custom-tree-node[disabled]:not([href])) .cds-custom--tree-parent-node__toggle-icon:hover{cursor:not-allowed}:host(cds-custom-tree-node[href][parent]) a.cds-custom--tree-node,li a.cds-custom--tree-node{text-decoration:none}:host(cds-custom-tree-node[href][parent]) a.cds-custom--tree-node:not(.cds-custom--tree-node--disabled),li a.cds-custom--tree-node:not(.cds-custom--tree-node--disabled){color:var(--cds-custom-text-secondary,#525252)}:host(cds-custom-tree-node[href][parent]),li.cds-custom--tree-node-link-parent{background-color:var(--cds-custom-layer-01,#f4f4f4);display:flex;flex-direction:column}:host(cds-custom-tree-node[href][parent])>.cds-custom--tree-node__children,li.cds-custom--tree-node-link-parent>.cds-custom--tree-node__children{padding-inline-start:1rem}.cds-custom--tree-node__label{align-items:center;box-sizing:border-box;display:flex;flex:1;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);min-block-size:2rem;padding-inline-end:1rem;position:relative}.cds-custom--tree-node__label:hover{background-color:var(--cds-custom-layer-hover-01,#e8e8e8);color:var(--cds-custom-text-primary,#161616)}.cds-custom--tree-node:not(.cds-custom--tree-parent-node) .cds-custom--tree-node__label,:not(.cds-custom--tree-parent-node):host(cds-custom-tree-node:not([href])) .cds-custom--tree-node__label{padding-block:.4375rem .4375rem}.cds-custom--tree-node__label:hover .cds-custom--tree-node__label__details{color:var(--cds-custom-text-primary,#161616)}.cds-custom--tree-node__label:hover .cds-custom--tree-node__icon,.cds-custom--tree-node__label:hover .cds-custom--tree-parent-node__toggle-icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-node__label:hover ::slotted([slot=icon]){fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--tree-leaf-node,:host(cds-custom-tree-node:not([parent]):not([href])){display:flex;padding-inline-start:2.5rem}.cds-custom--tree-leaf-node.cds-custom--tree-node--with-icon{padding-inline-start:2rem}.cds-custom--tree-leaf-node.cds-custom--tree-node--with-icon .cds-custom--tree-leaf-node,.cds-custom--tree-leaf-node.cds-custom--tree-node--with-icon :host(cds-custom-tree-node:not([parent]):not([href])){padding-inline-start:1.5rem}.cds-custom--tree-node__label__details{align-items:center;display:flex;min-inline-size:0}.cds-custom--tree-node--with-icon .cds-custom--tree-parent-node__toggle{margin-inline-end:0}.cds-custom--tree-parent-node__toggle{align-items:center;block-size:1.5rem;border:0;display:flex;inline-size:1.5rem;margin-inline:-.25rem .25rem;padding-inline-start:.25rem}.cds-custom--tree-parent-node__toggle:hover{cursor:pointer}.cds-custom--tree-parent-node__toggle:focus{outline:none}.cds-custom--tree-parent-node__toggle-icon{fill:var(--cds-custom-icon-secondary,#525252);transform:rotate(-90deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}.cds-custom--tree-parent-node__toggle-icon--expanded{transform:rotate(0)}.cds-custom--tree-node__icon,:host(cds-custom-tree-node:not([href])) ::slotted([slot=icon]){fill:var(--cds-custom-icon-secondary,#525252);margin-inline:.5rem .5rem;min-block-size:1rem;min-inline-size:1rem}.cds-custom--tree-parent-node__toggle+.cds-custom--tree-node__label__details .cds-custom--tree-node__icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-parent-node__toggle+.cds-custom--tree-node__label__details ::slotted([slot=icon]){margin-inline-start:.25rem}.cds-custom--tree-node--selected>.cds-custom--tree-node__label,:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label{background-color:var(--cds-custom-layer-selected-01,#e0e0e0);color:var(--cds-custom-text-primary,#161616)}.cds-custom--tree-node--selected>.cds-custom--tree-node__label:hover,:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label:hover{background-color:var(--cds-custom-layer-selected-hover-01,#d1d1d1)}.cds-custom--tree-node--selected>.cds-custom--tree-node__label .cds-custom--tree-node__icon,.cds-custom--tree-node--selected>.cds-custom--tree-node__label .cds-custom--tree-parent-node__toggle-icon,:host(cds-custom-tree-node:not([href])) .cds-custom--tree-node--selected>.cds-custom--tree-node__label ::slotted([slot=icon]),:host(cds-custom-tree-node:not([href])):host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label ::slotted([slot=icon]),:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label .cds-custom--tree-node__icon,:host(cds-custom-tree-node[selected]:not([href]))>.cds-custom--tree-node__label .cds-custom--tree-parent-node__toggle-icon{fill:var(--cds-custom-icon-primary,#161616)}.cds-custom--tree-node--active>.cds-custom--tree-node__label,:host(cds-custom-tree-node[active]:not([href]))>.cds-custom--tree-node__label{position:relative}.cds-custom--tree-node--active>.cds-custom--tree-node__label:before,:host(cds-custom-tree-node[active]:not([href]))>.cds-custom--tree-node__label:before{background-color:var(--cds-custom-interactive,#0f62fe);block-size:100%;content:\"\";inline-size:.25rem;inset-block-start:0;inset-inline-start:0;position:absolute}.cds-custom--tree--xs .cds-custom--tree-node__label{min-block-size:1.5rem}.cds-custom--tree--xs .cds-custom--tree-node:not(.cds-custom--tree-parent-node) .cds-custom--tree-node__label,.cds-custom--tree--xs :not(.cds-custom--tree-parent-node):host(cds-custom-tree-node:not([href])) .cds-custom--tree-node__label{padding:0}.cds-custom--tree--xs .cds-custom--tree-parent-node__toggle{margin-block-start:0}.cds-custom--tree-node__label__text{display:block;font-size:var(--cds-custom-body-compact-01-font-size,.875rem);font-weight:var(--cds-custom-body-compact-01-font-weight,400);letter-spacing:var(--cds-custom-body-compact-01-letter-spacing,.16px);line-height:var(--cds-custom-body-compact-01-line-height,1.28572);line-height:1.2;overflow:hidden;padding-inline-start:.25rem;text-overflow:ellipsis;white-space:nowrap}.cds-custom--tree-node__label .cds-custom--icon-tooltip{inline-size:100%}.cds-custom--tree-node__label .cds-custom--icon-tooltip .cds-custom--btn--icon-only{background:transparent;block-size:auto;border:none;color:inherit;inline-size:100%;min-block-size:unset;padding:0;text-align:start}.cds-custom--tree-node__label .cds-custom--icon-tooltip .cds-custom--btn--icon-only .cds-custom--tree-node__label__text{color:inherit;inline-size:100%}.cds-custom--tree-node__label .cds-custom--tooltip-content{padding:1rem}.cds-custom--tree-node__label .cds-custom--popover-container{inline-size:100%}.cds-custom--tooltip-trigger__wrapper .cds-custom--btn--ghost:focus{box-shadow:none;outline:2px solid var(--cds-custom-focus,#0f62fe)}:host(cds-custom-tree-view){display:block}:host(cds-custom-tree-node){box-sizing:border-box;display:list-item}:host(cds-custom-tree-node) .cds-custom--tree-node__label{box-sizing:inherit}:host(cds-custom-tree-node) .cds-custom--tree-node__hidden{display:none}:host(cds-custom-tree-node) .cds-custom--tree-parent-node__toggle{box-sizing:inherit}:host(cds-custom-tree-node:focus-visible){outline:none}:host(cds-custom-tree-node:focus-visible) .cds-custom--tree-node__label{outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-custom-tree-node:focus-visible) .cds-custom--tree-node__label{outline-style:dotted}}:host(cds-custom-tree-node:not([parent]):not([href])) .cds-custom--tree-node__label{padding-block:.4375rem}:host(cds-custom-tree-node[href]) .cds-custom--tree-node,:host(cds-custom-tree-node[href]) :host(cds-custom-tree-node:not([href])){box-sizing:inherit}:host(cds-custom-tree-node[href]) .cds-custom--tree-node__label{padding-block:0}:host(cds-custom-tree-node[has-icon]:not([parent]:not([href]))){padding-inline-start:2rem}:host(cds-custom-tree-node[has-icon]:not([href])){padding-inline-start:.5rem}:host(cds-custom-tree-node[has-icon]:not([href])) .cds-custom--tree-parent-node__toggle{margin-inline-end:0}:host(cds-custom-tree-node[has-icon][parent]:not([href])){padding-inline-start:1rem}:host(cds-custom-tree-node[has-icon]:not([href])) ::slotted(cds-custom-tree-node){margin-inline-start:.5rem}:host(cds-custom-tree-node:not([href])[size=xs]) .cds-custom--tree-node__label{min-block-size:1.5rem}:host(cds-custom-tree-node:not([href])[size=xs]) .cds-custom--tree-parent-node__toggle{margin-block-start:0}:host(cds-custom-tree-node:not([href])[size=xs]:not([parent])) .cds-custom--tree-node__label{padding:0}:host(cds-custom-tree-node[href]) a{text-decoration:none}"]);
 
 export { styles as default };
 //# sourceMappingURL=tree-view.scss.js.map

package/es-custom/components/ui-shell/header-global-action.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2024
+ * Copyright IBM Corp. 2023, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -29,7 +29,12 @@ declare class CDSHeaderGlobalAction extends CDSButton {
      */
     buttonLabelInactive: any;
     connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _handleDocumentClick;
+    private _handleFocusOut;
     private _handleClick;
+    private _handleKeyDown;
     updated(): void;
     shouldUpdate(changedProperties: any): boolean;
     static shadowRootOptions: {

package/es-custom/components/ui-shell/header-global-action.js

@@ -16,7 +16,7 @@ import { prefix } from '../../globals/settings.js';
 import { BUTTON_TOOLTIP_POSITION, BUTTON_KIND, BUTTON_SIZE } from '../button/defs.js';
 
 /**
- * Copyright IBM Corp. 2023, 2024
+ * Copyright IBM Corp. 2023, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -27,19 +27,51 @@ import { BUTTON_TOOLTIP_POSITION, BUTTON_KIND, BUTTON_SIZE } from '../button/def
  * @element cds-custom-header-global-action
  */
 let CDSHeaderGlobalAction = class CDSHeaderGlobalAction extends CDSButton {
+    constructor() {
+        super(...arguments);
+        this._handleDocumentClick = (event) => {
+            var _a;
+            const panel = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.panelId}`);
+            const target = event.composedPath()[0];
+            if (panel && !this.contains(target) && !panel.contains(target)) {
+                panel.removeAttribute('expanded');
+                this.active = false;
+            }
+        };
+    }
     connectedCallback() {
         this.tooltipPosition = BUTTON_TOOLTIP_POSITION.BOTTOM;
         this.kind = BUTTON_KIND.GHOST;
         this.size = BUTTON_SIZE.LARGE;
         super.connectedCallback();
     }
+    firstUpdated() {
+        document.addEventListener('click', this._handleDocumentClick, true);
+    }
+    disconnectedCallback() {
+        document.removeEventListener('click', this._handleDocumentClick, true);
+        super.disconnectedCallback();
+    }
+    _handleFocusOut(event) {
+        var _a;
+        const panel = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.panelId}`);
+        const relatedTarget = event.relatedTarget;
+        if (panel &&
+            relatedTarget &&
+            !this.contains(relatedTarget) &&
+            !panel.contains(relatedTarget)) {
+            panel.removeAttribute('expanded');
+            this.active = false;
+        }
+    }
     _handleClick(event) {
+        var _a;
         const { disabled } = this;
         if (disabled) {
             event.stopPropagation();
         }
         else {
-            const panel = document.querySelector(`#${this.panelId}`);
+            const panel = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.panelId}`);
             // see if there is related panel for header-global-action button first
             // and then set the expanded attr of it accordingly
             if (panel) {
@@ -55,6 +87,21 @@ let CDSHeaderGlobalAction = class CDSHeaderGlobalAction extends CDSButton {
             }
         }
     }
+    _handleKeyDown(event) {
+        var _a;
+        const { key } = event;
+        if (key === 'Enter' || key === ' ') {
+            event.preventDefault();
+            this._handleClick(event);
+        }
+        else if (key === 'Escape') {
+            const panel = (_a = this.ownerDocument) === null || _a === void 0 ? void 0 : _a.querySelector(`#${this.panelId}`);
+            if (panel) {
+                panel.removeAttribute('expanded');
+            }
+            this.active = false;
+        }
+    }
     updated() {
         if (this._buttonNode) {
             this._buttonNode.classList.add(`${prefix}--header__action`);
@@ -95,10 +142,18 @@ __decorate([
 __decorate([
     property({ attribute: 'button-label-inactive' })
 ], CDSHeaderGlobalAction.prototype, "buttonLabelInactive", void 0);
+__decorate([
+    HostListener('focusout')
+    // @ts-ignore
+], CDSHeaderGlobalAction.prototype, "_handleFocusOut", null);
 __decorate([
     HostListener('click', { capture: true })
     // @ts-ignore
 ], CDSHeaderGlobalAction.prototype, "_handleClick", null);
+__decorate([
+    HostListener('keydown', { capture: true })
+    // @ts-ignore
+], CDSHeaderGlobalAction.prototype, "_handleKeyDown", null);
 CDSHeaderGlobalAction = __decorate([
     carbonElement(`${prefix}-header-global-action`)
 ], CDSHeaderGlobalAction);

package/es-custom/components/ui-shell/header-global-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-global-action.js","sources":["../../../src/components/ui-shell/header-global-action.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"header-global-action.js","sources":["../../../src/components/ui-shell/header-global-action.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es-custom/index.d.ts

@@ -168,6 +168,6 @@ export { default as CDSTimePicker } from './components/time-picker/time-picker';
 export { default as CDSTimePickerSelect } from './components/time-picker/time-picker-select';
 export { default as CDSTreeView } from './components/tree-view/tree-view';
 export { default as CDSTreeNode } from './components/tree-view/tree-node';
-export { default as CDSHeading } from './components/heading/heading';
+export { CDSSection, default as CDSHeading, } from './components/heading/heading';
 export { default as CDSMenuButton } from './components/menu-button/menu-button';
 export { default as CDSComboButton } from './components/combo-button/combo-button';

package/es-custom/index.js

@@ -169,7 +169,7 @@ export { default as CDSTimePicker } from './components/time-picker/time-picker.j
 export { default as CDSTimePickerSelect } from './components/time-picker/time-picker-select.js';
 export { default as CDSTreeView } from './components/tree-view/tree-view.js';
 export { default as CDSTreeNode } from './components/tree-view/tree-node.js';
-export { default as CDSHeading } from './components/heading/heading.js';
+export { default as CDSHeading, CDSSection } from './components/heading/heading.js';
 export { default as CDSMenuButton } from './components/menu-button/menu-button.js';
 export { default as CDSComboButton } from './components/combo-button/combo-button.js';
 //# sourceMappingURL=index.js.map

package/lib/components/heading/defs.d.ts

@@ -4,4 +4,4 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HEADING_LEVEL = 1 | 2 | 3 | 4 | 5 | 6;

package/lib/components/heading/heading.d.ts

@@ -5,13 +5,25 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
+import { HEADING_LEVEL } from './defs';
+export declare class CDSSection extends LitElement {
+    /**
+     * The level of the heading.
+     */
+    level?: HEADING_LEVEL;
+    private _currentLevel;
+    private getParentLevel;
+    connectedCallback(): void;
+    getCurrentLevel(): HEADING_LEVEL;
+    render(): import("lit-html").TemplateResult<1>;
+}
 /**
  * The heading component
  *
  * @element cds-heading
  */
 declare class CDSHeading extends LitElement {
-    private level;
+    private _level;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;

package/lib/components/multi-select/multi-select-item.d.ts

@@ -1,10 +1,11 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import CDSDropdownItem from '../dropdown/dropdown-item';
+import '../checkbox';
 /**
  * Multi select item.
  *
@@ -15,6 +16,14 @@ declare class CDSMultiSelectItem extends CDSDropdownItem {
      * The property to hide when item is filtered from input
      */
     filtered: any;
+    /**
+     * Marks this item as the “select all” item.
+     */
+    isSelectAll: boolean;
+    /**
+     * When `true`, renders the checkbox in its indeterminate state.
+     */
+    indeterminate: boolean;
     /**
      * The `name` attribute for the `<input>` for selection.
      */

package/lib/components/multi-select/multi-select.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2020, 2024
+ * Copyright IBM Corp. 2020, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -38,10 +38,6 @@ declare class CDSMultiSelect extends CDSDropdown {
      * The selection button.
      */
     private _selectionButtonNode;
-    /**
-     * The menu body.
-     */
-    private _menuBodyNode;
     /**
      * The `<input>` for filtering.
      */
@@ -99,6 +95,10 @@ declare class CDSMultiSelect extends CDSDropdown {
      * Specify the locale of the control. Used for the default compareItems used for sorting the list of items in the control.
      */
     locale: string;
+    /**
+     * Enables rendering of a “Select all” multi-select-item
+     */
+    selectAll: boolean;
     /**
      * Specify feedback (mode) of the selection.
      * `top`: selected item jumps to top
@@ -120,6 +120,12 @@ declare class CDSMultiSelect extends CDSDropdown {
     }) => Node[];
     shouldUpdate(changedProperties: any): boolean;
     updated(changedProperties: any): void;
+    firstUpdated(changedProperties: any): void;
+    /**
+     * Computes the state of the select all option and sets it to either
+     * 'selected' or 'indeterminate'
+     */
+    private _computeSelectAllState;
     connectedCallback(): void;
     /**
      * A selector that will return menu body.

package/lib/components/overflow-menu/overflow-menu-body.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/lib/components/page-header/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './page-header';
+import './page-header-breadcrumb';
+import './page-header-content';
+import './page-header-content-text';
+import './page-header-hero-image';
+import './page-header-tabs';

package/lib/components/page-header/page-header-breadcrumb.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Page header Breadcrumb Bar.
+ * @element cds-page-header-breadcrumb
+ */
+declare class CDSPageHeaderBreadcrumb extends LitElement {
+    /**
+     * Specify if breadcrumb bar has bottom border.
+     */
+    border: boolean;
+    /**
+     * Set to `true` if the breadcrumb bar is sitting within a grid
+     * (ie. when used in tandem with page-header-hero-image)
+     */
+    withinGrid: boolean;
+    /**
+     * Set to `true` if page actions should be flush (no padding)
+     */
+    pageActionsFlush: boolean;
+    /**
+     * Set to `true` if content actions should be flush (no padding)
+     */
+    contentActionsFlush: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSPageHeaderBreadcrumb;

package/lib/components/page-header/page-header-content-text.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Page header Content Text.
+ * @element cds-page-header-content-text
+ */
+declare class CDSPageHeaderContentText extends LitElement {
+    /**
+     * Subtitle text of the page-header-content
+     */
+    subtitle: string;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSPageHeaderContentText;

package/lib/components/page-header/page-header-content.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Page header content.
+ * @element cds-page-header-content
+ */
+declare class CDSPageHeaderContent extends LitElement {
+    /**
+     * Set to `true` if there are contextual actions
+     */
+    private _hasContextualActions;
+    /**
+     * Handles `slotchange` event.
+     */
+    protected _handleSlotChange({ target }: Event): void;
+    /**
+     * Title text of the page-header-content
+     */
+    title: string;
+    /**
+     * Set to `true` if the tag text has ellipsis applied
+     */
+    _hasEllipsisApplied: boolean;
+    /**
+     * Set to `true` if the breadcrumb bar is sitting within a grid
+     * (ie. when used in tandem with page-header-hero-image)
+     */
+    withinGrid: boolean;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSPageHeaderContent;

package/lib/components/page-header/page-header-hero-image.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Page header Hero Image.
+ * @element cds-page-header-hero-image
+ */
+declare class CDSPageHeaderHeroImage extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSPageHeaderHeroImage;

package/lib/components/page-header/page-header-tabs.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Page header Tabs Bar.
+ * @element cds-page-header-tabs
+ */
+declare class CDSPageHeaderTabs extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSPageHeaderTabs;

package/lib/components/page-header/page-header.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+/**
+ * Page header.
+ * @element cds-page-header
+ */
+declare class CDSPageHeader extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSPageHeader;

package/lib/components/select/select.d.ts

@@ -373,6 +373,14 @@ declare class CDSSelect extends CDSSelect_base {
      * The select box.
      */
     private _selectNode;
+    /**
+     * Input node of `select` element
+     */
+    private _inputNode;
+    /**
+     * Select all <option> nodes with `selected` attribute
+     */
+    private _selectedOptionNodes;
     /**
      * Handles `oninput` event on the `<input>`.
      *

package/lib/components/text-input/stories/helpers.d.ts

@@ -14,7 +14,7 @@ declare const createProps: ({ boolean, textNonEmpty, select }: {
     value: any;
     placeholder: any;
     invalid: any;
-    onInput: import("@storybook/addon-actions").HandlerFunction;
+    onInput: import("storybook/actions").HandlerFunction;
     showPasswordVisibilityToggle: any;
     size: any;
     type: any;

package/lib/components/textarea/stories/helpers.d.ts

@@ -18,7 +18,7 @@ declare const createProps: ({ boolean, textNullable, number }: {
     invalidText: any;
     label: any;
     maxCount: any;
-    onInput: import("@storybook/addon-actions").HandlerFunction;
+    onInput: import("storybook/actions").HandlerFunction;
     placeholder: any;
     readonly: any;
     rows: any;

package/lib/components/ui-shell/header-global-action.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2024
+ * Copyright IBM Corp. 2023, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -29,7 +29,12 @@ declare class CDSHeaderGlobalAction extends CDSButton {
      */
     buttonLabelInactive: any;
     connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private _handleDocumentClick;
+    private _handleFocusOut;
     private _handleClick;
+    private _handleKeyDown;
     updated(): void;
     shouldUpdate(changedProperties: any): boolean;
     static shadowRootOptions: {

package/lib/index.d.ts

@@ -168,6 +168,6 @@ export { default as CDSTimePicker } from './components/time-picker/time-picker';
 export { default as CDSTimePickerSelect } from './components/time-picker/time-picker-select';
 export { default as CDSTreeView } from './components/tree-view/tree-view';
 export { default as CDSTreeNode } from './components/tree-view/tree-node';
-export { default as CDSHeading } from './components/heading/heading';
+export { CDSSection, default as CDSHeading, } from './components/heading/heading';
 export { default as CDSMenuButton } from './components/menu-button/menu-button';
 export { default as CDSComboButton } from './components/combo-button/combo-button';