@spectrum-web-components/table 1.8.0 → 1.9.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 (22) hide show
  1. package/README.md +220 -266
  2. package/package.json +7 -7
  3. package/src/spectrum-table-cell.css.dev.js +1 -1
  4. package/src/spectrum-table-cell.css.dev.js.map +1 -1
  5. package/src/spectrum-table-cell.css.js +1 -1
  6. package/src/spectrum-table-cell.css.js.map +1 -1
  7. package/src/table-cell.css.dev.js +1 -1
  8. package/src/table-cell.css.dev.js.map +1 -1
  9. package/src/table-cell.css.js +1 -1
  10. package/src/table-cell.css.js.map +1 -1
  11. package/src/table-checkbox-cell.css.dev.js +1 -1
  12. package/src/table-checkbox-cell.css.dev.js.map +1 -1
  13. package/src/table-checkbox-cell.css.js +1 -1
  14. package/src/table-checkbox-cell.css.js.map +1 -1
  15. package/src/table-head-cell.css.dev.js +1 -1
  16. package/src/table-head-cell.css.dev.js.map +1 -1
  17. package/src/table-head-cell.css.js +1 -1
  18. package/src/table-head-cell.css.js.map +1 -1
  19. package/src/table-head.css.dev.js +1 -1
  20. package/src/table-head.css.dev.js.map +1 -1
  21. package/src/table-head.css.js +1 -1
  22. package/src/table-head.css.js.map +1 -1
package/README.md CHANGED
@@ -1,25 +1,26 @@
1
- ## Description
1
+ ## Overview
2
2
 
3
- An `<sp-table>` is used to create a container for displaying information. It allows users to sort, compare, and take action on large amounts of data.
3
+ An `<sp-table>` is used to create a container for displaying information. It allows users to quickly scan, sort, compare, and take action on large amounts of data. Tables are essential for organizing and presenting structured information in a clear, accessible format.
4
4
 
5
5
  ### Usage
6
6
 
7
7
  [![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/table?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/table)
8
8
  [![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/table?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/table)
9
+ [![Try it on Stackblitz](https://img.shields.io/badge/Try%20it%20on-Stackblitz-blue?style=for-the-badge)](https://stackblitz.com/edit/vitejs-vite-2ilo6nmh)
9
10
 
10
- ```
11
+ ```zsh
11
12
  yarn add @spectrum-web-components/table
12
13
  ```
13
14
 
14
- Import the side effectful registration of `<sp-table>`, `<sp-table-body>`, `<sp-table-cell>`, `<sp-table-checkbox-cell>`, `<sp-table-head>`, `<sp-table-head-cell>`. and `<sp-table-row>` via:
15
+ Import the side effectful registration of `<sp-table>`, `<sp-table-body>`, `<sp-table-cell>`, `<sp-table-checkbox-cell>`, `<sp-table-head>`, `<sp-table-head-cell>`, and `<sp-table-row>` via:
15
16
 
16
- ```
17
+ ```js
17
18
  import '@spectrum-web-components/table/elements.js';
18
19
  ```
19
20
 
20
21
  Or individually via:
21
22
 
22
- ```
23
+ ```js
23
24
  import '@spectrum-web-components/table/sp-table.js';
24
25
  import '@spectrum-web-components/table/sp-table-body.js';
25
26
  import '@spectrum-web-components/table/sp-table-cell.js';
@@ -31,7 +32,7 @@ import '@spectrum-web-components/table/sp-table-row.js';
31
32
 
32
33
  When looking to leverage the `Table`, `TableBody`, `TableCell`, `TableCheckboxCell`, `TableHead`, `TableHeadCell`, or `TableRow` base classes as a type and/or for extension purposes, do so via:
33
34
 
34
- ```
35
+ ```js
35
36
  import {
36
37
  Table,
37
38
  TableBody,
@@ -39,205 +40,136 @@ import {
39
40
  TableCheckboxCell,
40
41
  TableHead,
41
42
  TableHeadCell,
42
- TableRow
43
+ TableRow,
43
44
  } from '@spectrum-web-components/table';
44
45
  ```
45
46
 
46
- ## Example
47
+ ### Anatomy
48
+
49
+ A table consists of the following parts:
47
50
 
48
- ```html
51
+ - a table head section (`<sp-table-head>`)
52
+ - header cells (`<sp-table-head-cell>`) within the table head section
53
+ - a table body section, ie.`<sp-table-body>`
54
+ - rows (`<sp-table-row>`) within the table body section
55
+ - body cells (`<sp-table-cell>`) within the table body rows
56
+
57
+ ```html demo
49
58
  <sp-table>
50
59
  <sp-table-head>
51
- <sp-table-head-cell>Column Title</sp-table-head-cell>
52
- <sp-table-head-cell>Column Title</sp-table-head-cell>
53
- <sp-table-head-cell>Column Title</sp-table-head-cell>
60
+ <sp-table-head-cell>File name</sp-table-head-cell>
61
+ <sp-table-head-cell>Type</sp-table-head-cell>
62
+ <sp-table-head-cell>Size</sp-table-head-cell>
63
+ <sp-table-head-cell>Status</sp-table-head-cell>
54
64
  </sp-table-head>
55
65
  <sp-table-body>
56
66
  <sp-table-row>
57
- <sp-table-cell>Row Item Alpha</sp-table-cell>
58
- <sp-table-cell>Row Item Alpha</sp-table-cell>
59
- <sp-table-cell>Row Item Alpha</sp-table-cell>
67
+ <sp-table-cell>Budget</sp-table-cell>
68
+ <sp-table-cell>PDF</sp-table-cell>
69
+ <sp-table-cell>89 KB</sp-table-cell>
70
+ <sp-table-cell>Reviewed</sp-table-cell>
60
71
  </sp-table-row>
61
72
  <sp-table-row>
62
- <sp-table-cell>Row Item Bravo</sp-table-cell>
63
- <sp-table-cell>Row Item Bravo</sp-table-cell>
64
- <sp-table-cell>Row Item Bravo</sp-table-cell>
73
+ <sp-table-cell>Onboarding</sp-table-cell>
74
+ <sp-table-cell>XLS</sp-table-cell>
75
+ <sp-table-cell>120 KB</sp-table-cell>
76
+ <sp-table-cell>Draft</sp-table-cell>
65
77
  </sp-table-row>
66
78
  <sp-table-row>
67
- <sp-table-cell>Row Item Charlie</sp-table-cell>
68
- <sp-table-cell>Row Item Charlie</sp-table-cell>
69
- <sp-table-cell>Row Item Charlie</sp-table-cell>
70
- </sp-table-row>
71
- <sp-table-row>
72
- <sp-table-cell>Row Item Delta</sp-table-cell>
73
- <sp-table-cell>Row Item Delta</sp-table-cell>
74
- <sp-table-cell>Row Item Delta</sp-table-cell>
75
- </sp-table-row>
76
- <sp-table-row>
77
- <sp-table-cell>Row Item Echo</sp-table-cell>
78
- <sp-table-cell>Row Item Echo</sp-table-cell>
79
- <sp-table-cell>Row Item Echo</sp-table-cell>
79
+ <sp-table-cell>Proposal</sp-table-cell>
80
+ <sp-table-cell>PDF</sp-table-cell>
81
+ <sp-table-cell>139 KB</sp-table-cell>
82
+ <sp-table-cell>Published</sp-table-cell>
80
83
  </sp-table-row>
81
84
  </sp-table-body>
82
85
  </sp-table>
83
86
  ```
84
87
 
85
- ## Selection
86
-
87
- To manage selection on an `<sp-table>`, utilise the `selects` attribute on `<sp-table>`. Each `<sp-table-row>` has a `value` attribute which, by default, corresponds to its index in the table, and these `value`s tell `<sp-table>` which `<sp-table-row>`s are selected. The selected items can be manually applied via the `selected` property on the table.
88
-
89
- ### `selects="single"`
90
-
91
- When `selects="single"`, the `<sp-table>` will manage a _single_ selection in the array value of `selected`.
92
-
93
- ```html
94
- <sp-table
95
- selects="single"
96
- selected='["row1"]'
97
- onchange="spAlert(this, `Selected: ${JSON.stringify(this.selected)}`)"
98
- >
99
- <sp-table-head>
100
- <sp-table-head-cell>Column Title</sp-table-head-cell>
101
- <sp-table-head-cell>Column Title</sp-table-head-cell>
102
- <sp-table-head-cell>Column Title</sp-table-head-cell>
103
- </sp-table-head>
104
- <sp-table-body>
105
- <sp-table-row value="row1">
106
- <sp-table-cell>Row Item Alpha</sp-table-cell>
107
- <sp-table-cell>Row Item Alpha</sp-table-cell>
108
- <sp-table-cell>Row Item Alpha</sp-table-cell>
109
- </sp-table-row>
110
- <sp-table-row value="row2">
111
- <sp-table-cell>Row Item Bravo</sp-table-cell>
112
- <sp-table-cell>Row Item Bravo</sp-table-cell>
113
- <sp-table-cell>Row Item Bravo</sp-table-cell>
114
- </sp-table-row>
115
- <sp-table-row value="row3">
116
- <sp-table-cell>Row Item Charlie</sp-table-cell>
117
- <sp-table-cell>Row Item Charlie</sp-table-cell>
118
- <sp-table-cell>Row Item Charlie</sp-table-cell>
119
- </sp-table-row>
120
- <sp-table-row value="row4">
121
- <sp-table-cell>Row Item Delta</sp-table-cell>
122
- <sp-table-cell>Row Item Delta</sp-table-cell>
123
- <sp-table-cell>Row Item Delta</sp-table-cell>
124
- </sp-table-row>
125
- <sp-table-row value="row5">
126
- <sp-table-cell>Row Item Echo</sp-table-cell>
127
- <sp-table-cell>Row Item Echo</sp-table-cell>
128
- <sp-table-cell>Row Item Echo</sp-table-cell>
129
- </sp-table-row>
130
- </sp-table-body>
131
- </sp-table>
132
- ```
88
+ ### Options
133
89
 
134
- ### `selects="multiple"`
90
+ <sp-tabs selected="selection" auto label="Table options">
91
+ <sp-tab value="selection">Selection</sp-tab>
92
+ <sp-tab-panel value="selection">
135
93
 
136
- When `selects="multiple"`, the `<sp-table>` manages selections via a presence toggle and adds them to the `selected` array. Additionally, an `<sp-table-checkbox-cell>` will be made available in the `<sp-table-head>` in order to select/deselect all items in the `<sp-table>`.
94
+ The `selects` attribute enables row selection functionality. When `selects="single"`, users can select one row at a time. When `selects="multiple"`, users can select multiple rows and a checkbox column is automatically added to the table header for select all functionality.
137
95
 
138
- ```html
139
- <sp-table
140
- selects="multiple"
141
- selected='["row1", "row2"]'
142
- onchange="spAlert(this, `Selected: ${JSON.stringify(this.selected)}`)"
143
- >
96
+ ```html demo
97
+ <sp-table selects="multiple" selected='["row1", "row2"]'>
144
98
  <sp-table-head>
145
- <sp-table-head-cell>Column Title</sp-table-head-cell>
146
- <sp-table-head-cell>Column Title</sp-table-head-cell>
147
- <sp-table-head-cell>Column Title</sp-table-head-cell>
99
+ <sp-table-head-cell>File name</sp-table-head-cell>
100
+ <sp-table-head-cell>Type</sp-table-head-cell>
101
+ <sp-table-head-cell>Size</sp-table-head-cell>
148
102
  </sp-table-head>
149
103
  <sp-table-body>
150
104
  <sp-table-row value="row1">
151
- <sp-table-cell>Row Item Alpha</sp-table-cell>
152
- <sp-table-cell>Row Item Alpha</sp-table-cell>
153
- <sp-table-cell>Row Item Alpha</sp-table-cell>
105
+ <sp-table-cell>Budget</sp-table-cell>
106
+ <sp-table-cell>PDF</sp-table-cell>
107
+ <sp-table-cell>89 KB</sp-table-cell>
154
108
  </sp-table-row>
155
109
  <sp-table-row value="row2">
156
- <sp-table-cell>Row Item Bravo</sp-table-cell>
157
- <sp-table-cell>Row Item Bravo</sp-table-cell>
158
- <sp-table-cell>Row Item Bravo</sp-table-cell>
159
- </sp-table-row>
160
- <sp-table-row value="row3">
161
- <sp-table-cell>Row Item Charlie</sp-table-cell>
162
- <sp-table-cell>Row Item Charlie</sp-table-cell>
163
- <sp-table-cell>Row Item Charlie</sp-table-cell>
164
- </sp-table-row>
165
- <sp-table-row value="row4">
166
- <sp-table-cell>Row Item Delta</sp-table-cell>
167
- <sp-table-cell>Row Item Delta</sp-table-cell>
168
- <sp-table-cell>Row Item Delta</sp-table-cell>
169
- </sp-table-row>
170
- <sp-table-row value="row5">
171
- <sp-table-cell>Row Item Echo</sp-table-cell>
172
- <sp-table-cell>Row Item Echo</sp-table-cell>
173
- <sp-table-cell>Row Item Echo</sp-table-cell>
110
+ <sp-table-cell>Onboarding</sp-table-cell>
111
+ <sp-table-cell>XLS</sp-table-cell>
112
+ <sp-table-cell>120 KB</sp-table-cell>
174
113
  </sp-table-row>
175
114
  </sp-table-body>
176
115
  </sp-table>
177
116
  ```
178
117
 
179
- ## Emphasized
118
+ </sp-tab-panel>
119
+ <sp-tab value="emphasized">Emphasized</sp-tab>
120
+ <sp-tab-panel value="emphasized">
180
121
 
181
- Use the `emphasized` attribute to add priority to the information that is delivered within your `<table>` element. In particular, this affects the appearance of selected rows, and will set the emphasized style for the checkboxes within `sp-table-checkbox-cell`.
182
- Leaving off the `emphasized` attribute will display the non-emphasized colors.
122
+ The `emphasized` attribute adds visual priority to the table content. This affects the appearance of selected rows and checkboxes, providing a more prominent visual treatment.
183
123
 
184
- ```html
124
+ ```html demo
185
125
  <sp-table emphasized selects="multiple" selected='["row1"]'>
186
126
  <sp-table-head>
187
- <sp-table-head-cell>Column Title</sp-table-head-cell>
188
- <sp-table-head-cell>Column Title</sp-table-head-cell>
189
- <sp-table-head-cell>Column Title</sp-table-head-cell>
127
+ <sp-table-head-cell>File name</sp-table-head-cell>
128
+ <sp-table-head-cell>Type</sp-table-head-cell>
129
+ <sp-table-head-cell>Size</sp-table-head-cell>
190
130
  </sp-table-head>
191
131
  <sp-table-body>
192
132
  <sp-table-row value="row1">
193
- <sp-table-cell>Row Item Alpha</sp-table-cell>
194
- <sp-table-cell>Row Item Alpha</sp-table-cell>
195
- <sp-table-cell>Row Item Alpha</sp-table-cell>
133
+ <sp-table-cell>Budget</sp-table-cell>
134
+ <sp-table-cell>PDF</sp-table-cell>
135
+ <sp-table-cell>89 KB</sp-table-cell>
196
136
  </sp-table-row>
197
137
  <sp-table-row value="row2">
198
- <sp-table-cell>Row Item Bravo</sp-table-cell>
199
- <sp-table-cell>Row Item Bravo</sp-table-cell>
200
- <sp-table-cell>Row Item Bravo</sp-table-cell>
201
- </sp-table-row>
202
- <sp-table-row value="row3">
203
- <sp-table-cell>Row Item Charlie</sp-table-cell>
204
- <sp-table-cell>Row Item Charlie</sp-table-cell>
205
- <sp-table-cell>Row Item Charlie</sp-table-cell>
138
+ <sp-table-cell>Onboarding</sp-table-cell>
139
+ <sp-table-cell>XLS</sp-table-cell>
140
+ <sp-table-cell>120 KB</sp-table-cell>
206
141
  </sp-table-row>
207
142
  </sp-table-body>
208
143
  </sp-table>
209
144
  ```
210
145
 
211
- ## Density
146
+ </sp-tab-panel>
147
+ <sp-tab value="density">Density</sp-tab>
148
+ <sp-tab-panel value="density">
212
149
 
213
- The optional `density` property changes the spacing around table cell content from the "regular" default. It accepts the values of `compact` or `spacious`.
150
+ The `density` attribute controls the spacing around table cell content. Available values are `compact` for tighter spacing and `spacious` for more generous spacing.
214
151
 
215
- <sp-tabs selected="compact" auto label="Density Attribute Options">
152
+ <sp-tabs selected="compact" auto label="Density Options">
216
153
  <sp-tab value="compact">Compact</sp-tab>
217
154
  <sp-tab-panel value="compact">
218
155
 
219
- ```html
156
+ ```html demo
220
157
  <sp-table density="compact">
221
158
  <sp-table-head>
222
- <sp-table-head-cell>Column Title</sp-table-head-cell>
223
- <sp-table-head-cell>Column Title</sp-table-head-cell>
224
- <sp-table-head-cell>Column Title</sp-table-head-cell>
159
+ <sp-table-head-cell>File name</sp-table-head-cell>
160
+ <sp-table-head-cell>Type</sp-table-head-cell>
161
+ <sp-table-head-cell>Size</sp-table-head-cell>
225
162
  </sp-table-head>
226
163
  <sp-table-body>
227
- <sp-table-row value="row1">
228
- <sp-table-cell>Row Item Alpha</sp-table-cell>
229
- <sp-table-cell>Row Item Alpha</sp-table-cell>
230
- <sp-table-cell>Row Item Alpha</sp-table-cell>
231
- </sp-table-row>
232
- <sp-table-row value="row2">
233
- <sp-table-cell>Row Item Bravo</sp-table-cell>
234
- <sp-table-cell>Row Item Bravo</sp-table-cell>
235
- <sp-table-cell>Row Item Bravo</sp-table-cell>
164
+ <sp-table-row>
165
+ <sp-table-cell>Budget</sp-table-cell>
166
+ <sp-table-cell>PDF</sp-table-cell>
167
+ <sp-table-cell>89 KB</sp-table-cell>
236
168
  </sp-table-row>
237
- <sp-table-row value="row3">
238
- <sp-table-cell>Row Item Charlie</sp-table-cell>
239
- <sp-table-cell>Row Item Charlie</sp-table-cell>
240
- <sp-table-cell>Row Item Charlie</sp-table-cell>
169
+ <sp-table-row>
170
+ <sp-table-cell>Onboarding</sp-table-cell>
171
+ <sp-table-cell>XLS</sp-table-cell>
172
+ <sp-table-cell>120 KB</sp-table-cell>
241
173
  </sp-table-row>
242
174
  </sp-table-body>
243
175
  </sp-table>
@@ -247,28 +179,23 @@ The optional `density` property changes the spacing around table cell content fr
247
179
  <sp-tab value="spacious">Spacious</sp-tab>
248
180
  <sp-tab-panel value="spacious">
249
181
 
250
- ```html
182
+ ```html demo
251
183
  <sp-table density="spacious">
252
184
  <sp-table-head>
253
- <sp-table-head-cell>Column Title</sp-table-head-cell>
254
- <sp-table-head-cell>Column Title</sp-table-head-cell>
255
- <sp-table-head-cell>Column Title</sp-table-head-cell>
185
+ <sp-table-head-cell>File name</sp-table-head-cell>
186
+ <sp-table-head-cell>Type</sp-table-head-cell>
187
+ <sp-table-head-cell>Size</sp-table-head-cell>
256
188
  </sp-table-head>
257
189
  <sp-table-body>
258
- <sp-table-row value="row1">
259
- <sp-table-cell>Row Item Alpha</sp-table-cell>
260
- <sp-table-cell>Row Item Alpha</sp-table-cell>
261
- <sp-table-cell>Row Item Alpha</sp-table-cell>
262
- </sp-table-row>
263
- <sp-table-row value="row2">
264
- <sp-table-cell>Row Item Bravo</sp-table-cell>
265
- <sp-table-cell>Row Item Bravo</sp-table-cell>
266
- <sp-table-cell>Row Item Bravo</sp-table-cell>
190
+ <sp-table-row>
191
+ <sp-table-cell>Budget</sp-table-cell>
192
+ <sp-table-cell>PDF</sp-table-cell>
193
+ <sp-table-cell>89 KB</sp-table-cell>
267
194
  </sp-table-row>
268
- <sp-table-row value="row3">
269
- <sp-table-cell>Row Item Charlie</sp-table-cell>
270
- <sp-table-cell>Row Item Charlie</sp-table-cell>
271
- <sp-table-cell>Row Item Charlie</sp-table-cell>
195
+ <sp-table-row>
196
+ <sp-table-cell>Onboarding</sp-table-cell>
197
+ <sp-table-cell>XLS</sp-table-cell>
198
+ <sp-table-cell>120 KB</sp-table-cell>
272
199
  </sp-table-row>
273
200
  </sp-table-body>
274
201
  </sp-table>
@@ -277,34 +204,33 @@ The optional `density` property changes the spacing around table cell content fr
277
204
  </sp-tab-panel>
278
205
  </sp-tabs>
279
206
 
280
- ## Sizes
207
+ </sp-tab-panel>
208
+ <sp-tab value="size">Size</sp-tab>
209
+ <sp-tab-panel value="size">
210
+
211
+ The `size` attribute controls the overall size of the table. Available values are `s` (small), `m` (medium, default), `l` (large), and `xl` (extra large).
281
212
 
282
- <sp-tabs selected="s" auto label="Size Attribute Options">
213
+ <sp-tabs selected="s" auto label="Size Options">
283
214
  <sp-tab value="s">Small</sp-tab>
284
215
  <sp-tab-panel value="s">
285
216
 
286
- ```html
217
+ ```html demo
287
218
  <sp-table size="s">
288
219
  <sp-table-head>
289
- <sp-table-head-cell>Column Title</sp-table-head-cell>
290
- <sp-table-head-cell>Column Title</sp-table-head-cell>
291
- <sp-table-head-cell>Column Title</sp-table-head-cell>
220
+ <sp-table-head-cell>File name</sp-table-head-cell>
221
+ <sp-table-head-cell>Type</sp-table-head-cell>
222
+ <sp-table-head-cell>Size</sp-table-head-cell>
292
223
  </sp-table-head>
293
224
  <sp-table-body>
294
- <sp-table-row value="row1">
295
- <sp-table-cell>Row Item Alpha</sp-table-cell>
296
- <sp-table-cell>Row Item Alpha</sp-table-cell>
297
- <sp-table-cell>Row Item Alpha</sp-table-cell>
298
- </sp-table-row>
299
- <sp-table-row value="row2">
300
- <sp-table-cell>Row Item Bravo</sp-table-cell>
301
- <sp-table-cell>Row Item Bravo</sp-table-cell>
302
- <sp-table-cell>Row Item Bravo</sp-table-cell>
225
+ <sp-table-row>
226
+ <sp-table-cell>Budget</sp-table-cell>
227
+ <sp-table-cell>PDF</sp-table-cell>
228
+ <sp-table-cell>89 KB</sp-table-cell>
303
229
  </sp-table-row>
304
- <sp-table-row value="row3">
305
- <sp-table-cell>Row Item Charlie</sp-table-cell>
306
- <sp-table-cell>Row Item Charlie</sp-table-cell>
307
- <sp-table-cell>Row Item Charlie</sp-table-cell>
230
+ <sp-table-row>
231
+ <sp-table-cell>Onboarding</sp-table-cell>
232
+ <sp-table-cell>XLS</sp-table-cell>
233
+ <sp-table-cell>120 KB</sp-table-cell>
308
234
  </sp-table-row>
309
235
  </sp-table-body>
310
236
  </sp-table>
@@ -314,28 +240,23 @@ The optional `density` property changes the spacing around table cell content fr
314
240
  <sp-tab value="m">Medium (Default)</sp-tab>
315
241
  <sp-tab-panel value="m">
316
242
 
317
- ```html
243
+ ```html demo
318
244
  <sp-table>
319
245
  <sp-table-head>
320
- <sp-table-head-cell>Column Title</sp-table-head-cell>
321
- <sp-table-head-cell>Column Title</sp-table-head-cell>
322
- <sp-table-head-cell>Column Title</sp-table-head-cell>
246
+ <sp-table-head-cell>File name</sp-table-head-cell>
247
+ <sp-table-head-cell>Type</sp-table-head-cell>
248
+ <sp-table-head-cell>Size</sp-table-head-cell>
323
249
  </sp-table-head>
324
250
  <sp-table-body>
325
- <sp-table-row value="row1">
326
- <sp-table-cell>Row Item Alpha</sp-table-cell>
327
- <sp-table-cell>Row Item Alpha</sp-table-cell>
328
- <sp-table-cell>Row Item Alpha</sp-table-cell>
329
- </sp-table-row>
330
- <sp-table-row value="row2">
331
- <sp-table-cell>Row Item Bravo</sp-table-cell>
332
- <sp-table-cell>Row Item Bravo</sp-table-cell>
333
- <sp-table-cell>Row Item Bravo</sp-table-cell>
251
+ <sp-table-row>
252
+ <sp-table-cell>Budget</sp-table-cell>
253
+ <sp-table-cell>PDF</sp-table-cell>
254
+ <sp-table-cell>89 KB</sp-table-cell>
334
255
  </sp-table-row>
335
- <sp-table-row value="row3">
336
- <sp-table-cell>Row Item Charlie</sp-table-cell>
337
- <sp-table-cell>Row Item Charlie</sp-table-cell>
338
- <sp-table-cell>Row Item Charlie</sp-table-cell>
256
+ <sp-table-row>
257
+ <sp-table-cell>Onboarding</sp-table-cell>
258
+ <sp-table-cell>XLS</sp-table-cell>
259
+ <sp-table-cell>120 KB</sp-table-cell>
339
260
  </sp-table-row>
340
261
  </sp-table-body>
341
262
  </sp-table>
@@ -345,28 +266,23 @@ The optional `density` property changes the spacing around table cell content fr
345
266
  <sp-tab value="l">Large</sp-tab>
346
267
  <sp-tab-panel value="l">
347
268
 
348
- ```html
269
+ ```html demo
349
270
  <sp-table size="l">
350
271
  <sp-table-head>
351
- <sp-table-head-cell>Column Title</sp-table-head-cell>
352
- <sp-table-head-cell>Column Title</sp-table-head-cell>
353
- <sp-table-head-cell>Column Title</sp-table-head-cell>
272
+ <sp-table-head-cell>File name</sp-table-head-cell>
273
+ <sp-table-head-cell>Type</sp-table-head-cell>
274
+ <sp-table-head-cell>Size</sp-table-head-cell>
354
275
  </sp-table-head>
355
276
  <sp-table-body>
356
- <sp-table-row value="row1">
357
- <sp-table-cell>Row Item Alpha</sp-table-cell>
358
- <sp-table-cell>Row Item Alpha</sp-table-cell>
359
- <sp-table-cell>Row Item Alpha</sp-table-cell>
360
- </sp-table-row>
361
- <sp-table-row value="row2">
362
- <sp-table-cell>Row Item Bravo</sp-table-cell>
363
- <sp-table-cell>Row Item Bravo</sp-table-cell>
364
- <sp-table-cell>Row Item Bravo</sp-table-cell>
277
+ <sp-table-row>
278
+ <sp-table-cell>Budget</sp-table-cell>
279
+ <sp-table-cell>PDF</sp-table-cell>
280
+ <sp-table-cell>89 KB</sp-table-cell>
365
281
  </sp-table-row>
366
- <sp-table-row value="row3">
367
- <sp-table-cell>Row Item Charlie</sp-table-cell>
368
- <sp-table-cell>Row Item Charlie</sp-table-cell>
369
- <sp-table-cell>Row Item Charlie</sp-table-cell>
282
+ <sp-table-row>
283
+ <sp-table-cell>Onboarding</sp-table-cell>
284
+ <sp-table-cell>XLS</sp-table-cell>
285
+ <sp-table-cell>120 KB</sp-table-cell>
370
286
  </sp-table-row>
371
287
  </sp-table-body>
372
288
  </sp-table>
@@ -376,28 +292,23 @@ The optional `density` property changes the spacing around table cell content fr
376
292
  <sp-tab value="xl">Extra Large</sp-tab>
377
293
  <sp-tab-panel value="xl">
378
294
 
379
- ```html
295
+ ```html demo
380
296
  <sp-table size="xl">
381
297
  <sp-table-head>
382
- <sp-table-head-cell>Column Title</sp-table-head-cell>
383
- <sp-table-head-cell>Column Title</sp-table-head-cell>
384
- <sp-table-head-cell>Column Title</sp-table-head-cell>
298
+ <sp-table-head-cell>File name</sp-table-head-cell>
299
+ <sp-table-head-cell>Type</sp-table-head-cell>
300
+ <sp-table-head-cell>Size</sp-table-head-cell>
385
301
  </sp-table-head>
386
302
  <sp-table-body>
387
- <sp-table-row value="row1">
388
- <sp-table-cell>Row Item Alpha</sp-table-cell>
389
- <sp-table-cell>Row Item Alpha</sp-table-cell>
390
- <sp-table-cell>Row Item Alpha</sp-table-cell>
391
- </sp-table-row>
392
- <sp-table-row value="row2">
393
- <sp-table-cell>Row Item Bravo</sp-table-cell>
394
- <sp-table-cell>Row Item Bravo</sp-table-cell>
395
- <sp-table-cell>Row Item Bravo</sp-table-cell>
303
+ <sp-table-row>
304
+ <sp-table-cell>Budget</sp-table-cell>
305
+ <sp-table-cell>PDF</sp-table-cell>
306
+ <sp-table-cell>89 KB</sp-table-cell>
396
307
  </sp-table-row>
397
- <sp-table-row value="row3">
398
- <sp-table-cell>Row Item Charlie</sp-table-cell>
399
- <sp-table-cell>Row Item Charlie</sp-table-cell>
400
- <sp-table-cell>Row Item Charlie</sp-table-cell>
308
+ <sp-table-row>
309
+ <sp-table-cell>Onboarding</sp-table-cell>
310
+ <sp-table-cell>XLS</sp-table-cell>
311
+ <sp-table-cell>120 KB</sp-table-cell>
401
312
  </sp-table-row>
402
313
  </sp-table-body>
403
314
  </sp-table>
@@ -406,38 +317,38 @@ The optional `density` property changes the spacing around table cell content fr
406
317
  </sp-tab-panel>
407
318
  </sp-tabs>
408
319
 
409
- ## Quiet
320
+ </sp-tab-panel>
321
+ <sp-tab value="quiet">Quiet</sp-tab>
322
+ <sp-tab-panel value="quiet">
410
323
 
411
- When using the `quiet` property, the overall look of the table will change. The quiet variant of Table has a transparent background and no borders on the left and right.
324
+ The `quiet` attribute creates a more subtle table appearance with a transparent background and no side borders. This is ideal for supplementary or lightweight data display.
412
325
 
413
- ```html
326
+ ```html demo
414
327
  <sp-table quiet>
415
328
  <sp-table-head>
416
- <sp-table-head-cell>Column Title</sp-table-head-cell>
417
- <sp-table-head-cell>Column Title</sp-table-head-cell>
418
- <sp-table-head-cell>Column Title</sp-table-head-cell>
329
+ <sp-table-head-cell>File name</sp-table-head-cell>
330
+ <sp-table-head-cell>Type</sp-table-head-cell>
331
+ <sp-table-head-cell>Size</sp-table-head-cell>
419
332
  </sp-table-head>
420
333
  <sp-table-body>
421
- <sp-table-row value="row1">
422
- <sp-table-cell>Row Item Alpha</sp-table-cell>
423
- <sp-table-cell>Row Item Alpha</sp-table-cell>
424
- <sp-table-cell>Row Item Alpha</sp-table-cell>
425
- </sp-table-row>
426
- <sp-table-row value="row2">
427
- <sp-table-cell>Row Item Bravo</sp-table-cell>
428
- <sp-table-cell>Row Item Bravo</sp-table-cell>
429
- <sp-table-cell>Row Item Bravo</sp-table-cell>
334
+ <sp-table-row>
335
+ <sp-table-cell>Budget</sp-table-cell>
336
+ <sp-table-cell>PDF</sp-table-cell>
337
+ <sp-table-cell>89 KB</sp-table-cell>
430
338
  </sp-table-row>
431
- <sp-table-row value="row3">
432
- <sp-table-cell>Row Item Charlie</sp-table-cell>
433
- <sp-table-cell>Row Item Charlie</sp-table-cell>
434
- <sp-table-cell>Row Item Charlie</sp-table-cell>
339
+ <sp-table-row>
340
+ <sp-table-cell>Onboarding</sp-table-cell>
341
+ <sp-table-cell>XLS</sp-table-cell>
342
+ <sp-table-cell>120 KB</sp-table-cell>
435
343
  </sp-table-row>
436
344
  </sp-table-body>
437
345
  </sp-table>
438
346
  ```
439
347
 
440
- ## Virtualized Table
348
+ </sp-tab-panel>
349
+ </sp-tabs>
350
+
351
+ ### Behaviors
441
352
 
442
353
  For large amounts of data, the `<sp-table>` can be virtualised to easily add table rows by using properties.
443
354
 
@@ -507,7 +418,7 @@ For large amounts of data, the `<sp-table>` can be virtualised to easily add tab
507
418
  await table.closest('code-example')?.updateComplete;
508
419
  table.items = initItems(50);
509
420
 
510
- table.renderItem = (item, index) => {
421
+ table.renderItem = (item, index) => {
511
422
  const cell1 = document.createElement('sp-table-cell');
512
423
  const cell2 = document.createElement('sp-table-cell');
513
424
  const cell3 = document.createElement('sp-table-cell');
@@ -524,7 +435,7 @@ For large amounts of data, the `<sp-table>` can be virtualised to easily add tab
524
435
  });
525
436
  </script>
526
437
 
527
- ### How to use it
438
+ #### How to use it
528
439
 
529
440
  The virtualised table takes `items` as either a property or a JSON-encoded string, an array of type `Record`, where the key is a `string` and the value can be whatever you'd like. `items` is then fed into the `renderItem` method, which takes an `item` and its `index` as parameters and renders the `<sp-table-row>` for each item. An example is as follows:
530
441
 
@@ -559,7 +470,7 @@ const renderItem = (item: Item, index: number): TemplateResult => {
559
470
 
560
471
  Please note that there is a bug when attempting to select all virtualised elements. The items are selected programatically, it's just not reflected visually.
561
472
 
562
- ### Selection
473
+ #### Virtualized table selection
563
474
 
564
475
  By default the `selected` property will surface an array of item indexes that are currently selected. However, when making a selection on a virtualized table, it can be useful to track selection as something other than indexes. To do so, set a custom method for the `itemValue` property. The `itemValue` method accepts an item and its index as arguments and should return the value you would like to track in the `selected` property.
565
476
 
@@ -639,7 +550,7 @@ By default the `selected` property will surface an array of item indexes that ar
639
550
  table.items = initItems(50);
640
551
  table.itemValue = (item) => item.id;
641
552
 
642
- table.renderItem = (item, index) => {
553
+ table.renderItem = (item, index) => {
643
554
  const cell1 = document.createElement('sp-table-cell');
644
555
  const cell2 = document.createElement('sp-table-cell');
645
556
  const cell3 = document.createElement('sp-table-cell');
@@ -661,7 +572,7 @@ By default the `selected` property will surface an array of item indexes that ar
661
572
  });
662
573
  </script>
663
574
 
664
- ### Row Types
575
+ #### Row Types
665
576
 
666
577
  All values in the item array are assumed to be homogenous by default. This means all of the rendered rows are either delivered as provided, or, in the case you are leveraging `selects`, rendered with an `<sp-table-checkbox-cell>`. However, when virtualizing a table with selection, it can sometimes be useful to surface rows with additional interactions, e.g. "Load more data" links. To support that, you can optionally include the `_$rowType$` brand in your item. The values for this are outlined by the `RowType` enum and include `ITEM` (0) and `INFORMATION` (1). When `_$rowType$: RowType.INFORMATION` is provided, it instructs the `<sp-table>` not to deliver an `<sp-table-checkbox-cell>` in that row.
667
578
 
@@ -745,8 +656,7 @@ All values in the item array are assumed to be homogenous by default. This means
745
656
  });
746
657
  table.items = items;
747
658
 
748
-
749
- table.renderItem = (item, index) => {
659
+ table.renderItem = (item, index) => {
750
660
  if (item._$rowType$ === 1) {
751
661
  const infoCell = document.createElement('sp-table-cell');
752
662
  infoCell.textContent = 'Use this row type for non-selectable content.';
@@ -768,7 +678,7 @@ All values in the item array are assumed to be homogenous by default. This means
768
678
  });
769
679
  </script>
770
680
 
771
- ### The `scroller` property
681
+ #### The `scroller` property
772
682
 
773
683
  By default, the virtualized table doesn't contain a scroll bar and will display the entire length of the table body. Use the `scroller` property and specify an inline style for the height to get a `Table` of your desired height that scrolls.
774
684
 
@@ -865,7 +775,7 @@ For each table column you want to sort, use the `sortable` attribute in its resp
865
775
 
866
776
  table.items = items;
867
777
 
868
- table.renderItem = (item, index) => {
778
+ table.renderItem = (item, index) => {
869
779
  const cell1 = document.createElement('sp-table-cell');
870
780
  const cell2 = document.createElement('sp-table-cell');
871
781
  const cell3 = document.createElement('sp-table-cell');
@@ -893,3 +803,47 @@ For each table column you want to sort, use the `sortable` attribute in its resp
893
803
  });
894
804
  });
895
805
  </script>
806
+
807
+ ### Accessibility
808
+
809
+ The `<sp-table>` component provides accessibility support for tabular data:
810
+
811
+ #### ARIA attributes
812
+
813
+ The table automatically manages ARIA attributes for proper semantic structure:
814
+
815
+ - `role="grid"` on the table element
816
+ - `role="row"` on each table row
817
+ - `role="columnheader"` on header cells
818
+ - `role="gridcell"` on data cells
819
+ - `role="rowgroup"` on table body
820
+ - `aria-sort` on sortable column headers
821
+ - `aria-selected` on selectable rows
822
+ - `aria-hidden` on single selection checkboxes
823
+ - `aria-rowindex` on virtualized table rows
824
+ - `aria-rowcount` on virtualized tables
825
+
826
+ #### Selection accessibility
827
+
828
+ When using row selection:
829
+
830
+ - `aria-selected` is applied to selectable rows
831
+ - Selection state is announced to screen readers
832
+ - Checkboxes in selection cells are properly labeled
833
+
834
+ #### Keyboard navigation
835
+
836
+ Sortable column headers support keyboard interaction:
837
+
838
+ - **Space** - Activates the header and sorts on keyup
839
+ - **Enter** - Immediately sorts the column
840
+ - **Numpad Enter** - Immediately sorts the column
841
+ - **Tab** - Navigates to sortable headers (only sortable headers are focusable)
842
+
843
+ Selectable rows support keyboard interaction:
844
+
845
+ - **Click** - Toggles row selection
846
+ - **Tab** - Navigates through focusable elements
847
+
848
+ - **Tab** - Table body automatically receives `tabindex="0"` when content is scrollable
849
+ - **Mouse wheel** - Scrolls through table content when focused
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/table",
3
- "version": "1.8.0",
3
+ "version": "1.9.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -127,12 +127,12 @@
127
127
  "css"
128
128
  ],
129
129
  "dependencies": {
130
- "@lit-labs/observers": "^2.0.2",
131
- "@lit-labs/virtualizer": "^2.0.12",
132
- "@spectrum-web-components/base": "1.8.0",
133
- "@spectrum-web-components/checkbox": "1.8.0",
134
- "@spectrum-web-components/icon": "1.8.0",
135
- "@spectrum-web-components/icons-ui": "1.8.0"
130
+ "@lit-labs/observers": "2.0.2",
131
+ "@lit-labs/virtualizer": "2.0.12",
132
+ "@spectrum-web-components/base": "1.9.0",
133
+ "@spectrum-web-components/checkbox": "1.9.0",
134
+ "@spectrum-web-components/icon": "1.9.0",
135
+ "@spectrum-web-components/icons-ui": "1.9.0"
136
136
  },
137
137
  "types": "./src/index.d.ts",
138
138
  "customElements": "custom-elements.json",
package/src/spectrum-table-cell.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{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}
4
+ @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=spectrum-table-cell.css.dev.js.map
package/src/spectrum-table-cell.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}\n`;\nexport default styles;"],
5
5
  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-table-cell.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
2
- @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}
2
+ @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}
3
3
  `;export default e;
4
4
  //# sourceMappingURL=spectrum-table-cell.css.js.map
package/src/spectrum-table-cell.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}\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-cell.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{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{block-size:auto;flex:1;display:block}
4
+ @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{flex:1;block-size:auto;display:block}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=table-cell.css.dev.js.map
package/src/table-cell.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{block-size:auto;flex:1;display:block}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{flex:1;block-size:auto;display:block}\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-cell.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
2
- @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{block-size:auto;flex:1;display:block}
2
+ @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{flex:1;block-size:auto;display:block}
3
3
  `;export default e;
4
4
  //# sourceMappingURL=table-cell.css.js.map
package/src/table-cell.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{block-size:auto;flex:1;display:block}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)));display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}.divider{border-inline-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)))}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier,0px)*var(--spectrum-table-collapsible-tier-indent))}:host{flex:1;block-size:auto;display:block}\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-checkbox-cell.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(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{block-size:auto;border-radius:0;flex:0;align-items:center;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}
4
+ @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{border-radius:0;flex:0;align-items:center;block-size:auto;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=table-checkbox-cell.css.dev.js.map
package/src/table-checkbox-cell.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-checkbox-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{block-size:auto;border-radius:0;flex:0;align-items:center;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{border-radius:0;flex:0;align-items:center;block-size:auto;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}\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-checkbox-cell.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";import{css as e}from"@spectrum-web-components/base";const t=e`
2
- @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{block-size:auto;border-radius:0;flex:0;align-items:center;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}
2
+ @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{border-radius:0;flex:0;align-items:center;block-size:auto;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}
3
3
  `;export default t;
4
4
  //# sourceMappingURL=table-checkbox-cell.css.js.map
package/src/table-checkbox-cell.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-checkbox-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{block-size:auto;border-radius:0;flex:0;align-items:center;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}:host(:not([head-cell])){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color)));box-sizing:border-box;font-size:var(--mod-table-row-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-row-font-weight,var(--spectrum-table-row-font-weight));line-height:var(--mod-table-row-line-height,var(--spectrum-table-row-line-height));vertical-align:var(--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align));color:var(--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color)));background-color:var(--spectrum-table-cell-background-color);block-size:var(--mod-table-min-row-height,var(--spectrum-table-min-row-height));padding-block-start:calc(var(--mod-table-row-top-to-text,var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:var(--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text));padding-inline:calc(var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)) - var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell;position:relative}:host(:not([head-cell])[focused]),:host(:not([head-cell]):focus-visible),:host([head-cell][focused]),:host([head-cell]:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(--mod-table-checkbox-to-text,var(--spectrum-table-checkbox-to-text)) - var(--mod-table-edge-to-content,var(--spectrum-table-edge-to-content)))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-start:calc(var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing))}:host(:host[head-cell]) sp-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host{border-radius:0;flex:0;align-items:center;block-size:auto;display:flex}:host(:not([head-cell])),:host([head-cell]){block-size:auto;inline-size:auto;display:flex}:host([selects-single]) sp-checkbox{visibility:hidden}\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-head-cell.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
- .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{block-size:auto;flex:1;display:block}
4
+ .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{flex:1;block-size:auto;display:block}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=table-head-cell.css.dev.js.map
package/src/table-head-cell.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-head-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{block-size:auto;flex:1;display:block}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{flex:1;block-size:auto;display:block}\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-head-cell.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
2
- .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{block-size:auto;flex:1;display:block}
2
+ .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{flex:1;block-size:auto;display:block}
3
3
  `;export default t;
4
4
  //# sourceMappingURL=table-head-cell.css.js.map
package/src/table-head-cell.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-head-cell.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{block-size:auto;flex:1;display:block}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .sortedIcon{vertical-align:initial;transition:transform var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);margin-inline-end:var(--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text)));display:none}:host{--spectrum-table-icon-color:var(--highcontrast-table-icon-color,var(--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)));box-sizing:border-box;text-align:start;vertical-align:var(--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align));font-family:var(--mod-table-header-font-family,var(--spectrum-table-row-font-family));font-size:var(--mod-table-header-font-size,var(--spectrum-table-row-font-size));font-weight:var(--mod-table-header-font-weight,var(--spectrum-table-header-font-weight));line-height:var(--mod-table-header-line-height,var(--spectrum-table-row-line-height));text-transform:none;text-transform:var(--mod-table-header-text-transform,none);block-size:var(--mod-table-min-header-height,var(--spectrum-table-min-header-height));padding-block:var(--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text))var(--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text));padding-inline:var(--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space));color:var(--mod-table-header-text-color,var(--spectrum-table-header-text-color));background-color:var(--mod-table-header-background-color,var(--spectrum-table-header-background-color));transition:color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:auto;cursor:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.spectrum-Table-menuIcon,.sortedIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:pointer;cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)))}:host([sortable]:focus){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)))}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)))}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{display:table-cell;position:relative}:host([focused]),:host(:focus-visible){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-cell-focus-indicator-color,var(--highcontrast-table-focus-indicator-color,var(--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color))));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1 - var(--highcontrast-table-cell-focus-extra-offset,0px))}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-start:calc(var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));margin-block-end:var(--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing))}:host .spectrum-Table-scroller{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)))}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)))}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(--highcontrast-table-icon-color-focus,var(--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)))}}:host{flex:1;block-size:auto;display:block}\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-head.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
- :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}
4
+ :host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=table-head.css.dev.js.map
package/src/table-head.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-head.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}\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-head.css.js CHANGED
@@ -1,4 +1,4 @@
1
1
  "use strict";import{css as s}from"@spectrum-web-components/base";const t=s`
2
- :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}
2
+ :host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}
3
3
  `;export default t;
4
4
  //# sourceMappingURL=table-head.css.js.map
package/src/table-head.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-head.css.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host .spectrum-Table-scroller{z-index:1;position:sticky;inset-block-start:0}:host{display:flex}\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
  }