@semcore/data-table 4.51.0-prerelease.5 → 4.51.0-prerelease.6

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 (236) hide show
  1. package/lib/cjs/Body.js +477 -0
  2. package/lib/cjs/Body.js.map +1 -0
  3. package/lib/cjs/DataTable.js +629 -0
  4. package/lib/cjs/DataTable.js.map +1 -0
  5. package/lib/cjs/Head.js +398 -0
  6. package/lib/cjs/Head.js.map +1 -0
  7. package/lib/cjs/index.js +15 -38
  8. package/lib/cjs/index.js.map +1 -1
  9. package/lib/cjs/style/data-table.shadow.css +413 -0
  10. package/lib/cjs/style/scroll-shadows.shadow.css +5 -50
  11. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
  12. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  13. package/lib/cjs/translations/de.json +1 -6
  14. package/lib/cjs/translations/en.json +1 -6
  15. package/lib/cjs/translations/es.json +1 -6
  16. package/lib/cjs/translations/fr.json +1 -6
  17. package/lib/cjs/translations/it.json +1 -6
  18. package/lib/cjs/translations/ja.json +1 -6
  19. package/lib/cjs/translations/ko.json +1 -6
  20. package/lib/cjs/translations/nl.json +1 -6
  21. package/lib/cjs/translations/pl.json +1 -6
  22. package/lib/cjs/translations/pt.json +1 -6
  23. package/lib/cjs/translations/sv.json +1 -6
  24. package/lib/cjs/translations/tr.json +1 -6
  25. package/lib/cjs/translations/vi.json +1 -6
  26. package/lib/cjs/translations/zh.json +1 -6
  27. package/lib/cjs/types.js +4 -0
  28. package/lib/cjs/types.js.map +1 -0
  29. package/lib/cjs/utils.js +57 -0
  30. package/lib/cjs/utils.js.map +1 -0
  31. package/lib/es6/Body.js +469 -0
  32. package/lib/es6/Body.js.map +1 -0
  33. package/lib/es6/DataTable.js +619 -0
  34. package/lib/es6/DataTable.js.map +1 -0
  35. package/lib/es6/Head.js +390 -0
  36. package/lib/es6/Head.js.map +1 -0
  37. package/lib/es6/index.js +2 -7
  38. package/lib/es6/index.js.map +1 -1
  39. package/lib/es6/style/data-table.shadow.css +413 -0
  40. package/lib/es6/style/scroll-shadows.shadow.css +5 -50
  41. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  42. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  43. package/lib/es6/translations/de.json +1 -6
  44. package/lib/es6/translations/en.json +1 -6
  45. package/lib/es6/translations/es.json +1 -6
  46. package/lib/es6/translations/fr.json +1 -6
  47. package/lib/es6/translations/it.json +1 -6
  48. package/lib/es6/translations/ja.json +1 -6
  49. package/lib/es6/translations/ko.json +1 -6
  50. package/lib/es6/translations/nl.json +1 -6
  51. package/lib/es6/translations/pl.json +1 -6
  52. package/lib/es6/translations/pt.json +1 -6
  53. package/lib/es6/translations/sv.json +1 -6
  54. package/lib/es6/translations/tr.json +1 -6
  55. package/lib/es6/translations/vi.json +1 -6
  56. package/lib/es6/translations/zh.json +1 -6
  57. package/lib/es6/types.js +2 -0
  58. package/lib/es6/types.js.map +1 -0
  59. package/lib/es6/utils.js +48 -0
  60. package/lib/es6/utils.js.map +1 -0
  61. package/lib/esm/Body.mjs +430 -0
  62. package/lib/esm/DataTable.mjs +589 -0
  63. package/lib/esm/Head.mjs +368 -0
  64. package/lib/esm/index.mjs +5 -12
  65. package/lib/esm/style/data-table.shadow.css +413 -0
  66. package/lib/esm/style/scroll-shadows.shadow.css +5 -50
  67. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  68. package/lib/esm/translations/de.json.mjs +1 -6
  69. package/lib/esm/translations/en.json.mjs +1 -6
  70. package/lib/esm/translations/es.json.mjs +1 -6
  71. package/lib/esm/translations/fr.json.mjs +1 -6
  72. package/lib/esm/translations/it.json.mjs +1 -6
  73. package/lib/esm/translations/ja.json.mjs +1 -6
  74. package/lib/esm/translations/ko.json.mjs +1 -6
  75. package/lib/esm/translations/nl.json.mjs +1 -6
  76. package/lib/esm/translations/pl.json.mjs +1 -6
  77. package/lib/esm/translations/pt.json.mjs +1 -6
  78. package/lib/esm/translations/sv.json.mjs +1 -6
  79. package/lib/esm/translations/tr.json.mjs +1 -6
  80. package/lib/esm/translations/vi.json.mjs +1 -6
  81. package/lib/esm/translations/zh.json.mjs +1 -6
  82. package/lib/esm/utils.mjs +52 -0
  83. package/lib/types/Body.d.ts +61 -0
  84. package/lib/types/DataTable.d.ts +205 -0
  85. package/lib/types/Head.d.ts +45 -0
  86. package/lib/types/index.d.ts +2 -10
  87. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +0 -70
  88. package/lib/types/types.d.ts +73 -0
  89. package/lib/types/utils.d.ts +4 -0
  90. package/package.json +6 -6
  91. package/lib/cjs/components/AccordionRows/AccordionRows.js +0 -177
  92. package/lib/cjs/components/AccordionRows/AccordionRows.js.map +0 -1
  93. package/lib/cjs/components/Body/Body.js +0 -445
  94. package/lib/cjs/components/Body/Body.js.map +0 -1
  95. package/lib/cjs/components/Body/Body.types.js +0 -2
  96. package/lib/cjs/components/Body/Body.types.js.map +0 -1
  97. package/lib/cjs/components/Body/Cell.js +0 -205
  98. package/lib/cjs/components/Body/Cell.js.map +0 -1
  99. package/lib/cjs/components/Body/Cell.types.js +0 -2
  100. package/lib/cjs/components/Body/Cell.types.js.map +0 -1
  101. package/lib/cjs/components/Body/LimitOverlay.js +0 -191
  102. package/lib/cjs/components/Body/LimitOverlay.js.map +0 -1
  103. package/lib/cjs/components/Body/MergedCells.js +0 -31
  104. package/lib/cjs/components/Body/MergedCells.js.map +0 -1
  105. package/lib/cjs/components/Body/Row.js +0 -630
  106. package/lib/cjs/components/Body/Row.js.map +0 -1
  107. package/lib/cjs/components/Body/Row.types.js +0 -2
  108. package/lib/cjs/components/Body/Row.types.js.map +0 -1
  109. package/lib/cjs/components/Body/RowGroup.js +0 -118
  110. package/lib/cjs/components/Body/RowGroup.js.map +0 -1
  111. package/lib/cjs/components/Body/style.shadow.css +0 -367
  112. package/lib/cjs/components/DataTable/DataTable.js +0 -1303
  113. package/lib/cjs/components/DataTable/DataTable.js.map +0 -1
  114. package/lib/cjs/components/DataTable/DataTable.types.js +0 -2
  115. package/lib/cjs/components/DataTable/DataTable.types.js.map +0 -1
  116. package/lib/cjs/components/DataTable/ScrollBars.js +0 -63
  117. package/lib/cjs/components/DataTable/ScrollBars.js.map +0 -1
  118. package/lib/cjs/components/DataTable/dataTable.shadow.css +0 -43
  119. package/lib/cjs/components/Head/Column.js +0 -350
  120. package/lib/cjs/components/Head/Column.js.map +0 -1
  121. package/lib/cjs/components/Head/Column.types.js +0 -2
  122. package/lib/cjs/components/Head/Column.types.js.map +0 -1
  123. package/lib/cjs/components/Head/Group.js +0 -116
  124. package/lib/cjs/components/Head/Group.js.map +0 -1
  125. package/lib/cjs/components/Head/Group.type.js +0 -2
  126. package/lib/cjs/components/Head/Group.type.js.map +0 -1
  127. package/lib/cjs/components/Head/Head.js +0 -350
  128. package/lib/cjs/components/Head/Head.js.map +0 -1
  129. package/lib/cjs/components/Head/Head.types.js +0 -2
  130. package/lib/cjs/components/Head/Head.types.js.map +0 -1
  131. package/lib/cjs/components/Head/style.shadow.css +0 -292
  132. package/lib/cjs/components/RowSelector/RowsSelector.js +0 -132
  133. package/lib/cjs/components/RowSelector/RowsSelector.js.map +0 -1
  134. package/lib/cjs/components/RowSelector/SRAnnouncer.js +0 -62
  135. package/lib/cjs/components/RowSelector/SRAnnouncer.js.map +0 -1
  136. package/lib/cjs/components/RowSelector/SRReactiveAnnouncer.js +0 -39
  137. package/lib/cjs/components/RowSelector/SRReactiveAnnouncer.js.map +0 -1
  138. package/lib/cjs/enhancers/focusableCell.js +0 -76
  139. package/lib/cjs/enhancers/focusableCell.js.map +0 -1
  140. package/lib/cjs/store/SelectableRows.js +0 -211
  141. package/lib/cjs/store/SelectableRows.js.map +0 -1
  142. package/lib/es6/components/AccordionRows/AccordionRows.js +0 -171
  143. package/lib/es6/components/AccordionRows/AccordionRows.js.map +0 -1
  144. package/lib/es6/components/Body/Body.js +0 -439
  145. package/lib/es6/components/Body/Body.js.map +0 -1
  146. package/lib/es6/components/Body/Body.types.js +0 -2
  147. package/lib/es6/components/Body/Body.types.js.map +0 -1
  148. package/lib/es6/components/Body/Cell.js +0 -199
  149. package/lib/es6/components/Body/Cell.js.map +0 -1
  150. package/lib/es6/components/Body/Cell.types.js +0 -2
  151. package/lib/es6/components/Body/Cell.types.js.map +0 -1
  152. package/lib/es6/components/Body/LimitOverlay.js +0 -184
  153. package/lib/es6/components/Body/LimitOverlay.js.map +0 -1
  154. package/lib/es6/components/Body/MergedCells.js +0 -24
  155. package/lib/es6/components/Body/MergedCells.js.map +0 -1
  156. package/lib/es6/components/Body/Row.js +0 -624
  157. package/lib/es6/components/Body/Row.js.map +0 -1
  158. package/lib/es6/components/Body/Row.types.js +0 -2
  159. package/lib/es6/components/Body/Row.types.js.map +0 -1
  160. package/lib/es6/components/Body/RowGroup.js +0 -111
  161. package/lib/es6/components/Body/RowGroup.js.map +0 -1
  162. package/lib/es6/components/Body/style.shadow.css +0 -367
  163. package/lib/es6/components/DataTable/DataTable.js +0 -1298
  164. package/lib/es6/components/DataTable/DataTable.js.map +0 -1
  165. package/lib/es6/components/DataTable/DataTable.types.js +0 -2
  166. package/lib/es6/components/DataTable/DataTable.types.js.map +0 -1
  167. package/lib/es6/components/DataTable/ScrollBars.js +0 -57
  168. package/lib/es6/components/DataTable/ScrollBars.js.map +0 -1
  169. package/lib/es6/components/DataTable/dataTable.shadow.css +0 -43
  170. package/lib/es6/components/Head/Column.js +0 -344
  171. package/lib/es6/components/Head/Column.js.map +0 -1
  172. package/lib/es6/components/Head/Column.types.js +0 -2
  173. package/lib/es6/components/Head/Column.types.js.map +0 -1
  174. package/lib/es6/components/Head/Group.js +0 -111
  175. package/lib/es6/components/Head/Group.js.map +0 -1
  176. package/lib/es6/components/Head/Group.type.js +0 -2
  177. package/lib/es6/components/Head/Group.type.js.map +0 -1
  178. package/lib/es6/components/Head/Head.js +0 -345
  179. package/lib/es6/components/Head/Head.js.map +0 -1
  180. package/lib/es6/components/Head/Head.types.js +0 -2
  181. package/lib/es6/components/Head/Head.types.js.map +0 -1
  182. package/lib/es6/components/Head/style.shadow.css +0 -292
  183. package/lib/es6/components/RowSelector/RowsSelector.js +0 -125
  184. package/lib/es6/components/RowSelector/RowsSelector.js.map +0 -1
  185. package/lib/es6/components/RowSelector/SRAnnouncer.js +0 -55
  186. package/lib/es6/components/RowSelector/SRAnnouncer.js.map +0 -1
  187. package/lib/es6/components/RowSelector/SRReactiveAnnouncer.js +0 -32
  188. package/lib/es6/components/RowSelector/SRReactiveAnnouncer.js.map +0 -1
  189. package/lib/es6/enhancers/focusableCell.js +0 -69
  190. package/lib/es6/enhancers/focusableCell.js.map +0 -1
  191. package/lib/es6/store/SelectableRows.js +0 -204
  192. package/lib/es6/store/SelectableRows.js.map +0 -1
  193. package/lib/esm/components/AccordionRows/AccordionRows.mjs +0 -155
  194. package/lib/esm/components/Body/Body.mjs +0 -395
  195. package/lib/esm/components/Body/Cell.mjs +0 -192
  196. package/lib/esm/components/Body/LimitOverlay.mjs +0 -179
  197. package/lib/esm/components/Body/MergedCells.mjs +0 -27
  198. package/lib/esm/components/Body/Row.mjs +0 -556
  199. package/lib/esm/components/Body/RowGroup.mjs +0 -113
  200. package/lib/esm/components/Body/style.shadow.css +0 -367
  201. package/lib/esm/components/DataTable/DataTable.mjs +0 -1216
  202. package/lib/esm/components/DataTable/ScrollBars.mjs +0 -61
  203. package/lib/esm/components/DataTable/dataTable.shadow.css +0 -43
  204. package/lib/esm/components/Head/Column.mjs +0 -321
  205. package/lib/esm/components/Head/Group.mjs +0 -111
  206. package/lib/esm/components/Head/Head.mjs +0 -307
  207. package/lib/esm/components/Head/style.shadow.css +0 -292
  208. package/lib/esm/components/RowSelector/RowsSelector.mjs +0 -105
  209. package/lib/esm/components/RowSelector/SRAnnouncer.mjs +0 -51
  210. package/lib/esm/components/RowSelector/SRReactiveAnnouncer.mjs +0 -31
  211. package/lib/esm/enhancers/focusableCell.mjs +0 -72
  212. package/lib/esm/store/SelectableRows.mjs +0 -201
  213. package/lib/types/components/AccordionRows/AccordionRows.d.ts +0 -41
  214. package/lib/types/components/Body/Body.d.ts +0 -6
  215. package/lib/types/components/Body/Body.types.d.ts +0 -87
  216. package/lib/types/components/Body/Cell.d.ts +0 -1
  217. package/lib/types/components/Body/Cell.types.d.ts +0 -36
  218. package/lib/types/components/Body/LimitOverlay.d.ts +0 -17
  219. package/lib/types/components/Body/MergedCells.d.ts +0 -17
  220. package/lib/types/components/Body/Row.d.ts +0 -47
  221. package/lib/types/components/Body/Row.types.d.ts +0 -74
  222. package/lib/types/components/Body/RowGroup.d.ts +0 -19
  223. package/lib/types/components/DataTable/DataTable.d.ts +0 -14
  224. package/lib/types/components/DataTable/DataTable.types.d.ts +0 -202
  225. package/lib/types/components/DataTable/ScrollBars.d.ts +0 -11
  226. package/lib/types/components/Head/Column.d.ts +0 -39
  227. package/lib/types/components/Head/Column.types.d.ts +0 -85
  228. package/lib/types/components/Head/Group.d.ts +0 -15
  229. package/lib/types/components/Head/Group.type.d.ts +0 -18
  230. package/lib/types/components/Head/Head.d.ts +0 -9
  231. package/lib/types/components/Head/Head.types.d.ts +0 -58
  232. package/lib/types/components/RowSelector/RowsSelector.d.ts +0 -32
  233. package/lib/types/components/RowSelector/SRAnnouncer.d.ts +0 -10
  234. package/lib/types/components/RowSelector/SRReactiveAnnouncer.d.ts +0 -8
  235. package/lib/types/enhancers/focusableCell.d.ts +0 -9
  236. package/lib/types/store/SelectableRows.d.ts +0 -60
@@ -0,0 +1,413 @@
1
+ SDataTable {
2
+ position: relative;
3
+ }
4
+
5
+ SDataTable[compact] {
6
+ & SColumn,
7
+ & SCell {
8
+ padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px);
9
+ }
10
+ }
11
+
12
+ SHeadWrapper {
13
+ position: relative;
14
+ }
15
+
16
+ SHeadWrapper[animationsDisabled] {
17
+ SColumn {
18
+ transition: none;
19
+ }
20
+ }
21
+
22
+ SHeadWrapper[sticky] {
23
+ position: sticky;
24
+ top: 0;
25
+ z-index: 2;
26
+ }
27
+
28
+ SHead {
29
+ display: flex;
30
+ position: relative;
31
+ flex-direction: row;
32
+ min-width: fit-content;
33
+ z-index: 0;
34
+ }
35
+
36
+ SColumn {
37
+ display: flex;
38
+ align-items: flex-start;
39
+ flex-grow: 1;
40
+ font-size: var(--intergalactic-fs-100, 12px);
41
+ line-height: var(--intergalactic-lh-100, 133%);
42
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
43
+ box-sizing: border-box;
44
+ position: relative;
45
+
46
+ &:focus-visible {
47
+ outline: none;
48
+ box-shadow: inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
49
+ }
50
+
51
+ transition: width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out, min-width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out, max-width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
52
+ }
53
+
54
+ SColumn[hidden] {
55
+ position: absolute !important;
56
+ width: 1px !important;
57
+ height: 1px !important;
58
+ padding: 0px !important;
59
+ margin: -1px !important;
60
+ overflow: hidden !important;
61
+ clip: rect(0, 0, 0, 0) !important;
62
+ white-space: nowrap !important;
63
+ border-width: 0 !important;
64
+ }
65
+
66
+ SColumn[use='primary'] {
67
+ padding: var(--intergalactic-spacing-3x, 12px);
68
+ border-bottom: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
69
+ background-color: var(--intergalactic-table-th-primary-cell, oklch(0.98 0.001 180));
70
+ }
71
+
72
+ SColumn[use='secondary'] {
73
+ padding: var(--intergalactic-spacing-2x, 8px);
74
+ border-bottom: 1px solid var(--intergalactic-border-table-accent, oklch(0.137 0.026 175.7 / 0.161));
75
+ background-color: var(--intergalactic-table-th-secondary-cell, oklch(1 0 0));
76
+ }
77
+
78
+ SColumn[group][use] {
79
+ display: flex;
80
+ flex-wrap: wrap;
81
+ flex-direction: column;
82
+ align-items: normal;
83
+ border-bottom: none;
84
+ padding: 0;
85
+ }
86
+
87
+ SColumn[groupHead] {
88
+ justify-content: center;
89
+ /* for resizable */
90
+ z-index: 1;
91
+ border-bottom: none;
92
+ }
93
+
94
+ SColumn[sortable] {
95
+ cursor: pointer;
96
+
97
+ &[use='primary']:hover, &[use='primary']:focus {
98
+ background-color: var(--intergalactic-table-th-primary-cell-hover, oklch(0.94 0.002 180));
99
+ }
100
+
101
+ &[justifyContent='right']:hover SSortWrapper, &[justifyContent='right']:focus SSortWrapper {
102
+ position: absolute;
103
+ flex-basis: 0;
104
+ right: var(--intergalactic-spacing-3x, 12px);
105
+ }
106
+ &[justifyContent='right'][active] SSortWrapper {
107
+ position: relative;
108
+ flex-basis: inherit;
109
+ right: 0;
110
+ }
111
+
112
+ &:hover SSortWrapper, &:focus SSortWrapper, &[active] SSortWrapper {
113
+ flex-basis: calc(var(--intergalactic-spacing-1x, 4px) + 16px);
114
+ opacity: 1;
115
+ }
116
+
117
+ &:hover SSortWrapper:before, &:focus SSortWrapper:before, &[active] SSortWrapper:before {
118
+ display: block;
119
+ opacity: 1;
120
+ }
121
+
122
+ &:hover SSortIcon, &:focus SSortIcon {
123
+ display: block;
124
+ opacity: 1;
125
+ }
126
+ }
127
+
128
+ SColumn[use='primary'][active] {
129
+ background-color: var(--intergalactic-table-th-primary-cell-active, oklch(0.94 0.002 180));
130
+ width: 100%;
131
+ }
132
+
133
+ SColumn[active] SSortIcon {
134
+ display: block;
135
+ opacity: 1;
136
+ }
137
+
138
+ SColumn[resizable] {
139
+ border-right: 1px solid transparent;
140
+
141
+ &:hover:after {
142
+ border-right-color: var(--intergalactic-border-table-accent, oklch(0.137 0.026 175.7 / 0.161));
143
+ }
144
+
145
+ &:after {
146
+ content: '';
147
+ position: absolute;
148
+ bottom: 0;
149
+ right: -1px;
150
+ height: 100%;
151
+ width: 5px;
152
+ background: transparent;
153
+ cursor: col-resize;
154
+ border-right: 1px solid transparent;
155
+ }
156
+ }
157
+
158
+ SColumn[fixed] {
159
+ position: sticky;
160
+ /* because up resizable */
161
+ z-index: 2;
162
+ }
163
+
164
+ SColumn[borderLeft],
165
+ SCell[borderLeft] {
166
+ border-left: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
167
+ }
168
+
169
+ SColumn[borderRight],
170
+ SCell[borderRight] {
171
+ border-right: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
172
+ }
173
+
174
+ SSortWrapper {
175
+ flex-shrink: 1;
176
+ position: relative;
177
+ flex-basis: 0;
178
+ min-height: 16px;
179
+ opacity: 0;
180
+ transition: all calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
181
+ }
182
+
183
+ SSortWrapper:before {
184
+ display: none;
185
+ content: '';
186
+ position: absolute;
187
+ top: 0;
188
+ right: 0;
189
+ width: 20px;
190
+ height: 100%;
191
+ opacity: 0;
192
+ transition: opacity 0.3s ease;
193
+ }
194
+
195
+ SSortIcon {
196
+ display: none;
197
+ fill: var(--intergalactic-icon-secondary-neutral-hover-active, oklch(0.1 0.023 159.1 / 0.433));
198
+ position: absolute;
199
+ top: calc(1em * 1.25 - 16px);
200
+ right: 0;
201
+ margin-left: var(--intergalactic-spacing-1x, 4px);
202
+ opacity: 0;
203
+ transition: opacity 0.3s ease;
204
+ }
205
+
206
+ SColumn[use='primary'] SSortWrapper:before {
207
+ background: linear-gradient(
208
+ 270deg,
209
+ var(--intergalactic-table-th-primary-cell-hover, oklch(0.94 0.002 180)) 67.5%,
210
+ rgba(224, 225, 233, 0) 105%
211
+ );
212
+ }
213
+
214
+ SColumn[use='secondary'] SSortWrapper:before {
215
+ background: linear-gradient(
216
+ 270deg,
217
+ var(--intergalactic-table-th-secondary-cell, oklch(1 0 0)) 67.5%,
218
+ rgba(255, 255, 255, 0) 105%
219
+ );
220
+ }
221
+
222
+ SBodyWrapper {
223
+ position: relative;
224
+ }
225
+
226
+ SBody {
227
+ display: flex;
228
+ flex-direction: column;
229
+ position: relative;
230
+ min-width: fit-content;
231
+ }
232
+
233
+ SRow {
234
+ display: flex;
235
+ flex-direction: row;
236
+ position: relative;
237
+ }
238
+
239
+ /* DEFAULT THEME */
240
+ SRow[active] > SCell:not([theme]) {
241
+ /* The color is hardcoded because need hex(in figma rgba) */
242
+ /* disable-tokens-validator */
243
+ background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
244
+ }
245
+
246
+ SRow:hover > SCell:not([theme]),
247
+ SRow SCell:hover + SGroupCell SCell:not([theme]) {
248
+ /* The color is hardcoded because need hex(in figma rgba) */
249
+ /* disable-tokens-validator */
250
+ background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
251
+ }
252
+
253
+ /* MUTED THEME */
254
+ SRow[theme='muted'] SCell:not([theme]) {
255
+ background-color: var(--intergalactic-table-td-cell-unread, oklch(0.98 0.001 180));
256
+ }
257
+
258
+ SRow[theme='muted'][active] > SCell:not([theme]) {
259
+ /* The color is hardcoded because need hex(in figma rgba) */
260
+ /* disable-tokens-validator */
261
+ background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
262
+ }
263
+
264
+ SRow:hover > SCell[theme='muted'],
265
+ SRow[theme='muted']:hover > SCell:not([theme]),
266
+ SRow[theme='muted'] SCell:hover + SGroupCell SCell:not([theme]) {
267
+ /* The color is hardcoded because need hex(in figma rgba) */
268
+ /* disable-tokens-validator */
269
+ background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
270
+ }
271
+
272
+ /* INFO THEME */
273
+ SRow[theme='info'] SCell:not([theme]) {
274
+ background-color: var(--intergalactic-table-td-cell-selected, oklch(0.98 0.01 267.6));
275
+ }
276
+
277
+ SRow[theme='info'][active] > SCell:not([theme]) {
278
+ background-color: var(--intergalactic-table-td-cell-selected-active, oklch(0.939 0.032 268));
279
+ }
280
+
281
+ SRow:hover > SCell[theme='info'],
282
+ SRow[theme='info']:hover > SCell:not([theme]),
283
+ SRow[theme='info'] SCell:hover + SGroupCell SCell:not([theme]) {
284
+ background-color: var(--intergalactic-table-td-cell-selected-hover, oklch(0.959 0.021 267.8));
285
+ }
286
+
287
+ /* SUCCESS THEME */
288
+ SRow[theme='success'] SCell:not([theme]) {
289
+ background-color: var(--intergalactic-table-td-cell-new, oklch(0.977 0.036 184));
290
+ }
291
+
292
+ SRow[theme='success'][active] > SCell:not([theme]) {
293
+ background-color: var(--intergalactic-table-td-cell-new-active, oklch(0.94 0.074 178.1));
294
+ }
295
+
296
+ SRow:hover > SCell[theme='success'],
297
+ SRow[theme='success']:hover > SCell:not([theme]),
298
+ SRow[theme='success'] SCell:hover + SGroupCell SCell:not([theme]) {
299
+ background-color: var(--intergalactic-table-td-cell-new-hover, oklch(0.96 0.057 179.7));
300
+ }
301
+
302
+ /* WARNING THEME */
303
+ SRow[theme='warning'] SCell:not([theme]) {
304
+ background-color: var(--intergalactic-table-td-cell-warning, oklch(0.979 0.03 88.1));
305
+ }
306
+
307
+ SRow[theme='warning'][active] > SCell:not([theme]) {
308
+ background-color: var(--intergalactic-table-td-cell-warning-active, oklch(0.939 0.069 79.8));
309
+ }
310
+
311
+ SRow:hover > SCell[theme='warning'],
312
+ SRow[theme='warning']:hover > SCell:not([theme]),
313
+ SRow[theme='warning'] SCell:hover + SGroupCell SCell:not([theme]) {
314
+ background-color: var(--intergalactic-table-td-cell-warning-hover, oklch(0.96 0.05 83.1));
315
+ }
316
+
317
+ /* DANGER THEME */
318
+ SRow[theme='danger'] SCell:not([theme]) {
319
+ background-color: var(--intergalactic-table-td-cell-critical, oklch(0.977 0.016 1.8));
320
+ }
321
+
322
+ SRow[theme='danger'][active] > SCell:not([theme]) {
323
+ background-color: var(--intergalactic-table-td-cell-critical-active, oklch(0.938 0.042 8.4));
324
+ }
325
+
326
+ SRow:hover > SCell[theme='danger'],
327
+ SRow[theme='danger']:hover > SCell:not([theme]),
328
+ SRow[theme='danger'] SCell:hover + SGroupCell SCell:not([theme]) {
329
+ background-color: var(--intergalactic-table-td-cell-critical-hover, oklch(0.958 0.029 5.7));
330
+ }
331
+
332
+ SRow[positioned] {
333
+ position: absolute;
334
+ }
335
+
336
+ SBody[animationsDisabled] SCell {
337
+ transition: none;
338
+ }
339
+
340
+ SCell {
341
+ display: flex;
342
+ flex: 1;
343
+ flex-basis: auto;
344
+ font-size: var(--intergalactic-fs-200, 14px);
345
+ line-height: var(--intergalactic-lh-200, 142%);
346
+ color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
347
+ box-sizing: border-box;
348
+ border-bottom: 1px solid var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
349
+ overflow: hidden;
350
+ white-space: nowrap;
351
+ font-variant-numeric: tabular-nums;
352
+ transition: width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
353
+ outline: none;
354
+ }
355
+
356
+ SCell[use='primary'] {
357
+ padding: var(--intergalactic-spacing-3x, 12px);
358
+ min-height: 45px;
359
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
360
+ }
361
+
362
+ SCell[use='secondary'] {
363
+ padding: var(--intergalactic-spacing-2x, 8px);
364
+ min-height: 37px;
365
+ background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
366
+ }
367
+
368
+ SCell[fixed] {
369
+ position: sticky;
370
+ z-index: 1;
371
+ }
372
+
373
+ SCell[theme='muted'] {
374
+ background-color: var(--intergalactic-table-td-cell-unread, oklch(0.98 0.001 180));
375
+ }
376
+
377
+ SCell[theme='info'] {
378
+ background-color: var(--intergalactic-table-td-cell-selected, oklch(0.98 0.01 267.6));
379
+ }
380
+
381
+ SCell[theme='success'] {
382
+ background-color: var(--intergalactic-table-td-cell-new, oklch(0.977 0.036 184));
383
+ }
384
+
385
+ SCell[theme='warning'] {
386
+ background-color: var(--intergalactic-table-td-cell-warning, oklch(0.979 0.03 88.1));
387
+ }
388
+
389
+ SCell[theme='danger'] {
390
+ background-color: var(--intergalactic-table-td-cell-critical, oklch(0.977 0.016 1.8));
391
+ }
392
+
393
+ SCell:focus-visible:not([fixed]) {
394
+ position: relative;
395
+ }
396
+
397
+ SCell:focus-visible::after {
398
+ position: absolute;
399
+ display: block;
400
+ content: '';
401
+ inset: 3px;
402
+ box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px oklch(0.424 0.269 264.2 / 0.469));
403
+ pointer-events: none;
404
+ }
405
+
406
+ SHeightHold {
407
+ position: absolute;
408
+ top: 0;
409
+ width: 100%;
410
+ pointer-events: none;
411
+ /* should be under other layers */
412
+ z-index: -1;
413
+ }
@@ -1,52 +1,7 @@
1
- SScrollArea {
2
- width: fit-content;
3
-
4
- view-timeline: --table-sticky-timeline block;
5
-
6
- SContainer {
7
- overflow: unset;
8
-
9
- &[scrollDirection='both'] {
10
- overflow: auto;
11
-
12
- &[loading] {
13
- overflow: hidden;
14
- }
15
- }
16
- &[scrollDirection='horizontal'] {
17
- overflow-x: auto;
18
- overflow-y: unset;
19
-
20
- &[loading] {
21
- overflow: hidden;
22
- }
23
- }
24
- &[scrollDirection='vertical'] {
25
- overflow-x: unset;
26
- overflow-y: auto;
27
-
28
- &[loading] {
29
- overflow: hidden;
30
- }
31
- }
32
- &[headerHeight] {
33
- scroll-padding-top: var(--headerHeight);
34
- }
35
- &[leftScrollPadding] {
36
- scroll-padding-left: var(--leftScrollPadding);
37
- }
38
- &[rightScrollPadding] {
39
- scroll-padding-right: var(--rightScrollPadding);
40
- }
41
- }
42
-
43
- SShadowVertical::after, SShadowHorizontal::before, SShadowHorizontal:after {
44
- z-index: 20;
45
- }
46
-
47
- SShadowVertical::before,
48
- SShadowHorizontal[leftOffset]::before,
49
- SShadowHorizontal[rightOffset]::after {
50
- display: none;
1
+ SShadowHorizontal,
2
+ SShadowVertical {
3
+ &:before,
4
+ &:after {
5
+ z-index: 1;
51
6
  }
52
7
  }
@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
6
6
  import ja from "./ja.json.mjs";
7
7
  import ko from "./ko.json.mjs";
8
8
  import nl from "./nl.json.mjs";
9
- import pl from "./pl.json.mjs";
10
9
  import pt from "./pt.json.mjs";
11
- import sv from "./sv.json.mjs";
12
10
  import tr from "./tr.json.mjs";
13
11
  import vi from "./vi.json.mjs";
14
12
  import zh from "./zh.json.mjs";
13
+ import pl from "./pl.json.mjs";
14
+ import sv from "./sv.json.mjs";
15
15
  var localizedMessages = {
16
16
  de,
17
17
  en,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Sortierbar";
2
2
  const de = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Details einblenden",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Details ausblenden",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Alle Elemente",
7
- "DataTable.allItemsSelected:aria-live": "Alle Elemente ausgewählt",
8
- "DataTable.allItemsDeselected:aria-live": "Alle Elemente nicht ausgewählt"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  de as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Sortable";
2
2
  const en = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Show details",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Hide details",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "All items",
7
- "DataTable.allItemsSelected:aria-live": "All items selected",
8
- "DataTable.allItemsDeselected:aria-live": "All items deselected"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  en as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Ordenable";
2
2
  const es = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Mostrar detalles",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ocultar detalles",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Todos los elementos",
7
- "DataTable.allItemsSelected:aria-live": "Todos los elementos seleccionados",
8
- "DataTable.allItemsDeselected:aria-live": "Todos los elementos deseleccionados"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  es as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Triable";
2
2
  const fr = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Afficher les détails",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Masquer les détails",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Tous les éléments",
7
- "DataTable.allItemsSelected:aria-live": "Tous les éléments sélectionnés",
8
- "DataTable.allItemsDeselected:aria-live": "Tous les éléments désélectionnés"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  fr as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Ordinabile";
2
2
  const it = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Mostra dettagli",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Nascondi dettagli",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Tutti gli elementi",
7
- "DataTable.allItemsSelected:aria-live": "Tutti gli elementi selezionati",
8
- "DataTable.allItemsDeselected:aria-live": "Tutti gli elementi deselezionati"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  it as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "分類可能";
2
2
  const ja = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "詳細を表示する",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "詳細を非表示にする",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "すべての項目",
7
- "DataTable.allItemsSelected:aria-live": "すべての項目が選択されました",
8
- "DataTable.allItemsDeselected:aria-live": "すべての項目が選択解除されました"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  ja as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "정렬 가능";
2
2
  const ko = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "세부 정보 표시",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "세부 정보 숨기기",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "모든 항목",
7
- "DataTable.allItemsSelected:aria-live": "모든 항목이 선택됨",
8
- "DataTable.allItemsDeselected:aria-live": "모든 항목이 선택 해제됨"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  ko as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Sorteerbaar";
2
2
  const nl = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Details tonen",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Details verbergen",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Alle items",
7
- "DataTable.allItemsSelected:aria-live": "Alle items geselecteerd",
8
- "DataTable.allItemsDeselected:aria-live": "Alle items niet geselecteerd"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  nl as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Umożliwia sortowanie";
2
2
  const pl = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Pokaż szczegóły",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ukryj szczegóły",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Wszystkie przedmioty",
7
- "DataTable.allItemsSelected:aria-live": "Wszystkie przedmioty wybrane",
8
- "DataTable.allItemsDeselected:aria-live": "Wszystkie przedmioty odznaczone"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  pl as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Classificável";
2
2
  const pt = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Exibir detalhes",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ocultar detalhes",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Todos os itens",
7
- "DataTable.allItemsSelected:aria-live": "Todos os itens selecionados",
8
- "DataTable.allItemsDeselected:aria-live": "Todos os itens desmarcados"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  pt as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Sorterbar";
2
2
  const sv = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Visa detaljer",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Dölj detaljer",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Alla objekt",
7
- "DataTable.allItemsSelected:aria-live": "Alla objekt valda",
8
- "DataTable.allItemsDeselected:aria-live": "Alla objekt avmarkerade"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  sv as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Sıralanabilir";
2
2
  const tr = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Detayları göster",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Detayları gizle",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Tüm öğeler",
7
- "DataTable.allItemsSelected:aria-live": "Tüm öğeler seçildi",
8
- "DataTable.allItemsDeselected:aria-live": "Tüm öğeler seçilmedi"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  tr as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "Có thể sắp xếp";
2
2
  const vi = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "Hiển thị chi tiết",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "Ẩn bớt",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "Tất cả các mục",
7
- "DataTable.allItemsSelected:aria-live": "Tất cả các mục đã được chọn",
8
- "DataTable.allItemsDeselected:aria-live": "Tất cả các mục đã được bỏ chọn"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  vi as default,
@@ -1,11 +1,6 @@
1
1
  const sortableColumn = "可排序";
2
2
  const zh = {
3
- sortableColumn,
4
- "DataTable.Cell.AccordionToggle.expand:aria-label": "显示详细信息",
5
- "DataTable.Cell.AccordionToggle.collapse:aria-label": "隐藏详细信息",
6
- "DataTable.Header.selectAllCheckbox:aria-label": "所有项目",
7
- "DataTable.allItemsSelected:aria-live": "所有项目已选择",
8
- "DataTable.allItemsDeselected:aria-live": "所有项目已取消选择"
3
+ sortableColumn
9
4
  };
10
5
  export {
11
6
  zh as default,