@spectrum-web-components/table 0.0.2-table.2609 → 0.0.2-table.2695

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 (57) hide show
  1. package/README.md +362 -102
  2. package/custom-elements.json +169 -89
  3. package/elements.d.ts +7 -0
  4. package/elements.js +19 -0
  5. package/elements.js.map +1 -0
  6. package/package.json +11 -15
  7. package/src/Table.d.ts +38 -1
  8. package/src/Table.js +100 -74
  9. package/src/Table.js.map +1 -1
  10. package/src/TableBody.js +1 -1
  11. package/src/TableBody.js.map +1 -1
  12. package/src/TableCell.d.ts +0 -1
  13. package/src/TableCell.js +0 -4
  14. package/src/TableCell.js.map +1 -1
  15. package/src/TableCheckboxCell.d.ts +1 -1
  16. package/src/TableCheckboxCell.js +3 -11
  17. package/src/TableCheckboxCell.js.map +1 -1
  18. package/src/TableHead.d.ts +1 -0
  19. package/src/TableHead.js +1 -1
  20. package/src/TableHead.js.map +1 -1
  21. package/src/TableHeadCell.d.ts +2 -1
  22. package/src/TableHeadCell.js +2 -4
  23. package/src/TableHeadCell.js.map +1 -1
  24. package/src/TableRow.d.ts +8 -1
  25. package/src/TableRow.js +39 -3
  26. package/src/TableRow.js.map +1 -1
  27. package/src/spectrum-config.js +10 -7
  28. package/src/spectrum-table-head-cell.css.js +1 -1
  29. package/src/spectrum-table-head-cell.css.js.map +1 -1
  30. package/src/spectrum-table.css.js +83 -103
  31. package/src/spectrum-table.css.js.map +1 -1
  32. package/src/table-body.css.js +1 -1
  33. package/src/table-body.css.js.map +1 -1
  34. package/src/table-checkbox-cell.css.js +1 -1
  35. package/src/table-checkbox-cell.css.js.map +1 -1
  36. package/src/table-head-cell.css.js +1 -1
  37. package/src/table-head-cell.css.js.map +1 -1
  38. package/src/table.css.js +83 -103
  39. package/src/table.css.js.map +1 -1
  40. package/stories/index.js +5 -12
  41. package/stories/index.js.map +1 -1
  42. package/stories/table-elements.stories.js +84 -21
  43. package/stories/table-elements.stories.js.map +1 -1
  44. package/stories/table-virtualized.stories.js +68 -22
  45. package/stories/table-virtualized.stories.js.map +1 -1
  46. package/test/benchmark/basic-test.js +39 -1
  47. package/test/benchmark/basic-test.js.map +1 -1
  48. package/test/table-selects.test.js +214 -0
  49. package/test/table-selects.test.js.map +1 -0
  50. package/test/table.test.js +36 -689
  51. package/test/table.test.js.map +1 -1
  52. package/test/virtualized-table-selects.test.js +341 -0
  53. package/test/virtualized-table-selects.test.js.map +1 -0
  54. package/test/virtualized-table.test.js +262 -0
  55. package/test/virtualized-table.test.js.map +1 -0
  56. package/stories/table.stories.js.map +0 -1
  57. package/test/table.test-vrt.js.map +0 -1
package/src/spectrum-table.css.js CHANGED
@@ -335,43 +335,35 @@ const styles = css `
335
335
  --spectrum-table-m-spacious-border-radius,var(--spectrum-alias-border-radius-regular)
336
336
  );--spectrum-table-spacious-border-size:var(
337
337
  --spectrum-table-m-spacious-border-size,var(--spectrum-alias-border-size-thin)
338
- )}:host([dir=ltr]) .spectrum-Table-headCell{text-align:left}:host([dir=rtl]) .spectrum-Table-headCell{text-align:right}:host([dir=ltr]) .spectrum-Table-headCell{padding-left:var(
339
- --spectrum-table-regular-header-padding-left
340
- );padding-right:var(--spectrum-table-regular-header-padding-right)}:host([dir=rtl]) .spectrum-Table-headCell{padding-left:var(--spectrum-table-regular-header-padding-right);padding-right:var(
341
- --spectrum-table-regular-header-padding-left
342
- )}.spectrum-Table-headCell{border-radius:var(--spectrum-table-regular-header-border-radius);box-sizing:border-box;cursor:default;font-size:var(--spectrum-table-regular-header-text-size);font-weight:var(--spectrum-table-regular-header-text-font-weight);letter-spacing:var(--spectrum-table-regular-header-text-letter-spacing);line-height:var(--spectrum-table-regular-header-text-line-height);min-height:var(--spectrum-table-regular-header-min-height);outline:0;padding-bottom:var(--spectrum-table-regular-header-padding-bottom);padding-top:var(--spectrum-table-regular-header-padding-top);text-transform:uppercase;transition:color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.spectrum-Table-headCell.is-sortable{cursor:pointer}.spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}.spectrum-Table-row.is-drop-target:before,:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:"";position:absolute;top:0;z-index:1}::slotted(sp-table-body){border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host(:not(.spectrum-Table--quiet)) tbody::slotted(sp-table-body){border-radius:var(--spectrum-table-regular-border-radius);border-width:var(
338
+ )}.spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}.spectrum-Table-body.is-drop-target:before,.spectrum-Table-row.is-drop-target:before,:host([density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:"";position:absolute;top:0;z-index:1}.spectrum-Table-body{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host(:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(
343
339
  --spectrum-table-regular-border-size
340
+ )}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(
341
+ --spectrum-table-regular-border-radius
342
+ )}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(
343
+ --spectrum-table-regular-border-radius
344
+ )}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(
345
+ --spectrum-table-regular-border-radius
346
+ )}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(
347
+ --spectrum-table-regular-border-radius
348
+ )}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(
349
+ --spectrum-table-regular-border-radius
350
+ )}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(
351
+ --spectrum-table-regular-border-radius
352
+ )}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(
353
+ --spectrum-table-regular-border-radius
354
+ )}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(
355
+ --spectrum-table-regular-border-radius
344
356
  )}:host([dir=ltr]) .spectrum-Table-cell{padding-left:var(
345
357
  --spectrum-table-regular-cell-padding-left
346
358
  );padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]) .spectrum-Table-cell{padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(
347
359
  --spectrum-table-regular-cell-padding-left
348
- )}.spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}.spectrum-Table-cell,.spectrum-Table-headCell{position:relative}.spectrum-Table-cell.focus-visible,.spectrum-Table-cell.is-focused,.spectrum-Table-headCell.focus-visible,.spectrum-Table-headCell.is-focused{outline:none}.spectrum-Table-cell.is-focused,.spectrum-Table-cell:focus-visible,.spectrum-Table-headCell.is-focused,.spectrum-Table-headCell:focus-visible{outline:none}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before,:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr]) .spectrum-Table-headCell:focus-visible:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before,:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl]) .spectrum-Table-headCell:focus-visible:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before,:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr]) .spectrum-Table-headCell:focus-visible:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before,:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl]) .spectrum-Table-headCell:focus-visible:before{right:0}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before,.spectrum-Table-headCell.focus-visible:before,.spectrum-Table-headCell.is-focused:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before,.spectrum-Table-headCell.is-focused:before,.spectrum-Table-headCell:focus-visible:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before{right:var(
349
- --spectrum-table-regular-border-size
350
- )}:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr]) .spectrum-Table-headCell:focus-visible:before{right:var(
351
- --spectrum-table-regular-border-size
352
- )}:host([dir=rtl]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before{left:var(
353
- --spectrum-table-regular-border-size
354
- )}:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl]) .spectrum-Table-headCell:focus-visible:before{left:var(
355
- --spectrum-table-regular-border-size
356
- )}:host([dir=ltr]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before{left:var(
357
- --spectrum-table-regular-border-size
358
- )}:host([dir=ltr]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr]) .spectrum-Table-headCell:focus-visible:before{left:var(
359
- --spectrum-table-regular-border-size
360
- )}:host([dir=rtl]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before{right:var(
361
- --spectrum-table-regular-border-size
362
- )}:host([dir=rtl]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl]) .spectrum-Table-headCell:focus-visible:before{right:var(
363
- --spectrum-table-regular-border-size
364
- )}.spectrum-Table-headCell.focus-visible:before,.spectrum-Table-headCell.is-focused:before{bottom:var(--spectrum-table-regular-border-size);top:var(
365
- --spectrum-table-regular-border-size
366
- )}.spectrum-Table-headCell.is-focused:before,.spectrum-Table-headCell:focus-visible:before{bottom:var(--spectrum-table-regular-border-size);top:var(
367
- --spectrum-table-regular-border-size
368
- )}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-width:var(
360
+ )}.spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top);position:relative}.spectrum-Table-cell.focus-visible,.spectrum-Table-cell.is-focused{outline:none}.spectrum-Table-cell.is-focused,.spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before{right:0}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-width:var(
369
361
  --spectrum-table-regular-divider-border-size
370
362
  )}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-width:var(
371
363
  --spectrum-table-regular-divider-border-size
372
- )}.spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.spectrum-Table-row:focus{outline:0}.spectrum-Table--quiet ::slotted(sp-table-body){border-radius:var(
364
+ )}.spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.spectrum-Table-row:focus{outline:0}:host>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}.spectrum-Table--quiet .spectrum-Table-body{border-radius:var(
373
365
  --spectrum-table-regular-quiet-border-radius
374
- )}.spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(
366
+ )}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,.spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(
375
367
  --spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)
376
368
  )}:host([dir=ltr]) .spectrum-Table-checkboxCell{padding-right:var(
377
369
  --spectrum-table-regular-cell-checkbox-padding-right
@@ -379,43 +371,35 @@ const styles = css `
379
371
  --spectrum-table-regular-cell-checkbox-padding-right
380
372
  )}.spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(
381
373
  --spectrum-table-regular-cell-checkbox-vertical-alignment
382
- )}.spectrum-Table-checkbox{vertical-align:super}:host([dir=ltr][density=compact]) .spectrum-Table-headCell{text-align:left}:host([dir=rtl][density=compact]) .spectrum-Table-headCell{text-align:right}:host([dir=ltr][density=compact]) .spectrum-Table-headCell{padding-left:var(
383
- --spectrum-table-compact-header-padding-left
384
- );padding-right:var(--spectrum-table-compact-header-padding-right)}:host([dir=rtl][density=compact]) .spectrum-Table-headCell{padding-left:var(--spectrum-table-compact-header-padding-right);padding-right:var(
385
- --spectrum-table-compact-header-padding-left
386
- )}:host([density=compact]) .spectrum-Table-headCell{border-radius:var(--spectrum-table-compact-header-border-radius);box-sizing:border-box;cursor:default;font-size:var(--spectrum-table-compact-header-text-size);font-weight:var(--spectrum-table-compact-header-text-font-weight);letter-spacing:var(--spectrum-table-compact-header-text-letter-spacing);line-height:var(--spectrum-table-compact-header-text-line-height);min-height:var(--spectrum-table-compact-header-min-height);outline:0;padding-bottom:var(--spectrum-table-compact-header-padding-bottom);padding-top:var(--spectrum-table-compact-header-padding-top);text-transform:uppercase;transition:color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=compact]) .spectrum-Table-headCell.is-sortable{cursor:pointer}:host([density=compact]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=compact]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=compact]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=compact]) ::slotted(sp-table-body){border-radius:var(--spectrum-table-compact-border-radius);border-width:var(--spectrum-table-compact-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-compact-cell-vertical-alignment)}:host([density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody::slotted(sp-table-body){border-radius:var(--spectrum-table-compact-border-radius);border-width:var(
374
+ )}.spectrum-Table-checkbox{vertical-align:super}:host([density=compact]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=compact]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=compact]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=compact]) .spectrum-Table-body{border-radius:var(--spectrum-table-compact-border-radius);border-width:var(--spectrum-table-compact-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-compact-cell-vertical-alignment)}:host([density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-compact-border-radius);border-width:var(
387
375
  --spectrum-table-compact-border-size
376
+ )}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(
377
+ --spectrum-table-compact-border-radius
378
+ )}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(
379
+ --spectrum-table-compact-border-radius
380
+ )}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(
381
+ --spectrum-table-compact-border-radius
382
+ )}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(
383
+ --spectrum-table-compact-border-radius
384
+ )}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(
385
+ --spectrum-table-compact-border-radius
386
+ )}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(
387
+ --spectrum-table-compact-border-radius
388
+ )}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(
389
+ --spectrum-table-compact-border-radius
390
+ )}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(
391
+ --spectrum-table-compact-border-radius
388
392
  )}:host([dir=ltr][density=compact]) .spectrum-Table-cell{padding-left:var(
389
393
  --spectrum-table-compact-cell-padding-left
390
394
  );padding-right:var(--spectrum-table-compact-cell-padding-right)}:host([dir=rtl][density=compact]) .spectrum-Table-cell{padding-left:var(--spectrum-table-compact-cell-padding-right);padding-right:var(
391
395
  --spectrum-table-compact-cell-padding-left
392
- )}:host([density=compact]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-compact-cell-text-size);font-weight:var(--spectrum-table-compact-cell-text-font-weight);line-height:var(--spectrum-table-compact-cell-text-line-height);min-height:calc(var(--spectrum-table-compact-cell-min-height) - var(--spectrum-table-compact-cell-padding-top) - var(--spectrum-table-compact-cell-padding-bottom));padding-bottom:var(--spectrum-table-compact-cell-padding-bottom);padding-top:var(--spectrum-table-compact-cell-padding-top)}:host([density=compact]) .spectrum-Table-cell,:host([density=compact]) .spectrum-Table-headCell{position:relative}:host([density=compact]) .spectrum-Table-cell.focus-visible,:host([density=compact]) .spectrum-Table-cell.is-focused,:host([density=compact]) .spectrum-Table-headCell.focus-visible,:host([density=compact]) .spectrum-Table-headCell.is-focused{outline:none}:host([density=compact]) .spectrum-Table-cell.is-focused,:host([density=compact]) .spectrum-Table-cell:focus-visible,:host([density=compact]) .spectrum-Table-headCell.is-focused,:host([density=compact]) .spectrum-Table-headCell:focus-visible{outline:none}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell:focus-visible:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell:focus-visible:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell:focus-visible:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell:focus-visible:before{right:0}:host([density=compact]) .spectrum-Table-cell.focus-visible:before,:host([density=compact]) .spectrum-Table-cell.is-focused:before,:host([density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([density=compact]) .spectrum-Table-headCell.is-focused:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=compact]) .spectrum-Table-cell.is-focused:before,:host([density=compact]) .spectrum-Table-cell:focus-visible:before,:host([density=compact]) .spectrum-Table-headCell.is-focused:before,:host([density=compact]) .spectrum-Table-headCell:focus-visible:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before{right:var(
393
- --spectrum-table-compact-border-size
394
- )}:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell:focus-visible:before{right:var(
395
- --spectrum-table-compact-border-size
396
- )}:host([dir=rtl][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before{left:var(
397
- --spectrum-table-compact-border-size
398
- )}:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell:focus-visible:before{left:var(
399
- --spectrum-table-compact-border-size
400
- )}:host([dir=ltr][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before{left:var(
401
- --spectrum-table-compact-border-size
402
- )}:host([dir=ltr][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-headCell:focus-visible:before{left:var(
403
- --spectrum-table-compact-border-size
404
- )}:host([dir=rtl][density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before{right:var(
405
- --spectrum-table-compact-border-size
406
- )}:host([dir=rtl][density=compact]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-headCell:focus-visible:before{right:var(
407
- --spectrum-table-compact-border-size
408
- )}:host([density=compact]) .spectrum-Table-headCell.focus-visible:before,:host([density=compact]) .spectrum-Table-headCell.is-focused:before{bottom:var(--spectrum-table-compact-border-size);top:var(
409
- --spectrum-table-compact-border-size
410
- )}:host([density=compact]) .spectrum-Table-headCell.is-focused:before,:host([density=compact]) .spectrum-Table-headCell:focus-visible:before{bottom:var(--spectrum-table-compact-border-size);top:var(
411
- --spectrum-table-compact-border-size
412
- )}:host([dir=ltr][density=compact]) .spectrum-Table-cell--divider{border-right-width:var(
396
+ )}:host([density=compact]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-compact-cell-text-size);font-weight:var(--spectrum-table-compact-cell-text-font-weight);line-height:var(--spectrum-table-compact-cell-text-line-height);min-height:calc(var(--spectrum-table-compact-cell-min-height) - var(--spectrum-table-compact-cell-padding-top) - var(--spectrum-table-compact-cell-padding-bottom));padding-bottom:var(--spectrum-table-compact-cell-padding-bottom);padding-top:var(--spectrum-table-compact-cell-padding-top)}:host([density=compact]) .spectrum-Table-cell{position:relative}:host([density=compact]) .spectrum-Table-cell.focus-visible,:host([density=compact]) .spectrum-Table-cell.is-focused{outline:none}:host([density=compact]) .spectrum-Table-cell.is-focused,:host([density=compact]) .spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before{right:0}:host([density=compact]) .spectrum-Table-cell.focus-visible:before,:host([density=compact]) .spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=compact]) .spectrum-Table-cell.is-focused:before,:host([density=compact]) .spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr][density=compact]) .spectrum-Table-cell--divider{border-right-width:var(
413
397
  --spectrum-table-compact-divider-border-size
414
398
  )}:host([dir=rtl][density=compact]) .spectrum-Table-cell--divider{border-left-width:var(
415
399
  --spectrum-table-compact-divider-border-size
416
- )}:host([density=compact]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=compact]) .spectrum-Table-row:focus{outline:0}:host([density=compact]) .spectrum-Table--quiet ::slotted(sp-table-body){border-radius:var(
400
+ )}:host([density=compact]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=compact]) .spectrum-Table-row:focus{outline:0}:host([density=compact]) .spectrum-Table>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-body{border-radius:var(
417
401
  --spectrum-table-compact-quiet-border-radius
418
- )}:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(
402
+ )}:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(
419
403
  --spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)
420
404
  )}:host([dir=ltr][density=compact]) .spectrum-Table-checkboxCell{padding-right:var(
421
405
  --spectrum-table-compact-cell-checkbox-padding-right
@@ -423,43 +407,35 @@ const styles = css `
423
407
  --spectrum-table-compact-cell-checkbox-padding-right
424
408
  )}:host([density=compact]) .spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(
425
409
  --spectrum-table-compact-cell-checkbox-vertical-alignment
426
- )}:host([density=compact]) .spectrum-Table-checkbox{vertical-align:super}:host([dir=ltr][density=spacious]) .spectrum-Table-headCell{text-align:left}:host([dir=rtl][density=spacious]) .spectrum-Table-headCell{text-align:right}:host([dir=ltr][density=spacious]) .spectrum-Table-headCell{padding-left:var(
427
- --spectrum-table-spacious-header-padding-left
428
- );padding-right:var(--spectrum-table-spacious-header-padding-right)}:host([dir=rtl][density=spacious]) .spectrum-Table-headCell{padding-left:var(--spectrum-table-spacious-header-padding-right);padding-right:var(
429
- --spectrum-table-spacious-header-padding-left
430
- )}:host([density=spacious]) .spectrum-Table-headCell{border-radius:var(--spectrum-table-spacious-header-border-radius);box-sizing:border-box;cursor:default;font-size:var(--spectrum-table-spacious-header-text-size);font-weight:var(--spectrum-table-spacious-header-text-font-weight);letter-spacing:var(--spectrum-table-spacious-header-text-letter-spacing);line-height:var(--spectrum-table-spacious-header-text-line-height);min-height:var(--spectrum-table-spacious-header-min-height);outline:0;padding-bottom:var(--spectrum-table-spacious-header-padding-bottom);padding-top:var(--spectrum-table-spacious-header-padding-top);text-transform:uppercase;transition:color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=spacious]) .spectrum-Table-headCell.is-sortable{cursor:pointer}:host([density=spacious]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=spacious]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=spacious]) ::slotted(sp-table-body){border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(--spectrum-table-spacious-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-spacious-cell-vertical-alignment)}:host([density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody::slotted(sp-table-body){border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(
410
+ )}:host([density=compact]) .spectrum-Table-checkbox{vertical-align:super}:host([density=spacious]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=spacious]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=spacious]) .spectrum-Table-body{border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(--spectrum-table-spacious-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-spacious-cell-vertical-alignment)}:host([density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(
431
411
  --spectrum-table-spacious-border-size
412
+ )}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(
413
+ --spectrum-table-spacious-border-radius
414
+ )}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(
415
+ --spectrum-table-spacious-border-radius
416
+ )}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(
417
+ --spectrum-table-spacious-border-radius
418
+ )}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(
419
+ --spectrum-table-spacious-border-radius
420
+ )}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(
421
+ --spectrum-table-spacious-border-radius
422
+ )}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(
423
+ --spectrum-table-spacious-border-radius
424
+ )}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(
425
+ --spectrum-table-spacious-border-radius
426
+ )}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(
427
+ --spectrum-table-spacious-border-radius
432
428
  )}:host([dir=ltr][density=spacious]) .spectrum-Table-cell{padding-left:var(
433
429
  --spectrum-table-spacious-cell-padding-left
434
430
  );padding-right:var(--spectrum-table-spacious-cell-padding-right)}:host([dir=rtl][density=spacious]) .spectrum-Table-cell{padding-left:var(--spectrum-table-spacious-cell-padding-right);padding-right:var(
435
431
  --spectrum-table-spacious-cell-padding-left
436
- )}:host([density=spacious]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-spacious-cell-text-size);font-weight:var(--spectrum-table-spacious-cell-text-font-weight);line-height:var(--spectrum-table-spacious-cell-text-line-height);min-height:calc(var(--spectrum-table-spacious-cell-min-height) - var(--spectrum-table-spacious-cell-padding-top) - var(--spectrum-table-spacious-cell-padding-bottom));padding-bottom:var(--spectrum-table-spacious-cell-padding-bottom);padding-top:var(--spectrum-table-spacious-cell-padding-top)}:host([density=spacious]) .spectrum-Table-cell,:host([density=spacious]) .spectrum-Table-headCell{position:relative}:host([density=spacious]) .spectrum-Table-cell.focus-visible,:host([density=spacious]) .spectrum-Table-cell.is-focused,:host([density=spacious]) .spectrum-Table-headCell.focus-visible,:host([density=spacious]) .spectrum-Table-headCell.is-focused{outline:none}:host([density=spacious]) .spectrum-Table-cell.is-focused,:host([density=spacious]) .spectrum-Table-cell:focus-visible,:host([density=spacious]) .spectrum-Table-headCell.is-focused,:host([density=spacious]) .spectrum-Table-headCell:focus-visible{outline:none}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell:focus-visible:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell:focus-visible:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell:focus-visible:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell:focus-visible:before{right:0}:host([density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([density=spacious]) .spectrum-Table-cell.is-focused:before,:host([density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([density=spacious]) .spectrum-Table-headCell.is-focused:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=spacious]) .spectrum-Table-cell.is-focused:before,:host([density=spacious]) .spectrum-Table-cell:focus-visible:before,:host([density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([density=spacious]) .spectrum-Table-headCell:focus-visible:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before{right:var(
437
- --spectrum-table-spacious-border-size
438
- )}:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell:focus-visible:before{right:var(
439
- --spectrum-table-spacious-border-size
440
- )}:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before{left:var(
441
- --spectrum-table-spacious-border-size
442
- )}:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell:focus-visible:before{left:var(
443
- --spectrum-table-spacious-border-size
444
- )}:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before{left:var(
445
- --spectrum-table-spacious-border-size
446
- )}:host([dir=ltr][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-headCell:focus-visible:before{left:var(
447
- --spectrum-table-spacious-border-size
448
- )}:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before{right:var(
449
- --spectrum-table-spacious-border-size
450
- )}:host([dir=rtl][density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-headCell:focus-visible:before{right:var(
451
- --spectrum-table-spacious-border-size
452
- )}:host([density=spacious]) .spectrum-Table-headCell.focus-visible:before,:host([density=spacious]) .spectrum-Table-headCell.is-focused:before{bottom:var(--spectrum-table-spacious-border-size);top:var(
453
- --spectrum-table-spacious-border-size
454
- )}:host([density=spacious]) .spectrum-Table-headCell.is-focused:before,:host([density=spacious]) .spectrum-Table-headCell:focus-visible:before{bottom:var(--spectrum-table-spacious-border-size);top:var(
455
- --spectrum-table-spacious-border-size
456
- )}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--divider{border-right-width:var(
432
+ )}:host([density=spacious]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-spacious-cell-text-size);font-weight:var(--spectrum-table-spacious-cell-text-font-weight);line-height:var(--spectrum-table-spacious-cell-text-line-height);min-height:calc(var(--spectrum-table-spacious-cell-min-height) - var(--spectrum-table-spacious-cell-padding-top) - var(--spectrum-table-spacious-cell-padding-bottom));padding-bottom:var(--spectrum-table-spacious-cell-padding-bottom);padding-top:var(--spectrum-table-spacious-cell-padding-top)}:host([density=spacious]) .spectrum-Table-cell{position:relative}:host([density=spacious]) .spectrum-Table-cell.focus-visible,:host([density=spacious]) .spectrum-Table-cell.is-focused{outline:none}:host([density=spacious]) .spectrum-Table-cell.is-focused,:host([density=spacious]) .spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before{right:0}:host([density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([density=spacious]) .spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([density=spacious]) .spectrum-Table-cell.is-focused:before,:host([density=spacious]) .spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--divider{border-right-width:var(
457
433
  --spectrum-table-spacious-divider-border-size
458
434
  )}:host([dir=rtl][density=spacious]) .spectrum-Table-cell--divider{border-left-width:var(
459
435
  --spectrum-table-spacious-divider-border-size
460
- )}:host([density=spacious]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=spacious]) .spectrum-Table-row:focus{outline:0}:host([density=spacious]) .spectrum-Table--quiet ::slotted(sp-table-body){border-radius:var(
436
+ )}:host([density=spacious]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=spacious]) .spectrum-Table-row:focus{outline:0}:host([density=spacious]) .spectrum-Table>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-body{border-radius:var(
461
437
  --spectrum-table-spacious-quiet-border-radius
462
- )}:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(
438
+ )}:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(
463
439
  --spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)
464
440
  )}:host([dir=ltr][density=spacious]) .spectrum-Table-checkboxCell{padding-right:var(
465
441
  --spectrum-table-spacious-cell-checkbox-padding-right
@@ -467,27 +443,29 @@ const styles = css `
467
443
  --spectrum-table-spacious-cell-checkbox-padding-right
468
444
  )}:host([density=spacious]) .spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(
469
445
  --spectrum-table-spacious-cell-checkbox-vertical-alignment
470
- )}:host([density=spacious]) .spectrum-Table-checkbox{vertical-align:super}.spectrum-Table-headCell{background-color:var(
471
- --spectrum-table-m-regular-header-background-color,var(--spectrum-alias-background-color-transparent)
472
- );color:var(
473
- --spectrum-table-m-regular-header-text-color,var(--spectrum-alias-label-text-color)
474
- )}.spectrum-Table-headCell.is-sortable:hover{color:var(
475
- --spectrum-table-m-regular-header-text-color-hover,var(--spectrum-alias-text-color-hover)
476
- )}.spectrum-Table-headCell.is-sortable.focus-visible,.spectrum-Table-headCell.is-sortable.is-focused{color:var(
477
- --spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)
478
- )}.spectrum-Table-headCell.is-sortable.is-focused,.spectrum-Table-headCell.is-sortable:focus-visible{color:var(
479
- --spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)
480
- )}.spectrum-Table-headCell.is-sortable:active{color:var(
481
- --spectrum-table-m-regular-header-text-color-down,var(--spectrum-alias-text-color-down)
482
- )}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before,.spectrum-Table-headCell.focus-visible:before,.spectrum-Table-headCell.is-focused:before{box-shadow:inset 0 0 0 2px var(
446
+ )}:host([density=spacious]) .spectrum-Table-checkbox{vertical-align:super}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before{box-shadow:inset 0 0 0 2px var(
483
447
  --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
484
- )}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before,.spectrum-Table-headCell.is-focused:before,.spectrum-Table-headCell:focus-visible:before{box-shadow:inset 0 0 0 2px var(
448
+ )}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before{box-shadow:inset 0 0 0 2px var(
485
449
  --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
486
- )}::slotted(sp-table-body){background-color:var(
450
+ )}.spectrum-Table-body{background-color:var(
487
451
  --spectrum-table-m-regular-background-color,var(--spectrum-global-color-gray-50)
488
452
  );border-color:var(
489
453
  --spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)
490
- );border-style:solid}.spectrum-Table-row{background-color:var(
454
+ );border-style:solid}.spectrum-Table-body.is-drop-target{border-color:var(
455
+ --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
456
+ );box-shadow:0 0 0 1px var(
457
+ --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
458
+ )}.spectrum-Table-body.is-drop-target:before{background-color:var(
459
+ --spectrum-alias-highlight-selected
460
+ )}:host([dir=ltr]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child{border-left:1px solid var(
461
+ --spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)
462
+ )}:host([dir=rtl]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child{border-right:1px solid var(
463
+ --spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)
464
+ )}:host([dir=ltr]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:1px solid var(
465
+ --spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)
466
+ )}:host([dir=rtl]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:1px solid var(
467
+ --spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)
468
+ )}.spectrum-Table-row{background-color:var(
491
469
  --spectrum-table-m-regular-row-background-color,var(--spectrum-alias-background-color-transparent)
492
470
  );border-bottom:1px solid var(
493
471
  --spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)
@@ -517,9 +495,11 @@ const styles = css `
517
495
  --spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)
518
496
  )}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-color:var(
519
497
  --spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)
520
- )}.spectrum-Table--quiet ::slotted(sp-table-body){background-color:var(
498
+ )}.spectrum-Table--quiet .spectrum-Table-body{background-color:var(
521
499
  --spectrum-table-m-regular-quiet-cell-background-color,var(--spectrum-alias-background-color-transparent)
522
- );border-width:1px 0}.spectrum-Table--quiet .spectrum-Table-row{background-color:var(
500
+ );border-width:1px 0}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target{border-color:transparent;box-shadow:none}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before{box-shadow:inset 0 0 0 2px var(
501
+ --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
502
+ )}.spectrum-Table--quiet .spectrum-Table-row{background-color:var(
523
503
  --spectrum-table-m-regular-quiet-row-background-color,var(--spectrum-alias-background-color-transparent)
524
504
  )}.spectrum-Table--quiet .spectrum-Table-row:hover{background-color:var(
525
505
  --spectrum-table-m-regular-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover)
@@ -537,7 +517,7 @@ const styles = css `
537
517
  --spectrum-table-m-regular-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)
538
518
  )}.spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused,.spectrum-Table--quiet .spectrum-Table-row.is-selected:focus-visible{background-color:var(
539
519
  --spectrum-table-m-regular-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)
540
- )}
520
+ )}:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:none}:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:none}:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:none}:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:none}
541
521
  `;
542
522
  export default styles;
543
523
  //# sourceMappingURL=spectrum-table.css.js.map