@spectrum-web-components/table 1.4.1-beta.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +16 -10
- package/src/spectrum-table-row.css.dev.js +1 -1
- package/src/spectrum-table-row.css.dev.js.map +1 -1
- package/src/spectrum-table-row.css.js +1 -1
- package/src/spectrum-table-row.css.js.map +1 -1
- package/src/table-row.css.dev.js +1 -1
- package/src/table-row.css.dev.js.map +1 -1
- package/src/table-row.css.js +1 -1
- package/src/table-row.css.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/table",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -11,13 +11,13 @@
|
|
|
11
11
|
"url": "https://github.com/adobe/spectrum-web-components.git",
|
|
12
12
|
"directory": "packages/table"
|
|
13
13
|
},
|
|
14
|
-
"author": "",
|
|
14
|
+
"author": "Adobe",
|
|
15
15
|
"homepage": "https://opensource.adobe.com/spectrum-web-components/components/table",
|
|
16
16
|
"bugs": {
|
|
17
17
|
"url": "https://github.com/adobe/spectrum-web-components/issues"
|
|
18
18
|
},
|
|
19
|
-
"main": "src/index.js",
|
|
20
|
-
"module": "src/index.js",
|
|
19
|
+
"main": "./src/index.js",
|
|
20
|
+
"module": "./src/index.js",
|
|
21
21
|
"type": "module",
|
|
22
22
|
"exports": {
|
|
23
23
|
".": {
|
|
@@ -115,18 +115,24 @@
|
|
|
115
115
|
"!test/"
|
|
116
116
|
],
|
|
117
117
|
"keywords": [
|
|
118
|
-
"
|
|
118
|
+
"design-system",
|
|
119
|
+
"spectrum",
|
|
120
|
+
"adobe",
|
|
121
|
+
"adobe-spectrum",
|
|
119
122
|
"web components",
|
|
123
|
+
"web-components",
|
|
120
124
|
"lit-element",
|
|
121
|
-
"lit-html"
|
|
125
|
+
"lit-html",
|
|
126
|
+
"component",
|
|
127
|
+
"css"
|
|
122
128
|
],
|
|
123
129
|
"dependencies": {
|
|
124
130
|
"@lit-labs/observers": "^2.0.2",
|
|
125
131
|
"@lit-labs/virtualizer": "^2.0.12",
|
|
126
|
-
"@spectrum-web-components/base": "1.
|
|
127
|
-
"@spectrum-web-components/checkbox": "1.
|
|
128
|
-
"@spectrum-web-components/icon": "1.
|
|
129
|
-
"@spectrum-web-components/icons-ui": "1.
|
|
132
|
+
"@spectrum-web-components/base": "1.5.0",
|
|
133
|
+
"@spectrum-web-components/checkbox": "1.5.0",
|
|
134
|
+
"@spectrum-web-components/icon": "1.5.0",
|
|
135
|
+
"@spectrum-web-components/icons-ui": "1.5.0"
|
|
130
136
|
},
|
|
131
137
|
"devDependencies": {
|
|
132
138
|
"@spectrum-css/table": "7.0.0-s2-foundations.17"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
import { css } from "@spectrum-web-components/base";
|
|
3
3
|
const styles = css`
|
|
4
|
-
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}
|
|
4
|
+
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}
|
|
5
5
|
`;
|
|
6
6
|
export default styles;
|
|
7
7
|
//# sourceMappingURL=spectrum-table-row.css.dev.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-table-row.css.ts"],
|
|
4
|
-
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}\n`;\nexport default styles;"],
|
|
4
|
+
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
|
|
2
|
-
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}
|
|
2
|
+
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}
|
|
3
3
|
`;export default e;
|
|
4
4
|
//# sourceMappingURL=spectrum-table-row.css.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["spectrum-table-row.css.ts"],
|
|
4
|
-
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}\n`;\nexport default styles;"],
|
|
4
|
+
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|
package/src/table-row.css.dev.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
import { css } from "@spectrum-web-components/base";
|
|
3
3
|
const styles = css`
|
|
4
|
-
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}
|
|
4
|
+
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}
|
|
5
5
|
`;
|
|
6
6
|
export default styles;
|
|
7
7
|
//# sourceMappingURL=table-row.css.dev.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["table-row.css.ts"],
|
|
4
|
-
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}\n`;\nexport default styles;"],
|
|
4
|
+
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/table-row.css.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
"use strict";import{css as r}from"@spectrum-web-components/base";const e=r`
|
|
2
|
-
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}
|
|
2
|
+
@media (forced-colors:active){:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}
|
|
3
3
|
`;export default e;
|
|
4
4
|
//# sourceMappingURL=table-row.css.js.map
|
package/src/table-row.css.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["table-row.css.ts"],
|
|
4
|
-
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}\n`;\nexport default styles;"],
|
|
4
|
+
"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([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([drop-target]) .spectrum-Table-body,:host([drop-target]),:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:pointer;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host([focused]),:host(:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--spectrum-table-selected-cell-background-color))}:host([selected][focused]),:host([selected]:focus-visible){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}:host([drop-target]) .spectrum-Table-body,:host([drop-target]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){--spectrum-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent);outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1)}:host([drop-target]) ::slotted(*){border-block-start-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:auto;cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier=\"1\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier=\"2\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier=\"3\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier=\"4\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier=\"5\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier=\"6\"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc((var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color-focus,var(--spectrum-table-selected-cell-background-color-focus))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - (var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}:host,:host([role=row]){width:100%;display:flex}:host(:first-child) ::slotted(*){border-block-start:none}:host(:last-child) ::slotted(*){border-block-end:none}::slotted(:first-child){border-inline-start:none}::slotted(:last-child){border-inline-end:none}\n`;\nexport default styles;"],
|
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
|
6
6
|
"names": ["css", "styles"]
|
|
7
7
|
}
|