@spectrum-web-components/table 1.1.0 → 1.1.1

package/src/table.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
+    @media (forced-colors:active){:host{--highcontrast-table-row-background-color:Canvas;--highcontrast-table-row-text-color:CanvasText;--highcontrast-table-divider-color:CanvasText;--highcontrast-table-border-color:CanvasText;--highcontrast-table-icon-color:CanvasText;--highcontrast-table-icon-color-focus:Highlight;--highcontrast-table-selected-row-background-color:Highlight;--highcontrast-table-selected-row-text-color:HighlightText;--highcontrast-table-selected-row-text-color-default:HighlightText;--highcontrast-table-selected-row-background-color-focus:Highlight;--highcontrast-table-selected-row-text-color-focus:HighlightText;--highcontrast-table-row-background-color-hover:Highlight;--highcontrast-table-row-text-color-hover:HighlightText;--highcontrast-table-section-header-text-color:Canvas;--highcontrast-table-section-header-background-color:CanvasText;--highcontrast-table-focus-indicator-color:Highlight;--highcontrast-table-transition-duration:0}@supports (color:SelectedItem){:host{--highcontrast-table-selected-row-background-color:SelectedItem;--highcontrast-table-selected-row-text-color:SelectedItemText;--highcontrast-table-selected-row-text-color-default:SelectedItemText}}}:host{--mod-thumbnail-size:var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size));--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-row-background-color,var(--spectrum-table-row-background-color)));--spectrum-table-selected-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-selected-row-background-color-non-emphasized,var(--spectrum-table-selected-row-background-color-non-emphasized)));--spectrum-table-selected-cell-background-color-focus:var(--highcontrast-table-selected-row-background-color-focus,var(--mod-table-selected-row-background-color-non-emphasized-focus,var(--spectrum-table-selected-row-background-color-non-emphasized-focus)))}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:not(.spectrum-Table-scroller){border-collapse:initial;border-spacing:0}:host:not(.spectrum-Table-scroller){display:table}:host([density=compact]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-medium-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-medium-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-medium-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-medium-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-medium-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-200))}:host([density=compact][size=s]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-small-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-small-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-small-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-small-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-small-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-50))}:host([density=compact][size=l]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-large-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-large-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-large-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-large-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-large-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-300))}:host([density=compact][size=xl]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-extra-large-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-extra-large-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-extra-large-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-extra-large-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-extra-large-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-500))}:host([density=spacious]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-medium-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-medium-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-medium-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-medium-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-medium-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-500))}:host([density=spacious][size=s]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-small-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-small-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-small-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-small-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-small-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-300))}:host([density=spacious][size=l]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-large-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-large-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-large-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-large-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-large-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-700))}:host([density=spacious][size=xl]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-extra-large-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-extra-large-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-extra-large-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-extra-large-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-800))}:host([emphasized]){--spectrum-table-selected-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-selected-row-background-color,var(--spectrum-table-selected-row-background-color)));--spectrum-table-selected-cell-background-color-focus:var(--highcontrast-table-selected-row-background-color-focus,var(--mod-table-selected-row-background-color-focus,var(--spectrum-table-selected-row-background-color-focus)))}:host([quiet]){--spectrum-table-border-radius:var(--mod-table-border-radius--quiet,0px);--spectrum-table-outer-border-inline-width:var(--mod-table-outer-border-inline-width--quiet,0px);--spectrum-table-header-background-color:var(--mod-table-header-background-color--quiet,var(--spectrum-transparent-white-100));--spectrum-table-row-background-color:var(--mod-table-row-background-color--quiet,var(--spectrum-transparent-white-100))}:host{--spectrum-table-header-top-to-text:var(--system-table-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-header-bottom-to-text);--spectrum-table-min-header-height:var(--system-table-min-header-height);--spectrum-table-min-row-height:var(--system-table-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-row-bottom-to-text);--spectrum-table-cell-inline-space:var(--system-table-cell-inline-space);--spectrum-table-border-radius:var(--system-table-border-radius);--spectrum-table-border-width:var(--system-table-border-width);--spectrum-table-outer-border-inline-width:var(--system-table-outer-border-inline-width);--spectrum-table-icon-to-text:var(--system-table-icon-to-text);--spectrum-table-default-vertical-align:var(--system-table-default-vertical-align);--spectrum-table-header-vertical-align:var(--system-table-header-vertical-align);--spectrum-table-header-font-weight:var(--system-table-header-font-weight);--spectrum-table-row-font-family:var(--system-table-row-font-family);--spectrum-table-row-font-weight:var(--system-table-row-font-weight);--spectrum-table-row-font-style:var(--system-table-row-font-style);--spectrum-table-row-font-size:var(--system-table-row-font-size);--spectrum-table-row-line-height:var(--system-table-row-line-height);--spectrum-table-border-color:var(--system-table-border-color);--spectrum-table-divider-color:var(--system-table-divider-color);--spectrum-table-header-background-color:var(--system-table-header-background-color);--spectrum-table-header-text-color:var(--system-table-header-text-color);--spectrum-table-row-background-color:var(--system-table-row-background-color);--spectrum-table-row-text-color:var(--system-table-row-text-color);--spectrum-table-selected-row-background-color:var(--system-table-selected-row-background-color);--spectrum-table-selected-row-background-color-non-emphasized:var(--system-table-selected-row-background-color-non-emphasized);--spectrum-table-row-background-color-hover:var(--system-table-row-background-color-hover);--spectrum-table-row-active-color:var(--system-table-row-active-color);--spectrum-table-selected-row-background-color-focus:var(--system-table-selected-row-background-color-focus);--spectrum-table-selected-row-background-color-non-emphasized-focus:var(--system-table-selected-row-background-color-non-emphasized-focus);--spectrum-table-icon-color-default:var(--system-table-icon-color-default);--spectrum-table-icon-color-hover:var(--system-table-icon-color-hover);--spectrum-table-icon-color-active:var(--system-table-icon-color-active);--spectrum-table-icon-color-focus:var(--system-table-icon-color-focus);--spectrum-table-icon-color-focus-hover:var(--system-table-icon-color-focus-hover);--spectrum-table-icon-color-key-focus:var(--system-table-icon-color-key-focus);--spectrum-table-header-checkbox-block-spacing:var(--system-table-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-row-checkbox-block-spacing);--spectrum-table-focus-indicator-thickness:var(--system-table-focus-indicator-thickness);--spectrum-table-focus-indicator-color:var(--system-table-focus-indicator-color);--spectrum-table-drop-zone-background-color:var(--system-table-drop-zone-background-color);--spectrum-table-drop-zone-outline-color:var(--system-table-drop-zone-outline-color);--spectrum-table-transition-duration:var(--system-table-transition-duration);--spectrum-table-summary-row-font-weight:var(--system-table-summary-row-font-weight);--spectrum-table-summary-row-background-color:var(--system-table-summary-row-background-color);--spectrum-table-section-header-min-height:var(--system-table-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-section-header-block-end-spacing);--spectrum-table-section-header-font-weight:var(--system-table-section-header-font-weight);--spectrum-table-section-header-background-color:var(--system-table-section-header-background-color);--spectrum-table-collapsible-tier-indent:var(--system-table-collapsible-tier-indent);--spectrum-table-collapsible-disclosure-inline-spacing:var(--system-table-collapsible-disclosure-inline-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-disclosure-icon-size);--spectrum-table-collapsible-icon-animation-duration:var(--system-table-collapsible-icon-animation-duration);--spectrum-table-thumbnail-to-text:var(--system-table-thumbnail-to-text);--spectrum-table-thumbnail-block-spacing:var(--system-table-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-thumbnail-size);--spectrum-table-cell-background-color:var(--system-table-cell-background-color);--spectrum-table-selected-cell-background-color:var(--system-table-selected-cell-background-color);--spectrum-table-selected-cell-background-color-focus:var(--system-table-selected-cell-background-color-focus)}:host([size=s]){--spectrum-table-min-header-height:var(--system-table-size-s-min-header-height);--spectrum-table-header-top-to-text:var(--system-table-size-s-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-size-s-header-bottom-to-text);--spectrum-table-min-row-height:var(--system-table-size-s-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-size-s-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-size-s-row-bottom-to-text);--spectrum-table-icon-to-text:var(--system-table-size-s-icon-to-text);--spectrum-table-row-font-size:var(--system-table-size-s-row-font-size);--spectrum-table-header-checkbox-block-spacing:var(--system-table-size-s-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-size-s-row-checkbox-block-spacing);--spectrum-table-section-header-min-height:var(--system-table-size-s-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-size-s-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-size-s-section-header-block-end-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-size-s-disclosure-icon-size);--spectrum-table-thumbnail-block-spacing:var(--system-table-size-s-thumbnail-block-spacing);--spectrum-table-thumbnail-to-text:var(--system-table-size-s-thumbnail-to-text);--spectrum-table-thumbnail-size:var(--system-table-size-s-thumbnail-size)}:host([size=l]){--spectrum-table-min-header-height:var(--system-table-size-l-min-header-height);--spectrum-table-header-top-to-text:var(--system-table-size-l-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-size-l-header-bottom-to-text);--spectrum-table-min-row-height:var(--system-table-size-l-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-size-l-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-size-l-row-bottom-to-text);--spectrum-table-icon-to-text:var(--system-table-size-l-icon-to-text);--spectrum-table-row-font-size:var(--system-table-size-l-row-font-size);--spectrum-table-header-checkbox-block-spacing:var(--system-table-size-l-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-size-l-row-checkbox-block-spacing);--spectrum-table-section-header-min-height:var(--system-table-size-l-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-size-l-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-size-l-section-header-block-end-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-size-l-disclosure-icon-size);--spectrum-table-thumbnail-block-spacing:var(--system-table-size-l-thumbnail-block-spacing);--spectrum-table-thumbnail-to-text:var(--system-table-size-l-thumbnail-to-text);--spectrum-table-thumbnail-size:var(--system-table-size-l-thumbnail-size)}:host([size=xl]){--spectrum-table-min-header-height:var(--system-table-size-xl-min-header-height);--spectrum-table-header-top-to-text:var(--system-table-size-xl-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-size-xl-header-bottom-to-text);--spectrum-table-min-row-height:var(--system-table-size-xl-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-size-xl-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-size-xl-row-bottom-to-text);--spectrum-table-icon-to-text:var(--system-table-size-xl-icon-to-text);--spectrum-table-row-font-size:var(--system-table-size-xl-row-font-size);--spectrum-table-header-checkbox-block-spacing:var(--system-table-size-xl-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-size-xl-row-checkbox-block-spacing);--spectrum-table-section-header-min-height:var(--system-table-size-xl-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-size-xl-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-size-xl-section-header-block-end-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-size-xl-disclosure-icon-size);--spectrum-table-thumbnail-block-spacing:var(--system-table-size-xl-thumbnail-block-spacing);--spectrum-table-thumbnail-to-text:var(--system-table-size-xl-thumbnail-to-text);--spectrum-table-thumbnail-size:var(--system-table-size-xl-thumbnail-size)}:host([density=compact]){--spectrum-table-min-row-height:var(--system-table-compact-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-thumbnail-size)}:host([density=compact][size=s]){--spectrum-table-min-row-height:var(--system-table-compact-size-s-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-size-s-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-size-s-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-size-s-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-size-s-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-size-s-thumbnail-size)}:host([density=compact][size=l]){--spectrum-table-min-row-height:var(--system-table-compact-size-l-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-size-l-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-size-l-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-size-l-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-size-l-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-size-l-thumbnail-size)}:host([density=compact][size=xl]){--spectrum-table-min-row-height:var(--system-table-compact-size-xl-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-size-xl-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-size-xl-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-size-xl-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-size-xl-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-size-xl-thumbnail-size)}:host([density=spacious]){--spectrum-table-min-row-height:var(--system-table-spacious-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-thumbnail-size)}:host([density=spacious][size=s]){--spectrum-table-min-row-height:var(--system-table-spacious-size-s-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-size-s-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-size-s-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-size-s-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-size-s-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-size-s-thumbnail-size)}:host([density=spacious][size=l]){--spectrum-table-min-row-height:var(--system-table-spacious-size-l-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-size-l-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-size-l-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-size-l-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-size-l-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-size-l-thumbnail-size)}:host([density=spacious][size=xl]){--spectrum-table-min-row-height:var(--system-table-spacious-size-xl-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-size-xl-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-size-xl-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-size-xl-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-size-xl-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-size-xl-thumbnail-size)}:host([emphasized]){--spectrum-table-selected-cell-background-color:var(--system-table-emphasized-selected-cell-background-color);--spectrum-table-selected-cell-background-color-focus:var(--system-table-emphasized-selected-cell-background-color-focus)}:host([quiet]){--spectrum-table-border-radius:var(--system-table-quiet-border-radius);--spectrum-table-outer-border-inline-width:var(--system-table-quiet-outer-border-inline-width);--spectrum-table-header-background-color:var(--system-table-quiet-header-background-color);--spectrum-table-row-background-color:var(--system-table-quiet-row-background-color)}:host{flex-direction:column;display:flex}
+`;export default e;
+//# sourceMappingURL=table.css.js.map

package/src/table.css.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["table.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2025 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n    @media (forced-colors:active){:host{--highcontrast-table-row-background-color:Canvas;--highcontrast-table-row-text-color:CanvasText;--highcontrast-table-divider-color:CanvasText;--highcontrast-table-border-color:CanvasText;--highcontrast-table-icon-color:CanvasText;--highcontrast-table-icon-color-focus:Highlight;--highcontrast-table-selected-row-background-color:Highlight;--highcontrast-table-selected-row-text-color:HighlightText;--highcontrast-table-selected-row-text-color-default:HighlightText;--highcontrast-table-selected-row-background-color-focus:Highlight;--highcontrast-table-selected-row-text-color-focus:HighlightText;--highcontrast-table-row-background-color-hover:Highlight;--highcontrast-table-row-text-color-hover:HighlightText;--highcontrast-table-section-header-text-color:Canvas;--highcontrast-table-section-header-background-color:CanvasText;--highcontrast-table-focus-indicator-color:Highlight;--highcontrast-table-transition-duration:0}@supports (color:SelectedItem){:host{--highcontrast-table-selected-row-background-color:SelectedItem;--highcontrast-table-selected-row-text-color:SelectedItemText;--highcontrast-table-selected-row-text-color-default:SelectedItemText}}}:host{--mod-thumbnail-size:var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size));--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-row-background-color,var(--spectrum-table-row-background-color)));--spectrum-table-selected-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-selected-row-background-color-non-emphasized,var(--spectrum-table-selected-row-background-color-non-emphasized)));--spectrum-table-selected-cell-background-color-focus:var(--highcontrast-table-selected-row-background-color-focus,var(--mod-table-selected-row-background-color-non-emphasized-focus,var(--spectrum-table-selected-row-background-color-non-emphasized-focus)))}:host:dir(rtl),:host([dir=rtl]){--spectrum-logical-rotation:matrix(-1,0,0,1,0,0)}:host:not(.spectrum-Table-scroller){border-collapse:initial;border-spacing:0}:host:not(.spectrum-Table-scroller){display:table}:host([density=compact]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-medium-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-medium-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-medium-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-medium-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-medium-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-200))}:host([density=compact][size=s]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-small-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-small-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-small-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-small-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-small-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-50))}:host([density=compact][size=l]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-large-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-large-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-large-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-large-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-large-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-300))}:host([density=compact][size=xl]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--compact,var(--spectrum-table-row-height-extra-large-compact));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--compact,var(--spectrum-table-row-top-to-text-extra-large-compact));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--compact,var(--spectrum-table-row-bottom-to-text-extra-large-compact));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--compact,var(--spectrum-table-row-checkbox-to-top-extra-large-compact));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-compact,var(--spectrum-table-thumbnail-to-top-minimum-extra-large-compact));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-compact,var(--spectrum-thumbnail-size-500))}:host([density=spacious]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-medium-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-medium-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-medium-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-medium-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-medium-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-500))}:host([density=spacious][size=s]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-small-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-small-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-small-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-small-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-small-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-300))}:host([density=spacious][size=l]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-large-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-large-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-large-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-large-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-large-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-700))}:host([density=spacious][size=xl]){--spectrum-table-min-row-height:var(--mod-table-min-row-height--spacious,var(--spectrum-table-row-height-extra-large-spacious));--spectrum-table-row-top-to-text:var(--mod-table-row-top-to-text--spacious,var(--spectrum-table-row-top-to-text-extra-large-spacious));--spectrum-table-row-bottom-to-text:var(--mod-table-row-bottom-to-text--spacious,var(--spectrum-table-row-bottom-to-text-extra-large-spacious));--spectrum-table-row-checkbox-block-spacing:var(--mod-table-row-checkbox-block-spacing--spacious,var(--spectrum-table-row-checkbox-to-top-extra-large-spacious));--spectrum-table-thumbnail-block-spacing:var(--mod-table-thumbnail-block-spacing-spacious,var(--spectrum-table-thumbnail-to-top-minimum-extra-large-spacious));--spectrum-table-thumbnail-size:var(--mod-table-thumbnail-size-spacious,var(--spectrum-thumbnail-size-800))}:host([emphasized]){--spectrum-table-selected-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-selected-row-background-color,var(--spectrum-table-selected-row-background-color)));--spectrum-table-selected-cell-background-color-focus:var(--highcontrast-table-selected-row-background-color-focus,var(--mod-table-selected-row-background-color-focus,var(--spectrum-table-selected-row-background-color-focus)))}:host([quiet]){--spectrum-table-border-radius:var(--mod-table-border-radius--quiet,0px);--spectrum-table-outer-border-inline-width:var(--mod-table-outer-border-inline-width--quiet,0px);--spectrum-table-header-background-color:var(--mod-table-header-background-color--quiet,var(--spectrum-transparent-white-100));--spectrum-table-row-background-color:var(--mod-table-row-background-color--quiet,var(--spectrum-transparent-white-100))}:host{--spectrum-table-header-top-to-text:var(--system-table-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-header-bottom-to-text);--spectrum-table-min-header-height:var(--system-table-min-header-height);--spectrum-table-min-row-height:var(--system-table-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-row-bottom-to-text);--spectrum-table-cell-inline-space:var(--system-table-cell-inline-space);--spectrum-table-border-radius:var(--system-table-border-radius);--spectrum-table-border-width:var(--system-table-border-width);--spectrum-table-outer-border-inline-width:var(--system-table-outer-border-inline-width);--spectrum-table-icon-to-text:var(--system-table-icon-to-text);--spectrum-table-default-vertical-align:var(--system-table-default-vertical-align);--spectrum-table-header-vertical-align:var(--system-table-header-vertical-align);--spectrum-table-header-font-weight:var(--system-table-header-font-weight);--spectrum-table-row-font-family:var(--system-table-row-font-family);--spectrum-table-row-font-weight:var(--system-table-row-font-weight);--spectrum-table-row-font-style:var(--system-table-row-font-style);--spectrum-table-row-font-size:var(--system-table-row-font-size);--spectrum-table-row-line-height:var(--system-table-row-line-height);--spectrum-table-border-color:var(--system-table-border-color);--spectrum-table-divider-color:var(--system-table-divider-color);--spectrum-table-header-background-color:var(--system-table-header-background-color);--spectrum-table-header-text-color:var(--system-table-header-text-color);--spectrum-table-row-background-color:var(--system-table-row-background-color);--spectrum-table-row-text-color:var(--system-table-row-text-color);--spectrum-table-selected-row-background-color:var(--system-table-selected-row-background-color);--spectrum-table-selected-row-background-color-non-emphasized:var(--system-table-selected-row-background-color-non-emphasized);--spectrum-table-row-background-color-hover:var(--system-table-row-background-color-hover);--spectrum-table-row-active-color:var(--system-table-row-active-color);--spectrum-table-selected-row-background-color-focus:var(--system-table-selected-row-background-color-focus);--spectrum-table-selected-row-background-color-non-emphasized-focus:var(--system-table-selected-row-background-color-non-emphasized-focus);--spectrum-table-icon-color-default:var(--system-table-icon-color-default);--spectrum-table-icon-color-hover:var(--system-table-icon-color-hover);--spectrum-table-icon-color-active:var(--system-table-icon-color-active);--spectrum-table-icon-color-focus:var(--system-table-icon-color-focus);--spectrum-table-icon-color-focus-hover:var(--system-table-icon-color-focus-hover);--spectrum-table-icon-color-key-focus:var(--system-table-icon-color-key-focus);--spectrum-table-header-checkbox-block-spacing:var(--system-table-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-row-checkbox-block-spacing);--spectrum-table-focus-indicator-thickness:var(--system-table-focus-indicator-thickness);--spectrum-table-focus-indicator-color:var(--system-table-focus-indicator-color);--spectrum-table-drop-zone-background-color:var(--system-table-drop-zone-background-color);--spectrum-table-drop-zone-outline-color:var(--system-table-drop-zone-outline-color);--spectrum-table-transition-duration:var(--system-table-transition-duration);--spectrum-table-summary-row-font-weight:var(--system-table-summary-row-font-weight);--spectrum-table-summary-row-background-color:var(--system-table-summary-row-background-color);--spectrum-table-section-header-min-height:var(--system-table-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-section-header-block-end-spacing);--spectrum-table-section-header-font-weight:var(--system-table-section-header-font-weight);--spectrum-table-section-header-background-color:var(--system-table-section-header-background-color);--spectrum-table-collapsible-tier-indent:var(--system-table-collapsible-tier-indent);--spectrum-table-collapsible-disclosure-inline-spacing:var(--system-table-collapsible-disclosure-inline-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-disclosure-icon-size);--spectrum-table-collapsible-icon-animation-duration:var(--system-table-collapsible-icon-animation-duration);--spectrum-table-thumbnail-to-text:var(--system-table-thumbnail-to-text);--spectrum-table-thumbnail-block-spacing:var(--system-table-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-thumbnail-size);--spectrum-table-cell-background-color:var(--system-table-cell-background-color);--spectrum-table-selected-cell-background-color:var(--system-table-selected-cell-background-color);--spectrum-table-selected-cell-background-color-focus:var(--system-table-selected-cell-background-color-focus)}:host([size=s]){--spectrum-table-min-header-height:var(--system-table-size-s-min-header-height);--spectrum-table-header-top-to-text:var(--system-table-size-s-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-size-s-header-bottom-to-text);--spectrum-table-min-row-height:var(--system-table-size-s-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-size-s-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-size-s-row-bottom-to-text);--spectrum-table-icon-to-text:var(--system-table-size-s-icon-to-text);--spectrum-table-row-font-size:var(--system-table-size-s-row-font-size);--spectrum-table-header-checkbox-block-spacing:var(--system-table-size-s-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-size-s-row-checkbox-block-spacing);--spectrum-table-section-header-min-height:var(--system-table-size-s-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-size-s-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-size-s-section-header-block-end-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-size-s-disclosure-icon-size);--spectrum-table-thumbnail-block-spacing:var(--system-table-size-s-thumbnail-block-spacing);--spectrum-table-thumbnail-to-text:var(--system-table-size-s-thumbnail-to-text);--spectrum-table-thumbnail-size:var(--system-table-size-s-thumbnail-size)}:host([size=l]){--spectrum-table-min-header-height:var(--system-table-size-l-min-header-height);--spectrum-table-header-top-to-text:var(--system-table-size-l-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-size-l-header-bottom-to-text);--spectrum-table-min-row-height:var(--system-table-size-l-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-size-l-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-size-l-row-bottom-to-text);--spectrum-table-icon-to-text:var(--system-table-size-l-icon-to-text);--spectrum-table-row-font-size:var(--system-table-size-l-row-font-size);--spectrum-table-header-checkbox-block-spacing:var(--system-table-size-l-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-size-l-row-checkbox-block-spacing);--spectrum-table-section-header-min-height:var(--system-table-size-l-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-size-l-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-size-l-section-header-block-end-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-size-l-disclosure-icon-size);--spectrum-table-thumbnail-block-spacing:var(--system-table-size-l-thumbnail-block-spacing);--spectrum-table-thumbnail-to-text:var(--system-table-size-l-thumbnail-to-text);--spectrum-table-thumbnail-size:var(--system-table-size-l-thumbnail-size)}:host([size=xl]){--spectrum-table-min-header-height:var(--system-table-size-xl-min-header-height);--spectrum-table-header-top-to-text:var(--system-table-size-xl-header-top-to-text);--spectrum-table-header-bottom-to-text:var(--system-table-size-xl-header-bottom-to-text);--spectrum-table-min-row-height:var(--system-table-size-xl-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-size-xl-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-size-xl-row-bottom-to-text);--spectrum-table-icon-to-text:var(--system-table-size-xl-icon-to-text);--spectrum-table-row-font-size:var(--system-table-size-xl-row-font-size);--spectrum-table-header-checkbox-block-spacing:var(--system-table-size-xl-header-checkbox-block-spacing);--spectrum-table-row-checkbox-block-spacing:var(--system-table-size-xl-row-checkbox-block-spacing);--spectrum-table-section-header-min-height:var(--system-table-size-xl-section-header-min-height);--spectrum-table-section-header-block-start-spacing:var(--system-table-size-xl-section-header-block-start-spacing);--spectrum-table-section-header-block-end-spacing:var(--system-table-size-xl-section-header-block-end-spacing);--spectrum-table-disclosure-icon-size:var(--system-table-size-xl-disclosure-icon-size);--spectrum-table-thumbnail-block-spacing:var(--system-table-size-xl-thumbnail-block-spacing);--spectrum-table-thumbnail-to-text:var(--system-table-size-xl-thumbnail-to-text);--spectrum-table-thumbnail-size:var(--system-table-size-xl-thumbnail-size)}:host([density=compact]){--spectrum-table-min-row-height:var(--system-table-compact-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-thumbnail-size)}:host([density=compact][size=s]){--spectrum-table-min-row-height:var(--system-table-compact-size-s-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-size-s-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-size-s-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-size-s-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-size-s-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-size-s-thumbnail-size)}:host([density=compact][size=l]){--spectrum-table-min-row-height:var(--system-table-compact-size-l-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-size-l-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-size-l-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-size-l-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-size-l-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-size-l-thumbnail-size)}:host([density=compact][size=xl]){--spectrum-table-min-row-height:var(--system-table-compact-size-xl-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-compact-size-xl-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-compact-size-xl-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-compact-size-xl-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-compact-size-xl-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-compact-size-xl-thumbnail-size)}:host([density=spacious]){--spectrum-table-min-row-height:var(--system-table-spacious-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-thumbnail-size)}:host([density=spacious][size=s]){--spectrum-table-min-row-height:var(--system-table-spacious-size-s-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-size-s-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-size-s-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-size-s-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-size-s-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-size-s-thumbnail-size)}:host([density=spacious][size=l]){--spectrum-table-min-row-height:var(--system-table-spacious-size-l-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-size-l-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-size-l-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-size-l-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-size-l-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-size-l-thumbnail-size)}:host([density=spacious][size=xl]){--spectrum-table-min-row-height:var(--system-table-spacious-size-xl-min-row-height);--spectrum-table-row-top-to-text:var(--system-table-spacious-size-xl-row-top-to-text);--spectrum-table-row-bottom-to-text:var(--system-table-spacious-size-xl-row-bottom-to-text);--spectrum-table-row-checkbox-block-spacing:var(--system-table-spacious-size-xl-row-checkbox-block-spacing);--spectrum-table-thumbnail-block-spacing:var(--system-table-spacious-size-xl-thumbnail-block-spacing);--spectrum-table-thumbnail-size:var(--system-table-spacious-size-xl-thumbnail-size)}:host([emphasized]){--spectrum-table-selected-cell-background-color:var(--system-table-emphasized-selected-cell-background-color);--spectrum-table-selected-cell-background-color-focus:var(--system-table-emphasized-selected-cell-background-color-focus)}:host([quiet]){--spectrum-table-border-radius:var(--system-table-quiet-border-radius);--spectrum-table-outer-border-inline-width:var(--system-table-quiet-outer-border-inline-width);--spectrum-table-header-background-color:var(--system-table-quiet-header-background-color);--spectrum-table-row-background-color:var(--system-table-quiet-row-background-color)}:host{flex-direction:column;display:flex}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
+  "names": ["css", "styles"]
+}

package/stories/index.js

@@ -0,0 +1,27 @@
+"use strict";
+import { html } from "@spectrum-web-components/base";
+export function makeItems(count) {
+  const total = count;
+  const items = [];
+  while (count) {
+    count--;
+    items.push({
+      name: String(total - count),
+      date: count
+    });
+  }
+  return items;
+}
+export const renderItem = (item, index) => {
+  if (item._$rowType$ === 1) {
+    return html`
+            <sp-table-cell>This row has no checkbox!</sp-table-cell>
+        `;
+  }
+  return html`
+        <sp-table-cell>Row Item ${item.name}</sp-table-cell>
+        <sp-table-cell>Row Item ${item.date}</sp-table-cell>
+        <sp-table-cell>Row Item ${index}</sp-table-cell>
+    `;
+};
+//# sourceMappingURL=index.js.map

package/stories/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.ts"],
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport type { Table, TableItem } from '@spectrum-web-components/table';\n\nexport type Properties = {\n    selected?: string[] | undefined;\n    selects?: undefined | 'single' | 'multiple';\n    onChange?: (\n        eventData: Event & {\n            target: Table;\n            first: number;\n            last: number;\n            type: string;\n        }\n    ) => void;\n};\n\nexport interface Item extends TableItem {\n    name: string;\n    date: number;\n}\n\nexport function makeItems(count: number): Item[] {\n    const total = count;\n    const items: Item[] = [];\n    while (count) {\n        count--;\n        items.push({\n            name: String(total - count),\n            date: count,\n        });\n    }\n    return items;\n}\n\nexport const renderItem = (item: Item, index: number): TemplateResult => {\n    if (item._$rowType$ === 1) {\n        return html`\n            <sp-table-cell>This row has no checkbox!</sp-table-cell>\n        `;\n    }\n    return html`\n        <sp-table-cell>Row Item ${item.name}</sp-table-cell>\n        <sp-table-cell>Row Item ${item.date}</sp-table-cell>\n        <sp-table-cell>Row Item ${index}</sp-table-cell>\n    `;\n};\n"],
+  "mappings": ";AAYA,SAAS,YAA4B;AAqB9B,gBAAS,UAAU,OAAuB;AAC7C,QAAM,QAAQ;AACd,QAAM,QAAgB,CAAC;AACvB,SAAO,OAAO;AACV;AACA,UAAM,KAAK;AAAA,MACP,MAAM,OAAO,QAAQ,KAAK;AAAA,MAC1B,MAAM;AAAA,IACV,CAAC;AAAA,EACL;AACA,SAAO;AACX;AAEO,aAAM,aAAa,CAAC,MAAY,UAAkC;AACrE,MAAI,KAAK,eAAe,GAAG;AACvB,WAAO;AAAA;AAAA;AAAA,EAGX;AACA,SAAO;AAAA,kCACuB,KAAK,IAAI;AAAA,kCACT,KAAK,IAAI;AAAA,kCACT,KAAK;AAAA;AAEvC;",
+  "names": []
+}

package/stories/table-elements.stories.js

@@ -0,0 +1,292 @@
+"use strict";
+import { html } from "@spectrum-web-components/base";
+import "@spectrum-web-components/table/sp-table.js";
+import "@spectrum-web-components/table/sp-table-checkbox-cell.js";
+import "@spectrum-web-components/table/sp-table-head.js";
+import "@spectrum-web-components/table/sp-table-head-cell.js";
+import "@spectrum-web-components/table/sp-table-body.js";
+import "@spectrum-web-components/table/sp-table-row.js";
+import "@spectrum-web-components/table/sp-table-cell.js";
+export default {
+  title: "Table",
+  component: "sp-table",
+  args: {
+    selected: [],
+    selects: ""
+  },
+  argTypes: {
+    selected: {
+      name: "selected",
+      description: "The value of the selected `<sp-table-row>`(s).",
+      control: {
+        type: "text"
+      }
+    },
+    selects: {
+      name: "selects",
+      description: "Whether the elements selects its children and how many it can select at a time.",
+      table: {
+        type: { summary: "string" },
+        defaultValue: { summary: "" }
+      },
+      control: {
+        type: "inline-radio",
+        options: ["", "single", "multiple"]
+      }
+    }
+  }
+};
+export const elements = () => {
+  return html`
+        <sp-table>
+            <sp-table-head>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+            </sp-table-head>
+            <sp-table-body style="height: 200px">
+                <sp-table-row value="row1" class="row1">
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row2" class="row2">
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row3" class="row3">
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row4" class="row4">
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row5" class="row5">
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                </sp-table-row>
+            </sp-table-body>
+        </sp-table>
+    `;
+};
+export const small = () => {
+  return html`
+        <sp-table size="s">
+            <sp-table-head>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+            </sp-table-head>
+            <sp-table-body style="height: 120px">
+                <sp-table-row value="row1" class="row1">
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row2" class="row2">
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row3" class="row3">
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row4" class="row4">
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row5" class="row5">
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                </sp-table-row>
+            </sp-table-body>
+        </sp-table>
+    `;
+};
+export const selectsSingle = () => {
+  return html`
+        <sp-table
+            selects="single"
+            .selected=${["row1"]}
+            @change=${({ target }) => {
+    const next = target.nextElementSibling;
+    next.textContent = `Selected: ${JSON.stringify(
+      target.selected
+    )}`;
+  }}
+        >
+            <sp-table-head>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+            </sp-table-head>
+            <sp-table-body style="height: 120px">
+                <sp-table-row value="row1" class="row1">
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row2" class="row2">
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row3" class="row3">
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row4" class="row4">
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row5" class="row5">
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                </sp-table-row>
+            </sp-table-body>
+        </sp-table>
+        <div>Selected: ["row1"]</div>
+    `;
+};
+export const noSelectsSpecified = () => {
+  return html`
+        <sp-table .selected=${["row1", "row2"]}>
+            <sp-table-head>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+            </sp-table-head>
+            <sp-table-body style="height: 120px">
+                <sp-table-row value="row1" class="row1">
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row2" class="row2">
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row3" class="row3">
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row4" class="row4">
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row5" class="row5">
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                </sp-table-row>
+            </sp-table-body>
+        </sp-table>
+    `;
+};
+export const selectsMultiple = () => {
+  return html`
+        <sp-table
+            selects="multiple"
+            .selected=${["row1", "row2"]}
+            @change=${({ target }) => {
+    const next = target.nextElementSibling;
+    next.textContent = `Selected: ${JSON.stringify(
+      target.selected,
+      null,
+      " "
+    )}`;
+    const nextNext = next.nextElementSibling;
+    nextNext.textContent = `Selected Count: ${target.selected.length}`;
+  }}
+        >
+            <sp-table-head>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+            </sp-table-head>
+            <sp-table-body style="height: 120px">
+                <sp-table-row value="row1" class="row1">
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row2" class="row2">
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row3" class="row3">
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row4" class="row4">
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row5" class="row5">
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                </sp-table-row>
+            </sp-table-body>
+        </sp-table>
+        <div>Selected: ["row1", "row2"]</div>
+        <div>Selected Count: 2</div>
+    `;
+};
+export const emphasized = () => {
+  return html`
+        <sp-table emphasized selects="multiple" .selected=${["row1", "row2"]}>
+            <sp-table-head>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+                <sp-table-head-cell>Column Title</sp-table-head-cell>
+            </sp-table-head>
+            <sp-table-body style="height: 120px">
+                <sp-table-row value="row1" class="row1">
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                    <sp-table-cell>Row Item Alpha</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row2" class="row2">
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                    <sp-table-cell>Row Item Bravo</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row3" class="row3">
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                    <sp-table-cell>Row Item Charlie</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row4" class="row4">
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                    <sp-table-cell>Row Item Delta</sp-table-cell>
+                </sp-table-row>
+                <sp-table-row value="row5" class="row5">
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                    <sp-table-cell>Row Item Echo</sp-table-cell>
+                </sp-table-row>
+            </sp-table-body>
+        </sp-table>
+    `;
+};
+//# sourceMappingURL=table-elements.stories.js.map

package/stories/table-elements.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["table-elements.stories.ts"],
+  "sourcesContent": ["/* STORIES\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/table/sp-table.js';\nimport '@spectrum-web-components/table/sp-table-checkbox-cell.js';\nimport '@spectrum-web-components/table/sp-table-head.js';\nimport '@spectrum-web-components/table/sp-table-head-cell.js';\nimport '@spectrum-web-components/table/sp-table-body.js';\nimport '@spectrum-web-components/table/sp-table-row.js';\nimport '@spectrum-web-components/table/sp-table-cell.js';\nimport type { Table } from '@spectrum-web-components/table';\n\nexport default {\n    title: 'Table',\n    component: 'sp-table',\n    args: {\n        selected: [],\n        selects: '',\n    },\n    argTypes: {\n        selected: {\n            name: 'selected',\n            description: 'The value of the selected `<sp-table-row>`(s).',\n            control: {\n                type: 'text',\n            },\n        },\n        selects: {\n            name: 'selects',\n            description:\n                'Whether the elements selects its children and how many it can select at a time.',\n            table: {\n                type: { summary: 'string' },\n                defaultValue: { summary: '' },\n            },\n            control: {\n                type: 'inline-radio',\n                options: ['', 'single', 'multiple'],\n            },\n        },\n    },\n};\n\nexport const elements = (): TemplateResult => {\n    return html`\n        <sp-table>\n            <sp-table-head>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n            </sp-table-head>\n            <sp-table-body style=\"height: 200px\">\n                <sp-table-row value=\"row1\" class=\"row1\">\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row2\" class=\"row2\">\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row3\" class=\"row3\">\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row4\" class=\"row4\">\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row5\" class=\"row5\">\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                </sp-table-row>\n            </sp-table-body>\n        </sp-table>\n    `;\n};\n\nexport const small = (): TemplateResult => {\n    return html`\n        <sp-table size=\"s\">\n            <sp-table-head>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n            </sp-table-head>\n            <sp-table-body style=\"height: 120px\">\n                <sp-table-row value=\"row1\" class=\"row1\">\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row2\" class=\"row2\">\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row3\" class=\"row3\">\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row4\" class=\"row4\">\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row5\" class=\"row5\">\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                </sp-table-row>\n            </sp-table-body>\n        </sp-table>\n    `;\n};\n\nexport const selectsSingle = (): TemplateResult => {\n    return html`\n        <sp-table\n            selects=\"single\"\n            .selected=${['row1']}\n            @change=${({ target }: Event & { target: Table }) => {\n                const next = target.nextElementSibling as HTMLDivElement;\n                next.textContent = `Selected: ${JSON.stringify(\n                    target.selected\n                )}`;\n            }}\n        >\n            <sp-table-head>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n            </sp-table-head>\n            <sp-table-body style=\"height: 120px\">\n                <sp-table-row value=\"row1\" class=\"row1\">\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row2\" class=\"row2\">\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row3\" class=\"row3\">\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row4\" class=\"row4\">\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row5\" class=\"row5\">\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                </sp-table-row>\n            </sp-table-body>\n        </sp-table>\n        <div>Selected: [\"row1\"]</div>\n    `;\n};\n\nexport const noSelectsSpecified = (): TemplateResult => {\n    return html`\n        <sp-table .selected=${['row1', 'row2']}>\n            <sp-table-head>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n            </sp-table-head>\n            <sp-table-body style=\"height: 120px\">\n                <sp-table-row value=\"row1\" class=\"row1\">\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row2\" class=\"row2\">\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row3\" class=\"row3\">\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row4\" class=\"row4\">\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row5\" class=\"row5\">\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                </sp-table-row>\n            </sp-table-body>\n        </sp-table>\n    `;\n};\n\nexport const selectsMultiple = (): TemplateResult => {\n    return html`\n        <sp-table\n            selects=\"multiple\"\n            .selected=${['row1', 'row2']}\n            @change=${({ target }: Event & { target: Table }) => {\n                const next = target.nextElementSibling as HTMLDivElement;\n                next.textContent = `Selected: ${JSON.stringify(\n                    target.selected,\n                    null,\n                    ' '\n                )}`;\n                const nextNext = next.nextElementSibling as HTMLDivElement;\n                nextNext.textContent = `Selected Count: ${target.selected.length}`;\n            }}\n        >\n            <sp-table-head>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n            </sp-table-head>\n            <sp-table-body style=\"height: 120px\">\n                <sp-table-row value=\"row1\" class=\"row1\">\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row2\" class=\"row2\">\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row3\" class=\"row3\">\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row4\" class=\"row4\">\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row5\" class=\"row5\">\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                </sp-table-row>\n            </sp-table-body>\n        </sp-table>\n        <div>Selected: [\"row1\", \"row2\"]</div>\n        <div>Selected Count: 2</div>\n    `;\n};\n\nexport const emphasized = (): TemplateResult => {\n    return html`\n        <sp-table emphasized selects=\"multiple\" .selected=${['row1', 'row2']}>\n            <sp-table-head>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n                <sp-table-head-cell>Column Title</sp-table-head-cell>\n            </sp-table-head>\n            <sp-table-body style=\"height: 120px\">\n                <sp-table-row value=\"row1\" class=\"row1\">\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                    <sp-table-cell>Row Item Alpha</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row2\" class=\"row2\">\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                    <sp-table-cell>Row Item Bravo</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row3\" class=\"row3\">\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                    <sp-table-cell>Row Item Charlie</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row4\" class=\"row4\">\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                    <sp-table-cell>Row Item Delta</sp-table-cell>\n                </sp-table-row>\n                <sp-table-row value=\"row5\" class=\"row5\">\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                    <sp-table-cell>Row Item Echo</sp-table-cell>\n                </sp-table-row>\n            </sp-table-body>\n        </sp-table>\n    `;\n};\n\n// export const selectsMultipleAttributes = (): TemplateResult => {\n//     return html`\n//         <sp-table selects=\"multiple\">\n//             <sp-table-head>\n//                 <sp-table-head-cell>\n//                     Column Title\n//                 </sp-table-head-cell>\n//                 <sp-table-head-cell>Column Title</sp-table-head-cell>\n//                 <sp-table-head-cell>Column Title</sp-table-head-cell>\n//             </sp-table-head>\n//             <sp-table-body style=\"height: 120px\">\n//                 <sp-table-row value=\"row1\" selected>\n//                     <sp-table-cell>Row Item Alpha</sp-table-cell>\n//                     <sp-table-cell>Row Item Alpha</sp-table-cell>\n//                     <sp-table-cell>Row Item Alpha</sp-table-cell>\n//                 </sp-table-row>\n//                 <sp-table-row value=\"row2\">\n//                     <sp-table-cell>Row Item Bravo</sp-table-cell>\n//                     <sp-table-cell>Row Item Bravo</sp-table-cell>\n//                     <sp-table-cell>Row Item Bravo</sp-table-cell>\n//                 </sp-table-row>\n//                 <sp-table-row value=\"row3\" selected>\n//                     <sp-table-cell>Row Item Charlie</sp-table-cell>\n//                     <sp-table-cell>Row Item Charlie</sp-table-cell>\n//                     <sp-table-cell>Row Item Charlie</sp-table-cell>\n//                 </sp-table-row>\n//                 <sp-table-row value=\"row4\">\n//                     <sp-table-cell>Row Item Delta</sp-table-cell>\n//                     <sp-table-cell>Row Item Delta</sp-table-cell>\n//                     <sp-table-cell>Row Item Delta</sp-table-cell>\n//                 </sp-table-row>\n//                 <sp-table-row value=\"row5\">\n//                     <sp-table-cell>Row Item Echo</sp-table-cell>\n//                     <sp-table-cell>Row Item Echo</sp-table-cell>\n//                     <sp-table-cell>Row Item Echo</sp-table-cell>\n//                 </sp-table-row>\n//             </sp-table-body>\n//         </sp-table>\n//     `;\n// };\n"],
+  "mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAGP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,IACF,UAAU,CAAC;AAAA,IACX,SAAS;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACN,UAAU;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,aACI;AAAA,MACJ,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,SAAS;AAAA,QAC1B,cAAc,EAAE,SAAS,GAAG;AAAA,MAChC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,QACN,SAAS,CAAC,IAAI,UAAU,UAAU;AAAA,MACtC;AAAA,IACJ;AAAA,EACJ;AACJ;AAEO,aAAM,WAAW,MAAsB;AAC1C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCX;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAAA,wBAGa,CAAC,MAAM,CAAC;AAAA,sBACV,CAAC,EAAE,OAAO,MAAiC;AACjD,UAAM,OAAO,OAAO;AACpB,SAAK,cAAc,aAAa,KAAK;AAAA,MACjC,OAAO;AAAA,IACX,CAAC;AAAA,EACL,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCb;AAEO,aAAM,qBAAqB,MAAsB;AACpD,SAAO;AAAA,8BACmB,CAAC,QAAQ,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmC9C;AAEO,aAAM,kBAAkB,MAAsB;AACjD,SAAO;AAAA;AAAA;AAAA,wBAGa,CAAC,QAAQ,MAAM,CAAC;AAAA,sBAClB,CAAC,EAAE,OAAO,MAAiC;AACjD,UAAM,OAAO,OAAO;AACpB,SAAK,cAAc,aAAa,KAAK;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACJ,CAAC;AACD,UAAM,WAAW,KAAK;AACtB,aAAS,cAAc,mBAAmB,OAAO,SAAS,MAAM;AAAA,EACpE,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCb;AAEO,aAAM,aAAa,MAAsB;AAC5C,SAAO;AAAA,4DACiD,CAAC,QAAQ,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmC5E;",
+  "names": []
+}