@spectrum-web-components/table 0.37.0 → 0.39.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/README.md +295 -24
  2. package/custom-elements.json +101 -0
  3. package/package.json +8 -8
  4. package/src/Table.d.ts +12 -0
  5. package/src/Table.dev.js +27 -7
  6. package/src/Table.dev.js.map +2 -2
  7. package/src/Table.js +12 -12
  8. package/src/Table.js.map +3 -3
  9. package/src/TableCheckboxCell.d.ts +5 -0
  10. package/src/TableCheckboxCell.dev.js +10 -3
  11. package/src/TableCheckboxCell.dev.js.map +2 -2
  12. package/src/TableCheckboxCell.js +3 -2
  13. package/src/TableCheckboxCell.js.map +3 -3
  14. package/src/TableHeadCell.dev.js +3 -2
  15. package/src/TableHeadCell.dev.js.map +2 -2
  16. package/src/TableHeadCell.js +4 -4
  17. package/src/TableHeadCell.js.map +3 -3
  18. package/src/spectrum-config.js +124 -4
  19. package/src/spectrum-table-body.css.dev.js +9 -9
  20. package/src/spectrum-table-body.css.dev.js.map +1 -1
  21. package/src/spectrum-table-body.css.js +11 -11
  22. package/src/spectrum-table-body.css.js.map +1 -1
  23. package/src/spectrum-table-cell.css.dev.js +59 -15
  24. package/src/spectrum-table-cell.css.dev.js.map +2 -2
  25. package/src/spectrum-table-cell.css.js +61 -17
  26. package/src/spectrum-table-cell.css.js.map +2 -2
  27. package/src/spectrum-table-checkbox-cell.css.dev.js +101 -3
  28. package/src/spectrum-table-checkbox-cell.css.dev.js.map +2 -2
  29. package/src/spectrum-table-checkbox-cell.css.js +103 -5
  30. package/src/spectrum-table-checkbox-cell.css.js.map +2 -2
  31. package/src/spectrum-table-head-cell.css.dev.js +102 -32
  32. package/src/spectrum-table-head-cell.css.dev.js.map +2 -2
  33. package/src/spectrum-table-head-cell.css.js +104 -34
  34. package/src/spectrum-table-head-cell.css.js.map +2 -2
  35. package/src/spectrum-table-head.css.dev.js +1 -1
  36. package/src/spectrum-table-head.css.dev.js.map +1 -1
  37. package/src/spectrum-table-head.css.js +1 -1
  38. package/src/spectrum-table-head.css.js.map +1 -1
  39. package/src/spectrum-table-row.css.dev.js +199 -27
  40. package/src/spectrum-table-row.css.dev.js.map +2 -2
  41. package/src/spectrum-table-row.css.js +201 -29
  42. package/src/spectrum-table-row.css.js.map +2 -2
  43. package/src/spectrum-table.css.dev.js +247 -325
  44. package/src/spectrum-table.css.dev.js.map +2 -2
  45. package/src/spectrum-table.css.js +249 -327
  46. package/src/spectrum-table.css.js.map +2 -2
  47. package/src/table-body.css.dev.js +17 -9
  48. package/src/table-body.css.dev.js.map +2 -2
  49. package/src/table-body.css.js +17 -9
  50. package/src/table-body.css.js.map +2 -2
  51. package/src/table-cell.css.dev.js +59 -15
  52. package/src/table-cell.css.dev.js.map +2 -2
  53. package/src/table-cell.css.js +61 -17
  54. package/src/table-cell.css.js.map +2 -2
  55. package/src/table-checkbox-cell.css.dev.js +101 -3
  56. package/src/table-checkbox-cell.css.dev.js.map +2 -2
  57. package/src/table-checkbox-cell.css.js +101 -3
  58. package/src/table-checkbox-cell.css.js.map +2 -2
  59. package/src/table-head-cell.css.dev.js +103 -33
  60. package/src/table-head-cell.css.dev.js.map +2 -2
  61. package/src/table-head-cell.css.js +105 -35
  62. package/src/table-head-cell.css.js.map +2 -2
  63. package/src/table-head.css.dev.js +1 -1
  64. package/src/table-head.css.dev.js.map +1 -1
  65. package/src/table-head.css.js +1 -1
  66. package/src/table-head.css.js.map +1 -1
  67. package/src/table-row.css.dev.js +199 -27
  68. package/src/table-row.css.dev.js.map +2 -2
  69. package/src/table-row.css.js +201 -29
  70. package/src/table-row.css.js.map +2 -2
  71. package/src/table.css.dev.js +247 -325
  72. package/src/table.css.dev.js.map +2 -2
  73. package/src/table.css.js +249 -327
  74. package/src/table.css.js.map +2 -2
  75. package/stories/table-elements.stories.js +40 -4
  76. package/stories/table-elements.stories.js.map +2 -2
  77. package/test/helpers.js +18 -0
  78. package/test/helpers.js.map +7 -0
  79. package/test/table-selects.test.js +2 -16
  80. package/test/table-selects.test.js.map +2 -2
  81. package/test/table.test.js +42 -24
  82. package/test/table.test.js.map +2 -2
  83. package/test/virtualized-table-selects.test.js +15 -46
  84. package/test/virtualized-table-selects.test.js.map +2 -2
  85. package/test/virtualized-table.test.js +4 -27
  86. package/test/virtualized-table.test.js.map +2 -2
package/src/spectrum-table-cell.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-cell.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(--spectrum-table-regular-cell-padding-left);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(--spectrum-table-regular-cell-padding-left)}:host{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)}:host{position:relative}:host(.focus-visible),:host([focused]){outline:none}:host(.focus-visible),:host([focused]){outline:none}:host(:focus-visible),:host([focused]){outline:none}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host(.focus-visible):before,:host([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}:host(.focus-visible):before,:host([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}:host(:focus-visible):before,:host([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}:host([dir=ltr]) .divider{border-right-width:var(--spectrum-table-regular-divider-border-size)}:host([dir=rtl]) .divider{border-left-width:var(--spectrum-table-regular-divider-border-size)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host{background-color:var(\n--spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-cell-text-color,var(--spectrum-alias-text-color)\n)}:host([dir=ltr]) .divider{border-right-style:solid}:host([dir=rtl]) .divider{border-left-style:solid}:host([dir=ltr]) .divider{border-right-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) .divider{border-left-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\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,EAiBf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){:host{forced-color-adjust:none}}:host([align=center]){text-align:center}:host([align=end]){text-align:end}:host{border-block-start:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color))\n)}:host{background-color:var(--spectrum-table-cell-background-color);block-size:var(\n--mod-table-min-row-height,var(--spectrum-table-min-row-height)\n);box-sizing:border-box;color:var(\n--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color))\n);font-size:var(\n--mod-table-row-font-size,var(--spectrum-table-row-font-size)\n);font-weight:var(\n--mod-table-row-font-weight,var(--spectrum-table-row-font-weight)\n);line-height:var(\n--mod-table-row-line-height,var(--spectrum-table-row-line-height)\n);padding-block-end:var(\n--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text)\n);padding-block-start:calc(var(--mod-table-row-top-to-text, var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-inline:calc(var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)) - var(\n--mod-table-outer-border-inline-width,\nvar(--spectrum-table-outer-border-inline-width)\n));vertical-align:var(\n--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align)\n)}: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(: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)}.divider{border-inline-end:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color))\n)}:host{display:table-cell}.spectrum-Table-cell--collapsible{padding-block:0;padding-inline-start:calc(var(--spectrum-table-row-tier, 0px)*var(--spectrum-table-collapsible-tier-indent))}\n`;\nexport default styles;"],
5
+ "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,EA6Df,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-table-checkbox-cell.css.dev.js CHANGED
@@ -1,9 +1,107 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host([dir=ltr]){padding-right:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host{padding-bottom:0;padding-top:0;vertical-align:var(
5
- --spectrum-table-regular-cell-checkbox-vertical-alignment
6
- )}.checkbox{vertical-align:super}
4
+ @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(
5
+ --highcontrast-table-icon-color,var(
6
+ --mod-table-icon-color-default,var(--spectrum-table-icon-color-default)
7
+ )
8
+ );background-color:var(
9
+ --mod-table-header-background-color,var(--spectrum-table-header-background-color)
10
+ );block-size:var(
11
+ --mod-table-min-header-height,var(--spectrum-table-min-header-height)
12
+ );border-radius:0;box-sizing:border-box;color:var(
13
+ --mod-table-header-text-color,var(--spectrum-table-header-text-color)
14
+ );cursor:var(--mod-table-cursor-header-default,initial);font-family:var(
15
+ --mod-table-header-font-family,var(--spectrum-table-row-font-family)
16
+ );font-size:var(
17
+ --mod-table-header-font-size,var(--spectrum-table-row-font-size)
18
+ );font-weight:var(
19
+ --mod-table-header-font-weight,var(--spectrum-table-header-font-weight)
20
+ );line-height:var(
21
+ --mod-table-header-line-height,var(--spectrum-table-row-line-height)
22
+ );outline:0;padding-block:var(
23
+ --mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text)
24
+ ) var(
25
+ --mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text)
26
+ );padding-inline:var(
27
+ --mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space)
28
+ );text-align:start;text-transform:var(--mod-table-header-text-transform,none);transition:color var(
29
+ --highcontrast-table-transition-duration,var(
30
+ --mod-table-transition-duration,var(--spectrum-table-transition-duration)
31
+ )
32
+ ) ease-in-out;vertical-align:var(
33
+ --mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align)
34
+ )}:host(:not([head-cell])){border-block-start:var(
35
+ --mod-table-border-width,var(--spectrum-table-border-width)
36
+ ) solid var(
37
+ --highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color))
38
+ )}:host(:not([head-cell])){background-color:var(--spectrum-table-cell-background-color);block-size:var(
39
+ --mod-table-min-row-height,var(--spectrum-table-min-row-height)
40
+ );box-sizing:border-box;color:var(
41
+ --highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color))
42
+ );font-size:var(
43
+ --mod-table-row-font-size,var(--spectrum-table-row-font-size)
44
+ );font-weight:var(
45
+ --mod-table-row-font-weight,var(--spectrum-table-row-font-weight)
46
+ );line-height:var(
47
+ --mod-table-row-line-height,var(--spectrum-table-row-line-height)
48
+ );padding-block-end:var(
49
+ --mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text)
50
+ );padding-block-start:calc(var(--mod-table-row-top-to-text, var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-inline:calc(var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)) - var(
51
+ --mod-table-outer-border-inline-width,
52
+ var(--spectrum-table-outer-border-inline-width)
53
+ ));vertical-align:var(
54
+ --mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align)
55
+ )}:host(:not([head-cell])),:host([head-cell]){position:relative}:host(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][focused]){outline-color:var(
56
+ --highcontrast-table-cell-focus-indicator-color,var(
57
+ --highcontrast-table-focus-indicator-color,var(
58
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
59
+ )
60
+ )
61
+ );outline-offset:calc(var(
62
+ --mod-table-focus-indicator-thickness,
63
+ var(--spectrum-table-focus-indicator-thickness)
64
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
65
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
66
+ )}:host(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][focused]){outline-color:var(
67
+ --highcontrast-table-cell-focus-indicator-color,var(
68
+ --highcontrast-table-focus-indicator-color,var(
69
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
70
+ )
71
+ )
72
+ );outline-offset:calc(var(
73
+ --mod-table-focus-indicator-thickness,
74
+ var(--spectrum-table-focus-indicator-thickness)
75
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
76
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
77
+ )}:host(:not([head-cell]):focus-visible),:host(:not([head-cell])[focused]),:host([head-cell]:focus-visible),:host([head-cell][focused]){outline-color:var(
78
+ --highcontrast-table-cell-focus-indicator-color,var(
79
+ --highcontrast-table-focus-indicator-color,var(
80
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
81
+ )
82
+ )
83
+ );outline-offset:calc(var(
84
+ --mod-table-focus-indicator-thickness,
85
+ var(--spectrum-table-focus-indicator-thickness)
86
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
87
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
88
+ )}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(
89
+ --mod-table-checkbox-to-text,
90
+ var(--spectrum-table-checkbox-to-text)
91
+ ) - var(
92
+ --mod-table-edge-to-content,
93
+ var(--spectrum-table-edge-to-content)
94
+ ))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-end:var(
95
+ --mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)
96
+ );margin-block-start:calc(var(
97
+ --mod-table-row-checkbox-block-spacing,
98
+ var(--spectrum-table-row-checkbox-block-spacing)
99
+ ) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host(:host[head-cell]) sp-checkbox{margin-block-end:var(
100
+ --mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)
101
+ );margin-block-start:calc(var(
102
+ --mod-table-header-checkbox-block-spacing,
103
+ var(--spectrum-table-header-checkbox-block-spacing)
104
+ ) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell}
7
105
  `;
8
106
  export default styles;
9
107
  //# sourceMappingURL=spectrum-table-checkbox-cell.css.dev.js.map
package/src/spectrum-table-checkbox-cell.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-checkbox-cell.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr]){padding-right:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-regular-cell-checkbox-vertical-alignment\n)}.checkbox{vertical-align:super}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAKf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--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)}:host(:not([head-cell])){border-block-start:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color))\n)}:host(:not([head-cell])){background-color:var(--spectrum-table-cell-background-color);block-size:var(\n--mod-table-min-row-height,var(--spectrum-table-min-row-height)\n);box-sizing:border-box;color:var(\n--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color))\n);font-size:var(\n--mod-table-row-font-size,var(--spectrum-table-row-font-size)\n);font-weight:var(\n--mod-table-row-font-weight,var(--spectrum-table-row-font-weight)\n);line-height:var(\n--mod-table-row-line-height,var(--spectrum-table-row-line-height)\n);padding-block-end:var(\n--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text)\n);padding-block-start:calc(var(--mod-table-row-top-to-text, var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-inline:calc(var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)) - var(\n--mod-table-outer-border-inline-width,\nvar(--spectrum-table-outer-border-inline-width)\n));vertical-align:var(\n--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align)\n)}:host(:not([head-cell])),:host([head-cell]){position:relative}:host(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][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(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][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(:not([head-cell]):focus-visible),:host(:not([head-cell])[focused]),:host([head-cell]:focus-visible),:host([head-cell][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(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(\n--mod-table-checkbox-to-text,\nvar(--spectrum-table-checkbox-to-text)\n) - var(\n--mod-table-edge-to-content,\nvar(--spectrum-table-edge-to-content)\n))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-end:var(\n--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)\n);margin-block-start:calc(var(\n--mod-table-row-checkbox-block-spacing,\nvar(--spectrum-table-row-checkbox-block-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host(:host[head-cell]) sp-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(:not([head-cell])),:host([head-cell]){display:table-cell}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuGf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-table-checkbox-cell.css.js CHANGED
@@ -1,6 +1,104 @@
1
- "use strict";import{css as t}from"@spectrum-web-components/base";const r=t`
2
- :host([dir=ltr]){padding-right:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host{padding-bottom:0;padding-top:0;vertical-align:var(
3
- --spectrum-table-regular-cell-checkbox-vertical-alignment
4
- )}.checkbox{vertical-align:super}
5
- `;export default r;
1
+ "use strict";import{css as t}from"@spectrum-web-components/base";const e=t`
2
+ @media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--spectrum-table-icon-color:var(
3
+ --highcontrast-table-icon-color,var(
4
+ --mod-table-icon-color-default,var(--spectrum-table-icon-color-default)
5
+ )
6
+ );background-color:var(
7
+ --mod-table-header-background-color,var(--spectrum-table-header-background-color)
8
+ );block-size:var(
9
+ --mod-table-min-header-height,var(--spectrum-table-min-header-height)
10
+ );border-radius:0;box-sizing:border-box;color:var(
11
+ --mod-table-header-text-color,var(--spectrum-table-header-text-color)
12
+ );cursor:var(--mod-table-cursor-header-default,initial);font-family:var(
13
+ --mod-table-header-font-family,var(--spectrum-table-row-font-family)
14
+ );font-size:var(
15
+ --mod-table-header-font-size,var(--spectrum-table-row-font-size)
16
+ );font-weight:var(
17
+ --mod-table-header-font-weight,var(--spectrum-table-header-font-weight)
18
+ );line-height:var(
19
+ --mod-table-header-line-height,var(--spectrum-table-row-line-height)
20
+ );outline:0;padding-block:var(
21
+ --mod-table-header-top-to-text,var(--spectrum-table-header-top-to-text)
22
+ ) var(
23
+ --mod-table-header-bottom-to-text,var(--spectrum-table-header-bottom-to-text)
24
+ );padding-inline:var(
25
+ --mod-table-cell-inline-space,var(--spectrum-table-cell-inline-space)
26
+ );text-align:start;text-transform:var(--mod-table-header-text-transform,none);transition:color var(
27
+ --highcontrast-table-transition-duration,var(
28
+ --mod-table-transition-duration,var(--spectrum-table-transition-duration)
29
+ )
30
+ ) ease-in-out;vertical-align:var(
31
+ --mod-table-header-vertical-align,var(--spectrum-table-header-vertical-align)
32
+ )}:host(:not([head-cell])){border-block-start:var(
33
+ --mod-table-border-width,var(--spectrum-table-border-width)
34
+ ) solid var(
35
+ --highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color))
36
+ )}:host(:not([head-cell])){background-color:var(--spectrum-table-cell-background-color);block-size:var(
37
+ --mod-table-min-row-height,var(--spectrum-table-min-row-height)
38
+ );box-sizing:border-box;color:var(
39
+ --highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color))
40
+ );font-size:var(
41
+ --mod-table-row-font-size,var(--spectrum-table-row-font-size)
42
+ );font-weight:var(
43
+ --mod-table-row-font-weight,var(--spectrum-table-row-font-weight)
44
+ );line-height:var(
45
+ --mod-table-row-line-height,var(--spectrum-table-row-line-height)
46
+ );padding-block-end:var(
47
+ --mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text)
48
+ );padding-block-start:calc(var(--mod-table-row-top-to-text, var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-inline:calc(var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)) - var(
49
+ --mod-table-outer-border-inline-width,
50
+ var(--spectrum-table-outer-border-inline-width)
51
+ ));vertical-align:var(
52
+ --mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align)
53
+ )}:host(:not([head-cell])),:host([head-cell]){position:relative}:host(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][focused]){outline-color:var(
54
+ --highcontrast-table-cell-focus-indicator-color,var(
55
+ --highcontrast-table-focus-indicator-color,var(
56
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
57
+ )
58
+ )
59
+ );outline-offset:calc(var(
60
+ --mod-table-focus-indicator-thickness,
61
+ var(--spectrum-table-focus-indicator-thickness)
62
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
63
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
64
+ )}:host(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][focused]){outline-color:var(
65
+ --highcontrast-table-cell-focus-indicator-color,var(
66
+ --highcontrast-table-focus-indicator-color,var(
67
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
68
+ )
69
+ )
70
+ );outline-offset:calc(var(
71
+ --mod-table-focus-indicator-thickness,
72
+ var(--spectrum-table-focus-indicator-thickness)
73
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
74
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
75
+ )}:host(:not([head-cell]):focus-visible),:host(:not([head-cell])[focused]),:host([head-cell]:focus-visible),:host([head-cell][focused]){outline-color:var(
76
+ --highcontrast-table-cell-focus-indicator-color,var(
77
+ --highcontrast-table-focus-indicator-color,var(
78
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
79
+ )
80
+ )
81
+ );outline-offset:calc(var(
82
+ --mod-table-focus-indicator-thickness,
83
+ var(--spectrum-table-focus-indicator-thickness)
84
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
85
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
86
+ )}:host(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(
87
+ --mod-table-checkbox-to-text,
88
+ var(--spectrum-table-checkbox-to-text)
89
+ ) - var(
90
+ --mod-table-edge-to-content,
91
+ var(--spectrum-table-edge-to-content)
92
+ ))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-end:var(
93
+ --mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)
94
+ );margin-block-start:calc(var(
95
+ --mod-table-row-checkbox-block-spacing,
96
+ var(--spectrum-table-row-checkbox-block-spacing)
97
+ ) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host(:host[head-cell]) sp-checkbox{margin-block-end:var(
98
+ --mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)
99
+ );margin-block-start:calc(var(
100
+ --mod-table-header-checkbox-block-spacing,
101
+ var(--spectrum-table-header-checkbox-block-spacing)
102
+ ) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host(:not([head-cell])),:host([head-cell]){display:table-cell}
103
+ `;export default e;
6
104
  //# sourceMappingURL=spectrum-table-checkbox-cell.css.js.map
package/src/spectrum-table-checkbox-cell.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-table-checkbox-cell.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr]){padding-right:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-regular-cell-checkbox-vertical-alignment\n)}.checkbox{vertical-align:super}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA,EAKf,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n@media (forced-colors:active){:host(:not([head-cell])){forced-color-adjust:none}}:host([head-cell]){--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)}:host(:not([head-cell])){border-block-start:var(\n--mod-table-border-width,var(--spectrum-table-border-width)\n) solid var(\n--highcontrast-table-divider-color,var(--mod-table-divider-color,var(--spectrum-table-divider-color))\n)}:host(:not([head-cell])){background-color:var(--spectrum-table-cell-background-color);block-size:var(\n--mod-table-min-row-height,var(--spectrum-table-min-row-height)\n);box-sizing:border-box;color:var(\n--highcontrast-table-row-text-color,var(--mod-table-row-text-color,var(--spectrum-table-row-text-color))\n);font-size:var(\n--mod-table-row-font-size,var(--spectrum-table-row-font-size)\n);font-weight:var(\n--mod-table-row-font-weight,var(--spectrum-table-row-font-weight)\n);line-height:var(\n--mod-table-row-line-height,var(--spectrum-table-row-line-height)\n);padding-block-end:var(\n--mod-table-row-bottom-to-text,var(--spectrum-table-row-bottom-to-text)\n);padding-block-start:calc(var(--mod-table-row-top-to-text, var(--spectrum-table-row-top-to-text)) - var(--mod-table-border-width, var(--spectrum-table-border-width)));padding-inline:calc(var(--mod-table-edge-to-content, var(--spectrum-table-edge-to-content)) - var(\n--mod-table-outer-border-inline-width,\nvar(--spectrum-table-outer-border-inline-width)\n));vertical-align:var(\n--mod-table-default-vertical-align,var(--spectrum-table-default-vertical-align)\n)}:host(:not([head-cell])),:host([head-cell]){position:relative}:host(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][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(:not([head-cell]).focus-visible),:host(:not([head-cell])[focused]),:host([head-cell].focus-visible),:host([head-cell][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(:not([head-cell]):focus-visible),:host(:not([head-cell])[focused]),:host([head-cell]:focus-visible),:host([head-cell][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(:host){inline-size:var(--spectrum-checkbox-control-size-small);padding-block:0;padding-inline-end:calc(var(\n--mod-table-checkbox-to-text,\nvar(--spectrum-table-checkbox-to-text)\n) - var(\n--mod-table-edge-to-content,\nvar(--spectrum-table-edge-to-content)\n))}:host(:host) sp-checkbox{--mod-checkbox-spacing:0px;min-block-size:0}:host(:host:not([head-cell])) sp-checkbox{margin-block-end:var(\n--mod-table-row-checkbox-block-spacing,var(--spectrum-table-row-checkbox-block-spacing)\n);margin-block-start:calc(var(\n--mod-table-row-checkbox-block-spacing,\nvar(--spectrum-table-row-checkbox-block-spacing)\n) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host(:host[head-cell]) sp-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(:not([head-cell])),:host([head-cell]){display:table-cell}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuGf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/src/spectrum-table-head-cell.css.dev.js CHANGED
@@ -1,38 +1,108 @@
1
1
  "use strict";
2
2
  import { css } from "@spectrum-web-components/base";
3
3
  const styles = css`
4
- :host([dir=ltr]) .sortedIcon{margin-left:var(--spectrum-table-regular-header-sort-icon-gap)}:host([dir=rtl]) .sortedIcon{margin-right:var(--spectrum-table-regular-header-sort-icon-gap)}.sortedIcon{display:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:middle}:host([dir=ltr]){text-align:left}:host([dir=rtl]){text-align:right}:host([dir=ltr]){padding-left:var(--spectrum-table-regular-header-padding-left);padding-right:var(--spectrum-table-regular-header-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-header-padding-right);padding-right:var(--spectrum-table-regular-header-padding-left)}:host{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}:host([sortable]){cursor:pointer}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block;margin-top:calc(var(--spectrum-global-dimension-size-25)*-1)}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{position:relative}:host(.focus-visible),:host([focused]){outline:none}:host(.focus-visible),:host([focused]){outline:none}:host(:focus-visible),:host([focused]){outline:none}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host(.focus-visible):before,:host([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}:host(.focus-visible):before,:host([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}:host(:focus-visible):before,:host([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}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:var(--spectrum-table-regular-border-size)}:host(.focus-visible):before,:host([focused]):before{bottom:var(--spectrum-table-regular-border-size);top:var(--spectrum-table-regular-border-size)}:host(.focus-visible):before,:host([focused]):before{bottom:var(--spectrum-table-regular-border-size);top:var(--spectrum-table-regular-border-size)}:host(:focus-visible):before,:host([focused]):before{bottom:var(--spectrum-table-regular-border-size);top:var(--spectrum-table-regular-border-size)}:host{background-color:var(
5
- --spectrum-table-m-regular-header-background-color,var(--spectrum-alias-background-color-transparent)
6
- );color:var(
7
- --spectrum-table-m-regular-header-text-color,var(--spectrum-alias-label-text-color)
8
- )}:host([sortable]) .sortedIcon{color:var(
9
- --spectrum-table-m-regular-header-sort-icon-color,var(--spectrum-global-color-gray-600)
10
- )}:host([sortable]:hover){color:var(
11
- --spectrum-table-m-regular-header-text-color-hover,var(--spectrum-alias-text-color-hover)
12
- )}:host([sortable]:hover) .sortedIcon{color:var(
13
- --spectrum-table-m-regular-header-sort-icon-color-hover,var(--spectrum-alias-icon-color-hover)
14
- )}:host([sortable].focus-visible),:host([sortable][focused]){color:var(
15
- --spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)
16
- )}:host([sortable].focus-visible),:host([sortable][focused]){color:var(
17
- --spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)
18
- )}:host([sortable]:focus-visible),:host([sortable][focused]){color:var(
19
- --spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)
20
- )}:host([sortable].focus-visible) .sortedIcon,:host([sortable][focused]) .sortedIcon{color:var(
21
- --spectrum-table-m-regular-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus)
22
- )}:host([sortable].focus-visible) .sortedIcon,:host([sortable][focused]) .sortedIcon{color:var(
23
- --spectrum-table-m-regular-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus)
24
- )}:host([sortable]:focus-visible) .sortedIcon,:host([sortable][focused]) .sortedIcon{color:var(
25
- --spectrum-table-m-regular-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus)
26
- )}:host([sortable][active]){color:var(
27
- --spectrum-table-m-regular-header-text-color-down,var(--spectrum-alias-text-color-down)
28
- )}:host([sortable][active]) .sortedIcon{color:var(
29
- --spectrum-table-m-regular-header-sort-icon-color-down,var(--spectrum-alias-icon-color-down)
30
- )}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
31
- --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
32
- )}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
33
- --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
34
- )}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
35
- --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
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]:hover){--spectrum-table-icon-color:var(
41
+ --highcontrast-table-icon-color-focus,var(
42
+ --mod-table-icon-color-hover,var(--spectrum-table-icon-color-hover)
43
+ )
44
+ )}:host([sortable][active]){--spectrum-table-icon-color:var(
45
+ --highcontrast-table-icon-color-focus,var(
46
+ --mod-table-icon-color-active,var(--spectrum-table-icon-color-active)
47
+ )
48
+ )}:host([sortable]:focus){--spectrum-table-icon-color:var(
49
+ --highcontrast-table-icon-color-focus,var(
50
+ --mod-table-icon-color-focus,var(--spectrum-table-icon-color-focus)
51
+ )
52
+ )}:host([sortable]:focus):hover{--spectrum-table-icon-color:var(
53
+ --highcontrast-table-icon-color-focus,var(
54
+ --mod-table-icon-color-focus-hover,var(--spectrum-table-icon-color-focus-hover)
55
+ )
56
+ )}:host([sortable]) .is-keyboardFocused,:host([sortable].focus-visible){--spectrum-table-icon-color:var(
57
+ --highcontrast-table-icon-color-focus,var(
58
+ --mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)
59
+ )
60
+ )}:host([sortable]) .is-keyboardFocused,:host([sortable]:focus-visible){--spectrum-table-icon-color:var(
61
+ --highcontrast-table-icon-color-focus,var(
62
+ --mod-table-icon-color-key-focus,var(--spectrum-table-icon-color-key-focus)
63
+ )
64
+ )}: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(
65
+ --highcontrast-table-cell-focus-indicator-color,var(
66
+ --highcontrast-table-focus-indicator-color,var(
67
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
68
+ )
69
+ )
70
+ );outline-offset:calc(var(
71
+ --mod-table-focus-indicator-thickness,
72
+ var(--spectrum-table-focus-indicator-thickness)
73
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
74
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
75
+ )}:host(.focus-visible),:host([focused]){outline-color:var(
76
+ --highcontrast-table-cell-focus-indicator-color,var(
77
+ --highcontrast-table-focus-indicator-color,var(
78
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
79
+ )
80
+ )
81
+ );outline-offset:calc(var(
82
+ --mod-table-focus-indicator-thickness,
83
+ var(--spectrum-table-focus-indicator-thickness)
84
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
85
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
86
+ )}:host(:focus-visible),:host([focused]){outline-color:var(
87
+ --highcontrast-table-cell-focus-indicator-color,var(
88
+ --highcontrast-table-focus-indicator-color,var(
89
+ --mod-table-focus-indicator-color,var(--spectrum-table-focus-indicator-color)
90
+ )
91
+ )
92
+ );outline-offset:calc(var(
93
+ --mod-table-focus-indicator-thickness,
94
+ var(--spectrum-table-focus-indicator-thickness)
95
+ )*-1 - var(--highcontrast-table-cell-focus-extra-offset, 0px));outline-style:solid;outline-width:var(
96
+ --mod-table-focus-indicator-thickness,var(--spectrum-table-focus-indicator-thickness)
97
+ )}:host .spectrum-Table-checkboxCell .spectrum-Table-checkbox{margin-block-end:var(
98
+ --mod-table-header-checkbox-block-spacing,var(--spectrum-table-header-checkbox-block-spacing)
99
+ );margin-block-start:calc(var(
100
+ --mod-table-header-checkbox-block-spacing,
101
+ var(--spectrum-table-header-checkbox-block-spacing)
102
+ ) - var(--mod-table-border-width, var(--spectrum-table-border-width)))}:host{display:table-cell}:host .spectrum-Table-scroller{border-block-end:var(
103
+ --mod-table-border-width,var(--spectrum-table-border-width)
104
+ ) solid var(
105
+ --highcontrast-table-border-color,var(--mod-table-border-color,var(--spectrum-table-border-color))
36
106
  )}
37
107
  `;
38
108
  export default styles;
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 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr]) .sortedIcon{margin-left:var(--spectrum-table-regular-header-sort-icon-gap)}:host([dir=rtl]) .sortedIcon{margin-right:var(--spectrum-table-regular-header-sort-icon-gap)}.sortedIcon{display:none;transition:transform var(--spectrum-global-animation-duration-100,.13s) ease-in-out;vertical-align:middle}:host([dir=ltr]){text-align:left}:host([dir=rtl]){text-align:right}:host([dir=ltr]){padding-left:var(--spectrum-table-regular-header-padding-left);padding-right:var(--spectrum-table-regular-header-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-header-padding-right);padding-right:var(--spectrum-table-regular-header-padding-left)}:host{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}:host([sortable]){cursor:pointer}:host([sort-direction=asc]) .sortedIcon,:host([sort-direction=desc]) .sortedIcon{display:inline-block;margin-top:calc(var(--spectrum-global-dimension-size-25)*-1)}:host([sort-direction=asc]) .sortedIcon{transform:rotate(-90deg)}:host{position:relative}:host(.focus-visible),:host([focused]){outline:none}:host(.focus-visible),:host([focused]){outline:none}:host(:focus-visible),:host([focused]){outline:none}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host(.focus-visible):before,:host([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}:host(.focus-visible):before,:host([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}:host(:focus-visible):before,:host([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}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:var(--spectrum-table-regular-border-size)}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:var(--spectrum-table-regular-border-size)}:host(.focus-visible):before,:host([focused]):before{bottom:var(--spectrum-table-regular-border-size);top:var(--spectrum-table-regular-border-size)}:host(.focus-visible):before,:host([focused]):before{bottom:var(--spectrum-table-regular-border-size);top:var(--spectrum-table-regular-border-size)}:host(:focus-visible):before,:host([focused]):before{bottom:var(--spectrum-table-regular-border-size);top:var(--spectrum-table-regular-border-size)}:host{background-color:var(\n--spectrum-table-m-regular-header-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-header-text-color,var(--spectrum-alias-label-text-color)\n)}:host([sortable]) .sortedIcon{color:var(\n--spectrum-table-m-regular-header-sort-icon-color,var(--spectrum-global-color-gray-600)\n)}:host([sortable]:hover){color:var(\n--spectrum-table-m-regular-header-text-color-hover,var(--spectrum-alias-text-color-hover)\n)}:host([sortable]:hover) .sortedIcon{color:var(\n--spectrum-table-m-regular-header-sort-icon-color-hover,var(--spectrum-alias-icon-color-hover)\n)}:host([sortable].focus-visible),:host([sortable][focused]){color:var(\n--spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([sortable].focus-visible),:host([sortable][focused]){color:var(\n--spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([sortable]:focus-visible),:host([sortable][focused]){color:var(\n--spectrum-table-m-regular-header-text-color-key-focus,var(--spectrum-alias-text-color-hover)\n)}:host([sortable].focus-visible) .sortedIcon,:host([sortable][focused]) .sortedIcon{color:var(\n--spectrum-table-m-regular-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus)\n)}:host([sortable].focus-visible) .sortedIcon,:host([sortable][focused]) .sortedIcon{color:var(\n--spectrum-table-m-regular-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus)\n)}:host([sortable]:focus-visible) .sortedIcon,:host([sortable][focused]) .sortedIcon{color:var(\n--spectrum-table-m-regular-header-sort-icon-color-key-focus,var(--spectrum-alias-icon-color-key-focus)\n)}:host([sortable][active]){color:var(\n--spectrum-table-m-regular-header-text-color-down,var(--spectrum-alias-text-color-down)\n)}:host([sortable][active]) .sortedIcon{color:var(\n--spectrum-table-m-regular-header-sort-icon-color-down,var(--spectrum-alias-icon-color-down)\n)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\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;AAmCf,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.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]: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][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]: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)}: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(: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)}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyGf,eAAe;",
6
6
  "names": []
7
7
  }