@spectrum-web-components/table 0.41.1 → 0.41.2

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/package.json +7 -7
  2. package/src/spectrum-table-body.css.dev.js +1 -9
  3. package/src/spectrum-table-body.css.dev.js.map +2 -2
  4. package/src/spectrum-table-body.css.js +1 -9
  5. package/src/spectrum-table-body.css.js.map +2 -2
  6. package/src/spectrum-table-cell.css.dev.js +1 -48
  7. package/src/spectrum-table-cell.css.dev.js.map +2 -2
  8. package/src/spectrum-table-cell.css.js +3 -50
  9. package/src/spectrum-table-cell.css.js.map +2 -2
  10. package/src/spectrum-table-checkbox-cell.css.dev.js +1 -90
  11. package/src/spectrum-table-checkbox-cell.css.dev.js.map +2 -2
  12. package/src/spectrum-table-checkbox-cell.css.js +1 -90
  13. package/src/spectrum-table-checkbox-cell.css.js.map +2 -2
  14. package/src/spectrum-table-head-cell.css.dev.js +1 -92
  15. package/src/spectrum-table-head-cell.css.dev.js.map +2 -2
  16. package/src/spectrum-table-head-cell.css.js +1 -92
  17. package/src/spectrum-table-head-cell.css.js.map +2 -2
  18. package/src/spectrum-table-head.css.dev.js +1 -1
  19. package/src/spectrum-table-head.css.dev.js.map +1 -1
  20. package/src/spectrum-table-head.css.js +1 -1
  21. package/src/spectrum-table-head.css.js.map +1 -1
  22. package/src/spectrum-table-row.css.dev.js +1 -199
  23. package/src/spectrum-table-row.css.dev.js.map +2 -2
  24. package/src/spectrum-table-row.css.js +1 -199
  25. package/src/spectrum-table-row.css.js.map +2 -2
  26. package/src/spectrum-table.css.dev.js +1 -247
  27. package/src/spectrum-table.css.dev.js.map +2 -2
  28. package/src/spectrum-table.css.js +1 -247
  29. package/src/spectrum-table.css.js.map +2 -2
  30. package/src/table-body.css.dev.js +1 -17
  31. package/src/table-body.css.dev.js.map +2 -2
  32. package/src/table-body.css.js +1 -17
  33. package/src/table-body.css.js.map +2 -2
  34. package/src/table-cell.css.dev.js +1 -48
  35. package/src/table-cell.css.dev.js.map +2 -2
  36. package/src/table-cell.css.js +3 -50
  37. package/src/table-cell.css.js.map +2 -2
  38. package/src/table-checkbox-cell.css.dev.js +1 -90
  39. package/src/table-checkbox-cell.css.dev.js.map +2 -2
  40. package/src/table-checkbox-cell.css.js +1 -90
  41. package/src/table-checkbox-cell.css.js.map +2 -2
  42. package/src/table-head-cell.css.dev.js +1 -92
  43. package/src/table-head-cell.css.dev.js.map +2 -2
  44. package/src/table-head-cell.css.js +1 -92
  45. package/src/table-head-cell.css.js.map +2 -2
  46. package/src/table-head.css.dev.js +1 -1
  47. package/src/table-head.css.dev.js.map +1 -1
  48. package/src/table-head.css.js +1 -1
  49. package/src/table-head.css.js.map +1 -1
  50. package/src/table-row.css.dev.js +1 -199
  51. package/src/table-row.css.dev.js.map +2 -2
  52. package/src/table-row.css.js +3 -201
  53. package/src/table-row.css.js.map +2 -2
  54. package/src/table.css.dev.js +1 -247
  55. package/src/table.css.dev.js.map +2 -2
  56. package/src/table.css.js +1 -247
  57. package/src/table.css.js.map +2 -2
package/src/spectrum-table-head-cell.css.dev.js CHANGED
@@ -1,98 +1,7 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- .sortedIcon{display:none;margin-inline-end:var(
5
- --mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text))
6
- );margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);transition:transform var(
7
- --highcontrast-table-transition-duration,var(
8
- --mod-table-transition-duration,var(--spectrum-table-transition-duration)
9
- )
10
- ) ease-in-out;vertical-align:baseline}:host{--spectrum-table-icon-color:var(
11
- --highcontrast-table-icon-color,var(
12
- --mod-table-icon-color-default,var(--spectrum-table-icon-color-default)
13
- )
14
- );background-color:var(
15
- --mod-table-header-background-color,var(--spectrum-table-header-background-color)
16
- );block-size:var(
17
- --mod-table-min-header-height,var(--spectrum-table-min-header-height)
18
- );border-radius:0;box-sizing:border-box;color:var(
19
- --mod-table-header-text-color,var(--spectrum-table-header-text-color)
20
- );cursor:var(--mod-table-cursor-header-default,initial);font-family:var(
21
- --mod-table-header-font-family,var(--spectrum-table-row-font-family)
22
- );font-size:var(
23
- --mod-table-header-font-size,var(--spectrum-table-row-font-size)
24
- );font-weight:var(
25
- --mod-table-header-font-weight,var(--spectrum-table-header-font-weight)
26
- );line-height:var(
27
- --mod-table-header-line-height,var(--spectrum-table-row-line-height)
28
- );outline:0;padding-block:var(
29
- --mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text)
30
- ) var(
31
- --mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text)
32
- );padding-inline:var(
33
- --mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space)
34
- );text-align:start;text-transform:var(--mod-table-header-text-transform,none);transition:color var(
35
- --highcontrast-table-transition-duration,var(
36
- --mod-table-transition-duration,var(--spectrum-table-transition-duration)
37
- )
38
- ) ease-in-out;vertical-align:var(
39
- --mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align)
40
- )}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(
41
- --highcontrast-table-icon-color-focus,var(
42
- --mod-table-icon-color-active,var(--spectrum-table-icon-color-active)
43
- )
44
- )}:host([sortable]:focus){--spectrum-table-icon-color:var(
45
- --highcontrast-table-icon-color-focus,var(
46
- --mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)
47
- )
48
- )}:host([sortable]) .is-keyboardFocused,:host([sortable].focus-visible){--spectrum-table-icon-color:var(
49
- --highcontrast-table-icon-color-focus,var(
50
- --mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)
51
- )
52
- )}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(
53
- --highcontrast-table-icon-color-focus,var(
54
- --mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)
55
- )
56
- )}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{position:relative}:host(.focus-visible),:host([focused]){outline-color:var(
57
- --highcontrast-table-cell-focus-indicator-color,var(
58
- --highcontrast-table-focus-indicator-color,var(
59
- --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
60
- )
61
- )
62
- );outline-offset:calc(var(
63
- --mod-table-focus-indicator-thickness,
64
- var(--spectrum-table-focus-indicator-thickness)
65
- )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
66
- --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
67
- )}:host(:focus-visible),:host([focused]){outline-color:var(
68
- --highcontrast-table-cell-focus-indicator-color,var(
69
- --highcontrast-table-focus-indicator-color,var(
70
- --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
71
- )
72
- )
73
- );outline-offset:calc(var(
74
- --mod-table-focus-indicator-thickness,
75
- var(--spectrum-table-focus-indicator-thickness)
76
- )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
77
- --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
78
- )}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-end:var(
79
- --mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)
80
- );margin-block-start:calc(var(
81
- --mod-table-header-checkbox-block-spacing,
82
- var(--spectrum-table-header-checkbox-block-spacing)
83
- ) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host{display:table-cell}:host .spectrum-Table-scroller{border-block-end:var(
84
- --mod-table-border-width,var(--spectrum-table-border-width)
85
- ) solid var(
86
- --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
87
- )}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(
88
- --highcontrast-table-icon-color-focus,var(
89
- --mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)
90
- )
91
- )}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(
92
- --highcontrast-table-icon-color-focus,var(
93
- --mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)
94
- )
95
- )}}
4
+ .sortedIcon{vertical-align:baseline;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: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:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){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]:focus-visible),:host([sortable]) .is-keyboardFocused{--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{position:relative}:host(:focus-visible),:host([focused]){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 - 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{display:table-cell}: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)))}}
96
5
  `;
97
6
  export default styles;
98
7
  //# sourceMappingURL=spectrum-table-head-cell.css.dev.js.map
package/src/spectrum-table-head-cell.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-head-cell.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.sortedIcon{display:none;margin-inline-end:var(\n--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text))\n);margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);transition:transform var(\n--highcontrast-table-transition-duration,var(\n--mod-table-transition-duration,var(--spectrum-table-transition-duration)\n)\n) ease-in-out;vertical-align:baseline}:host{--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color,var(\n--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)\n)\n);background-color:var(\n--mod-table-header-background-color,var(--spectrum-table-header-background-color)\n);block-size:var(\n--mod-table-min-header-height,var(--spectrum-table-min-header-height)\n);border-radius:0;box-sizing:border-box;color:var(\n--mod-table-header-text-color,var(--spectrum-table-header-text-color)\n);cursor:var(--mod-table-cursor-header-default,initial);font-family:var(\n--mod-table-header-font-family,var(--spectrum-table-row-font-family)\n);font-size:var(\n--mod-table-header-font-size,var(--spectrum-table-row-font-size)\n);font-weight:var(\n--mod-table-header-font-weight,var(--spectrum-table-header-font-weight)\n);line-height:var(\n--mod-table-header-line-height,var(--spectrum-table-row-line-height)\n);outline:0;padding-block:var(\n--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text)\n) var(\n--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text)\n);padding-inline:var(\n--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space)\n);text-align:start;text-transform:var(--mod-table-header-text-transform,none);transition:color var(\n--highcontrast-table-transition-duration,var(\n--mod-table-transition-duration,var(--spectrum-table-transition-duration)\n)\n) ease-in-out;vertical-align:var(\n--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align)\n)}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)\n)\n)}:host([sortable]:focus){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)\n)\n)}:host([sortable]) .is-keyboardFocused,:host([sortable].focus-visible){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)\n)\n)}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)\n)\n)}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{position:relative}:host(.focus-visible),:host([focused]){outline-color:var(\n--highcontrast-table-cell-focus-indicator-color,var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)\n)\n)\n);outline-offset:calc(var(\n--mod-table-focus-indicator-thickness,\nvar(--spectrum-table-focus-indicator-thickness)\n)*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(\n--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)\n)}:host(:focus-visible),:host([focused]){outline-color:var(\n--highcontrast-table-cell-focus-indicator-color,var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)\n)\n)\n);outline-offset:calc(var(\n--mod-table-focus-indicator-thickness,\nvar(--spectrum-table-focus-indicator-thickness)\n)*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(\n--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)\n)}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-end:var(\n--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)\n);margin-block-start:calc(var(\n--mod-table-header-checkbox-block-spacing,\nvar(--spectrum-table-header-checkbox-block-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host{display:table-cell}:host .spectrum-Table-scroller{border-block-end:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)\n)\n)}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)\n)\n)}}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8Ff,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .sortedIcon{vertical-align:baseline;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: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:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){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]:focus-visible),:host([sortable]) .is-keyboardFocused{--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{position:relative}:host(:focus-visible),:host([focused]){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 - 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{display:table-cell}: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)))}}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-table-head-cell.css.js CHANGED
@@ -1,95 +1,4 @@
1
1
  "use strict";import{css as o}from"@spectrum-web-components/base";const t=o`
2
- .sortedIcon{display:none;margin-inline-end:var(
3
- --mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text))
4
- );margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);transition:transform var(
5
- --highcontrast-table-transition-duration,var(
6
- --mod-table-transition-duration,var(--spectrum-table-transition-duration)
7
- )
8
- ) ease-in-out;vertical-align:baseline}:host{--spectrum-table-icon-color:var(
9
- --highcontrast-table-icon-color,var(
10
- --mod-table-icon-color-default,var(--spectrum-table-icon-color-default)
11
- )
12
- );background-color:var(
13
- --mod-table-header-background-color,var(--spectrum-table-header-background-color)
14
- );block-size:var(
15
- --mod-table-min-header-height,var(--spectrum-table-min-header-height)
16
- );border-radius:0;box-sizing:border-box;color:var(
17
- --mod-table-header-text-color,var(--spectrum-table-header-text-color)
18
- );cursor:var(--mod-table-cursor-header-default,initial);font-family:var(
19
- --mod-table-header-font-family,var(--spectrum-table-row-font-family)
20
- );font-size:var(
21
- --mod-table-header-font-size,var(--spectrum-table-row-font-size)
22
- );font-weight:var(
23
- --mod-table-header-font-weight,var(--spectrum-table-header-font-weight)
24
- );line-height:var(
25
- --mod-table-header-line-height,var(--spectrum-table-row-line-height)
26
- );outline:0;padding-block:var(
27
- --mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text)
28
- ) var(
29
- --mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text)
30
- );padding-inline:var(
31
- --mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space)
32
- );text-align:start;text-transform:var(--mod-table-header-text-transform,none);transition:color var(
33
- --highcontrast-table-transition-duration,var(
34
- --mod-table-transition-duration,var(--spectrum-table-transition-duration)
35
- )
36
- ) ease-in-out;vertical-align:var(
37
- --mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align)
38
- )}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(
39
- --highcontrast-table-icon-color-focus,var(
40
- --mod-table-icon-color-active,var(--spectrum-table-icon-color-active)
41
- )
42
- )}:host([sortable]:focus){--spectrum-table-icon-color:var(
43
- --highcontrast-table-icon-color-focus,var(
44
- --mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)
45
- )
46
- )}:host([sortable]) .is-keyboardFocused,:host([sortable].focus-visible){--spectrum-table-icon-color:var(
47
- --highcontrast-table-icon-color-focus,var(
48
- --mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)
49
- )
50
- )}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(
51
- --highcontrast-table-icon-color-focus,var(
52
- --mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)
53
- )
54
- )}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{position:relative}:host(.focus-visible),:host([focused]){outline-color:var(
55
- --highcontrast-table-cell-focus-indicator-color,var(
56
- --highcontrast-table-focus-indicator-color,var(
57
- --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
58
- )
59
- )
60
- );outline-offset:calc(var(
61
- --mod-table-focus-indicator-thickness,
62
- var(--spectrum-table-focus-indicator-thickness)
63
- )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
64
- --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
65
- )}:host(:focus-visible),:host([focused]){outline-color:var(
66
- --highcontrast-table-cell-focus-indicator-color,var(
67
- --highcontrast-table-focus-indicator-color,var(
68
- --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
69
- )
70
- )
71
- );outline-offset:calc(var(
72
- --mod-table-focus-indicator-thickness,
73
- var(--spectrum-table-focus-indicator-thickness)
74
- )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
75
- --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
76
- )}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-end:var(
77
- --mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)
78
- );margin-block-start:calc(var(
79
- --mod-table-header-checkbox-block-spacing,
80
- var(--spectrum-table-header-checkbox-block-spacing)
81
- ) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host{display:table-cell}:host .spectrum-Table-scroller{border-block-end:var(
82
- --mod-table-border-width,var(--spectrum-table-border-width)
83
- ) solid var(
84
- --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
85
- )}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(
86
- --highcontrast-table-icon-color-focus,var(
87
- --mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)
88
- )
89
- )}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(
90
- --highcontrast-table-icon-color-focus,var(
91
- --mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)
92
- )
93
- )}}
2
+ .sortedIcon{vertical-align:baseline;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: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:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){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]:focus-visible),:host([sortable]) .is-keyboardFocused{--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{position:relative}:host(:focus-visible),:host([focused]){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 - 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{display:table-cell}: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)))}}
94
3
  `;export default t;
95
4
  //# sourceMappingURL=spectrum-table-head-cell.css.js.map
package/src/spectrum-table-head-cell.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-head-cell.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.sortedIcon{display:none;margin-inline-end:var(\n--mod-table-sort-icon-inline-end-spacing,var(--mod-table-icon-to-text,var(--spectrum-table-icon-to-text))\n);margin-inline-start:var(--mod-table-sort-icon-inline-start-spacing,0);transition:transform var(\n--highcontrast-table-transition-duration,var(\n--mod-table-transition-duration,var(--spectrum-table-transition-duration)\n)\n) ease-in-out;vertical-align:baseline}:host{--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color,var(\n--mod-table-icon-color-default,var(--spectrum-table-icon-color-default)\n)\n);background-color:var(\n--mod-table-header-background-color,var(--spectrum-table-header-background-color)\n);block-size:var(\n--mod-table-min-header-height,var(--spectrum-table-min-header-height)\n);border-radius:0;box-sizing:border-box;color:var(\n--mod-table-header-text-color,var(--spectrum-table-header-text-color)\n);cursor:var(--mod-table-cursor-header-default,initial);font-family:var(\n--mod-table-header-font-family,var(--spectrum-table-row-font-family)\n);font-size:var(\n--mod-table-header-font-size,var(--spectrum-table-row-font-size)\n);font-weight:var(\n--mod-table-header-font-weight,var(--spectrum-table-header-font-weight)\n);line-height:var(\n--mod-table-header-line-height,var(--spectrum-table-row-line-height)\n);outline:0;padding-block:var(\n--mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text)\n) var(\n--mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text)\n);padding-inline:var(\n--mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space)\n);text-align:start;text-transform:var(--mod-table-header-text-transform,none);transition:color var(\n--highcontrast-table-transition-duration,var(\n--mod-table-transition-duration,var(--spectrum-table-transition-duration)\n)\n) ease-in-out;vertical-align:var(\n--mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align)\n)}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){cursor:var(--mod-table-cursor-header-sortable,pointer)}:host([sortable][active]){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-active,var(--spectrum-table-icon-color-active)\n)\n)}:host([sortable]:focus){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)\n)\n)}:host([sortable]) .is-keyboardFocused,:host([sortable].focus-visible){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)\n)\n)}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)\n)\n)}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{position:relative}:host(.focus-visible),:host([focused]){outline-color:var(\n--highcontrast-table-cell-focus-indicator-color,var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)\n)\n)\n);outline-offset:calc(var(\n--mod-table-focus-indicator-thickness,\nvar(--spectrum-table-focus-indicator-thickness)\n)*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(\n--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)\n)}:host(:focus-visible),:host([focused]){outline-color:var(\n--highcontrast-table-cell-focus-indicator-color,var(\n--highcontrast-table-focus-indicator-color,var(\n--mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)\n)\n)\n);outline-offset:calc(var(\n--mod-table-focus-indicator-thickness,\nvar(--spectrum-table-focus-indicator-thickness)\n)*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(\n--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)\n)}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-end:var(\n--mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)\n);margin-block-start:calc(var(\n--mod-table-header-checkbox-block-spacing,\nvar(--spectrum-table-header-checkbox-block-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host{display:table-cell}:host .spectrum-Table-scroller{border-block-end:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))\n)}@media (hover:hover){:host([sortable]:hover){--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)\n)\n)}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(\n--highcontrast-table-icon-color-focus,var(\n--mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)\n)\n)}}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8Ff,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n .sortedIcon{vertical-align:baseline;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: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:var(--mod-table-cursor-header-default,initial);border-radius:0;outline:0}.sortedIcon,.spectrum-Table-menuIcon{color:var(--spectrum-table-icon-color)}:host([sortable]){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]:focus-visible),:host([sortable]) .is-keyboardFocused{--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{position:relative}:host(:focus-visible),:host([focused]){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 - 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{display:table-cell}: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)))}}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-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{position:sticky;top:0;z-index:2}
4
+ :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:2;position:sticky;top:0}
5
5
  `;
6
6
  export default styles;
7
7
  //# sourceMappingURL=spectrum-table-head.css.dev.js.map
package/src/spectrum-table-head.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-head.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{display:table-header-group}:host .spectrum-Table-scroller{position:sticky;top:0;z-index:2}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:2;position:sticky;top:0}\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-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{position:sticky;top:0;z-index:2}
2
+ :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:2;position:sticky;top:0}
3
3
  `;export default t;
4
4
  //# sourceMappingURL=spectrum-table-head.css.js.map
package/src/spectrum-table-head.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-head.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{display:table-header-group}:host .spectrum-Table-scroller{position:sticky;top:0;z-index:2}\n`;\nexport default styles;"],
4
+ "sourcesContent": ["/*\nCopyright 2024 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host{display:table-header-group}:host .spectrum-Table-scroller{z-index:2;position:sticky;top:0}\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/spectrum-table-row.css.dev.js CHANGED
@@ -1,205 +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(.focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover) 1px solid}}:host([drop-target]),:host([drop-target]) .spectrum-Table-body,:host([selected]){--highcontrast-table-cell-focus-indicator-color:var(
5
- --highcontrast-table-selected-row-text-color
6
- );--highcontrast-table-cell-focus-extra-offset:1px}:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color) 1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(
7
- --mod-table-border-width,var(--spectrum-table-border-width)
8
- ) solid var(
9
- --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
10
- )}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(
11
- --mod-table-border-width,var(--spectrum-table-border-width)
12
- ) solid var(
13
- --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
14
- )}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(
15
- --mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)
16
- ) solid var(
17
- --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
18
- )}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(
19
- --mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width)
20
- ) solid var(
21
- --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
22
- )}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(
23
- --mod-table-border-radius,var(--spectrum-table-border-radius)
24
- )}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(
25
- --mod-table-border-radius,var(--spectrum-table-border-radius)
26
- )}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(
27
- --mod-table-border-radius,var(--spectrum-table-border-radius)
28
- )}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(
29
- --mod-table-border-radius,var(--spectrum-table-border-radius)
30
- )}:host{border-block-start:none;cursor:var(--mod-table-cursor-row-default,pointer);position:relative;transition:background-color var(
31
- --highcontrast-table-transition-duration,var(
32
- --mod-table-transition-duration,var(--spectrum-table-transition-duration)
33
- )
34
- ) ease-in-out}:host(:first-child){border-start-end-radius:var(
35
- --mod-table-border-radius,var(--spectrum-table-border-radius)
36
- );border-start-start-radius:var(
37
- --mod-table-border-radius,var(--spectrum-table-border-radius)
38
- )}:host(:last-child){border-end-end-radius:var(
39
- --mod-table-border-radius,var(--spectrum-table-border-radius)
40
- );border-end-start-radius:var(
41
- --mod-table-border-radius,var(--spectrum-table-border-radius)
42
- )}:host(:focus){outline:0}:host(.focus-visible),:host([focused]){--highcontrast-table-row-text-color:var(
43
- --highcontrast-table-row-text-color-hover
44
- );--highcontrast-table-icon-color:var(
45
- --highcontrast-table-row-text-color-hover
46
- );--spectrum-table-cell-background-color:var(
47
- --highcontrast-table-row-background-color-hover,var(
48
- --mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
49
- )
50
- )}:host(:focus-visible),:host([focused]){--highcontrast-table-row-text-color:var(
51
- --highcontrast-table-row-text-color-hover
52
- );--highcontrast-table-icon-color:var(
53
- --highcontrast-table-row-text-color-hover
54
- );--spectrum-table-cell-background-color:var(
55
- --highcontrast-table-row-background-color-hover,var(
56
- --mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
57
- )
58
- )}:host:active{--highcontrast-table-row-text-color:var(
59
- --highcontrast-table-row-text-color-hover
60
- );--highcontrast-table-icon-color:var(
61
- --highcontrast-table-row-text-color-hover
62
- );--spectrum-table-cell-background-color:var(
63
- --highcontrast-table-row-background-color-hover,var(
64
- --mod-table-row-active-color,var(--spectrum-table-row-active-color)
65
- )
66
- )}:host([selected]){--highcontrast-table-row-text-color:var(
67
- --highcontrast-table-selected-row-text-color
68
- );--highcontrast-table-icon-color:var(
69
- --highcontrast-table-selected-row-text-color
70
- );--spectrum-table-cell-background-color:var(
71
- --spectrum-table-selected-cell-background-color
72
- )}:host([selected].focus-visible),:host([selected][focused]){--highcontrast-table-row-text-color:var(
73
- --highcontrast-table-selected-row-text-color-focus
74
- );--highcontrast-table-icon-color:var(
75
- --highcontrast-table-selected-row-text-color-focus
76
- );--spectrum-table-cell-background-color:var(
77
- --spectrum-table-selected-cell-background-color-focus
78
- )}:host([selected]:focus-visible),:host([selected][focused]){--highcontrast-table-row-text-color:var(
79
- --highcontrast-table-selected-row-text-color-focus
80
- );--highcontrast-table-icon-color:var(
81
- --highcontrast-table-selected-row-text-color-focus
82
- );--spectrum-table-cell-background-color:var(
83
- --spectrum-table-selected-cell-background-color-focus
84
- )}:host([drop-target]),:host([drop-target]) .spectrum-Table-body{--highcontrast-table-row-text-color:var(
85
- --highcontrast-table-selected-row-text-color
86
- );--highcontrast-table-icon-color:var(
87
- --highcontrast-table-selected-row-text-color
88
- );--spectrum-table-cell-background-color:var(
89
- --highcontrast-table-selected-row-background-color,var(
90
- --mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)
91
- )
92
- )}:host([drop-target]){outline-color:var(
93
- --highcontrast-table-focus-indicator-color,var(
94
- --mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)
95
- )
96
- );outline-offset:calc(var(
97
- --mod-table-focus-indicator-thickness,
98
- var(--spectrum-table-focus-indicator-thickness)
99
- )*-1);outline-style:solid;outline-width:var(
100
- --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
101
- );--mod-table-border-color:var(
102
- --highcontrast-table-focus-indicator-color,transparent
103
- )}:host([drop-target]) ::slotted(*){border-top-color:var(
104
- --highcontrast-table-focus-indicator-color,var(
105
- --mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)
106
- )
107
- )}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(
108
- --highcontrast-table-row-background-color,var(
109
- --mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)
110
- )
111
- )}.spectrum-Table-row--summary ::slotted(*){color:var(
112
- --highcontrast-table-row-text-color,var(
113
- --mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)
114
- )
115
- );font-family:var(
116
- --mod-table-summary-row-font-family,var(--spectrum-table-row-font-family)
117
- );font-size:var(
118
- --mod-table-summary-row-font-size,var(--spectrum-table-row-font-size)
119
- );font-style:var(
120
- --mod-table-summary-row-font-style,var(--spectrum-table-row-font-style)
121
- );font-weight:var(
122
- --mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight)
123
- );line-height:var(
124
- --mod-table-summary-row-line-height,var(--spectrum-table-row-line-height)
125
- )}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(
126
- --highcontrast-table-section-header-background-color,var(
127
- --mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)
128
- )
129
- );cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){block-size:var(
130
- --mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height)
131
- );color:var(
132
- --highcontrast-table-section-header-text-color,var(
133
- --mod-table-section-header-text-color,var(--spectrum-table-row-text-color)
134
- )
135
- );font-family:var(
136
- --mod-table-section-header-font-family,var(--spectrum-table-row-font-family)
137
- );font-size:var(
138
- --mod-table-section-header-font-size,var(--spectrum-table-row-font-size)
139
- );font-style:var(
140
- --mod-table-section-header-font-style,var(--spectrum-table-row-font-style)
141
- );font-weight:var(
142
- --mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight)
143
- );line-height:var(
144
- --mod-table-section-header-line-height,var(--spectrum-table-row-line-height)
145
- );padding-block-end:calc(var(
146
- --mod-table-section-header-block-end-spacing,
147
- var(--spectrum-table-section-header-block-end-spacing)
148
- ) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-block-start:calc(var(
149
- --mod-table-section-header-block-start-spacing,
150
- var(--spectrum-table-section-header-block-start-spacing)
151
- ) - var(--mod-table-border-width, var(--spectrum-table-border-width)));text-align:start}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(
152
- --mod-table-disclosure-icon-size,
153
- var(--spectrum-table-disclosure-icon-size)
154
- ) + var(
155
- --mod-table-collapsible-disclosure-inline-spacing,
156
- var(--spectrum-table-collapsible-disclosure-inline-spacing)
157
- )*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-block-start:max(0px,calc((var(
158
- --mod-table-min-row-height,
159
- var(--spectrum-table-min-row-height)
160
- ) - var(
161
- --mod-table-disclosure-icon-size,
162
- var(--spectrum-table-disclosure-icon-size)
163
- ))/2));margin-inline:var(
164
- --mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing)
165
- )}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host([selected]:hover){--highcontrast-table-row-text-color:var(
166
- --highcontrast-table-selected-row-text-color-focus
167
- );--highcontrast-table-icon-color:var(
168
- --highcontrast-table-selected-row-text-color-focus
169
- );--spectrum-table-cell-background-color:var(
170
- --spectrum-table-selected-cell-background-color-focus
171
- )}:host(:hover){--highcontrast-table-row-text-color:var(
172
- --highcontrast-table-row-text-color-hover
173
- );--highcontrast-table-icon-color:var(
174
- --highcontrast-table-row-text-color-hover
175
- );--spectrum-table-cell-background-color:var(
176
- --highcontrast-table-row-background-color-hover,var(
177
- --mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)
178
- )
179
- )}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(
180
- --highcontrast-table-section-header-text-color
181
- );--spectrum-table-cell-background-color:var(
182
- --highcontrast-table-section-header-background-color,var(
183
- --mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)
184
- )
185
- )}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(
186
- --mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)
187
- );--table-thumbnail-inner-content-block-spacing:max(0px,calc((var(
188
- --mod-table-thumbnail-size,
189
- var(--spectrum-table-thumbnail-size)
190
- ) - (var(
191
- --mod-table-row-line-height,
192
- var(--spectrum-table-row-line-height)
193
- )*var(--mod-table-header-font-size,
194
- var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc((var(
195
- --mod-table-disclosure-icon-size,
196
- var(--spectrum-table-disclosure-icon-size)
197
- ) - var(
198
- --mod-table-thumbnail-size,
199
- var(--spectrum-table-thumbnail-size)
200
- ))/2));--table-thumbnail-cell-block-spacing:max(var(
201
- --mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)
202
- ),var(--table-thumbnail-inner-minimum-block-spacing))}
4
+ @media (forced-colors:active){:host(:focus-visible) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([focused]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}@media (hover:hover){:host(:hover) .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-row-text-color-hover)1px solid}}:host([selected]),:host([drop-target]),:host([drop-target]) .spectrum-Table-body{--highcontrast-table-cell-focus-indicator-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-cell-focus-extra-offset:1px}:host([selected]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-checkbox .spectrum-Checkbox-box:before,:host([drop-target]) .spectrum-Table-body .spectrum-Table-checkbox .spectrum-Checkbox-box:before{outline:var(--highcontrast-table-selected-row-text-color)1px solid}}:host(:first-child) .spectrum-Table-body ::slotted(*){border-block-start:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:last-child) .spectrum-Table-body ::slotted(*){border-block-end:var(--mod-table-border-width,var(--spectrum-table-border-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:first-child){border-inline-start:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host .spectrum-Table-body ::slotted(:last-child){border-inline-end:var(--mod-table-outer-border-inline-width,var(--spectrum-table-outer-border-inline-width))solid var(--highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color)))}:host(:first-child) ::slotted(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:first-child) ::slotted(:last-child){border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:first-child){border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child) ::slotted(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host{transition:background-color var(--highcontrast-table-transition-duration,var(--mod-table-transition-duration,var(--spectrum-table-transition-duration)))ease-in-out;cursor:var(--mod-table-cursor-row-default,pointer);border-block-start:none;position:relative}:host(:first-child){border-start-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-start-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:last-child){border-end-end-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius));border-end-start-radius:var(--mod-table-border-radius,var(--spectrum-table-border-radius))}:host(:focus){outline:0}:host(:focus-visible),:host([focused]){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}:host:active{--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-active-color,var(--spectrum-table-row-active-color)))}:host([selected]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--spectrum-table-selected-cell-background-color)}:host([selected]:focus-visible),:host([selected][focused]){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--spectrum-table-selected-cell-background-color-focus)}:host([drop-target]),:host([drop-target]) .spectrum-Table-body{--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-selected-row-background-color,var(--mod-table-drop-zone-background-color,var(--spectrum-table-drop-zone-background-color)))}:host([drop-target]){outline-width:var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness));outline-style:solid;outline-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)));outline-offset:calc(var(--mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness))*-1);--mod-table-border-color:var(--highcontrast-table-focus-indicator-color,transparent)}:host([drop-target]) ::slotted(*){border-top-color:var(--highcontrast-table-focus-indicator-color,var(--mod-table-drop-zone-outline-color,var(--spectrum-table-drop-zone-outline-color)))}.spectrum-Table-row--summary{--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color,var(--mod-table-summary-row-background-color,var(--spectrum-table-summary-row-background-color)))}.spectrum-Table-row--summary ::slotted(*){font-weight:var(--mod-table-summary-row-font-weight,var(--spectrum-table-summary-row-font-weight));font-size:var(--mod-table-summary-row-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-summary-row-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-summary-row-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-summary-row-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-row-text-color,var(--mod-table-summary-row-text-color,var(--spectrum-table-row-text-color)))}.spectrum-Table-row--sectionHeader{--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)));cursor:var(--mod-table-cursor-section-header,initial)}.spectrum-Table-row--sectionHeader ::slotted(*){font-weight:var(--mod-table-section-header-font-weight,var(--spectrum-table-section-header-font-weight));text-align:start;block-size:var(--mod-table-section-header-min-height,var(--spectrum-table-section-header-min-height));font-size:var(--mod-table-section-header-font-size,var(--spectrum-table-row-font-size));font-family:var(--mod-table-section-header-font-family,var(--spectrum-table-row-font-family));font-style:var(--mod-table-section-header-font-style,var(--spectrum-table-row-font-style));line-height:var(--mod-table-section-header-line-height,var(--spectrum-table-row-line-height));color:var(--highcontrast-table-section-header-text-color,var(--mod-table-section-header-text-color,var(--spectrum-table-row-text-color)));padding-block-start:calc(var(--mod-table-section-header-block-start-spacing,var(--spectrum-table-section-header-block-start-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)));padding-block-end:calc(var(--mod-table-section-header-block-end-spacing,var(--spectrum-table-section-header-block-end-spacing)) - var(--mod-table-border-width,var(--spectrum-table-border-width)))}:host{display:table-row}:host(:first-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-start:none;border-radius:0}:host(:last-child) .spectrum-Table-scroller .spectrum-Table-body ::slotted(*){border-block-end:none;border-radius:0}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:first-child){border-inline-start:none}:host .spectrum-Table-scroller .spectrum-Table-body ::slotted(:last-child){border-inline-end:none}.spectrum-Table-row--collapsible{--spectrum-table-row-tier:0}:host([data-tier="1"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:1}:host([data-tier="2"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:2}:host([data-tier="3"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:3}:host([data-tier="4"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:4}:host([data-tier="5"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:5}:host([data-tier="6"]) .spectrum-Table-row--collapsible{--spectrum-table-row-tier:6}.spectrum-Table-row--collapsible .spectrum-Table-checkboxCell{padding-inline-end:0}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-cell--collapsible{padding-inline-start:calc(var(--spectrum-table-row-tier)*var(--spectrum-table-collapsible-tier-indent) + var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) + var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing))*2)}.spectrum-Table-row--collapsible.is-last-tier .spectrum-Table-disclosureIcon{display:none}.spectrum-Table-row--collapsible .spectrum-Table-disclosureIcon{margin-inline:var(--mod-table-collapsible-disclosure-inline-spacing,var(--spectrum-table-collapsible-disclosure-inline-spacing));margin-block-start:max(0px,calc(( var(--mod-table-min-row-height,var(--spectrum-table-min-row-height)) - var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)))/2))}:host([hidden]) .spectrum-Table-row--collapsible{display:none}@media (hover:hover){:host([selected]:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-selected-row-text-color-focus);--highcontrast-table-icon-color:var(--highcontrast-table-selected-row-text-color-focus);--spectrum-table-cell-background-color:var(--spectrum-table-selected-cell-background-color-focus)}:host(:hover){--highcontrast-table-row-text-color:var(--highcontrast-table-row-text-color-hover);--highcontrast-table-icon-color:var(--highcontrast-table-row-text-color-hover);--spectrum-table-cell-background-color:var(--highcontrast-table-row-background-color-hover,var(--mod-table-row-background-color-hover,var(--spectrum-table-row-background-color-hover)))}.spectrum-Table-row--sectionHeader:hover{--highcontrast-table-row-text-color:var(--highcontrast-table-section-header-text-color);--spectrum-table-cell-background-color:var(--highcontrast-table-section-header-background-color,var(--mod-table-section-header-background-color,var(--spectrum-table-section-header-background-color)))}}.spectrum-Table-row--thumbnail{--table-thumbnail-cell-block-spacing:var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing));--table-thumbnail-inner-content-block-spacing:max(0px,calc(( var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)) - ( var(--mod-table-row-line-height,var(--spectrum-table-row-line-height))*var(--mod-table-header-font-size,var(--spectrum-table-row-font-size))))/2))}.spectrum-Table-row--thumbnail ::slotted(*){padding-block:calc(var(--table-thumbnail-cell-block-spacing) + var(--table-thumbnail-inner-content-block-spacing))}.spectrum-Table-row--thumbnail .spectrum-Table-cell--thumbnail{padding-block:0}.spectrum-Table-row--thumbnail.spectrum-Table-row--collapsible{--table-thumbnail-inner-minimum-block-spacing:max(0px,calc(( var(--mod-table-disclosure-icon-size,var(--spectrum-table-disclosure-icon-size)) - var(--mod-table-thumbnail-size,var(--spectrum-table-thumbnail-size)))/2));--table-thumbnail-cell-block-spacing:max(var(--mod-table-thumbnail-block-spacing,var(--spectrum-table-thumbnail-block-spacing)),var(--table-thumbnail-inner-minimum-block-spacing))}
203
5
  `;
204
6
  export default styles;
205
7
  //# sourceMappingURL=spectrum-table-row.css.dev.js.map