@spectrum-web-components/table 0.37.0 → 0.39.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.
Files changed (86) hide show
  1. package/README.md +295 -24
  2. package/custom-elements.json +101 -0
  3. package/package.json +8 -8
  4. package/src/Table.d.ts +12 -0
  5. package/src/Table.dev.js +27 -7
  6. package/src/Table.dev.js.map +2 -2
  7. package/src/Table.js +12 -12
  8. package/src/Table.js.map +3 -3
  9. package/src/TableCheckboxCell.d.ts +5 -0
  10. package/src/TableCheckboxCell.dev.js +10 -3
  11. package/src/TableCheckboxCell.dev.js.map +2 -2
  12. package/src/TableCheckboxCell.js +3 -2
  13. package/src/TableCheckboxCell.js.map +3 -3
  14. package/src/TableHeadCell.dev.js +3 -2
  15. package/src/TableHeadCell.dev.js.map +2 -2
  16. package/src/TableHeadCell.js +4 -4
  17. package/src/TableHeadCell.js.map +3 -3
  18. package/src/spectrum-config.js +124 -4
  19. package/src/spectrum-table-body.css.dev.js +9 -9
  20. package/src/spectrum-table-body.css.dev.js.map +1 -1
  21. package/src/spectrum-table-body.css.js +11 -11
  22. package/src/spectrum-table-body.css.js.map +1 -1
  23. package/src/spectrum-table-cell.css.dev.js +59 -15
  24. package/src/spectrum-table-cell.css.dev.js.map +2 -2
  25. package/src/spectrum-table-cell.css.js +61 -17
  26. package/src/spectrum-table-cell.css.js.map +2 -2
  27. package/src/spectrum-table-checkbox-cell.css.dev.js +101 -3
  28. package/src/spectrum-table-checkbox-cell.css.dev.js.map +2 -2
  29. package/src/spectrum-table-checkbox-cell.css.js +103 -5
  30. package/src/spectrum-table-checkbox-cell.css.js.map +2 -2
  31. package/src/spectrum-table-head-cell.css.dev.js +102 -32
  32. package/src/spectrum-table-head-cell.css.dev.js.map +2 -2
  33. package/src/spectrum-table-head-cell.css.js +104 -34
  34. package/src/spectrum-table-head-cell.css.js.map +2 -2
  35. package/src/spectrum-table-head.css.dev.js +1 -1
  36. package/src/spectrum-table-head.css.dev.js.map +1 -1
  37. package/src/spectrum-table-head.css.js +1 -1
  38. package/src/spectrum-table-head.css.js.map +1 -1
  39. package/src/spectrum-table-row.css.dev.js +199 -27
  40. package/src/spectrum-table-row.css.dev.js.map +2 -2
  41. package/src/spectrum-table-row.css.js +201 -29
  42. package/src/spectrum-table-row.css.js.map +2 -2
  43. package/src/spectrum-table.css.dev.js +247 -325
  44. package/src/spectrum-table.css.dev.js.map +2 -2
  45. package/src/spectrum-table.css.js +249 -327
  46. package/src/spectrum-table.css.js.map +2 -2
  47. package/src/table-body.css.dev.js +17 -9
  48. package/src/table-body.css.dev.js.map +2 -2
  49. package/src/table-body.css.js +17 -9
  50. package/src/table-body.css.js.map +2 -2
  51. package/src/table-cell.css.dev.js +59 -15
  52. package/src/table-cell.css.dev.js.map +2 -2
  53. package/src/table-cell.css.js +61 -17
  54. package/src/table-cell.css.js.map +2 -2
  55. package/src/table-checkbox-cell.css.dev.js +101 -3
  56. package/src/table-checkbox-cell.css.dev.js.map +2 -2
  57. package/src/table-checkbox-cell.css.js +101 -3
  58. package/src/table-checkbox-cell.css.js.map +2 -2
  59. package/src/table-head-cell.css.dev.js +103 -33
  60. package/src/table-head-cell.css.dev.js.map +2 -2
  61. package/src/table-head-cell.css.js +105 -35
  62. package/src/table-head-cell.css.js.map +2 -2
  63. package/src/table-head.css.dev.js +1 -1
  64. package/src/table-head.css.dev.js.map +1 -1
  65. package/src/table-head.css.js +1 -1
  66. package/src/table-head.css.js.map +1 -1
  67. package/src/table-row.css.dev.js +199 -27
  68. package/src/table-row.css.dev.js.map +2 -2
  69. package/src/table-row.css.js +201 -29
  70. package/src/table-row.css.js.map +2 -2
  71. package/src/table.css.dev.js +247 -325
  72. package/src/table.css.dev.js.map +2 -2
  73. package/src/table.css.js +249 -327
  74. package/src/table.css.js.map +2 -2
  75. package/stories/table-elements.stories.js +40 -4
  76. package/stories/table-elements.stories.js.map +2 -2
  77. package/test/helpers.js +18 -0
  78. package/test/helpers.js.map +7 -0
  79. package/test/table-selects.test.js +2 -16
  80. package/test/table-selects.test.js.map +2 -2
  81. package/test/table.test.js +42 -24
  82. package/test/table.test.js.map +2 -2
  83. package/test/virtualized-table-selects.test.js +15 -46
  84. package/test/virtualized-table-selects.test.js.map +2 -2
  85. package/test/virtualized-table.test.js +4 -27
  86. package/test/virtualized-table.test.js.map +2 -2
@@ -1,30 +1,202 @@
1
- "use strict";import{css as r}from"@spectrum-web-components/base";const o=r`
2
- :host([dir=ltr][drop-target]):before{left:0}:host([dir=rtl][drop-target]):before{right:0}:host([dir=ltr][drop-target]):before{right:0}:host([dir=rtl][drop-target]):before{left:0}:host([drop-target]):before{bottom:0;content:"";position:absolute;top:0;z-index:1}:host{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host(:focus){outline:0}:host{background-color:var(
3
- --spectrum-table-m-regular-row-background-color,var(--spectrum-alias-background-color-transparent)
4
- );border-bottom:1px solid var(
5
- --spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)
6
- )}:host(:hover){background-color:var(
7
- --spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)
8
- )}:host(.focus-visible),:host([focused]){background-color:var(
9
- --spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)
10
- )}:host(.focus-visible),:host([focused]){background-color:var(
11
- --spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)
12
- )}:host(:focus-visible),:host([focused]){background-color:var(
13
- --spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)
14
- )}:host:active{background-color:var(
15
- --spectrum-table-m-regular-row-background-color-down,var(--spectrum-alias-highlight-down)
16
- )}:host([selected]){background-color:var(
17
- --spectrum-table-m-regular-row-background-color-selected,var(--spectrum-alias-highlight-selected)
18
- )}:host([selected]:hover){background-color:var(
19
- --spectrum-table-m-regular-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover)
20
- )}:host([selected].focus-visible),:host([selected][focused]){background-color:var(
21
- --spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)
22
- )}:host([selected].focus-visible),:host([selected][focused]){background-color:var(
23
- --spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)
24
- )}:host([selected]:focus-visible),:host([selected][focused]){background-color:var(
25
- --spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)
26
- )}:host([drop-target]):before{background-color:var(--spectrum-alias-highlight-selected);box-shadow:inset 0 0 0 2px var(
27
- --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
28
- )}
29
- `;export default o;
1
+ "use strict";import{css as e}from"@spectrum-web-components/base";const r=e`
2
+ @media (forced-colors:active){:host(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host([drop-target]),:host([drop-target]) .spectrum-Table-body,:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(
3
+ --highcontrast-table-selected-row-text-color
4
+ );--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(
5
+ --mod-table-border-width,var(--spectrum-table-border-width)
6
+ ) solid var(
7
+ --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
8
+ )}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(
9
+ --mod-table-border-width,var(--spectrum-table-border-width)
10
+ ) solid var(
11
+ --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
12
+ )}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(
13
+ --mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)
14
+ ) solid var(
15
+ --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
16
+ )}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(
17
+ --mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)
18
+ ) solid var(
19
+ --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
20
+ )}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(
21
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
22
+ )}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(
23
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
24
+ )}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(
25
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
26
+ )}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(
27
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
28
+ )}:host{border-block-start:none;cursor:var(--mod-table-cursor-row-default,pointer);position:relative;transition:background-color var(
29
+ --highcontrast-table-transition-duration,var(
30
+ --mod-table-transition-duration,var(--spectrum-table-transition-duration)
31
+ )
32
+ ) ease-in-out}:host(:first-child){border-start-end-radius:var(
33
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
34
+ );border-start-start-radius:var(
35
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
36
+ )}:host(:last-child){border-end-end-radius:var(
37
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
38
+ );border-end-start-radius:var(
39
+ --mod-table-border-radius,var(--spectrum-table-border-radius)
40
+ )}:host(:focus){outline:0}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(
41
+ --highcontrast-table-row-text-color-hover
42
+ );--highcontrast-table-icon-color:var(
43
+ --highcontrast-table-row-text-color-hover
44
+ );--spectrum-table-cell-background-color:var(
45
+ --highcontrast-table-row-background-color-hover,var(
46
+ --mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
47
+ )
48
+ )}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(
49
+ --highcontrast-table-row-text-color-hover
50
+ );--highcontrast-table-icon-color:var(
51
+ --highcontrast-table-row-text-color-hover
52
+ );--spectrum-table-cell-background-color:var(
53
+ --highcontrast-table-row-background-color-hover,var(
54
+ --mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
55
+ )
56
+ )}:host(:focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(
57
+ --highcontrast-table-row-text-color-hover
58
+ );--highcontrast-table-icon-color:var(
59
+ --highcontrast-table-row-text-color-hover
60
+ );--spectrum-table-cell-background-color:var(
61
+ --highcontrast-table-row-background-color-hover,var(
62
+ --mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
63
+ )
64
+ )}:host:active{--highcontrast-table-row-text-color:var(
65
+ --highcontrast-table-row-text-color-hover
66
+ );--highcontrast-table-icon-color:var(
67
+ --highcontrast-table-row-text-color-hover
68
+ );--spectrum-table-cell-background-color:var(
69
+ --highcontrast-table-row-background-color-hover,var(
70
+ --mod-table-row-active-color,var(--spectrum-table-row-active-color)
71
+ )
72
+ )}:host([selected]){--highcontrast-table-row-text-color:var(
73
+ --highcontrast-table-selected-row-text-color
74
+ );--highcontrast-table-icon-color:var(
75
+ --highcontrast-table-selected-row-text-color
76
+ );--spectrum-table-cell-background-color:var(
77
+ --spectrum-table-selected-cell-background-color
78
+ )}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(
79
+ --highcontrast-table-selected-row-text-color-focus
80
+ );--highcontrast-table-icon-color:var(
81
+ --highcontrast-table-selected-row-text-color-focus
82
+ );--spectrum-table-cell-background-color:var(
83
+ --spectrum-table-selected-cell-background-color-focus
84
+ )}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(
85
+ --highcontrast-table-selected-row-text-color-focus
86
+ );--highcontrast-table-icon-color:var(
87
+ --highcontrast-table-selected-row-text-color-focus
88
+ );--spectrum-table-cell-background-color:var(
89
+ --spectrum-table-selected-cell-background-color-focus
90
+ )}:host([selected]:focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(
91
+ --highcontrast-table-selected-row-text-color-focus
92
+ );--highcontrast-table-icon-color:var(
93
+ --highcontrast-table-selected-row-text-color-focus
94
+ );--spectrum-table-cell-background-color:var(
95
+ --spectrum-table-selected-cell-background-color-focus
96
+ )}:host([drop-target]),:host([drop-target]) .spectrum-Table-body{--highcontrast-table-row-text-color:var(
97
+ --highcontrast-table-selected-row-text-color
98
+ );--highcontrast-table-icon-color:var(
99
+ --highcontrast-table-selected-row-text-color
100
+ );--spectrum-table-cell-background-color:var(
101
+ --highcontrast-table-selected-row-background-color,var(
102
+ --mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)
103
+ )
104
+ )}:host([drop-target]){--mod-table-border-color:var(
105
+ --highcontrast-table-focus-indicator-color,transparent
106
+ );outline-color:var(
107
+ --highcontrast-table-focus-indicator-color,var(
108
+ --mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)
109
+ )
110
+ );outline-offset:calc(var(
111
+ --mod-table-focus-indicator-thickness,
112
+ var(--spectrum-table-focus-indicator-thickness)
113
+ )*-1);outline-style:solid;outline-width:var(
114
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
115
+ )}:host([drop-target]) ::slotted(*){border-top-color:var(
116
+ --highcontrast-table-focus-indicator-color,var(
117
+ --mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)
118
+ )
119
+ )}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(
120
+ --highcontrast-table-row-background-color,var(
121
+ --mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)
122
+ )
123
+ )}.spectrum-Table-row--summary ::slotted(*){color:var(
124
+ --highcontrast-table-row-text-color,var(
125
+ --mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)
126
+ )
127
+ );font-family:var(
128
+ --mod-table-summary-row-font-family,var(--spectrum-table-row-font-family)
129
+ );font-size:var(
130
+ --mod-table-summary-row-font-size,var(--spectrum-table-row-font-size)
131
+ );font-style:var(
132
+ --mod-table-summary-row-font-style,var(--spectrum-table-row-font-style)
133
+ );font-weight:var(
134
+ --mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight)
135
+ );line-height:var(
136
+ --mod-table-summary-row-line-height,var(--spectrum-table-row-line-height)
137
+ )}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(
138
+ --highcontrast-table-section-header-background-color,var(
139
+ --mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)
140
+ )
141
+ );cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){block-size:var(
142
+ --mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height)
143
+ );color:var(
144
+ --highcontrast-table-section-header-text-color,var(
145
+ --mod-table-section-header-text-color,var(--spectrum-table-row-text-color)
146
+ )
147
+ );font-family:var(
148
+ --mod-table-section-header-font-family,var(--spectrum-table-row-font-family)
149
+ );font-size:var(
150
+ --mod-table-section-header-font-size,var(--spectrum-table-row-font-size)
151
+ );font-style:var(
152
+ --mod-table-section-header-font-style,var(--spectrum-table-row-font-style)
153
+ );font-weight:var(
154
+ --mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight)
155
+ );line-height:var(
156
+ --mod-table-section-header-line-height,var(--spectrum-table-row-line-height)
157
+ );padding-block-end:calc(var(
158
+ --mod-table-section-header-block-end-spacing,
159
+ var(--spectrum-table-section-header-block-end-spacing)
160
+ ) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-block-start:calc(var(
161
+ --mod-table-section-header-block-start-spacing,
162
+ var(--spectrum-table-section-header-block-start-spacing)
163
+ ) - var(--mod-table-border-width, var(--spectrum-table-border-width)));text-align:start}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(
164
+ --highcontrast-table-section-header-text-color
165
+ );--spectrum-table-cell-background-color:var(
166
+ --highcontrast-table-section-header-background-color,var(
167
+ --mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)
168
+ )
169
+ )}: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(
170
+ --mod-table-disclosure-icon-size,
171
+ var(--spectrum-table-disclosure-icon-size)
172
+ ) + var(
173
+ --mod-table-collapsible-disclosure-inline-spacing,
174
+ var(--spectrum-table-collapsible-disclosure-inline-spacing)
175
+ )*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-block-start:max(0px,calc((var(
176
+ --mod-table-min-row-height,
177
+ var(--spectrum-table-min-row-height)
178
+ ) - var(
179
+ --mod-table-disclosure-icon-size,
180
+ var(--spectrum-table-disclosure-icon-size)
181
+ ))/2));margin-inline:var(
182
+ --mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing)
183
+ )}:host([hidden]) .spectrum-Table-row--collapsible{display:none}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(
184
+ --mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)
185
+ );--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(
186
+ --mod-table-thumbnail-size,
187
+ var(--spectrum-table-thumbnail-size)
188
+ ) - var(
189
+ --mod-table-row-line-height,
190
+ var(--spectrum-table-row-line-height)
191
+ )*var(--mod-table-header-font-size,
192
+ 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(
193
+ --mod-table-disclosure-icon-size,
194
+ var(--spectrum-table-disclosure-icon-size)
195
+ ) - var(
196
+ --mod-table-thumbnail-size,
197
+ var(--spectrum-table-thumbnail-size)
198
+ ))/2));--table-thumbnail-cell-block-spacing:max(var(
199
+ --mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)
200
+ ),var(--table-thumbnail-inner-minimum-block-spacing))}
201
+ `;export default r;
30
202
  //# 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 2023 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:host([dir=ltr][drop-target]):before{left:0}:host([dir=rtl][drop-target]):before{right:0}:host([dir=ltr][drop-target]):before{right:0}:host([dir=rtl][drop-target]):before{left:0}:host([drop-target]):before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host(:focus){outline:0}:host{background-color:var(\n--spectrum-table-m-regular-row-background-color,var(--spectrum-alias-background-color-transparent)\n);border-bottom:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host(:hover){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host(.focus-visible),:host([focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host(:focus-visible),:host([focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}:host:active{background-color:var(\n--spectrum-table-m-regular-row-background-color-down,var(--spectrum-alias-highlight-down)\n)}:host([selected]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected,var(--spectrum-alias-highlight-selected)\n)}:host([selected]:hover){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover)\n)}:host([selected].focus-visible),:host([selected][focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([selected].focus-visible),:host([selected][focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([selected]:focus-visible),:host([selected][focused]){background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([drop-target]):before{background-color:var(--spectrum-alias-highlight-selected);box-shadow:inset 0 0 0 2px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6Bf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 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(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host([drop-target]),:host([drop-target]) .spectrum-Table-body,:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(\n--highcontrast-table-selected-row-text-color\n);--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(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(\n--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(\n--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host{border-block-start:none;cursor:var(--mod-table-cursor-row-default,pointer);position:relative;transition:background-color var(\n--highcontrast-table-transition-duration,var(\n--mod-table-transition-duration,var(--spectrum-table-transition-duration)\n)\n) ease-in-out}:host(:first-child){border-start-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n);border-start-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:last-child){border-end-end-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n);border-end-start-radius:var(\n--mod-table-border-radius,var(--spectrum-table-border-radius)\n)}:host(:focus){outline:0}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)\n)\n)}:host(.focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)\n)\n)}:host(:focus-visible),:host(:hover),:host([focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)\n)\n)}:host:active{--highcontrast-table-row-text-color:var(\n--highcontrast-table-row-text-color-hover\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-row-text-color-hover\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color-hover,var(\n--mod-table-row-active-color,var(--spectrum-table-row-active-color)\n)\n)}:host([selected]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color\n)}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color-focus\n)}:host([selected].focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color-focus\n)}:host([selected]:focus-visible),:host([selected]:hover),:host([selected][focused]){--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color-focus\n);--spectrum-table-cell-background-color:var(\n--spectrum-table-selected-cell-background-color-focus\n)}:host([drop-target]),:host([drop-target]) .spectrum-Table-body{--highcontrast-table-row-text-color:var(\n--highcontrast-table-selected-row-text-color\n);--highcontrast-table-icon-color:var(\n--highcontrast-table-selected-row-text-color\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-selected-row-background-color,var(\n--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)\n)\n)}:host([drop-target]){--mod-table-border-color:var(\n--highcontrast-table-focus-indicator-color,transparent\n);outline-color:var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)\n)\n);outline-offset:calc(var(\n--mod-table-focus-indicator-thickness,\nvar(--spectrum-table-focus-indicator-thickness)\n)*-1);outline-style:solid;outline-width:var(\n--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)\n)}:host([drop-target]) ::slotted(*){border-top-color:var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)\n)\n)}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(\n--highcontrast-table-row-background-color,var(\n--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)\n)\n)}.spectrum-Table-row--summary ::slotted(*){color:var(\n--highcontrast-table-row-text-color,var(\n--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)\n)\n);font-family:var(\n--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family)\n);font-size:var(\n--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size)\n);font-style:var(\n--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style)\n);font-weight:var(\n--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight)\n);line-height:var(\n--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height)\n)}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(\n--highcontrast-table-section-header-background-color,var(\n--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)\n)\n);cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){block-size:var(\n--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height)\n);color:var(\n--highcontrast-table-section-header-text-color,var(\n--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)\n)\n);font-family:var(\n--mod-table-section-header-font-family,var(--spectrum-table-row-font-family)\n);font-size:var(\n--mod-table-section-header-font-size,var(--spectrum-table-row-font-size)\n);font-style:var(\n--mod-table-section-header-font-style,var(--spectrum-table-row-font-style)\n);font-weight:var(\n--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight)\n);line-height:var(\n--mod-table-section-header-line-height,var(--spectrum-table-row-line-height)\n);padding-block-end:calc(var(\n--mod-table-section-header-block-end-spacing,\nvar(--spectrum-table-section-header-block-end-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-block-start:calc(var(\n--mod-table-section-header-block-start-spacing,\nvar(--spectrum-table-section-header-block-start-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)));text-align:start}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(\n--highcontrast-table-section-header-text-color\n);--spectrum-table-cell-background-color:var(\n--highcontrast-table-section-header-background-color,var(\n--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)\n)\n)}: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(\n--mod-table-disclosure-icon-size,\nvar(--spectrum-table-disclosure-icon-size)\n) + var(\n--mod-table-collapsible-disclosure-inline-spacing,\nvar(--spectrum-table-collapsible-disclosure-inline-spacing)\n)*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-block-start:max(0px,calc((var(\n--mod-table-min-row-height,\nvar(--spectrum-table-min-row-height)\n) - var(\n--mod-table-disclosure-icon-size,\nvar(--spectrum-table-disclosure-icon-size)\n))/2));margin-inline:var(\n--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing)\n)}:host([hidden]) .spectrum-Table-row--collapsible{display:none}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(\n--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)\n);--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(\n--mod-table-thumbnail-size,\nvar(--spectrum-table-thumbnail-size)\n) - var(\n--mod-table-row-line-height,\nvar(--spectrum-table-row-line-height)\n)*var(--mod-table-header-font-size,\nvar(--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(\n--mod-table-disclosure-icon-size,\nvar(--spectrum-table-disclosure-icon-size)\n) - var(\n--mod-table-thumbnail-size,\nvar(--spectrum-table-thumbnail-size)\n))/2));--table-thumbnail-cell-block-spacing:max(var(\n--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)\n),var(--table-thumbnail-inner-minimum-block-spacing))}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyMf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }