@esri/calcite-components 5.2.0-next.72 → 5.2.0-next.74

package/dist/cdn/main.css

@@ -1,5 +1,5 @@
 @layer{
 :not([calcite-hydrated]):is(calcite-accordion,calcite-accordion-item,calcite-action,calcite-action-bar,calcite-action-group,calcite-action-menu,calcite-action-pad,calcite-alert,calcite-autocomplete,calcite-autocomplete-item,calcite-autocomplete-item-group,calcite-avatar,calcite-block,calcite-block-group,calcite-block-section,calcite-button,calcite-card,calcite-card-group,calcite-carousel,calcite-carousel-item,calcite-checkbox,calcite-chip,calcite-chip-group,calcite-color-picker,calcite-color-picker-hex-input,calcite-color-picker-swatch,calcite-combobox,calcite-combobox-item,calcite-combobox-item-group,calcite-date-picker,calcite-date-picker-day,calcite-date-picker-month,calcite-dialog,calcite-dropdown,calcite-dropdown-group,calcite-dropdown-item,calcite-fab,calcite-filter,calcite-flow,calcite-flow-item,calcite-focus-trap,calcite-graph,calcite-handle,calcite-icon,calcite-inline-editable,calcite-input,calcite-input-date-picker,calcite-input-message,calcite-input-number,calcite-input-text,calcite-input-time-picker,calcite-input-time-zone,calcite-label,calcite-link,calcite-list,calcite-list-item,calcite-list-item-group,calcite-loader,calcite-menu,calcite-menu-item,calcite-meter,calcite-navigation,calcite-navigation-logo,calcite-navigation-user,calcite-notice,calcite-option,calcite-option-group,calcite-pagination,calcite-panel,calcite-popover,calcite-progress,calcite-radio-button,calcite-radio-button-group,calcite-rating,calcite-scrim,calcite-segmented-control,calcite-segmented-control-item,calcite-select,calcite-sheet,calcite-shell,calcite-shell-panel,calcite-slider,calcite-sort-handle,calcite-sortable-list,calcite-split-button,calcite-stack,calcite-stepper,calcite-stepper-item,calcite-swatch,calcite-swatch-group,calcite-switch,calcite-tab,calcite-tab-nav,calcite-tab-title,calcite-table,calcite-table-cell,calcite-table-header,calcite-table-row,calcite-tabs,calcite-text-area,calcite-tile,calcite-tile-group,calcite-time-picker,calcite-tooltip,calcite-tree,calcite-tree-item){visibility:hidden}
 
-:root{--calcite-border-width-none: 0;--calcite-border-width-sm: 1px;--calcite-border-width-md: 2px;--calcite-border-width-lg: 4px;--calcite-container-size-margin: 24px;--calcite-container-size-gutter: 16px;--calcite-container-size-content-fluid: 100%;--calcite-container-size-content-fixed: 1440px;--calcite-corner-radius-sharp: 0;--calcite-corner-radius-xs: 2px;--calcite-corner-radius-round: 4px;--calcite-corner-radius-pill: 9999px;--calcite-font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;--calcite-font-family-code: Monaco, Consolas, "Andale Mono", "Lucida Console", monospace;--calcite-font-weight-light: 300;--calcite-font-weight-normal: 400;--calcite-font-weight-medium: 500;--calcite-font-weight-semibold: 600;--calcite-font-weight-bold: 600;--calcite-font-size-xs: 10px;--calcite-font-size-sm: 12px;--calcite-font-size: 14px;--calcite-font-size-md: 16px;--calcite-font-size-lg: 18px;--calcite-font-size-xl: 20px;--calcite-font-size-xxl: 24px;--calcite-font-size-relative-xs: .625rem;--calcite-font-size-relative-sm: .75rem;--calcite-font-size-relative-base: .875rem;--calcite-font-size-relative-md: 1rem;--calcite-font-size-relative-lg: 1.125rem;--calcite-font-size-relative-xl: 1.25rem;--calcite-font-size-relative-2xl: 1.625rem;--calcite-font-size-relative-3xl: 2rem;--calcite-font-size-relative-4xl: 2.5rem;--calcite-font-size-relative-5xl: 3rem;--calcite-font-size-relative-6xl: 3.5rem;--calcite-font-size-relative-7xl: 4rem;--calcite-font-style-emphasis: italic;--calcite-font-line-height-fixed-sm: 12px;--calcite-font-line-height-fixed-base: 16px;--calcite-font-line-height-fixed-lg: 20px;--calcite-font-line-height-fixed-xl: 24px;--calcite-font-line-height-fixed-2xl: 32px;--calcite-font-line-height-fixed-3xl: 40px;--calcite-font-line-height-fixed-4xl: 48px;--calcite-font-line-height-fixed-5xl: 64px;--calcite-font-line-height-fixed-6xl: 80px;--calcite-font-line-height-relative: normal;--calcite-font-line-height-relative-base: 1;--calcite-font-line-height-relative-tight: 1.25;--calcite-font-line-height-relative-snug: 1.375;--calcite-font-line-height-relative-normal: 1.5;--calcite-font-line-height-relative-relaxed: 1.625;--calcite-font-line-height-relative-loose: 2;--calcite-font-line-height-xs: .75rem;--calcite-font-line-height-sm: 1rem;--calcite-font-line-height-base: 1rem;--calcite-font-line-height-md: 1.25rem;--calcite-font-line-height-lg: 1.5rem;--calcite-font-line-height-xl: 1.5rem;--calcite-font-line-height-2xl: 2rem;--calcite-font-line-height-3xl: 2.5rem;--calcite-font-line-height-4xl: 3rem;--calcite-font-line-height-5xl: 4rem;--calcite-font-line-height-6xl: 4rem;--calcite-font-line-height-7xl: 5rem;--calcite-font-letter-spacing-tight: -.4px;--calcite-font-letter-spacing-normal: 0;--calcite-font-letter-spacing-wide: .4px;--calcite-font-paragraph-spacing-normal: 4px;--calcite-font-text-decoration-none: none;--calcite-font-text-decoration-underline: underline;--calcite-font-text-case-none: none;--calcite-font-text-case-uppercase: uppercase;--calcite-font-text-case-lowercase: lowercase;--calcite-font-text-case-capitalize: capitalize;--calcite-opacity-disabled: .5;--calcite-opacity-light: .4;--calcite-opacity-half: .5;--calcite-opacity-dark: .85;--calcite-opacity-full: 1;--calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);--calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 2px 8px 0 rgba(0, 0, 0, .04);--calcite-shadow-md: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--calcite-size-fixed-xxxs: 2px;--calcite-size-fixed-xxs: 4px;--calcite-size-fixed-xs: 6px;--calcite-size-fixed-sm: 8px;--calcite-size-fixed-sm-plus: 10px;--calcite-size-fixed-md: 12px;--calcite-size-fixed-md-plus: 14px;--calcite-size-fixed-lg: 16px;--calcite-size-fixed-xl: 20px;--calcite-size-fixed-xxl: 24px;--calcite-size-fixed-xxxl: 32px;--calcite-size-px: 1px;--calcite-size-xxxs: .75rem;--calcite-size-xxs: .875rem;--calcite-size-lg: 2.75rem;--calcite-size-xl: 3rem;--calcite-size-xxl: 4rem;--calcite-size-xxxl: 6rem;--calcite-spacing-fixed-xxs: 4px;--calcite-spacing-fixed-xs: 6px;--calcite-spacing-fixed-sm: 8px;--calcite-spacing-fixed-md: 12px;--calcite-spacing-fixed-lg: 14px;--calcite-spacing-fixed-xl: 16px;--calcite-spacing-fixed-xxl: 20px;--calcite-spacing-fixed-xxxl: 32px;--calcite-spacing-none: 0;--calcite-spacing-px: 1px;--calcite-spacing-base: 2px;--calcite-spacing-xxs: .25rem;--calcite-spacing-xs: .375rem;--calcite-spacing-sm: .5rem;--calcite-spacing-sm-plus: .625rem;--calcite-spacing-md: .75rem;--calcite-spacing-md-plus: .875rem;--calcite-spacing-lg: 1rem;--calcite-spacing-xl: 1.25rem;--calcite-spacing-xxl: 1.5rem;--calcite-spacing-xxxl: 2rem;--calcite-space-4xl: 2.75rem;--calcite-z-index-deep: -999999;--calcite-z-index: 1;--calcite-z-index-sticky: 300;--calcite-z-index-header: 400;--calcite-z-index-toast: 500;--calcite-z-index-dropdown: 600;--calcite-z-index-overlay: 700;--calcite-z-index-modal: 800;--calcite-z-index-popup: 900;--calcite-z-index-tooltip: 901;--calcite-corner-radius-none: var(--calcite-corner-radius-sharp);--calcite-corner-radius-sm: var(--calcite-corner-radius-round);--calcite-font-weight-regular: var(--calcite-font-weight-normal);--calcite-font-size-2xl: var(--calcite-font-size-xxl);--calcite-size-4xs: var(--calcite-size-fixed-sm-plus);--calcite-size-3xs: var(--calcite-size-fixed-md);--calcite-size-2xs: var(--calcite-size-fixed-md-plus);--calcite-size-xs: var(--calcite-size-fixed-lg);--calcite-size-sm: var(--calcite-size-fixed-xxl);--calcite-size-md: var(--calcite-size-fixed-xxxl);--calcite-size-2xl: var(--calcite-size-xxl);--calcite-size-3xl: var(--calcite-size-xxxl);--calcite-space-none: var(--calcite-spacing-none);--calcite-space-px: var(--calcite-spacing-px);--calcite-space-base: var(--calcite-spacing-base);--calcite-space-2xs: var(--calcite-spacing-xxs);--calcite-space-xs: var(--calcite-spacing-xs);--calcite-space-sm: var(--calcite-spacing-sm);--calcite-space-sm-plus: var(--calcite-spacing-sm-plus);--calcite-space-md: var(--calcite-spacing-md);--calcite-space-md-plus: var(--calcite-spacing-md-plus);--calcite-space-lg: var(--calcite-spacing-lg);--calcite-space-xl: var(--calcite-spacing-xl);--calcite-space-2xl: var(--calcite-spacing-xxl);--calcite-space-3xl: var(--calcite-spacing-xxxl);--calcite-corner-radius: var(--calcite-corner-radius-none)}.calcite-typography{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-fixed-base);letter-spacing:var(--calcite-font-letter-spacing-normal);paragraph-spacing:var(--calcite-font-paragraph-spacing-normal);text-case:var(--calcite-font-text-case-none);-webkit-text-decoration:var(--calcite-font-text-decoration-none);text-decoration:var(--calcite-font-text-decoration-none)}.calcite-typography-light-minus-3h{font-size:var(--calcite-font-size-xs);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-sm)}.calcite-typography-light-minus-2h{font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-light)}.calcite-typography-light-minus-1h{font-weight:var(--calcite-font-weight-light)}.calcite-typography-light-0h{font-size:var(--calcite-font-size-md);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-lg)}.calcite-typography-light-1h{font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-xl)}.calcite-typography-regular-minus-3h{line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-regular-minus-2h{font-size:var(--calcite-font-size-sm)}.calcite-typography-regular-minus-1h{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:16px;letter-spacing:0;paragraph-spacing:4px;text-case:none;text-decoration:none}.calcite-typography-regular-0h{line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-regular-1h{line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-medium-minus-3h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-medium-minus-2h{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-sm)}.calcite-typography-medium-minus-1h{font-weight:var(--calcite-font-weight-medium)}.calcite-typography-medium-0h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-medium-1h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-bold-minus-3h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-bold-minus-2h{font-weight:var(--calcite-font-weight-semibold);font-size:var(--calcite-font-size-sm)}.calcite-typography-bold-minus-1h{font-weight:var(--calcite-font-weight-semibold)}.calcite-typography-bold-0h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-bold-1h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-light-0{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-light-1{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-light-2{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-light-3{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-tight);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-light-minus-2{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-light-minus-1{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-regular-0{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-regular-1{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-regular-2{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-regular-3{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-regular-minus-2{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-regular-minus-1{line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-medium-0{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-medium-1{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-medium-2{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-medium-3{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-medium-minus-2{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-medium-minus-1{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-bold-0{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-bold-1{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-bold-2{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-bold-3{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-bold-minus-2{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-bold-minus-1{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-hierarchy-display-1{font-weight:600;line-height:1.375;font-size:24px}.calcite-typography-hierarchy-display-2{font-weight:600;line-height:1.375;font-size:20px}.calcite-typography-hierarchy-heading-1{font-weight:500;line-height:1.375;font-size:24px}.calcite-typography-hierarchy-heading-2{font-weight:500;line-height:1.375;font-size:20px}.calcite-typography-hierarchy-heading-3{font-weight:500;line-height:1.375;font-size:18px}.calcite-typography-hierarchy-heading-4{font-weight:500;line-height:1.375;font-size:16px}.calcite-typography-hierarchy-heading-5{font-weight:500;line-height:1.375}.calcite-typography-hierarchy-body-snug{line-height:1.375}.calcite-typography-hierarchy-body{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:16px;letter-spacing:0;paragraph-spacing:4px;text-case:none;text-decoration:none}.calcite-typography-hierarchy-overline{line-height:var(--calcite-font-line-height-fixed-sm);text-case:var(--calcite-font-text-case-uppercase);font-weight:var(--calcite-font-weight-bold)}.calcite-typography-hierarchy-caption{line-height:1.375;font-size:12px}:root{--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-tint: rgba(255, 255, 255, .8);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger: #d83020;--calcite-color-status-warning-press: #9a5b10;--calcite-color-status-warning-hover: #c26b00;--calcite-color-status-warning: #da7c0b;--calcite-color-status-success-press: #0d3f14;--calcite-color-status-success-hover: #1a6324;--calcite-color-status-success: #288835;--calcite-color-status-info-press: #00304d;--calcite-color-status-info-hover: #004874;--calcite-color-status-info: #00619b;--calcite-color-inverse-press: #212121;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse: #363636;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-brand-press: #004874;--calcite-color-brand-hover: #00619b;--calcite-color-brand: #007ac2;--calcite-color-border-white: #ffffff;--calcite-color-border-ghost: rgba( 0, 0, 0, .3 );--calcite-color-border-input: #949494;--calcite-color-border-3: #ebebeb;--calcite-color-border-2: #dedede;--calcite-color-border-1: #d4d4d4;--calcite-color-text-highlight: #004874;--calcite-color-text-link: #00619b;--calcite-color-text-inverse: #ffffff;--calcite-color-text-3: #6b6b6b;--calcite-color-text-2: #4a4a4a;--calcite-color-text-1: #141414;--calcite-color-foreground-current: #d6efff;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-1: #ffffff;--calcite-color-background-none: rgba( 255, 255, 255, 0 );--calcite-color-background: #f7f7f7;--calcite-color-focus: var(--calcite-color-brand);--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-1: var( --calcite-color-background )}.calcite-mode-light{--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-tint: rgba(255, 255, 255, .8);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger: #d83020;--calcite-color-status-warning-press: #9a5b10;--calcite-color-status-warning-hover: #c26b00;--calcite-color-status-warning: #da7c0b;--calcite-color-status-success-press: #0d3f14;--calcite-color-status-success-hover: #1a6324;--calcite-color-status-success: #288835;--calcite-color-status-info-press: #00304d;--calcite-color-status-info-hover: #004874;--calcite-color-status-info: #00619b;--calcite-color-inverse-press: #212121;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse: #363636;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-brand-press: #004874;--calcite-color-brand-hover: #00619b;--calcite-color-brand: #007ac2;--calcite-color-border-white: #ffffff;--calcite-color-border-ghost: rgba( 0, 0, 0, .3 );--calcite-color-border-input: #949494;--calcite-color-border-3: #ebebeb;--calcite-color-border-2: #dedede;--calcite-color-border-1: #d4d4d4;--calcite-color-text-highlight: #004874;--calcite-color-text-link: #00619b;--calcite-color-text-inverse: #ffffff;--calcite-color-text-3: #6b6b6b;--calcite-color-text-2: #4a4a4a;--calcite-color-text-1: #141414;--calcite-color-foreground-current: #d6efff;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-1: #ffffff;--calcite-color-background-none: rgba( 255, 255, 255, 0 );--calcite-color-background: #f7f7f7;--calcite-color-focus: var(--calcite-color-brand);--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-1: var( --calcite-color-background )}.calcite-mode-dark{--calcite-color-transparent-inverse-press: rgba(0, 0, 0, .08);--calcite-color-transparent-inverse-hover: rgba(0, 0, 0, .04);--calcite-color-transparent-tint: rgba(43, 43, 43, .8);--calcite-color-transparent-scrim: rgba(0, 0, 0, .85);--calcite-color-transparent-press: rgba(255, 255, 255, .16);--calcite-color-transparent-hover: rgba(255, 255, 255, .12);--calcite-color-transparent: rgba(255, 255, 255, 0);--calcite-color-status-danger-press: #fe9989;--calcite-color-status-danger-hover: #fe7863;--calcite-color-status-danger: #fe583e;--calcite-color-status-warning-press: #ffc47d;--calcite-color-status-warning-hover: #ffaf4f;--calcite-color-status-warning: #f89927;--calcite-color-status-success-press: #9df2a3;--calcite-color-status-success-hover: #6df278;--calcite-color-status-success: #36da43;--calcite-color-status-info-press: #80d1ff;--calcite-color-status-info-hover: #40b9ff;--calcite-color-status-info: #00a0ff;--calcite-color-inverse-press: #ebebeb;--calcite-color-inverse-hover: #f2f2f2;--calcite-color-inverse: #f7f7f7;--calcite-color-brand-underline: rgba(0, 160, 255, .4);--calcite-color-brand-press: #80d1ff;--calcite-color-brand-hover: #40b9ff;--calcite-color-brand: #009af2;--calcite-color-border-white: #f7f7f7;--calcite-color-border-ghost: rgba( 117, 117, 117, .3 );--calcite-color-border-input: #757575;--calcite-color-border-3: #404040;--calcite-color-border-2: #4a4a4a;--calcite-color-border-1: #545454;--calcite-color-text-highlight: #d6efff;--calcite-color-text-link: #00a0ff;--calcite-color-text-inverse: #141414;--calcite-color-text-3: #9e9e9e;--calcite-color-text-2: #bfbfbf;--calcite-color-text-1: #ffffff;--calcite-color-foreground-current: #2b465f;--calcite-color-foreground-3: #404040;--calcite-color-foreground-2: #363636;--calcite-color-foreground-1: #2b2b2b;--calcite-color-background-none: rgba( 255, 255, 255, 0 );--calcite-color-background: #212121;--calcite-color-focus: var(--calcite-color-brand);--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-1: var( --calcite-color-background )}:root{--calcite-code-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;--calcite-sans-family: "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;--calcite-font-size--3: .625rem;--calcite-font-size--2: .75rem;--calcite-font-size--1: .875rem;--calcite-font-size-0: 1rem;--calcite-font-size-1: 1.125rem;--calcite-font-size-2: 1.25rem;--calcite-font-size-3: 1.625rem;--calcite-font-size-4: 2rem;--calcite-font-size-5: 2.5rem;--calcite-font-size-6: 3rem;--calcite-font-size-7: 3.5rem;--calcite-font-size-8: 4rem;--calcite-font-weight-light: 300;--calcite-font-weight-normal: 400;--calcite-font-weight-medium: 500;--calcite-font-weight-bold: 600;--calcite-floating-ui-transition: var(--calcite-animation-timing);--calcite-animation-timing: calc(.15s * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor: var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast: calc(.1s * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium: calc(.2s * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow: calc(.3s * var(--calcite-internal-duration-factor));--calcite-border-radius: var(--calcite-border-radius-round, 4px);--calcite-border-radius-base: 0;--calcite-offset-invert-focus: 0;--calcite-panel-width-multiplier: 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--calcite-font-family)}@media(prefers-color-scheme:dark){.calcite-mode-auto{--calcite-color-transparent-inverse-press: rgba(0, 0, 0, .08);--calcite-color-transparent-inverse-hover: rgba(0, 0, 0, .04);--calcite-color-transparent-tint: rgba(43, 43, 43, .8);--calcite-color-transparent-scrim: rgba(0, 0, 0, .85);--calcite-color-transparent-press: rgba(255, 255, 255, .16);--calcite-color-transparent-hover: rgba(255, 255, 255, .12);--calcite-color-transparent: rgba(255, 255, 255, 0);--calcite-color-status-danger-press: #fe9989;--calcite-color-status-danger-hover: #fe7863;--calcite-color-status-danger: #fe583e;--calcite-color-status-warning-press: #ffc47d;--calcite-color-status-warning-hover: #ffaf4f;--calcite-color-status-warning: #f89927;--calcite-color-status-success-press: #9df2a3;--calcite-color-status-success-hover: #6df278;--calcite-color-status-success: #36da43;--calcite-color-status-info-press: #80d1ff;--calcite-color-status-info-hover: #40b9ff;--calcite-color-status-info: #00a0ff;--calcite-color-inverse-press: #ebebeb;--calcite-color-inverse-hover: #f2f2f2;--calcite-color-inverse: #f7f7f7;--calcite-color-brand-underline: rgba(0, 160, 255, .4);--calcite-color-brand-press: #80d1ff;--calcite-color-brand-hover: #40b9ff;--calcite-color-brand: #009af2;--calcite-color-border-white: #f7f7f7;--calcite-color-border-ghost: rgba( 117, 117, 117, .3 );--calcite-color-border-input: #757575;--calcite-color-border-3: #404040;--calcite-color-border-2: #4a4a4a;--calcite-color-border-1: #545454;--calcite-color-text-highlight: #d6efff;--calcite-color-text-link: #00a0ff;--calcite-color-text-inverse: #141414;--calcite-color-text-3: #9e9e9e;--calcite-color-text-2: #bfbfbf;--calcite-color-text-1: #ffffff;--calcite-color-foreground-current: #2b465f;--calcite-color-foreground-3: #404040;--calcite-color-foreground-2: #363636;--calcite-color-foreground-1: #2b2b2b;--calcite-color-background-none: rgba( 255, 255, 255, 0 );--calcite-color-background: #212121;--calcite-color-focus: var(--calcite-color-brand);--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-1: var( --calcite-color-background )}}@media(prefers-color-scheme:light){.calcite-mode-auto{--calcite-color-transparent-inverse-press: rgba(255, 255, 255, .16);--calcite-color-transparent-inverse-hover: rgba(255, 255, 255, .12);--calcite-color-transparent-tint: rgba(255, 255, 255, .8);--calcite-color-transparent-scrim: rgba(255, 255, 255, .85);--calcite-color-transparent-press: rgba(0, 0, 0, .08);--calcite-color-transparent-hover: rgba(0, 0, 0, .04);--calcite-color-transparent: rgba(0, 0, 0, 0);--calcite-color-status-danger-press: #7c1d13;--calcite-color-status-danger-hover: #a82b1e;--calcite-color-status-danger: #d83020;--calcite-color-status-warning-press: #9a5b10;--calcite-color-status-warning-hover: #c26b00;--calcite-color-status-warning: #da7c0b;--calcite-color-status-success-press: #0d3f14;--calcite-color-status-success-hover: #1a6324;--calcite-color-status-success: #288835;--calcite-color-status-info-press: #00304d;--calcite-color-status-info-hover: #004874;--calcite-color-status-info: #00619b;--calcite-color-inverse-press: #212121;--calcite-color-inverse-hover: #2b2b2b;--calcite-color-inverse: #363636;--calcite-color-brand-underline: rgba(0, 97, 155, .4);--calcite-color-brand-press: #004874;--calcite-color-brand-hover: #00619b;--calcite-color-brand: #007ac2;--calcite-color-border-white: #ffffff;--calcite-color-border-ghost: rgba( 0, 0, 0, .3 );--calcite-color-border-input: #949494;--calcite-color-border-3: #ebebeb;--calcite-color-border-2: #dedede;--calcite-color-border-1: #d4d4d4;--calcite-color-text-highlight: #004874;--calcite-color-text-link: #00619b;--calcite-color-text-inverse: #ffffff;--calcite-color-text-3: #6b6b6b;--calcite-color-text-2: #4a4a4a;--calcite-color-text-1: #141414;--calcite-color-foreground-current: #d6efff;--calcite-color-foreground-3: #ebebeb;--calcite-color-foreground-2: #f2f2f2;--calcite-color-foreground-1: #ffffff;--calcite-color-background-none: rgba( 255, 255, 255, 0 );--calcite-color-background: #f7f7f7;--calcite-color-focus: var(--calcite-color-brand);--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-1: var( --calcite-color-background )}}@media(prefers-reduced-motion:reduce){:root{--calcite-internal-duration-factor: 0}}
+:root{--calcite-border-width-none: 0;--calcite-border-width-sm: 1px;--calcite-border-width-md: 2px;--calcite-border-width-lg: 4px;--calcite-container-size-margin: 24px;--calcite-container-size-gutter: 16px;--calcite-container-size-content-fluid: 100%;--calcite-container-size-content-fixed: 1440px;--calcite-corner-radius-sharp: 0;--calcite-corner-radius-xs: 2px;--calcite-corner-radius-round: 4px;--calcite-corner-radius-pill: 9999px;--calcite-font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif;--calcite-font-family-code: Monaco, Consolas, "Andale Mono", "Lucida Console", monospace;--calcite-font-weight-light: 300;--calcite-font-weight-normal: 400;--calcite-font-weight-medium: 500;--calcite-font-weight-semibold: 600;--calcite-font-weight-bold: 600;--calcite-font-size-xs: 10px;--calcite-font-size-sm: 12px;--calcite-font-size: 14px;--calcite-font-size-md: 16px;--calcite-font-size-lg: 18px;--calcite-font-size-xl: 20px;--calcite-font-size-xxl: 24px;--calcite-font-size-relative-xs: .625rem;--calcite-font-size-relative-sm: .75rem;--calcite-font-size-relative-base: .875rem;--calcite-font-size-relative-md: 1rem;--calcite-font-size-relative-lg: 1.125rem;--calcite-font-size-relative-xl: 1.25rem;--calcite-font-size-relative-2xl: 1.625rem;--calcite-font-size-relative-3xl: 2rem;--calcite-font-size-relative-4xl: 2.5rem;--calcite-font-size-relative-5xl: 3rem;--calcite-font-size-relative-6xl: 3.5rem;--calcite-font-size-relative-7xl: 4rem;--calcite-font-style-emphasis: italic;--calcite-font-line-height-fixed-sm: 12px;--calcite-font-line-height-fixed-base: 16px;--calcite-font-line-height-fixed-lg: 20px;--calcite-font-line-height-fixed-xl: 24px;--calcite-font-line-height-fixed-2xl: 32px;--calcite-font-line-height-fixed-3xl: 40px;--calcite-font-line-height-fixed-4xl: 48px;--calcite-font-line-height-fixed-5xl: 64px;--calcite-font-line-height-fixed-6xl: 80px;--calcite-font-line-height-relative: normal;--calcite-font-line-height-relative-base: 1;--calcite-font-line-height-relative-tight: 1.25;--calcite-font-line-height-relative-snug: 1.375;--calcite-font-line-height-relative-normal: 1.5;--calcite-font-line-height-relative-relaxed: 1.625;--calcite-font-line-height-relative-loose: 2;--calcite-font-line-height-xs: .75rem;--calcite-font-line-height-sm: 1rem;--calcite-font-line-height-base: 1rem;--calcite-font-line-height-md: 1.25rem;--calcite-font-line-height-lg: 1.5rem;--calcite-font-line-height-xl: 1.5rem;--calcite-font-line-height-2xl: 2rem;--calcite-font-line-height-3xl: 2.5rem;--calcite-font-line-height-4xl: 3rem;--calcite-font-line-height-5xl: 4rem;--calcite-font-line-height-6xl: 4rem;--calcite-font-line-height-7xl: 5rem;--calcite-font-letter-spacing-tight: -.4px;--calcite-font-letter-spacing-normal: 0;--calcite-font-letter-spacing-wide: .4px;--calcite-font-paragraph-spacing-normal: 4px;--calcite-font-text-decoration-none: none;--calcite-font-text-decoration-underline: underline;--calcite-font-text-case-none: none;--calcite-font-text-case-uppercase: uppercase;--calcite-font-text-case-lowercase: lowercase;--calcite-font-text-case-capitalize: capitalize;--calcite-opacity-disabled: .5;--calcite-opacity-light: .4;--calcite-opacity-half: .5;--calcite-opacity-dark: .85;--calcite-opacity-full: 1;--calcite-shadow-none: 0 0 0 0 rgba(0, 0, 0, 0);--calcite-shadow-sm: 0 2px 8px 0 rgba(0, 0, 0, .1), 0 2px 8px 0 rgba(0, 0, 0, .04);--calcite-shadow-md: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);--calcite-size-fixed-xxxs: 2px;--calcite-size-fixed-xxs: 4px;--calcite-size-fixed-xs: 6px;--calcite-size-fixed-sm: 8px;--calcite-size-fixed-sm-plus: 10px;--calcite-size-fixed-md: 12px;--calcite-size-fixed-md-plus: 14px;--calcite-size-fixed-lg: 16px;--calcite-size-fixed-xl: 20px;--calcite-size-fixed-xxl: 24px;--calcite-size-fixed-xxxl: 32px;--calcite-size-px: 1px;--calcite-size-xxxs: .75rem;--calcite-size-xxs: .875rem;--calcite-size-lg: 2.75rem;--calcite-size-xl: 3rem;--calcite-size-xxl: 4rem;--calcite-size-xxxl: 6rem;--calcite-spacing-fixed-xxs: 4px;--calcite-spacing-fixed-xs: 6px;--calcite-spacing-fixed-sm: 8px;--calcite-spacing-fixed-md: 12px;--calcite-spacing-fixed-lg: 14px;--calcite-spacing-fixed-xl: 16px;--calcite-spacing-fixed-xxl: 20px;--calcite-spacing-fixed-xxxl: 32px;--calcite-spacing-none: 0;--calcite-spacing-px: 1px;--calcite-spacing-base: 2px;--calcite-spacing-xxs: .25rem;--calcite-spacing-xs: .375rem;--calcite-spacing-sm: .5rem;--calcite-spacing-sm-plus: .625rem;--calcite-spacing-md: .75rem;--calcite-spacing-md-plus: .875rem;--calcite-spacing-lg: 1rem;--calcite-spacing-xl: 1.25rem;--calcite-spacing-xxl: 1.5rem;--calcite-spacing-xxxl: 2rem;--calcite-space-4xl: 2.75rem;--calcite-z-index-deep: -999999;--calcite-z-index: 1;--calcite-z-index-sticky: 300;--calcite-z-index-header: 400;--calcite-z-index-toast: 500;--calcite-z-index-dropdown: 600;--calcite-z-index-overlay: 700;--calcite-z-index-modal: 800;--calcite-z-index-popup: 900;--calcite-z-index-tooltip: 901;--calcite-corner-radius-none: var(--calcite-corner-radius-sharp);--calcite-corner-radius-sm: var(--calcite-corner-radius-round);--calcite-font-weight-regular: var(--calcite-font-weight-normal);--calcite-font-size-2xl: var(--calcite-font-size-xxl);--calcite-size-4xs: var(--calcite-size-fixed-sm-plus);--calcite-size-3xs: var(--calcite-size-fixed-md);--calcite-size-2xs: var(--calcite-size-fixed-md-plus);--calcite-size-xs: var(--calcite-size-fixed-lg);--calcite-size-sm: var(--calcite-size-fixed-xxl);--calcite-size-md: var(--calcite-size-fixed-xxxl);--calcite-size-2xl: var(--calcite-size-xxl);--calcite-size-3xl: var(--calcite-size-xxxl);--calcite-space-none: var(--calcite-spacing-none);--calcite-space-px: var(--calcite-spacing-px);--calcite-space-base: var(--calcite-spacing-base);--calcite-space-2xs: var(--calcite-spacing-xxs);--calcite-space-xs: var(--calcite-spacing-xs);--calcite-space-sm: var(--calcite-spacing-sm);--calcite-space-sm-plus: var(--calcite-spacing-sm-plus);--calcite-space-md: var(--calcite-spacing-md);--calcite-space-md-plus: var(--calcite-spacing-md-plus);--calcite-space-lg: var(--calcite-spacing-lg);--calcite-space-xl: var(--calcite-spacing-xl);--calcite-space-2xl: var(--calcite-spacing-xxl);--calcite-space-3xl: var(--calcite-spacing-xxxl);--calcite-corner-radius: var(--calcite-corner-radius-none)}.calcite-typography{font-family:var(--calcite-font-family);font-size:var(--calcite-font-size);font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-fixed-base);letter-spacing:var(--calcite-font-letter-spacing-normal);paragraph-spacing:var(--calcite-font-paragraph-spacing-normal);text-case:var(--calcite-font-text-case-none);-webkit-text-decoration:var(--calcite-font-text-decoration-none);text-decoration:var(--calcite-font-text-decoration-none)}.calcite-typography-light-minus-3h{font-size:var(--calcite-font-size-xs);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-sm)}.calcite-typography-light-minus-2h{font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-light)}.calcite-typography-light-minus-1h{font-weight:var(--calcite-font-weight-light)}.calcite-typography-light-0h{font-size:var(--calcite-font-size-md);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-lg)}.calcite-typography-light-1h{font-size:var(--calcite-font-size-lg);font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-fixed-xl)}.calcite-typography-regular-minus-3h{line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-regular-minus-2h{font-size:var(--calcite-font-size-sm)}.calcite-typography-regular-minus-1h{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:16px;letter-spacing:0;paragraph-spacing:4px;text-case:none;text-decoration:none}.calcite-typography-regular-0h{line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-regular-1h{line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-medium-minus-3h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-medium-minus-2h{font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-sm)}.calcite-typography-medium-minus-1h{font-weight:var(--calcite-font-weight-medium)}.calcite-typography-medium-0h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-medium-1h{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-bold-minus-3h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-sm);font-size:var(--calcite-font-size-xs)}.calcite-typography-bold-minus-2h{font-weight:var(--calcite-font-weight-semibold);font-size:var(--calcite-font-size-sm)}.calcite-typography-bold-minus-1h{font-weight:var(--calcite-font-weight-semibold)}.calcite-typography-bold-0h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-lg);font-size:var(--calcite-font-size-md)}.calcite-typography-bold-1h{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-fixed-xl);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-light-0{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-light-1{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-light-2{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-light-3{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-tight);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-light-minus-2{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-light-minus-1{font-weight:var(--calcite-font-weight-light);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-regular-0{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-regular-1{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-regular-2{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-regular-3{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-regular-minus-2{line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-regular-minus-1{line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-medium-0{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-medium-1{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-medium-2{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-medium-3{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-medium-minus-2{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-medium-minus-1{font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-wrap-bold-0{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-md)}.calcite-typography-wrap-bold-1{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-lg)}.calcite-typography-wrap-bold-2{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xl)}.calcite-typography-wrap-bold-3{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-xxl)}.calcite-typography-wrap-bold-minus-2{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-font-size-sm)}.calcite-typography-wrap-bold-minus-1{font-weight:var(--calcite-font-weight-semibold);line-height:var(--calcite-font-line-height-relative-snug)}.calcite-typography-hierarchy-display-1{font-weight:600;line-height:1.375;font-size:24px}.calcite-typography-hierarchy-display-2{font-weight:600;line-height:1.375;font-size:20px}.calcite-typography-hierarchy-heading-1{font-weight:500;line-height:1.375;font-size:24px}.calcite-typography-hierarchy-heading-2{font-weight:500;line-height:1.375;font-size:20px}.calcite-typography-hierarchy-heading-3{font-weight:500;line-height:1.375;font-size:18px}.calcite-typography-hierarchy-heading-4{font-weight:500;line-height:1.375;font-size:16px}.calcite-typography-hierarchy-heading-5{font-weight:500;line-height:1.375}.calcite-typography-hierarchy-body-snug{line-height:1.375}.calcite-typography-hierarchy-body{font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;line-height:16px;letter-spacing:0;paragraph-spacing:4px;text-case:none;text-decoration:none}.calcite-typography-hierarchy-overline{line-height:var(--calcite-font-line-height-fixed-sm);text-case:var(--calcite-font-text-case-uppercase);font-weight:var(--calcite-font-weight-bold)}.calcite-typography-hierarchy-caption{line-height:1.375;font-size:12px}:root{color-scheme:light dark;--calcite-color-surface-1: var( --calcite-color-background );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-background: light-dark( #f7f7f7, #212121 );--calcite-color-background-none: light-dark( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) );--calcite-color-foreground-1: light-dark( #ffffff, #2b2b2b );--calcite-color-foreground-2: light-dark( #f2f2f2, #363636 );--calcite-color-foreground-3: light-dark( #ebebeb, #404040 );--calcite-color-foreground-current: light-dark( #d6efff, #2b465f );--calcite-color-text-1: light-dark(#141414, #ffffff);--calcite-color-text-2: light-dark(#4a4a4a, #bfbfbf);--calcite-color-text-3: light-dark(#6b6b6b, #9e9e9e);--calcite-color-text-inverse: light-dark(#ffffff, #141414);--calcite-color-text-link: light-dark(#00619b, #00a0ff);--calcite-color-text-highlight: light-dark(#004874, #d6efff);--calcite-color-border-1: light-dark(#d4d4d4, #545454);--calcite-color-border-2: light-dark(#dedede, #4a4a4a);--calcite-color-border-3: light-dark(#ebebeb, #404040);--calcite-color-border-input: light-dark(#949494, #757575);--calcite-color-border-ghost: light-dark( rgba(0, 0, 0, .3), rgba(117, 117, 117, .3) );--calcite-color-border-white: light-dark( #ffffff, #f7f7f7 );--calcite-color-brand: light-dark(#007ac2, #009af2);--calcite-color-brand-hover: light-dark(#00619b, #40b9ff);--calcite-color-brand-press: light-dark(#004874, #80d1ff);--calcite-color-brand-underline: light-dark( rgba(0, 97, 155, .4), rgba(0, 160, 255, .4) );--calcite-color-inverse: light-dark(#363636, #f7f7f7);--calcite-color-inverse-hover: light-dark(#2b2b2b, #f2f2f2);--calcite-color-inverse-press: light-dark(#212121, #ebebeb);--calcite-color-status-info: light-dark(#00619b, #00a0ff);--calcite-color-status-info-hover: light-dark(#004874, #40b9ff);--calcite-color-status-info-press: light-dark(#00304d, #80d1ff);--calcite-color-status-success: light-dark(#288835, #36da43);--calcite-color-status-success-hover: light-dark(#1a6324, #6df278);--calcite-color-status-success-press: light-dark(#0d3f14, #9df2a3);--calcite-color-status-warning: light-dark(#da7c0b, #f89927);--calcite-color-status-warning-hover: light-dark(#c26b00, #ffaf4f);--calcite-color-status-warning-press: light-dark(#9a5b10, #ffc47d);--calcite-color-status-danger: light-dark(#d83020, #fe583e);--calcite-color-status-danger-hover: light-dark(#a82b1e, #fe7863);--calcite-color-status-danger-press: light-dark(#7c1d13, #fe9989);--calcite-color-transparent: light-dark( rgba(0, 0, 0, 0), rgba(255, 255, 255, 0) );--calcite-color-transparent-hover: light-dark( rgba(0, 0, 0, .04), rgba(255, 255, 255, .12) );--calcite-color-transparent-press: light-dark( rgba(0, 0, 0, .08), rgba(255, 255, 255, .16) );--calcite-color-transparent-scrim: light-dark( rgba(255, 255, 255, .85), rgba(0, 0, 0, .85) );--calcite-color-transparent-tint: light-dark( rgba(255, 255, 255, .8), rgba(43, 43, 43, .8) );--calcite-color-transparent-inverse-hover: light-dark( rgba(255, 255, 255, .12), rgba(0, 0, 0, .04) );--calcite-color-transparent-inverse-press: light-dark( rgba(255, 255, 255, .16), rgba(0, 0, 0, .08) );--calcite-color-focus: var(--calcite-color-brand)}.calcite-mode-auto{color-scheme:light dark}.calcite-mode-dark{color-scheme:dark}.calcite-mode-light{color-scheme:light}:root{--calcite-code-family: "Consolas", "Andale Mono", "Lucida Console", "Monaco", monospace;--calcite-sans-family: "Avenir Next", "Avenir", "Helvetica Neue", sans-serif;--calcite-font-size--3: .625rem;--calcite-font-size--2: .75rem;--calcite-font-size--1: .875rem;--calcite-font-size-0: 1rem;--calcite-font-size-1: 1.125rem;--calcite-font-size-2: 1.25rem;--calcite-font-size-3: 1.625rem;--calcite-font-size-4: 2rem;--calcite-font-size-5: 2.5rem;--calcite-font-size-6: 3rem;--calcite-font-size-7: 3.5rem;--calcite-font-size-8: 4rem;--calcite-font-weight-light: 300;--calcite-font-weight-normal: 400;--calcite-font-weight-medium: 500;--calcite-font-weight-bold: 600;--calcite-floating-ui-transition: var(--calcite-animation-timing);--calcite-animation-timing: calc(.15s * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor: var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast: calc(.1s * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium: calc(.2s * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow: calc(.3s * var(--calcite-internal-duration-factor));--calcite-border-radius: var(--calcite-border-radius-round, 4px);--calcite-border-radius-base: 0;--calcite-offset-invert-focus: 0;--calcite-panel-width-multiplier: 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--calcite-font-family)}@media(prefers-color-scheme:dark){.calcite-mode-auto{color-scheme:dark;--calcite-color-surface-1: var( --calcite-color-background );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-background: light-dark( #f7f7f7, #212121 );--calcite-color-background-none: light-dark( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) );--calcite-color-foreground-1: light-dark( #ffffff, #2b2b2b );--calcite-color-foreground-2: light-dark( #f2f2f2, #363636 );--calcite-color-foreground-3: light-dark( #ebebeb, #404040 );--calcite-color-foreground-current: light-dark( #d6efff, #2b465f );--calcite-color-text-1: light-dark(#141414, #ffffff);--calcite-color-text-2: light-dark(#4a4a4a, #bfbfbf);--calcite-color-text-3: light-dark(#6b6b6b, #9e9e9e);--calcite-color-text-inverse: light-dark(#ffffff, #141414);--calcite-color-text-link: light-dark(#00619b, #00a0ff);--calcite-color-text-highlight: light-dark(#004874, #d6efff);--calcite-color-border-1: light-dark(#d4d4d4, #545454);--calcite-color-border-2: light-dark(#dedede, #4a4a4a);--calcite-color-border-3: light-dark(#ebebeb, #404040);--calcite-color-border-input: light-dark(#949494, #757575);--calcite-color-border-ghost: light-dark( rgba(0, 0, 0, .3), rgba(117, 117, 117, .3) );--calcite-color-border-white: light-dark( #ffffff, #f7f7f7 );--calcite-color-brand: light-dark(#007ac2, #009af2);--calcite-color-brand-hover: light-dark(#00619b, #40b9ff);--calcite-color-brand-press: light-dark(#004874, #80d1ff);--calcite-color-brand-underline: light-dark( rgba(0, 97, 155, .4), rgba(0, 160, 255, .4) );--calcite-color-inverse: light-dark(#363636, #f7f7f7);--calcite-color-inverse-hover: light-dark(#2b2b2b, #f2f2f2);--calcite-color-inverse-press: light-dark(#212121, #ebebeb);--calcite-color-status-info: light-dark(#00619b, #00a0ff);--calcite-color-status-info-hover: light-dark(#004874, #40b9ff);--calcite-color-status-info-press: light-dark(#00304d, #80d1ff);--calcite-color-status-success: light-dark(#288835, #36da43);--calcite-color-status-success-hover: light-dark(#1a6324, #6df278);--calcite-color-status-success-press: light-dark(#0d3f14, #9df2a3);--calcite-color-status-warning: light-dark(#da7c0b, #f89927);--calcite-color-status-warning-hover: light-dark(#c26b00, #ffaf4f);--calcite-color-status-warning-press: light-dark(#9a5b10, #ffc47d);--calcite-color-status-danger: light-dark(#d83020, #fe583e);--calcite-color-status-danger-hover: light-dark(#a82b1e, #fe7863);--calcite-color-status-danger-press: light-dark(#7c1d13, #fe9989);--calcite-color-transparent: light-dark( rgba(0, 0, 0, 0), rgba(255, 255, 255, 0) );--calcite-color-transparent-hover: light-dark( rgba(0, 0, 0, .04), rgba(255, 255, 255, .12) );--calcite-color-transparent-press: light-dark( rgba(0, 0, 0, .08), rgba(255, 255, 255, .16) );--calcite-color-transparent-scrim: light-dark( rgba(255, 255, 255, .85), rgba(0, 0, 0, .85) );--calcite-color-transparent-tint: light-dark( rgba(255, 255, 255, .8), rgba(43, 43, 43, .8) );--calcite-color-transparent-inverse-hover: light-dark( rgba(255, 255, 255, .12), rgba(0, 0, 0, .04) );--calcite-color-transparent-inverse-press: light-dark( rgba(255, 255, 255, .16), rgba(0, 0, 0, .08) );--calcite-color-focus: var(--calcite-color-brand)}}@media(prefers-color-scheme:light){.calcite-mode-auto{color-scheme:light;--calcite-color-surface-1: var( --calcite-color-background );--calcite-color-surface-2: var( --calcite-color-foreground-1 );--calcite-color-surface-3: var( --calcite-color-foreground-2 );--calcite-color-surface-4: var( --calcite-color-foreground-3 );--calcite-color-surface-highlight: var( --calcite-color-foreground-current );--calcite-color-background: light-dark( #f7f7f7, #212121 );--calcite-color-background-none: light-dark( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) );--calcite-color-foreground-1: light-dark( #ffffff, #2b2b2b );--calcite-color-foreground-2: light-dark( #f2f2f2, #363636 );--calcite-color-foreground-3: light-dark( #ebebeb, #404040 );--calcite-color-foreground-current: light-dark( #d6efff, #2b465f );--calcite-color-text-1: light-dark(#141414, #ffffff);--calcite-color-text-2: light-dark(#4a4a4a, #bfbfbf);--calcite-color-text-3: light-dark(#6b6b6b, #9e9e9e);--calcite-color-text-inverse: light-dark(#ffffff, #141414);--calcite-color-text-link: light-dark(#00619b, #00a0ff);--calcite-color-text-highlight: light-dark(#004874, #d6efff);--calcite-color-border-1: light-dark(#d4d4d4, #545454);--calcite-color-border-2: light-dark(#dedede, #4a4a4a);--calcite-color-border-3: light-dark(#ebebeb, #404040);--calcite-color-border-input: light-dark(#949494, #757575);--calcite-color-border-ghost: light-dark( rgba(0, 0, 0, .3), rgba(117, 117, 117, .3) );--calcite-color-border-white: light-dark( #ffffff, #f7f7f7 );--calcite-color-brand: light-dark(#007ac2, #009af2);--calcite-color-brand-hover: light-dark(#00619b, #40b9ff);--calcite-color-brand-press: light-dark(#004874, #80d1ff);--calcite-color-brand-underline: light-dark( rgba(0, 97, 155, .4), rgba(0, 160, 255, .4) );--calcite-color-inverse: light-dark(#363636, #f7f7f7);--calcite-color-inverse-hover: light-dark(#2b2b2b, #f2f2f2);--calcite-color-inverse-press: light-dark(#212121, #ebebeb);--calcite-color-status-info: light-dark(#00619b, #00a0ff);--calcite-color-status-info-hover: light-dark(#004874, #40b9ff);--calcite-color-status-info-press: light-dark(#00304d, #80d1ff);--calcite-color-status-success: light-dark(#288835, #36da43);--calcite-color-status-success-hover: light-dark(#1a6324, #6df278);--calcite-color-status-success-press: light-dark(#0d3f14, #9df2a3);--calcite-color-status-warning: light-dark(#da7c0b, #f89927);--calcite-color-status-warning-hover: light-dark(#c26b00, #ffaf4f);--calcite-color-status-warning-press: light-dark(#9a5b10, #ffc47d);--calcite-color-status-danger: light-dark(#d83020, #fe583e);--calcite-color-status-danger-hover: light-dark(#a82b1e, #fe7863);--calcite-color-status-danger-press: light-dark(#7c1d13, #fe9989);--calcite-color-transparent: light-dark( rgba(0, 0, 0, 0), rgba(255, 255, 255, 0) );--calcite-color-transparent-hover: light-dark( rgba(0, 0, 0, .04), rgba(255, 255, 255, .12) );--calcite-color-transparent-press: light-dark( rgba(0, 0, 0, .08), rgba(255, 255, 255, .16) );--calcite-color-transparent-scrim: light-dark( rgba(255, 255, 255, .85), rgba(0, 0, 0, .85) );--calcite-color-transparent-tint: light-dark( rgba(255, 255, 255, .8), rgba(43, 43, 43, .8) );--calcite-color-transparent-inverse-hover: light-dark( rgba(255, 255, 255, .12), rgba(0, 0, 0, .04) );--calcite-color-transparent-inverse-press: light-dark( rgba(255, 255, 255, .16), rgba(0, 0, 0, .08) );--calcite-color-focus: var(--calcite-color-brand)}}@media(prefers-reduced-motion:reduce){:root{--calcite-internal-duration-factor: 0}}
 }

package/dist/chunks/dom.js

@@ -1,6 +1,5 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { tabbable, focusable } from "tabbable";
-import { C as CSS_UTILITY } from "./runtime.js";
 const tabbableOptions = {
   getShadowRoot: true
 };
@@ -8,11 +7,13 @@ function nodeListToArray(nodeList) {
   return Array.isArray(nodeList) ? nodeList : Array.from(nodeList);
 }
 function getModeName(el) {
-  const closestElWithMode = closestElementCrossShadowBoundary(
-    el,
-    `.${CSS_UTILITY.darkMode}, .${CSS_UTILITY.lightMode}, .${CSS_UTILITY.autoMode}`
-  );
-  return closestElWithMode?.classList.contains("calcite-mode-dark") || closestElWithMode?.classList.contains("calcite-mode-auto") && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  const colorSchemes = window.getComputedStyle(el).colorScheme.split(" ");
+  const hasDarkMode = colorSchemes.includes("dark");
+  const hasLightMode = colorSchemes.includes("light");
+  if (hasDarkMode !== hasLightMode) {
+    return hasDarkMode ? "dark" : "light";
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
 function getElementWidth(el) {
   if (!el) {

package/dist/chunks/runtime.js

@@ -4,11 +4,7 @@ import { makeRuntime } from "@arcgis/lumina";
 import { isServer } from "lit";
 const autoMode = "calcite-mode-auto";
 const darkMode = "calcite-mode-dark";
-const lightMode = "calcite-mode-light";
 const CSS_UTILITY = {
-  autoMode,
-  darkMode,
-  lightMode,
   rtl: "calcite--rtl",
   calciteAnimate: "calcite-animate",
   calciteAnimateInUp: "calcite-animate__in-up",
@@ -106,9 +102,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.2.0-next.72";
-const buildDate = "2026-09-11";
-const revision = "a0c242a65";
+const version = "5.2.0-next.74";
+const buildDate = "2026-09-16";
+const revision = "c41c9350e";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -131,7 +127,7 @@ if (!isServer) {
 if (process.env.NODE_ENV !== "test") {
   queueMicrotask(stampVersion);
 }
-const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.72/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.74/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
 const originalSetAssetPath = runtime.setAssetPath;
 runtime.setAssetPath = (path) => {
   assetPathChanged = true;

package/dist/components/calcite-avatar/customElement.js

@@ -2,7 +2,6 @@
 import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, nothing, safeClassMap, safeStyleMap } from "@arcgis/lumina";
-import { y as getModeName } from "../../chunks/dom.js";
 import { w as hexToRGB, q as isValidHex } from "../../chunks/utils3.js";
 const CSS = {
   thumbnail: "thumbnail",
@@ -78,8 +77,7 @@ class Avatar extends LitElement {
     return html`<span .ariaLabel=${this.label || this.fullName} class=${safeClassMap(CSS.background)} role=figure style=${safeStyleMap({ backgroundColor })}>${initials ? html`<span aria-hidden=true class=${safeClassMap(CSS.initials)}>${initials}</span>` : html`<calcite-icon class=${safeClassMap(CSS.icon)} icon=user .scale=${this.scale}></calcite-icon>`}</span>`;
   }
   generateFillColor() {
-    const { userId, username, fullName, el } = this;
-    const theme = getModeName(el);
+    const { userId, username, fullName } = this;
     const id = userId && `#${userId.substr(userId.length - 6)}`;
     const name = username || fullName || "";
     const hex = id && isValidHex(id) ? id : stringToHex(name);
@@ -87,8 +85,7 @@ class Avatar extends LitElement {
       return `var(--calcite-avatar-background-color, var(--calcite-color-foreground-2))`;
     }
     const hue = hexToHue(hex);
-    const l = theme === "dark" ? 20 : 90;
-    return `var(--calcite-avatar-background-color, hsl(${hue}, 60%, ${l}%))`;
+    return `var(--calcite-avatar-background-color, light-dark(hsl(${hue}, 60%, 90%), hsl(${hue}, 60%, 20%)))`;
   }
   generateInitials() {
     const { fullName, username } = this;

package/dist/components/calcite-date-picker/customElement.js

@@ -1,6 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { l as logger, c as customElement } from "../../chunks/runtime.js";
 import { css, isServer, html } from "lit";
+import { isEqual } from "es-toolkit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { d as dateFromISO, a as dateToISO, n as nextMonth, p as prevMonth, g as getDaysDiff, b as dateFromRange, s as sameDate, c as getFirstValidDateInMonth, i as inRange } from "../../chunks/date.js";
 import { n as numberStringFormatter, g as getDateTimeFormat } from "../../chunks/locale.js";
@@ -46,12 +47,22 @@ class DatePicker extends LitElement {
     await this.loadLocaleData();
   }
   willUpdate(changes) {
+    const previousValueAsDate = changes.get("valueAsDate");
+    const valueAsDate = this.valueAsDate;
+    const isForwardedRangeValue = this.rangeValueChangedByUser && !changes.has("value") && this.range && isEqual(previousValueAsDate, valueAsDate);
+    const isUserRangeValueUpdate = changes.has("value") && changes.has("valueAsDate");
+    if (this.rangeValueChangedByUser && !isUserRangeValueUpdate && !isForwardedRangeValue) {
+      this.rangeValueChangedByUser = false;
+    }
     if (changes.has("value")) {
       this.valueHandler(this.value);
     }
     if (changes.has("valueAsDate")) {
       this.valueAsDateWatcher(this.valueAsDate);
     }
+    if (isForwardedRangeValue) {
+      this.rangeValueChangedByUser = false;
+    }
     const minSource = getMinMaxSource(changes, "min");
     const maxSource = getMinMaxSource(changes, "max");
     if (minSource === "min") {

package/dist/components/calcite-dropdown-item/customElement.js

@@ -103,7 +103,8 @@ class DropdownItem extends LitElement {
     const slottedContent = this.iconStart && this.iconEnd ? [iconStartEl, contentNode, iconEndEl] : this.iconStart ? [iconStartEl, contentNode] : this.iconEnd ? [contentNode, iconEndEl] : contentNode;
     const contentEl = !href ? slottedContent : html`<a .ariaLabel=${label} class=${safeClassMap(CSS.link)} href=${href ?? nothing} rel=${this.rel ?? nothing} tabindex=-1 target=${this.target ?? nothing} ${ref(this.childLinkRef)}>${slottedContent}</a>`;
     const itemRole = href ? null : selectionMode === "single" ? "menuitemradio" : selectionMode === "multiple" ? "menuitemcheckbox" : "menuitem";
-    const itemAria = selectionMode !== "none" ? toAriaBoolean(this.selected) : null;
+    const isSelectable = selectionMode !== "none";
+    const itemAria = toAriaBoolean(isSelectable && this.selected, isSelectable ? "false" : null);
     const { disabled } = this;
     this.el.ariaChecked = itemAria;
     this.el.ariaLabel = !href ? label ?? null : "";

package/dist/components/calcite-tree/customElement.js

@@ -287,7 +287,9 @@ class Tree extends LitElement {
     return !this.child ? 0 : -1;
   }
   render() {
-    this.el.ariaMultiSelectable = this.child ? null : toAriaBoolean(this.selectionMode === "multiple" || this.selectionMode === "multichildren");
+    const isRoot = !this.child;
+    const isMultiSelectable = this.selectionMode === "multiple" || this.selectionMode === "multichildren";
+    this.el.ariaMultiSelectable = toAriaBoolean(isRoot && isMultiSelectable, isRoot ? "false" : null);
     this.el.role = !this.child ? "tree" : null;
     setAttribute(this.el, "tabIndex", this.getRootTabIndex());
     return html`<slot @slotchange=${this.handleDefaultSlotChange}></slot>`;

package/dist/components/calcite-tree-item/customElement.js

@@ -242,14 +242,16 @@ class TreeItem extends LitElement {
     })} .icon=${selectionIcon} .scale=${getIconScale(this.scale)}></calcite-icon>` : null;
     const hidden = !(this.parentExpanded || this.depth === 1);
     const isExpanded = this.updateAfterInitialRender && this.expanded;
+    const usesAriaChecked = this.selectionMode === "multiple" || this.selectionMode === "multichildren" || this.selectionMode === "ancestors";
+    const usesAriaSelected = this.selectionMode === "single" || this.selectionMode === "children" || this.selectionMode === "single-persist";
     const { hasEndActions } = this;
     const slotNode = keyed("actionsEndSlot", html`<slot name=${SLOTS.actionsEnd} @slotchange=${this.actionsEndSlotChangeHandler}></slot>`);
     const iconStartEl = html`<calcite-icon class=${safeClassMap(CSS.iconStart)} .flipRtl=${this.iconFlipRtl === "start" || this.iconFlipRtl === "both"} .icon=${this.iconStart} .scale=${getIconScale(this.scale)}></calcite-icon>`;
-    this.el.ariaChecked = this.selectionMode === "multiple" || this.selectionMode === "multichildren" || this.selectionMode === "ancestors" ? toAriaBoolean(this.selected) : null;
-    this.el.ariaExpanded = this.hasChildren ? toAriaBoolean(isExpanded) : null;
+    this.el.ariaChecked = toAriaBoolean(usesAriaChecked && this.selected, usesAriaChecked ? "false" : null);
+    this.el.ariaExpanded = toAriaBoolean(this.hasChildren && isExpanded, this.hasChildren ? "false" : null);
     this.el.inert = hidden;
     this.el.ariaLive = "polite";
-    this.el.ariaSelected = this.selectionMode === "single" || this.selectionMode === "children" || this.selectionMode === "single-persist" ? toAriaBoolean(this.selected) : null;
+    this.el.ariaSelected = toAriaBoolean(usesAriaSelected && this.selected, usesAriaSelected ? "false" : null);
     this.el.role = "treeitem";
     setAttribute(this.el, "tabIndex", this.disabled ? -1 : 0);
     return this.interactiveContainer({ disabled: this.disabled, children: html`<div class=${safeClassMap({ [CSS.itemExpanded]: isExpanded })}><div class=${safeClassMap(CSS.nodeAndActionsContainer)}><div class=${safeClassMap({