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

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{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}}
+: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-easing-function: cubic-bezier(.4, 0, .2, 1);--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

@@ -236,23 +236,23 @@ export {
   intersects as B,
   filterDirectChildren as C,
   getSlotAssignedElements as a,
-  slotChangeGetAssignedElements as b,
+  focusElementInGroup as b,
   closestElementCrossShadowBoundary as c,
-  slotChangeHasTextContent as d,
-  focusElementInGroup as e,
+  slotChangeGetAssignedElements as d,
+  isPrimaryPointerButton as e,
   focusElement as f,
   getRootNode as g,
-  isPrimaryPointerButton as h,
+  getElementWidth as h,
   isBefore as i,
-  getElementWidth as j,
-  getTextWidth as k,
-  getStylePixelValue as l,
-  getShadowRootNode as m,
+  getTextWidth as j,
+  getStylePixelValue as k,
+  getShadowRootNode as l,
+  isKeyboardTriggeredClick as m,
   nodeListToArray as n,
-  isKeyboardTriggeredClick as o,
-  slotChangeHasContent as p,
+  slotChangeHasContent as o,
+  getFirstTabbable as p,
   queryElementRoots as q,
-  getFirstTabbable as r,
+  slotChangeHasTextContent as r,
   slotChangeHasAssignedElement as s,
   tabbableOptions as t,
   hasVisibleContent as u,

package/dist/chunks/floating-ui.js

@@ -277,10 +277,10 @@ const visiblePointerSize = 4;
 const defaultOffsetDistance = Math.ceil(Math.hypot(visiblePointerSize, visiblePointerSize));
 export {
   FloatingCSS as F,
-  defaultMenuPlacement as a,
-  disconnectFloatingUI as b,
+  disconnectFloatingUI as a,
+  defaultEndMenuPlacement as b,
   connectFloatingUI as c,
-  defaultEndMenuPlacement as d,
+  defaultMenuPlacement as d,
   defaultOffsetDistance as e,
   filterValidFlipPlacements as f,
   hideFloatingUI as h,

package/dist/chunks/manager.js

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
 import { makeGenericController } from "@arcgis/lumina/controllers";
-import { q as queryElementRoots, m as getShadowRootNode, h as isPrimaryPointerButton, o as isKeyboardTriggeredClick } from "./dom.js";
+import { q as queryElementRoots, l as getShadowRootNode, e as isPrimaryPointerButton, m as isKeyboardTriggeredClick } from "./dom.js";
 import { l as logger } from "./runtime.js";
 import { i as isActivationKey } from "./key.js";
 import { t as toAriaBoolean } from "./aria.js";

package/dist/chunks/runtime.js

@@ -102,9 +102,9 @@ function getConfig() {
   }
   return effectiveConfig;
 }
-const version = "5.2.0-next.74";
-const buildDate = "2026-09-16";
-const revision = "c41c9350e";
+const version = "5.2.0-next.76";
+const buildDate = "2026-09-17";
+const revision = "d1eac9e8c";
 function stampVersion() {
   const config = getConfig();
   if (config && config.version) {
@@ -127,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.74/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
+const runtime = makeRuntime({ defaultAssetPath: "https://cdn.jsdelivr.net/npm/@esri/calcite-components@5.2.0-next.76/dist/cdn/", hydratedAttribute: "calcite-hydrated" });
 const originalSetAssetPath = runtime.setAssetPath;
 runtime.setAssetPath = (path) => {
   assetPathChanged = true;

package/dist/components/calcite-action-bar/customElement.js

@@ -5,7 +5,7 @@ import { css, html, nothing } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { createRef, ref } from "lit/directives/ref.js";
 import { useDirection } from "@arcgis/lumina/controllers";
-import { l as getStylePixelValue, C as filterDirectChildren, b as slotChangeGetAssignedElements, a as getSlotAssignedElements, e as focusElementInGroup } from "../../chunks/dom.js";
+import { k as getStylePixelValue, C as filterDirectChildren, d as slotChangeGetAssignedElements, a as getSlotAssignedElements, b as focusElementInGroup } from "../../chunks/dom.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { t as toggleActionBarChildActionText, E as ExpandToggle } from "../../chunks/ExpandToggle.js";
 import { u as useT9n } from "../../chunks/useT9n.js";

package/dist/components/calcite-action-pad/customElement.js

@@ -3,7 +3,7 @@ import { l as logger, c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { useDirection } from "@arcgis/lumina/controllers";
-import { b as slotChangeGetAssignedElements, e as focusElementInGroup } from "../../chunks/dom.js";
+import { d as slotChangeGetAssignedElements, b as focusElementInGroup } from "../../chunks/dom.js";
 import { l as legacyToggleChildActionText, E as ExpandToggle } from "../../chunks/ExpandToggle.js";
 import { c as createObserver } from "../../chunks/observers.js";
 import { u as useT9n } from "../../chunks/useT9n.js";

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

@@ -6,7 +6,7 @@ import { LitElement, createEvent, stringOrBoolean, safeClassMap } from "@arcgis/
 import { useWatchAttributes, useDirection } from "@arcgis/lumina/controllers";
 import { escapeRegExp } from "es-toolkit/compat";
 import { createRef, ref } from "lit/directives/ref.js";
-import { a as defaultMenuPlacement, r as reposition, c as connectFloatingUI, b as disconnectFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
+import { d as defaultMenuPlacement, r as reposition, c as connectFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from "../../chunks/floating-ui.js";
 import { g as getLabelText } from "../../chunks/label.js";
 import { s as slotChangeHasAssignedElement, a as getSlotAssignedElements } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
@@ -22,7 +22,7 @@ import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
 import { u as useTopLayer } from "../../chunks/useTopLayer.js";
 import { u as useForm } from "../../chunks/useForm.js";
 import { u as useLabel } from "../../chunks/useLabel.js";
-const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius);--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
+const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:block}.input-container{position:relative;display:flex;flex:1 1 auto;flex-wrap:nowrap}.input{width:100%;--calcite-input-prefix-size: var(--calcite-autocomplete-input-prefix-size);--calcite-input-suffix-size: var(--calcite-autocomplete-input-suffix-size);--calcite-input-background-color: var(--calcite-autocomplete-input-background-color);--calcite-input-border-color: var(--calcite-autocomplete-input-border-color);--calcite-input-corner-radius: var(--calcite-autocomplete-input-corner-radius, var(--calcite-corner-radius));--calcite-input-shadow: var(--calcite-autocomplete-input-shadow);--calcite-input-icon-color: var(--calcite-autocomplete-input-icon-color);--calcite-input-text-color: var(--calcite-autocomplete-input-text-color);--calcite-input-placeholder-text-color: var(--calcite-autocomplete-input-placeholder-text-color);--calcite-input-actions-background-color: var(--calcite-autocomplete-input-actions-background-color);--calcite-input-actions-background-color-hover: var(--calcite-autocomplete-input-actions-background-color-hover);--calcite-input-actions-background-color-press: var(--calcite-autocomplete-input-actions-background-color-press);--calcite-input-actions-icon-color: var(--calcite-autocomplete-input-actions-icon-color);--calcite-input-actions-icon-color-hover: var(--calcite-autocomplete-input-actions-icon-color-hover);--calcite-input-actions-icon-color-press: var(--calcite-autocomplete-input-actions-icon-color-press);--calcite-input-loading-background-color: var(--calcite-autocomplete-input-loading-background-color);--calcite-input-loading-fill-color: var(--calcite-autocomplete-input-loading-fill-color);--calcite-input-prefix-text-color: var(--calcite-autocomplete-input-prefix-text-color);--calcite-input-suffix-text-color: var(--calcite-autocomplete-input-suffix-text-color)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.content-container{box-sizing:border-box;width:100%}.floating-ui-container{inline-size:max-content;display:none;max-inline-size:100vw;max-block-size:100vh;inset-block-start:0;left:0;z-index:var(--calcite-floating-ui-z-index)}@starting-style{.floating-ui-container{opacity:0;inset-block-start:0;left:0}}:host([top-layer-disabled]) .floating-ui-container{--calcite-floating-ui-z-index: var(--calcite-z-index-dropdown)}.floating-ui-container[popover]{padding:0;margin:0;border:none;background-color:transparent;overflow:visible;display:none}.floating-ui-container:popover-open{display:block}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition-duration:var(--calcite-floating-ui-transition);transition-property:inset-block-start,left,opacity,display;transition-behavior:allow-discrete;opacity:0;box-shadow:0 0 16px #00000029;z-index:var(--calcite-z-index);border-radius:.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{left:5px}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block-start:0;left:0}@starting-style{.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:0}}.content-container .calcite-floating-ui-anim{width:100%;overflow-y:auto;box-shadow:var(--calcite-shadow-md);max-block-size:var(--calcite-autocomplete-menu-max-size-y, 45vh);color:var(--calcite-autocomplete-text-color, var(--calcite-color-text-1));background-color:var(--calcite-autocomplete-background-color, var(--calcite-color-foreground-1));border-radius:var(--calcite-autocomplete-corner-radius, var(--calcite-corner-radius-round))}.content--hidden{display:none}@media(forced-colors:active){.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.internal-label-alignment--center{align-items:center}.internal-label-alignment--end{align-items:end}.internal-label--container{display:flex;justify-content:space-between;color:var(--calcite-color-text-1)}.internal-label-required--indicator{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-status-danger);padding-inline:var(--calcite-spacing-base)}.internal-label-required--indicator:hover{cursor:help}.internal-label--text{line-height:1}:host([scale=s]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-xxs)}:host([scale=s]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=s]) .internal-label--text{font-size:var(--calcite-font-size--2)}:host([scale=m]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .internal-label--text{font-size:var(--calcite-font-size--1)}:host([scale=l]) .internal-label-spacing--bottom{margin-block-end:var(--calcite-spacing-sm)}:host([scale=l]) .internal-label-spacing-inline--end{margin-inline-end:var(--calcite-spacing-md)}:host([scale=l]) .internal-label-spacing-inline--start{margin-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .internal-label--text{font-size:var(--calcite-font-size-0)}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:.5rem}:host([scale=s]) .validation-container{padding-block-start:.25rem}:host([hidden]){display:none}[hidden]{display:none}`;
 const SLOTS = {
   contentBottom: "content-bottom",
   contentTop: "content-top"

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

@@ -4,19 +4,20 @@ import { keyed } from "lit/directives/keyed.js";
 import { ref } from "lit/directives/ref.js";
 import { css, html, nothing } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { s as slotChangeHasAssignedElement, b as slotChangeGetAssignedElements, d as slotChangeHasTextContent } from "../../chunks/dom.js";
+import { s as slotChangeHasAssignedElement, d as slotChangeGetAssignedElements, r as slotChangeHasTextContent } from "../../chunks/dom.js";
 import { H as Heading } from "../../chunks/Heading.js";
 import { g as getIconScale } from "../../chunks/component.js";
 import { t as toggleOpenClose } from "../../chunks/openCloseComponent.js";
-import { d as defaultEndMenuPlacement } from "../../chunks/floating-ui.js";
+import { b as defaultEndMenuPlacement } from "../../chunks/floating-ui.js";
 import { u as useT9n } from "../../chunks/useT9n.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
-import { s as styles$2 } from "../../chunks/sortable.js";
-import { s as styles$1 } from "../../chunks/header.js";
+import { s as styles$3 } from "../../chunks/sortable.js";
+import { s as styles$2 } from "../../chunks/header.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { C as CSS, I as ICONS, S as SLOTS, a as IDS } from "../../chunks/resources7.js";
 import { t as toAriaBoolean } from "../../chunks/aria.js";
-const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-spacing-sm)}:host([scale=s]) .icon-end-container{gap:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-sm);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-xxs)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) )}:host([scale=m]) .header{gap:var(--calcite-spacing-md)}:host([scale=m]) .icon-end-container{gap:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-md);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) )}:host([scale=l]) .header{gap:var(--calcite-spacing-lg)}:host([scale=l]) .icon-end-container{gap:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-lg);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-lg)) )}:host{display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;padding:0;transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.215,.44,.42,.88);flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-color-foreground-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-spacing-xxs)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{margin:0;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0;outline-color:transparent;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(calc(-1 * var(--calcite-spacing-base)) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-color-foreground-3))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-spacing-xxs)}.title{display:flex;flex-direction:column}.header .title .heading{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug)}.description{padding:0;word-wrap:break-word;word-break:break-word;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{align-self:center;justify-self:end;transition-property:color;transition-duration:var(--calcite-animation-timing);transition-timing-function:cubic-bezier(.4,0,.2,1);color:var(--calcite-block-expandable-icon-color, var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3))))}.toggle:hover .toggle-icon{color:var(--calcite-block-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:.5rem}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-spacing-xxs)}:host([expanded][scale=l]){margin-block:var(--calcite-spacing-md)}:host([hidden]){display:none}[hidden]{display:none}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`;
+const styles$1 = css`:host{transition-property:margin;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--calcite-animation-timing)}`;
+const styles = css`:host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]) .header{gap:var(--calcite-spacing-sm)}:host([scale=s]) .icon-end-container{gap:var(--calcite-spacing-sm);padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size-sm)}:host([scale=s]) .description{font-size:var(--calcite-font-size-xs)}:host([scale=s]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-sm);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-xxs)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) )}:host([scale=m]) .header{gap:var(--calcite-spacing-md)}:host([scale=m]) .icon-end-container{gap:var(--calcite-spacing-md);padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size)}:host([scale=m]) .description{font-size:var(--calcite-font-size-sm)}:host([scale=m]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xxs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-md);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-sm)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) )}:host([scale=l]) .header{gap:var(--calcite-spacing-lg)}:host([scale=l]) .icon-end-container{gap:var(--calcite-spacing-lg);padding-inline-end:var(--calcite-spacing-lg)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-md)}:host([scale=l]) .description{font-size:var(--calcite-font-size)}:host([scale=l]){--calcite-internal-block-actions-spacing: var(--calcite-spacing-xs);--calcite-internal-block-header-content-padding: var(--calcite-spacing-lg);--calcite-internal-block-padding-block: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-md)) );--calcite-internal-block-padding-inline: var( --calcite-block-content-space, var(--calcite-block-padding, var(--calcite-spacing-lg)) )}:host{transition-timing-function:cubic-bezier(.215,.44,.42,.88);display:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;padding:0;flex-basis:auto;border-color:var(--calcite-block-border-color, var(--calcite-color-border-3));background-color:var(--calcite-block-background-color, var(--calcite-color-foreground-1))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{justify-content:flex-start}.header--has-content{padding:var(--calcite-internal-block-header-content-padding)}.header--draggable{padding-inline-start:var(--calcite-spacing-xxs)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto auto auto;grid-template-areas:"handle header icon-end menu actions-end"}.icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-3)))}.actions-end{align-items:center;display:flex;gap:var(--calcite-internal-block-actions-spacing);grid-area:actions-end;padding-block:var(--calcite-internal-block-actions-spacing);padding-inline-end:var(--calcite-internal-block-actions-spacing)}.toggle{outline-color:transparent;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;margin:0;padding:0;font-family:inherit;text-align:initial;background-color:var(--calcite-block-header-background-color, transparent)}.toggle:hover{background-color:var(--calcite-block-header-background-color-hover, var(--calcite-color-foreground-2))}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(-1 * var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.toggle:active{background-color:var(--calcite-block-header-background-color-press, var(--calcite-color-foreground-3))}calcite-loader[inline]{align-self:center}calcite-sort-handle{align-self:center;grid-area:handle;margin-block:var(--calcite-internal-block-actions-spacing);padding-inline-start:var(--calcite-spacing-xxs)}.title{display:flex;flex-direction:column}.header .title .heading{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-heading-text-color, var(--calcite-color-text-1));font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug)}.description{overflow-wrap:break-word;word-break:break-word;padding:0;color:var(--calcite-block-description-text-color, var(--calcite-color-text-3));font-weight:var(--calcite-font-weight-regular);line-height:var(--calcite-font-line-height-relative-snug)}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;grid-area:icon-end}.toggle-icon{transition-property:color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--calcite-animation-timing);align-self:center;justify-self:end;transition-timing-function:var(--calcite-animation-easing-function);color:var(--calcite-block-expandable-icon-color, var(--calcite-block-collapsible-icon-color, var(--calcite-block-icon-color, var(--calcite-color-text-3))))}.toggle:hover .toggle-icon{color:var(--calcite-block-expandable-icon-color-hover, var(--calcite-block-collapsible-icon-color-hover, var(--calcite-block-icon-color-hover, var(--calcite-color-text-1))))}.container{display:flex;flex-direction:column;block-size:100%;position:relative}.content{flex:1 1 0%;position:relative;min-block-size:0;opacity:0;transition:opacity var(--calcite-internal-animation-timing-slow) ease-in-out}.has-slotted-content{padding-block:var(--calcite-internal-block-padding-block);padding-inline:var(--calcite-internal-block-padding-inline)}.content-end,.content-start{display:flex;align-items:center;color:var(--calcite-block-text-color, var(--calcite-color-text-3))}calcite-action-menu{align-self:center;grid-area:menu;margin-inline-end:var(--calcite-internal-block-actions-spacing)}:host([expanded]){margin-block:var(--calcite-space-sm)}:host([expanded]) .header .title .heading{color:var(--calcite-block-heading-text-color, var(--calcite-block-heading-text-color-press, var(--calcite-color-text-1)));font-weight:var(--calcite-font-weight-medium)}:host([expanded]) .description{color:var(--calcite-block-description-text-color, var(--calcite-color-text-2))}:host([expanded]) .icon--start{color:var(--calcite-block-icon-start-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .icon--end{color:var(--calcite-block-icon-end-color, var(--calcite-block-icon-color, var(--calcite-color-text-1)))}:host([expanded]) .content{opacity:1}@starting-style{:host([expanded]){margin-block-start:0;opacity:0}}:host([expanded][scale=s]){margin-block:var(--calcite-spacing-xxs)}:host([expanded][scale=l]){margin-block:var(--calcite-spacing-md)}:host([hidden]){display:none}[hidden]{display:none}slot[name=children]::slotted(calcite-block){border-block-end-width:0}`;
 class Block extends LitElement {
   constructor() {
     super(...arguments);
@@ -65,7 +66,7 @@ class Block extends LitElement {
     this.properties = { hasContentEnd: [16, {}, { state: true }], hasContentStart: [16, {}, { state: true }], hasEndActions: [16, {}, { state: true }], hasMenuActions: [16, {}, { state: true }], hasContent: [16, {}, { state: true }], description: 1, disabled: [7, {}, { reflect: true, type: Boolean }], dragDisabled: [7, {}, { reflect: true, type: Boolean }], dragHandle: [7, {}, { reflect: true, type: Boolean }], expanded: [7, {}, { reflect: true, type: Boolean }], expandable: [7, {}, { reflect: true, type: Boolean }], collapsible: [7, {}, { reflect: true, type: Boolean }], heading: 1, headingLevel: [11, {}, { type: Number, reflect: true }], iconEnd: [3, {}, { reflect: true }], iconFlipRtl: [3, {}, { reflect: true }], iconStart: [3, {}, { reflect: true }], loading: [7, {}, { reflect: true, type: Boolean }], label: 1, menuFlipPlacements: [0, {}, { attribute: false }], menuPlacement: [3, {}, { reflect: true }], messageOverrides: [0, {}, { attribute: false }], addToItems: [0, {}, { attribute: false }], moveToItems: [0, {}, { attribute: false }], sortDisabled: [5, {}, { type: Boolean }], open: [7, {}, { reflect: true, type: Boolean }], overlayPositioning: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }], setPosition: [9, {}, { type: Number }], setSize: [9, {}, { type: Number }], sortHandleOpen: [7, {}, { reflect: true, type: Boolean }], status: [3, {}, { reflect: true }], toggleDisplay: [3, {}, { reflect: true }], topLayerDisabled: [7, {}, { reflect: true, type: Boolean }] };
   }
   static {
-    this.styles = [styles$1, styles, styles$2];
+    this.styles = [styles$2, styles, styles$3, styles$1];
   }
   get collapsible() {
     return this.expandable;

package/dist/components/calcite-block-group/customElement.js

@@ -4,7 +4,7 @@ import { debounce } from "es-toolkit";
 import { css, html } from "lit";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
 import { c as createObserver } from "../../chunks/observers.js";
-import { g as getRootNode, b as slotChangeGetAssignedElements } from "../../chunks/dom.js";
+import { g as getRootNode, d as slotChangeGetAssignedElements } from "../../chunks/dom.js";
 import { g as guid } from "../../chunks/guid.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useCancelable } from "../../chunks/useCancelable.js";
@@ -22,7 +22,7 @@ const CSS = {
 const blockGroupSelector = "calcite-block-group";
 const blockSelector = "calcite-block";
 const isBlockGroup = isTag("calcite-block-group");
-const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.container{position:relative}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;
+const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}.container{position:relative}.assistive-text{position:absolute;inline-size:var(--calcite-border-width-sm);block-size:var(--calcite-border-width-sm);padding:0;margin:calc(-1 * var(--calcite-border-width-sm));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([slot=children]) slot::slotted(calcite-block){border-block-end-width:0}`;
 function updateBlockChildren(blockChildren) {
   blockChildren.forEach((block) => {
     block.setPosition = blockChildren.indexOf(block) + 1;

package/dist/components/calcite-block-section/customElement.js

@@ -33,7 +33,7 @@ const ICONS = {
   valid: "check-circle",
   invalid: "exclamation-mark-triangle"
 };
-const styles = css`:host{box-sizing:border-box;display:block;color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2))}:host([expanded]){border-width:0px;border-block-end-width:1px;border-style:solid;border-block-end-color:var(--calcite-block-section-border-color, var(--calcite-color-border-3))}:host([expanded]) .toggle{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .icon--end,:host([expanded]) .icon--start{color:var(--calcite-block-section-text-color, var(--calcite-color-text-1))}:host([expanded]) .chevron-icon{color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}:host([expanded]) .chevron-icon:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .toggle-container:hover calcite-switch{--calcite-switch-background-color: var(--calcite-color-brand-hover)}:host(:last-child){border-block-end-width:0px}:host([scale=s]) .toggle{padding-block:var(--calcite-spacing-xxs);gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-sm)}:host([scale=s]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-xxs))}:host([scale=m]) .toggle{padding-block:var(--calcite-spacing-sm);gap:var(--calcite-spacing-md);font-size:var(--calcite-font-size)}:host([scale=m]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-sm))}:host([scale=l]) .toggle{padding-block:var(--calcite-spacing-md);gap:var(--calcite-spacing-lg);font-size:var(--calcite-font-size-md)}:host([scale=l]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-md))}.toggle{display:flex;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;border-width:0px;outline-color:transparent;font-family:inherit;color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2));background-color:var(--calcite-block-section-background-color, var(--calcite-color-foreground-1));font-weight:var(--calcite-font-weight-regular);padding-inline:0;line-height:var(--calcite-font-line-height-relative-snug)}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));z-index:var(--calcite-z-index)}.toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.section-header__text{margin-block:0px;flex:1 1 auto;text-align:initial;overflow-wrap:anywhere}.toggle-container{position:relative;display:flex;align-items:center;word-break:break-word}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start,.toggle-container .chevron-icon{display:flex;align-items:center;color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}.toggle-container:hover .chevron-icon{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.toggle-container:hover calcite-switch{--calcite-switch-background-color: var(--calcite-color-text-3)}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([hidden]){display:none}[hidden]{display:none}`;
+const styles = css`:host{box-sizing:border-box;display:block;color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2))}:host([expanded]){border-width:var(--calcite-border-width-none);border-block-end-width:var(--calcite-border-width-sm);border-style:solid;border-block-end-color:var(--calcite-block-section-border-color, var(--calcite-color-border-3))}:host([expanded]) .toggle{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .icon--end,:host([expanded]) .icon--start{color:var(--calcite-block-section-text-color, var(--calcite-color-text-1))}:host([expanded]) .chevron-icon{color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}:host([expanded]) .chevron-icon:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}:host([expanded]) .toggle-container:hover calcite-switch{--calcite-switch-background-color: var(--calcite-color-brand-hover)}:host(:last-child){border-block-end-width:var(--calcite-border-width-none)}:host([scale=s]) .toggle{padding-block:var(--calcite-spacing-xxs);gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-sm)}:host([scale=s]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-xxs))}:host([scale=m]) .toggle{padding-block:var(--calcite-spacing-sm);gap:var(--calcite-spacing-md);font-size:var(--calcite-font-size)}:host([scale=m]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-sm))}:host([scale=l]) .toggle{padding-block:var(--calcite-spacing-md);gap:var(--calcite-spacing-lg);font-size:var(--calcite-font-size-md)}:host([scale=l]) .content{padding-block:var(--calcite-block-section-content-space, var(--calcite-spacing-md))}.toggle{outline-color:transparent;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;inline-size:100%;border-width:var(--calcite-border-width-none);font-family:inherit;color:var(--calcite-block-section-header-text-color, var(--calcite-color-text-2));background-color:var(--calcite-block-section-background-color, var(--calcite-color-foreground-1));font-weight:var(--calcite-font-weight-regular);padding-inline:0;line-height:var(--calcite-font-line-height-relative-snug)}.toggle:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));z-index:var(--calcite-z-index)}.toggle:hover{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.section-header__text{margin-block:0;flex:1 1 auto;text-align:initial;overflow-wrap:anywhere}.toggle-container{display:flex;align-items:center;position:relative;word-break:break-word}.toggle-container .toggle--switch__content{display:flex;flex:1 1 auto;align-items:center}.toggle-container .icon--end,.toggle-container .icon--start,.toggle-container .chevron-icon{display:flex;align-items:center;color:var(--calcite-block-section-text-color, var(--calcite-color-text-3))}.toggle-container:hover .chevron-icon{color:var(--calcite-block-section-text-color-hover, var(--calcite-color-text-1))}.toggle-container:hover calcite-switch{--calcite-switch-background-color: var(--calcite-color-text-3)}.status-icon{display:flex;align-items:center}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}:host([hidden]){display:none}[hidden]{display:none}`;
 class BlockSection extends LitElement {
   constructor() {
     super(...arguments);

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

@@ -29,7 +29,7 @@ const CSS = {
   buttonPadding: "button-padding",
   buttonPaddingShrunk: "button-padding--shrunk"
 };
-const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;inline-size:auto;vertical-align:middle;border-radius:var(--calcite-button-corner-radius, var(--calcite-internal-button-corner-radius, var(--calcite-corner-radius)))}:host a,:host button{--calcite-internal-button-content-margin: .5rem;--calcite-internal-button-padding-x: 7px;--calcite-internal-button-padding-y: 3px;position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;outline-color:transparent;box-shadow:var(--calcite-button-shadow, var(--calcite-shadow-none));background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color, var(--calcite-color-transparent)));border-block-start-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-block-start-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-block-end-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-block-end-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-inline-start-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-inline-start-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-inline-end-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-inline-end-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-style:solid;border-width:var(--calcite-border-width-sm);border-radius:var(--calcite-button-corner-radius, var(--calcite-internal-button-corner-radius, var(--calcite-corner-radius)));color:var(--calcite-button-text-color, var(--calcite-internal-button-text-color, currentColor));padding-block:var(--calcite-internal-button-padding-y);padding-inline:var(--calcite-internal-button-padding-x);transition:color var(--calcite-animation-timing) ease-in-out,background-color var(--calcite-animation-timing) ease-in-out,box-shadow var(--calcite-animation-timing) ease-in-out,outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host a:hover,:host button:hover{text-decoration-line:none;background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color-hover, var(--calcite-color-transparent)))}:host a:focus,:host button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:host a:active,:host button:active{background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color-press, var(--calcite-color-transparent)))}:host a span,:host button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host a calcite-loader,:host button calcite-loader{color:var(--calcite-button-loader-color, var(--calcite-internal-button-loader-color, var(--calcite-button-text-color, var(--calcite-internal-button-text-color))))}:host([round]){--calcite-internal-button-corner-radius: 50px}.content{margin-inline:var(--calcite-internal-button-content-margin)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-internal-button-content-margin: .75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-internal-button-content-margin: 1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-internal-button-content-margin)}.icon--start,.icon--end{color:var(--calcite-button-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(.5)}to{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}to{inline-size:0;opacity:0;transform:scale(.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-internal-button-content-margin)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{--calcite-internal-button-border-color: var(--calcite-color-transparent);border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([kind=brand]){--calcite-internal-button-background-color: var(--calcite-color-brand);--calcite-internal-button-background-color-hover: var(--calcite-color-brand-hover);--calcite-internal-button-background-color-press: var(--calcite-color-brand-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([kind=danger]){--calcite-internal-button-background-color: var(--calcite-color-status-danger);--calcite-internal-button-background-color-hover: var(--calcite-color-status-danger-hover);--calcite-internal-button-background-color-press: var(--calcite-color-status-danger-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([kind=neutral]){--calcite-internal-button-background-color: var(--calcite-color-foreground-3);--calcite-internal-button-background-color-hover: var(--calcite-color-foreground-2);--calcite-internal-button-background-color-press: var(--calcite-color-foreground-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1);--calcite-internal-button-text-color: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-button-background-color: var(--calcite-color-inverse);--calcite-internal-button-background-color-hover: var(--calcite-color-inverse-hover);--calcite-internal-button-background-color-press: var(--calcite-color-inverse-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([appearance=outline-fill]){--calcite-internal-button-background-color: var(--calcite-color-foreground-1);--calcite-internal-button-background-color-hover: var(--calcite-color-foreground-2);--calcite-internal-button-background-color-press: var(--calcite-color-foreground-3)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{--calcite-internal-button-border-color: var(--calcite-color-brand);--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-brand-hover);--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{--calcite-internal-button-border-color: var(--calcite-color-brand-press);--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{--calcite-internal-button-border-color: var(--calcite-color-status-danger);--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-status-danger-hover);--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{--calcite-internal-button-border-color: var(--calcite-color-status-danger-press);--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{--calcite-internal-button-border-color: var(--calcite-color-border-1);--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-border-input)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{--calcite-internal-button-border-color: var(--calcite-color-text-3)}:host([appearance=solid][kind=neutral]){--calcite-internal-button-background-color-hover: var(--calcite-color-border-2);--calcite-internal-button-background-color-press: var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-inverse);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{--calcite-internal-button-border-color: var(--calcite-color-inverse-press)}:host([appearance=outline]){--calcite-internal-button-background-color: var(--calcite-color-transparent);--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{--calcite-internal-button-border-color: var(--calcite-color-brand);--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-brand-hover);--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{--calcite-internal-button-border-color: var(--calcite-color-brand-press);--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{--calcite-internal-button-border-color: var(--calcite-color-status-danger);--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-status-danger-hover);--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{--calcite-internal-button-border-color: var(--calcite-color-status-danger-press);--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-border-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-border-input)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{--calcite-internal-button-border-color: var(--calcite-color-text-3)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-inverse);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{--calcite-internal-button-border-color: var(--calcite-color-inverse-press)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button,:host([appearance=outline-fill][split-child=primary]) a,:host([appearance=outline][split-child=primary]) a{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button,:host([appearance=outline-fill][split-child=secondary]) a,:host([appearance=outline][split-child=secondary]) a{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]){--calcite-internal-button-background-color: var(--calcite-color-transparent);--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent]:not(.enable-editing-button)){--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{--calcite-internal-button-text-color: var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{--calcite-internal-button-text-color: var(--calcite-color-text-3)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-padding-y: 0}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]){--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=inverse]) button calcite-loader,:host([appearance=transparent][kind=inverse]) a calcite-loader{--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-internal-button-padding-x: .5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-internal-button-padding-y: 3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-internal-button-padding-x: 11px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) button,:host([scale=m]) a{--calcite-internal-button-padding-y: 7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-internal-button-padding-x: .75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-internal-button-padding-x: 15px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .button-padding{--calcite-internal-button-padding-x: 1rem;--calcite-internal-button-padding-y: 11px}:host([scale=l]) .button-padding--shrunk{--calcite-internal-button-padding-y: 9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 3px;inline-size:1.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 7px;inline-size:2rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 9px;inline-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);min-block-size:2.75rem}:host(:is([scale=s],[scale=m],[scale=l])[width=full]) a:not(.content--slotted),:host(:is([scale=s],[scale=m],[scale=l])[width=full]) button:not(.content--slotted){inline-size:var(--calcite-container-size-content-fluid)}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-y: var(--calcite-space-sm-plus)}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 23px;block-size:1.5rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 2rem;block-size:2rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 43px;block-size:2.75rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 2.75rem}:host([hidden]){display:none}[hidden]{display:none}`;
+const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;inline-size:auto;vertical-align:middle;border-radius:var(--calcite-button-corner-radius, var(--calcite-internal-button-corner-radius, var(--calcite-corner-radius)))}:host a,:host button{--calcite-internal-button-content-margin: .5rem;--calcite-internal-button-padding-x: 7px;--calcite-internal-button-padding-y: 3px;appearance:none;box-sizing:border-box;cursor:pointer;display:flex;outline-color:transparent;font-family:inherit;font-weight:var(--calcite-font-weight-normal);block-size:100%;align-items:center;justify-content:center;text-decoration-line:none;position:relative;-webkit-user-select:none;user-select:none;text-align:center;inline-size:100%;box-shadow:var(--calcite-button-shadow, var(--calcite-shadow-none));background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color, var(--calcite-color-transparent)));border-block-start-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-block-start-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-block-end-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-block-end-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-inline-start-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-inline-start-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-inline-end-color:var(--calcite-button-border-color, var(--calcite-internal-button-border-inline-end-color, var(--calcite-internal-button-border-color, var(--calcite-color-transparent))));border-style:solid;border-width:var(--calcite-border-width-sm);border-radius:var(--calcite-button-corner-radius, var(--calcite-internal-button-corner-radius, var(--calcite-corner-radius)));color:var(--calcite-button-text-color, var(--calcite-internal-button-text-color, currentColor));padding-block:var(--calcite-internal-button-padding-y);padding-inline:var(--calcite-internal-button-padding-x);transition:color var(--calcite-animation-timing) ease-in-out,background-color var(--calcite-animation-timing) ease-in-out,box-shadow var(--calcite-animation-timing) ease-in-out,outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host a:hover,:host button:hover{text-decoration-line:none;background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color-hover, var(--calcite-color-transparent)))}:host a:focus,:host button:focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}:host a:active,:host button:active{background-color:var(--calcite-button-background-color, var(--calcite-internal-button-background-color-press, var(--calcite-color-transparent)))}:host a span,:host button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host a calcite-loader,:host button calcite-loader{color:var(--calcite-button-loader-color, var(--calcite-internal-button-loader-color, var(--calcite-button-text-color, var(--calcite-internal-button-text-color))))}:host([round]){--calcite-internal-button-corner-radius: 50px}.content{margin-inline:var(--calcite-internal-button-content-margin)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-internal-button-content-margin: .75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-internal-button-content-margin: 1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-internal-button-content-margin)}.icon--start,.icon--end{color:var(--calcite-button-icon-color, var(--calcite-icon-color, var(--calcite-ui-icon-color)))}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(.5)}to{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}to{inline-size:0;opacity:0;transform:scale(.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-internal-button-content-margin)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{--calcite-internal-button-border-color: var(--calcite-color-transparent);border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([kind=brand]){--calcite-internal-button-background-color: var(--calcite-color-brand);--calcite-internal-button-background-color-hover: var(--calcite-color-brand-hover);--calcite-internal-button-background-color-press: var(--calcite-color-brand-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([kind=danger]){--calcite-internal-button-background-color: var(--calcite-color-status-danger);--calcite-internal-button-background-color-hover: var(--calcite-color-status-danger-hover);--calcite-internal-button-background-color-press: var(--calcite-color-status-danger-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([kind=neutral]){--calcite-internal-button-background-color: var(--calcite-color-foreground-3);--calcite-internal-button-background-color-hover: var(--calcite-color-foreground-2);--calcite-internal-button-background-color-press: var(--calcite-color-foreground-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1);--calcite-internal-button-text-color: var(--calcite-color-text-1)}:host([kind=inverse]){--calcite-internal-button-background-color: var(--calcite-color-inverse);--calcite-internal-button-background-color-hover: var(--calcite-color-inverse-hover);--calcite-internal-button-background-color-press: var(--calcite-color-inverse-press);--calcite-internal-button-loader-color: var(--calcite-color-text-inverse);--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([appearance=outline-fill]){--calcite-internal-button-background-color: var(--calcite-color-foreground-1);--calcite-internal-button-background-color-hover: var(--calcite-color-foreground-2);--calcite-internal-button-background-color-press: var(--calcite-color-foreground-3)}:host([appearance=outline-fill]) button,:host([appearance=outline-fill]) a{border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([appearance=outline-fill][kind=brand]) button,:host([appearance=outline-fill][kind=brand]) a{--calcite-internal-button-border-color: var(--calcite-color-brand);--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline-fill][kind=brand]) button:hover,:host([appearance=outline-fill][kind=brand]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-brand-hover);--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=outline-fill][kind=brand]) button:active,:host([appearance=outline-fill][kind=brand]) a:active{--calcite-internal-button-border-color: var(--calcite-color-brand-press);--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=outline-fill][kind=brand]) button calcite-loader,:host([appearance=outline-fill][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline-fill][kind=danger]) button,:host([appearance=outline-fill][kind=danger]) a{--calcite-internal-button-border-color: var(--calcite-color-status-danger);--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=danger]) button:hover,:host([appearance=outline-fill][kind=danger]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-status-danger-hover);--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=outline-fill][kind=danger]) button:active,:host([appearance=outline-fill][kind=danger]) a:active{--calcite-internal-button-border-color: var(--calcite-color-status-danger-press);--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=outline-fill][kind=danger]) button calcite-loader,:host([appearance=outline-fill][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline-fill][kind=neutral]) button,:host([appearance=outline-fill][kind=neutral]) a{--calcite-internal-button-border-color: var(--calcite-color-border-1);--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=neutral]) button:hover,:host([appearance=outline-fill][kind=neutral]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-border-input)}:host([appearance=outline-fill][kind=neutral]) button:active,:host([appearance=outline-fill][kind=neutral]) a:active{--calcite-internal-button-border-color: var(--calcite-color-text-3)}:host([appearance=solid][kind=neutral]){--calcite-internal-button-background-color-hover: var(--calcite-color-border-2);--calcite-internal-button-background-color-press: var(--calcite-color-border-1)}:host([appearance=outline-fill][kind=inverse]) button,:host([appearance=outline-fill][kind=inverse]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-inverse);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline-fill][kind=inverse]) button:hover,:host([appearance=outline-fill][kind=inverse]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-inverse-hover)}:host([appearance=outline-fill][kind=inverse]) button:active,:host([appearance=outline-fill][kind=inverse]) a:active{--calcite-internal-button-border-color: var(--calcite-color-inverse-press)}:host([appearance=outline]){--calcite-internal-button-background-color: var(--calcite-color-transparent);--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-style:solid;border-width:var(--calcite-button-border-size, 1px)}:host([appearance=outline][kind=brand]) button,:host([appearance=outline][kind=brand]) a{--calcite-internal-button-border-color: var(--calcite-color-brand);--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline][kind=brand]) button:hover,:host([appearance=outline][kind=brand]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-brand-hover);--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=outline][kind=brand]) button:active,:host([appearance=outline][kind=brand]) a:active{--calcite-internal-button-border-color: var(--calcite-color-brand-press);--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=outline][kind=brand]) button calcite-loader,:host([appearance=outline][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=outline][kind=danger]) button,:host([appearance=outline][kind=danger]) a{--calcite-internal-button-border-color: var(--calcite-color-status-danger);--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline][kind=danger]) button:hover,:host([appearance=outline][kind=danger]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-status-danger-hover);--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=outline][kind=danger]) button:active,:host([appearance=outline][kind=danger]) a:active{--calcite-internal-button-border-color: var(--calcite-color-status-danger-press);--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=outline][kind=danger]) button calcite-loader,:host([appearance=outline][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=outline][kind=neutral]) button,:host([appearance=outline][kind=neutral]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-border-1);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline][kind=neutral]) button:hover,:host([appearance=outline][kind=neutral]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-border-input)}:host([appearance=outline][kind=neutral]) button:active,:host([appearance=outline][kind=neutral]) a:active{--calcite-internal-button-border-color: var(--calcite-color-text-3)}:host([appearance=outline][kind=inverse]) button,:host([appearance=outline][kind=inverse]) a{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-border-color: var(--calcite-color-inverse);--calcite-internal-button-loader-color: var(--calcite-color-text-1)}:host([appearance=outline][kind=inverse]) button:hover,:host([appearance=outline][kind=inverse]) a:hover{--calcite-internal-button-border-color: var(--calcite-color-inverse-hover)}:host([appearance=outline][kind=inverse]) button:active,:host([appearance=outline][kind=inverse]) a:active{--calcite-internal-button-border-color: var(--calcite-color-inverse-press)}:host([appearance=outline-fill][split-child=primary]) button,:host([appearance=outline][split-child=primary]) button,:host([appearance=outline-fill][split-child=primary]) a,:host([appearance=outline][split-child=primary]) a{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline-fill][split-child=secondary]) button,:host([appearance=outline][split-child=secondary]) button,:host([appearance=outline-fill][split-child=secondary]) a,:host([appearance=outline][split-child=secondary]) a{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]){--calcite-internal-button-background-color: var(--calcite-color-transparent);--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent]:not(.enable-editing-button)){--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=brand]) button,:host([appearance=transparent][kind=brand]) a{--calcite-internal-button-text-color: var(--calcite-color-brand);--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=transparent][kind=brand]) button:hover,:host([appearance=transparent][kind=brand]) a:hover{--calcite-internal-button-text-color: var(--calcite-color-brand-hover)}:host([appearance=transparent][kind=brand]) button:active,:host([appearance=transparent][kind=brand]) a:active{--calcite-internal-button-text-color: var(--calcite-color-brand-press)}:host([appearance=transparent][kind=brand]) button calcite-loader,:host([appearance=transparent][kind=brand]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-brand)}:host([appearance=transparent][kind=danger]) button,:host([appearance=transparent][kind=danger]) a{--calcite-internal-button-text-color: var(--calcite-color-status-danger);--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=transparent][kind=danger]) button:hover,:host([appearance=transparent][kind=danger]) a:hover{--calcite-internal-button-text-color: var(--calcite-color-status-danger-hover)}:host([appearance=transparent][kind=danger]) button:active,:host([appearance=transparent][kind=danger]) a:active{--calcite-internal-button-text-color: var(--calcite-color-status-danger-press)}:host([appearance=transparent][kind=danger]) button calcite-loader,:host([appearance=transparent][kind=danger]) a calcite-loader{--calcite-internal-button-loader-color: var(--calcite-color-status-danger)}:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][kind=neutral]:not(.cancel-editing-button)) calcite-loader{--calcite-internal-button-text-color: var(--calcite-color-text-1)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button{--calcite-internal-button-text-color: var(--calcite-color-text-3)}:host([appearance=transparent][kind=neutral].cancel-editing-button) button:hover{--calcite-internal-button-text-color: var(--calcite-color-text-1);--calcite-internal-button-padding-y: 0}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance=transparent][kind=inverse]){--calcite-internal-button-background-color-hover: var(--calcite-color-transparent-hover);--calcite-internal-button-background-color-press: var(--calcite-color-transparent-press)}:host([appearance=transparent][kind=inverse]) button calcite-loader,:host([appearance=transparent][kind=inverse]) a calcite-loader{--calcite-internal-button-text-color: var(--calcite-color-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-sm)}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-internal-button-padding-x: .5rem}:host([scale=s]) button,:host([scale=s]) a{--calcite-internal-button-padding-y: 3px}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-internal-button-padding-x: 11px;font-size:var(--calcite-font-size-relative-base);line-height:var(--calcite-font-line-height-base)}:host([scale=m]) button,:host([scale=m]) a{--calcite-internal-button-padding-y: 7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-internal-button-padding-x: .75rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-internal-button-padding-x: 15px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md)}:host([scale=l]) .button-padding{--calcite-internal-button-padding-x: 1rem;--calcite-internal-button-padding-y: 11px}:host([scale=l]) .button-padding--shrunk{--calcite-internal-button-padding-y: 9px}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 3px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);inline-size:var(--calcite-space-2xl);min-block-size:1.5rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 7px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);inline-size:var(--calcite-space-3xl);min-block-size:2rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-internal-button-padding-x: .125rem;--calcite-internal-button-padding-y: 9px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);inline-size:var(--calcite-space-4xl);min-block-size:2.75rem}:host(:is([scale=s],[scale=m],[scale=l])[width=full]) a:not(.content--slotted),:host(:is([scale=s],[scale=m],[scale=l])[width=full]) button:not(.content--slotted){inline-size:var(--calcite-container-size-content-fluid)}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-y: var(--calcite-space-sm-plus)}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 23px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-space-2xl)}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 2rem;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-space-3xl)}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-internal-button-padding-x: 43px;font-size:var(--calcite-font-size-relative-md);line-height:var(--calcite-font-line-height-md);block-size:var(--calcite-space-4xl)}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-internal-button-padding-x: 2.75rem}:host([hidden]){display:none}[hidden]{display:none}`;
 class Button extends LitElement {
   constructor() {
     super();

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

@@ -11,7 +11,7 @@ import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";
 import { C as CSS, S as SLOTS, I as ICONS } from "../../chunks/resources8.js";
 import { t as toAriaBoolean } from "../../chunks/aria.js";
-const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%}:host([scale=s]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-xs);--calcite-internal-card-header-text-container-padding-right: 0;--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-xs);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-xs);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-xs);--calcite-internal-card-slotted-content-padding: var(--calcite-space-sm);--calcite-internal-card-footer-padding-inline: var(--calcite-space-sm);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-base)}:host([scale=m]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-base);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-sm);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-sm);--calcite-internal-card-slotted-content-padding: var(--calcite-space-md);--calcite-internal-card-footer-padding-inline: var(--calcite-space-md);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-lg);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-xs);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-md);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-md);--calcite-internal-card-slotted-content-padding: var(--calcite-space-lg);--calcite-internal-card-footer-padding-inline: var(--calcite-space-lg);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-sm)}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-spacing-base) * calc(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.header-text-container{display:flex;flex-direction:column;inline-size:100%;justify-content:center;padding-inline:var(--calcite-internal-card-header-text-container-padding-inline);padding-block:var(--calcite-internal-card-header-text-container-padding-block)}.header-text-container:not(:only-child){padding-inline-end:var(--calcite-internal-card-header-text-container-padding-right)}.footer{display:flex;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-internal-card-footer-padding-inline);padding-block-start:var(--calcite-space-2xs);padding-block-end:var(--calcite-space-md)}.card-content{block-size:auto;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.has-slotted-content{padding:var(--calcite-internal-card-slotted-content-padding)}:host([selected]) .content-wrapper{border:1px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){color:var(--calcite-color-text-1);margin:0;font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-heading-font-size)}slot[name=description]::slotted(*),*::slotted([slot=description]){color:var(--calcite-color-text-2);margin:0;font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-description-font-size)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.checkbox-wrapper-deprecated{pointer-events:auto;position:absolute;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{outline-color:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3));padding:var(--calcite-internal-card-checkbox-wrapper-padding);margin:var(--calcite-internal-card-checkbox-wrapper-margin)}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:var(--calcite-internal-card-footer-start-end-gap)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
+const styles = css`:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%}:host([scale=s]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-xs);--calcite-internal-card-header-text-container-padding-right: 0;--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-xs);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-xs);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-xs);--calcite-internal-card-slotted-content-padding: var(--calcite-space-sm);--calcite-internal-card-footer-padding-inline: var(--calcite-space-sm);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-base)}:host([scale=m]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-sm);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-base);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-sm);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-sm);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-sm);--calcite-internal-card-slotted-content-padding: var(--calcite-space-md);--calcite-internal-card-footer-padding-inline: var(--calcite-space-md);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-2xs)}:host([scale=l]){--calcite-internal-card-header-text-container-padding-inline: var(--calcite-space-lg);--calcite-internal-card-header-text-container-padding-block: var(--calcite-space-md);--calcite-internal-card-header-text-container-padding-right: var(--calcite-space-xs);--calcite-internal-card-heading-font-size: var(--calcite-font-size-relative-md);--calcite-internal-card-description-font-size: var(--calcite-font-size-relative-base);--calcite-internal-card-checkbox-wrapper-padding: var(--calcite-space-md);--calcite-internal-card-checkbox-wrapper-margin: var(--calcite-space-md);--calcite-internal-card-slotted-content-padding: var(--calcite-space-lg);--calcite-internal-card-footer-padding-inline: var(--calcite-space-lg);--calcite-internal-card-footer-start-end-gap: var(--calcite-space-sm)}.content-wrapper{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border:var(--calcite-border-width-sm) solid var(--calcite-card-border-color, var(--calcite-color-border-3));border-radius:var(--calcite-card-corner-radius, var(--calcite-corner-radius-sharp));background-color:var(--calcite-card-background-color, var(--calcite-color-foreground-1));box-shadow:var(--calcite-card-shadow, var(--calcite-shadow-none));pointer-events:none}::slotted(*){pointer-events:auto}:host(:not([selectable])) .content-wrapper:not(.non-interactive){outline-color:transparent}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus{outline:var(--calcite-border-width-md) solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));outline-offset:calc(var(--calcite-space-base) * (1 - 2 * clamp(0,var(--calcite-offset-invert-focus),1)))}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .content-wrapper *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0;display:flex;align-items:center}.header{display:flex;flex-direction:row;align-items:flex-start}.header-text-container{display:flex;flex-direction:column;inline-size:100%;justify-content:center;padding-inline:var(--calcite-internal-card-header-text-container-padding-inline);padding-block:var(--calcite-internal-card-header-text-container-padding-block)}.header-text-container:not(:only-child){padding-inline-end:var(--calcite-internal-card-header-text-container-padding-right)}.footer{display:flex;margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:var(--calcite-internal-card-footer-padding-inline);padding-block-start:var(--calcite-space-2xs);padding-block-end:var(--calcite-space-md)}.card-content{block-size:auto;font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug)}.has-slotted-content{padding:var(--calcite-internal-card-slotted-content-padding)}:host([selected]) .content-wrapper{border:1px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand))}:host([selectable]) .header{padding-inline-end:var(--calcite-spacing-xxxl)}slot[name=heading]::slotted(*),*::slotted([slot=heading]){color:var(--calcite-color-text-1);margin:0;font-weight:var(--calcite-font-weight-medium);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-heading-font-size)}slot[name=description]::slotted(*),*::slotted([slot=description]){color:var(--calcite-color-text-2);margin:0;font-weight:var(--calcite-font-weight-normal);line-height:var(--calcite-font-line-height-relative-snug);font-size:var(--calcite-internal-card-description-font-size)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);align-self:center;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){font-size:var(--calcite-font-size-relative-sm);line-height:var(--calcite-font-line-height-relative-snug);align-self:center}.checkbox-wrapper-deprecated{position:absolute;pointer-events:auto;inset-block-start:var(--calcite-spacing-sm);inset-inline-end:var(--calcite-spacing-sm);margin:0;padding:0;color:var(--calcite-card-selection-color, var(--calcite-color-text-3))}.checkbox-wrapper-deprecated:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper-deprecated:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper{outline-color:transparent;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-items:center;color:var(--calcite-card-selection-color, var(--calcite-color-text-3));padding:var(--calcite-internal-card-checkbox-wrapper-padding);margin:var(--calcite-internal-card-checkbox-wrapper-margin)}.checkbox-wrapper:hover{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}.checkbox-wrapper:active{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press))}.checkbox-wrapper calcite-icon{pointer-events:none}:host([selected]) .checkbox-wrapper-deprecated,:host([selected]) .checkbox-wrapper{color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host(:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-hover, var(--calcite-color-foreground-2));color:var(--calcite-card-selection-color-hover, var(--calcite-card-selection-icon-color-hover, var(--calcite-color-text-2)))}:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper-deprecated,:host([selected]:not([selectable])) .content-wrapper:not(.non-interactive):focus .checkbox-wrapper{background-color:var(--calcite-card-selection-background-color-press, var(--calcite-color-transparent-press));color:var(--calcite-card-accent-color-selected, var(--calcite-card-selection-icon-color-selected, var(--calcite-color-brand)))}.thumbnail-wrapper{display:flex}.content-wrapper.inline{flex-direction:row}.content-wrapper.inline>.container{inline-size:60%}.content-wrapper.inline>.thumbnail-wrapper{align-items:flex-start;inline-size:40%}.content-wrapper.inline slot[name=thumbnail]::slotted(img),.content-wrapper.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:var(--calcite-internal-card-footer-start-end-gap)}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}`;
 class Card extends LitElement {
   constructor() {
     super(...arguments);

package/dist/components/calcite-card-group/customElement.js

@@ -3,7 +3,7 @@ import { c as customElement } from "../../chunks/runtime.js";
 import { css, html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { LitElement, createEvent, safeClassMap } from "@arcgis/lumina";
-import { e as focusElementInGroup } from "../../chunks/dom.js";
+import { b as focusElementInGroup } from "../../chunks/dom.js";
 import { i as isCard } from "../../chunks/resources8.js";
 import { u as useSetFocus } from "../../chunks/useSetFocus.js";
 import { u as useInteractive } from "../../chunks/useInteractive.js";