@cloudscape-design/components 3.0.721 → 3.0.723

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 (389) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +131 -43
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +106 -18
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +122 -34
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/content-wrapper/styles.css.js +3 -3
  11. package/app-layout/content-wrapper/styles.scoped.css +56 -8
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +13 -13
  14. package/app-layout/drawer/styles.scoped.css +109 -21
  15. package/app-layout/drawer/styles.selectors.js +13 -13
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +58 -10
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/split-panel/styles.css.js +2 -2
  20. package/app-layout/split-panel/styles.scoped.css +50 -6
  21. package/app-layout/split-panel/styles.selectors.js +2 -2
  22. package/app-layout/styles.css.js +16 -16
  23. package/app-layout/styles.scoped.css +69 -21
  24. package/app-layout/styles.selectors.js +16 -16
  25. package/app-layout/toggles/styles.css.js +2 -2
  26. package/app-layout/toggles/styles.scoped.css +92 -8
  27. package/app-layout/toggles/styles.selectors.js +2 -2
  28. package/app-layout/visual-refresh/styles.css.js +82 -82
  29. package/app-layout/visual-refresh/styles.scoped.css +216 -169
  30. package/app-layout/visual-refresh/styles.selectors.js +82 -82
  31. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +6 -6
  32. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +92 -8
  33. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +6 -6
  34. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  35. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +60 -12
  36. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  37. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +16 -16
  38. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +76 -28
  39. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +16 -16
  40. package/app-layout/visual-refresh-toolbar/split-panel/styles.css.js +1 -1
  41. package/app-layout/visual-refresh-toolbar/split-panel/styles.scoped.css +47 -3
  42. package/app-layout/visual-refresh-toolbar/split-panel/styles.selectors.js +1 -1
  43. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -12
  44. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +66 -16
  45. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -12
  46. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
  47. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +66 -22
  48. package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
  49. package/area-chart/styles.css.js +6 -6
  50. package/area-chart/styles.scoped.css +99 -15
  51. package/area-chart/styles.selectors.js +6 -6
  52. package/attribute-editor/styles.css.js +14 -14
  53. package/attribute-editor/styles.scoped.css +76 -28
  54. package/attribute-editor/styles.selectors.js +14 -14
  55. package/badge/styles.css.js +5 -5
  56. package/badge/styles.scoped.css +51 -7
  57. package/badge/styles.selectors.js +5 -5
  58. package/box/styles.css.js +191 -191
  59. package/box/styles.scoped.css +306 -241
  60. package/box/styles.selectors.js +191 -191
  61. package/breadcrumb-group/item/styles.css.js +9 -9
  62. package/breadcrumb-group/item/styles.scoped.css +63 -19
  63. package/breadcrumb-group/item/styles.selectors.js +9 -9
  64. package/breadcrumb-group/styles.css.js +7 -7
  65. package/breadcrumb-group/styles.scoped.css +58 -14
  66. package/breadcrumb-group/styles.selectors.js +7 -7
  67. package/button/styles.css.js +20 -20
  68. package/button/styles.scoped.css +204 -156
  69. package/button/styles.selectors.js +20 -20
  70. package/button-dropdown/category-elements/styles.css.js +14 -14
  71. package/button-dropdown/category-elements/styles.scoped.css +70 -28
  72. package/button-dropdown/category-elements/styles.selectors.js +14 -14
  73. package/button-dropdown/item-element/styles.css.js +12 -12
  74. package/button-dropdown/item-element/styles.scoped.css +60 -16
  75. package/button-dropdown/item-element/styles.selectors.js +12 -12
  76. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  77. package/button-dropdown/mobile-expandable-group/styles.scoped.css +51 -7
  78. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  79. package/button-dropdown/styles.css.js +16 -16
  80. package/button-dropdown/styles.scoped.css +70 -26
  81. package/button-dropdown/styles.selectors.js +16 -16
  82. package/button-group/styles.css.js +4 -4
  83. package/button-group/styles.scoped.css +86 -6
  84. package/button-group/styles.selectors.js +4 -4
  85. package/calendar/styles.css.js +21 -21
  86. package/calendar/styles.scoped.css +95 -47
  87. package/calendar/styles.selectors.js +21 -21
  88. package/cards/styles.css.js +39 -39
  89. package/cards/styles.scoped.css +108 -58
  90. package/cards/styles.selectors.js +39 -39
  91. package/checkbox/styles.css.js +3 -3
  92. package/checkbox/styles.scoped.css +51 -7
  93. package/checkbox/styles.selectors.js +3 -3
  94. package/code-editor/resizable-box/styles.css.js +3 -3
  95. package/code-editor/resizable-box/styles.scoped.css +52 -8
  96. package/code-editor/resizable-box/styles.selectors.js +3 -3
  97. package/code-editor/styles.css.js +33 -33
  98. package/code-editor/styles.scoped.css +191 -139
  99. package/code-editor/styles.selectors.js +33 -33
  100. package/collection-preferences/content-display/styles.css.js +11 -11
  101. package/collection-preferences/content-display/styles.scoped.css +107 -19
  102. package/collection-preferences/content-display/styles.selectors.js +11 -11
  103. package/collection-preferences/index.d.ts.map +1 -1
  104. package/collection-preferences/index.js +7 -2
  105. package/collection-preferences/index.js.map +1 -1
  106. package/collection-preferences/styles.css.js +37 -37
  107. package/collection-preferences/styles.scoped.css +224 -48
  108. package/collection-preferences/styles.selectors.js +37 -37
  109. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  110. package/column-layout/flexible-column-layout/styles.scoped.css +87 -7
  111. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  112. package/column-layout/styles.css.js +13 -13
  113. package/column-layout/styles.scoped.css +125 -45
  114. package/column-layout/styles.selectors.js +13 -13
  115. package/container/styles.css.js +30 -30
  116. package/container/styles.scoped.css +140 -56
  117. package/container/styles.selectors.js +30 -30
  118. package/content-layout/styles.css.js +14 -14
  119. package/content-layout/styles.scoped.css +62 -18
  120. package/content-layout/styles.selectors.js +14 -14
  121. package/date-picker/styles.css.js +7 -7
  122. package/date-picker/styles.scoped.css +55 -11
  123. package/date-picker/styles.selectors.js +7 -7
  124. package/date-range-picker/calendar/grids/styles.css.js +28 -28
  125. package/date-range-picker/calendar/grids/styles.scoped.css +89 -45
  126. package/date-range-picker/calendar/grids/styles.selectors.js +28 -28
  127. package/date-range-picker/relative-range/styles.css.js +9 -9
  128. package/date-range-picker/relative-range/styles.scoped.css +59 -15
  129. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  130. package/date-range-picker/styles.css.js +39 -39
  131. package/date-range-picker/styles.scoped.css +100 -52
  132. package/date-range-picker/styles.selectors.js +39 -39
  133. package/drawer/styles.css.js +4 -4
  134. package/drawer/styles.scoped.css +92 -12
  135. package/drawer/styles.selectors.js +4 -4
  136. package/expandable-section/styles.css.js +32 -32
  137. package/expandable-section/styles.scoped.css +121 -69
  138. package/expandable-section/styles.selectors.js +32 -32
  139. package/file-upload/dropzone/styles.css.js +2 -2
  140. package/file-upload/dropzone/styles.scoped.css +84 -4
  141. package/file-upload/dropzone/styles.selectors.js +2 -2
  142. package/file-upload/file-input/styles.css.js +4 -4
  143. package/file-upload/file-input/styles.scoped.css +93 -9
  144. package/file-upload/file-input/styles.selectors.js +4 -4
  145. package/flashbar/styles.css.js +47 -47
  146. package/flashbar/styles.scoped.css +240 -244
  147. package/flashbar/styles.selectors.js +47 -47
  148. package/form/styles.css.js +8 -8
  149. package/form/styles.scoped.css +54 -10
  150. package/form/styles.selectors.js +8 -8
  151. package/form-field/styles.css.js +24 -24
  152. package/form-field/styles.scoped.css +84 -40
  153. package/form-field/styles.selectors.js +24 -24
  154. package/grid/styles.css.js +53 -53
  155. package/grid/styles.scoped.css +100 -56
  156. package/grid/styles.selectors.js +53 -53
  157. package/header/styles.css.js +34 -34
  158. package/header/styles.scoped.css +132 -52
  159. package/header/styles.selectors.js +34 -34
  160. package/help-panel/styles.css.js +5 -5
  161. package/help-panel/styles.scoped.css +149 -69
  162. package/help-panel/styles.selectors.js +5 -5
  163. package/hotspot/styles.css.js +7 -7
  164. package/hotspot/styles.scoped.css +89 -9
  165. package/hotspot/styles.selectors.js +7 -7
  166. package/icon/styles.css.js +38 -38
  167. package/icon/styles.scoped.css +168 -84
  168. package/icon/styles.selectors.js +38 -38
  169. package/input/styles.css.js +13 -13
  170. package/input/styles.scoped.css +82 -46
  171. package/input/styles.selectors.js +13 -13
  172. package/internal/base-component/styles.scoped.css +9 -9
  173. package/internal/components/abstract-switch/styles.css.js +13 -13
  174. package/internal/components/abstract-switch/styles.scoped.css +66 -22
  175. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  176. package/internal/components/button-trigger/styles.css.js +11 -11
  177. package/internal/components/button-trigger/styles.scoped.css +84 -36
  178. package/internal/components/button-trigger/styles.selectors.js +11 -11
  179. package/internal/components/chart-filter/styles.css.js +3 -3
  180. package/internal/components/chart-filter/styles.scoped.css +49 -5
  181. package/internal/components/chart-filter/styles.selectors.js +3 -3
  182. package/internal/components/chart-legend/styles.css.js +6 -6
  183. package/internal/components/chart-legend/styles.scoped.css +67 -19
  184. package/internal/components/chart-legend/styles.selectors.js +6 -6
  185. package/internal/components/chart-plot/styles.css.js +5 -5
  186. package/internal/components/chart-plot/styles.scoped.css +51 -7
  187. package/internal/components/chart-plot/styles.selectors.js +5 -5
  188. package/internal/components/chart-popover/styles.css.js +3 -3
  189. package/internal/components/chart-popover/styles.scoped.css +49 -5
  190. package/internal/components/chart-popover/styles.selectors.js +3 -3
  191. package/internal/components/chart-series-details/styles.css.js +20 -20
  192. package/internal/components/chart-series-details/styles.scoped.css +89 -37
  193. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  194. package/internal/components/chart-series-marker/styles.css.js +5 -5
  195. package/internal/components/chart-series-marker/styles.scoped.css +53 -9
  196. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  197. package/internal/components/chart-wrapper/styles.css.js +9 -9
  198. package/internal/components/chart-wrapper/styles.scoped.css +91 -11
  199. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  200. package/internal/components/checkbox-icon/styles.css.js +9 -9
  201. package/internal/components/checkbox-icon/styles.scoped.css +55 -11
  202. package/internal/components/checkbox-icon/styles.selectors.js +9 -9
  203. package/internal/components/dropdown/styles.css.js +20 -20
  204. package/internal/components/dropdown/styles.scoped.css +89 -41
  205. package/internal/components/dropdown/styles.selectors.js +20 -20
  206. package/internal/components/dropdown-footer/styles.css.js +3 -3
  207. package/internal/components/dropdown-footer/styles.scoped.css +49 -5
  208. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  209. package/internal/components/dropdown-status/styles.css.js +2 -2
  210. package/internal/components/dropdown-status/styles.scoped.css +48 -4
  211. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  212. package/internal/components/handle/styles.css.js +2 -2
  213. package/internal/components/handle/styles.scoped.css +52 -8
  214. package/internal/components/handle/styles.selectors.js +2 -2
  215. package/internal/components/menu-dropdown/styles.css.js +7 -7
  216. package/internal/components/menu-dropdown/styles.scoped.css +59 -15
  217. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  218. package/internal/components/option/styles.css.js +17 -17
  219. package/internal/components/option/styles.scoped.css +79 -31
  220. package/internal/components/option/styles.selectors.js +17 -17
  221. package/internal/components/options-list/styles.css.js +2 -2
  222. package/internal/components/options-list/styles.scoped.css +48 -4
  223. package/internal/components/options-list/styles.selectors.js +2 -2
  224. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  225. package/internal/components/panel-resize-handle/styles.scoped.css +56 -12
  226. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  227. package/internal/components/screenreader-only/styles.css.js +1 -1
  228. package/internal/components/screenreader-only/styles.scoped.css +47 -3
  229. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  230. package/internal/components/selectable-item/styles.css.js +16 -16
  231. package/internal/components/selectable-item/styles.scoped.css +78 -40
  232. package/internal/components/selectable-item/styles.selectors.js +16 -16
  233. package/internal/components/token-list/styles.css.js +9 -9
  234. package/internal/components/token-list/styles.scoped.css +106 -22
  235. package/internal/components/token-list/styles.selectors.js +9 -9
  236. package/internal/context/collection-preferences-metadata-context.d.ts +10 -0
  237. package/internal/context/collection-preferences-metadata-context.d.ts.map +1 -0
  238. package/internal/context/collection-preferences-metadata-context.js +5 -0
  239. package/internal/context/collection-preferences-metadata-context.js.map +1 -0
  240. package/internal/environment.js +1 -1
  241. package/internal/environment.json +1 -1
  242. package/internal/manifest.json +1 -1
  243. package/key-value-pairs/styles.css.js +8 -8
  244. package/key-value-pairs/styles.scoped.css +55 -11
  245. package/key-value-pairs/styles.selectors.js +8 -8
  246. package/link/styles.css.js +20 -20
  247. package/link/styles.scoped.css +117 -73
  248. package/link/styles.selectors.js +20 -20
  249. package/mixed-line-bar-chart/styles.css.js +11 -11
  250. package/mixed-line-bar-chart/styles.scoped.css +107 -23
  251. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  252. package/modal/styles.css.js +23 -23
  253. package/modal/styles.scoped.css +95 -43
  254. package/modal/styles.selectors.js +23 -23
  255. package/multiselect/styles.css.js +2 -2
  256. package/multiselect/styles.scoped.css +48 -4
  257. package/multiselect/styles.selectors.js +2 -2
  258. package/package.json +1 -1
  259. package/pagination/styles.css.js +9 -9
  260. package/pagination/styles.scoped.css +69 -25
  261. package/pagination/styles.selectors.js +9 -9
  262. package/pie-chart/styles.css.js +27 -27
  263. package/pie-chart/styles.scoped.css +104 -52
  264. package/pie-chart/styles.selectors.js +27 -27
  265. package/popover/styles.css.js +52 -52
  266. package/popover/styles.scoped.css +297 -77
  267. package/popover/styles.selectors.js +52 -52
  268. package/progress-bar/styles.css.js +19 -19
  269. package/progress-bar/styles.scoped.css +195 -35
  270. package/progress-bar/styles.selectors.js +19 -19
  271. package/prompt-input/styles.css.js +8 -8
  272. package/prompt-input/styles.scoped.css +70 -30
  273. package/prompt-input/styles.selectors.js +8 -8
  274. package/property-filter/filtering-token/styles.css.js +18 -18
  275. package/property-filter/filtering-token/styles.scoped.css +89 -41
  276. package/property-filter/filtering-token/styles.selectors.js +18 -18
  277. package/property-filter/styles.css.js +38 -38
  278. package/property-filter/styles.scoped.css +84 -40
  279. package/property-filter/styles.selectors.js +38 -38
  280. package/radio-group/styles.css.js +10 -10
  281. package/radio-group/styles.scoped.css +62 -18
  282. package/radio-group/styles.selectors.js +10 -10
  283. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  284. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -11
  285. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  286. package/s3-resource-selector/s3-modal/styles.css.js +3 -3
  287. package/s3-resource-selector/s3-modal/styles.scoped.css +85 -5
  288. package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  289. package/segmented-control/styles.css.js +15 -15
  290. package/segmented-control/styles.scoped.css +90 -38
  291. package/segmented-control/styles.selectors.js +15 -15
  292. package/select/parts/styles.css.js +21 -21
  293. package/select/parts/styles.scoped.css +68 -24
  294. package/select/parts/styles.selectors.js +21 -21
  295. package/select/styles.css.js +1 -1
  296. package/select/styles.scoped.css +47 -3
  297. package/select/styles.selectors.js +1 -1
  298. package/side-navigation/styles.css.js +29 -29
  299. package/side-navigation/styles.scoped.css +87 -43
  300. package/side-navigation/styles.selectors.js +29 -29
  301. package/slider/styles.css.js +26 -26
  302. package/slider/styles.scoped.css +126 -78
  303. package/slider/styles.selectors.js +26 -26
  304. package/space-between/styles.css.js +23 -23
  305. package/space-between/styles.scoped.css +70 -26
  306. package/space-between/styles.selectors.js +23 -23
  307. package/spinner/styles.css.js +13 -13
  308. package/spinner/styles.scoped.css +69 -21
  309. package/spinner/styles.selectors.js +13 -13
  310. package/split-panel/icons/styles.css.js +22 -22
  311. package/split-panel/icons/styles.scoped.css +70 -26
  312. package/split-panel/icons/styles.selectors.js +22 -22
  313. package/split-panel/styles.css.js +27 -27
  314. package/split-panel/styles.scoped.css +142 -50
  315. package/split-panel/styles.selectors.js +27 -27
  316. package/status-indicator/styles.css.js +23 -23
  317. package/status-indicator/styles.scoped.css +75 -31
  318. package/status-indicator/styles.selectors.js +23 -23
  319. package/table/body-cell/styles.css.js +47 -47
  320. package/table/body-cell/styles.scoped.css +398 -360
  321. package/table/body-cell/styles.selectors.js +47 -47
  322. package/table/expandable-rows/styles.css.js +3 -3
  323. package/table/expandable-rows/styles.scoped.css +65 -17
  324. package/table/expandable-rows/styles.selectors.js +3 -3
  325. package/table/header-cell/styles.css.js +26 -26
  326. package/table/header-cell/styles.scoped.css +115 -67
  327. package/table/header-cell/styles.selectors.js +26 -26
  328. package/table/index.d.ts.map +1 -1
  329. package/table/index.js +23 -3
  330. package/table/index.js.map +1 -1
  331. package/table/resizer/styles.css.js +8 -8
  332. package/table/resizer/styles.scoped.css +60 -16
  333. package/table/resizer/styles.selectors.js +8 -8
  334. package/table/selection/styles.css.js +3 -3
  335. package/table/selection/styles.scoped.css +49 -5
  336. package/table/selection/styles.selectors.js +3 -3
  337. package/table/sticky-scrollbar/styles.css.js +6 -6
  338. package/table/sticky-scrollbar/styles.scoped.css +89 -9
  339. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  340. package/table/styles.css.js +34 -34
  341. package/table/styles.scoped.css +91 -43
  342. package/table/styles.selectors.js +34 -34
  343. package/table/use-column-widths.d.ts.map +1 -1
  344. package/table/use-column-widths.js +5 -2
  345. package/table/use-column-widths.js.map +1 -1
  346. package/table/use-sticky-header.js +3 -3
  347. package/table/use-sticky-header.js.map +1 -1
  348. package/tabs/styles.css.js +28 -28
  349. package/tabs/styles.scoped.css +139 -51
  350. package/tabs/styles.selectors.js +28 -28
  351. package/tag-editor/styles.css.js +3 -3
  352. package/tag-editor/styles.scoped.css +56 -12
  353. package/tag-editor/styles.selectors.js +3 -3
  354. package/text-content/styles.css.js +1 -1
  355. package/text-content/styles.scoped.css +107 -63
  356. package/text-content/styles.selectors.js +1 -1
  357. package/text-filter/styles.css.js +3 -3
  358. package/text-filter/styles.scoped.css +49 -5
  359. package/text-filter/styles.selectors.js +3 -3
  360. package/textarea/styles.css.js +5 -5
  361. package/textarea/styles.scoped.css +62 -22
  362. package/textarea/styles.selectors.js +5 -5
  363. package/tiles/styles.css.js +30 -30
  364. package/tiles/styles.scoped.css +159 -75
  365. package/tiles/styles.selectors.js +30 -30
  366. package/toggle/styles.css.js +10 -10
  367. package/toggle/styles.scoped.css +63 -19
  368. package/toggle/styles.selectors.js +10 -10
  369. package/token-group/styles.css.js +10 -10
  370. package/token-group/styles.scoped.css +72 -24
  371. package/token-group/styles.selectors.js +10 -10
  372. package/top-navigation/1.0-beta/styles.css.js +25 -25
  373. package/top-navigation/1.0-beta/styles.scoped.css +88 -44
  374. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  375. package/top-navigation/styles.css.js +47 -47
  376. package/top-navigation/styles.scoped.css +118 -70
  377. package/top-navigation/styles.selectors.js +47 -47
  378. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  379. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +103 -23
  380. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  381. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  382. package/tutorial-panel/components/tutorial-list/styles.scoped.css +119 -31
  383. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  384. package/tutorial-panel/styles.css.js +1 -1
  385. package/tutorial-panel/styles.scoped.css +83 -3
  386. package/tutorial-panel/styles.selectors.js +1 -1
  387. package/wizard/styles.css.js +30 -30
  388. package/wizard/styles.scoped.css +104 -60
  389. package/wizard/styles.selectors.js +30 -30
@@ -70,6 +70,50 @@
70
70
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
71
71
  SPDX-License-Identifier: Apache-2.0
72
72
  */
73
+ /*
74
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
75
+ SPDX-License-Identifier: Apache-2.0
76
+ */
77
+ /*
78
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
79
+ SPDX-License-Identifier: Apache-2.0
80
+ */
81
+ /*
82
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
83
+ SPDX-License-Identifier: Apache-2.0
84
+ */
85
+ /*
86
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
87
+ SPDX-License-Identifier: Apache-2.0
88
+ */
89
+ /*
90
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
+ SPDX-License-Identifier: Apache-2.0
92
+ */
93
+ /*
94
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
+ SPDX-License-Identifier: Apache-2.0
96
+ */
97
+ /*
98
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
99
+ SPDX-License-Identifier: Apache-2.0
100
+ */
101
+ /*
102
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
103
+ SPDX-License-Identifier: Apache-2.0
104
+ */
105
+ /*
106
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
107
+ SPDX-License-Identifier: Apache-2.0
108
+ */
109
+ /*
110
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
111
+ SPDX-License-Identifier: Apache-2.0
112
+ */
113
+ /*
114
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
115
+ SPDX-License-Identifier: Apache-2.0
116
+ */
73
117
  /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
74
118
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
75
119
  /*
@@ -84,8 +128,6 @@
84
128
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
85
129
  SPDX-License-Identifier: Apache-2.0
86
130
  */
87
- /* Style used for links in slots/components that are text heavy, to help links stand out among
88
- surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
89
131
  /*
90
132
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
133
  SPDX-License-Identifier: Apache-2.0
@@ -94,7 +136,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
136
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
137
  SPDX-License-Identifier: Apache-2.0
96
138
  */
97
- .awsui_header-cell_1spae_geicw_97:not(#\9) {
139
+ /*
140
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
141
+ SPDX-License-Identifier: Apache-2.0
142
+ */
143
+ /* Style used for links in slots/components that are text heavy, to help links stand out among
144
+ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
+ .awsui_header-cell_1spae_n4qc0_145:not(#\9) {
98
146
  position: relative;
99
147
  text-align: start;
100
148
  box-sizing: border-box;
@@ -107,14 +155,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
107
155
  padding-block: var(--space-scaled-xxs-7597g1, 4px);
108
156
  padding-inline: var(--space-scaled-xs-26e2du, 8px);
109
157
  }
110
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97:not(#\9):focus {
158
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145:not(#\9):focus {
111
159
  position: relative;
112
160
  }
113
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97:not(#\9):focus {
161
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145:not(#\9):focus {
114
162
  outline: 2px dotted transparent;
115
163
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
116
164
  }
117
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97:not(#\9):focus::before {
165
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145:not(#\9):focus::before {
118
166
  content: " ";
119
167
  display: block;
120
168
  position: absolute;
@@ -128,14 +176,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97:not(#\9):f
128
176
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
129
177
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
130
178
  }
131
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_header-cell-fake-focus_1spae_geicw_131:not(#\9) {
179
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_header-cell-fake-focus_1spae_n4qc0_179:not(#\9) {
132
180
  position: relative;
133
181
  }
134
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_header-cell-fake-focus_1spae_geicw_131:not(#\9) {
182
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_header-cell-fake-focus_1spae_n4qc0_179:not(#\9) {
135
183
  outline: 2px dotted transparent;
136
184
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
137
185
  }
138
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_header-cell-fake-focus_1spae_geicw_131:not(#\9)::before {
186
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_header-cell-fake-focus_1spae_n4qc0_179:not(#\9)::before {
139
187
  content: " ";
140
188
  display: block;
141
189
  position: absolute;
@@ -149,22 +197,22 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_head
149
197
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
150
198
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
151
199
  }
152
- .awsui_header-cell-sticky_1spae_geicw_152:not(#\9) {
200
+ .awsui_header-cell-sticky_1spae_n4qc0_200:not(#\9) {
153
201
  border-block-end: var(--border-table-sticky-width-87kf12, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
154
202
  }
155
- .awsui_header-cell-stuck_1spae_geicw_155:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_geicw_155) {
203
+ .awsui_header-cell-stuck_1spae_n4qc0_203:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_n4qc0_203) {
156
204
  border-block-end-color: transparent;
157
205
  }
158
- .awsui_header-cell-variant-full-page_1spae_geicw_155:not(#\9) {
206
+ .awsui_header-cell-variant-full-page_1spae_n4qc0_203:not(#\9) {
159
207
  background: var(--color-background-layout-main-nx09lr, #ffffff);
160
208
  }
161
- .awsui_header-cell-variant-full-page_1spae_geicw_155.awsui_header-cell-hidden_1spae_geicw_161:not(#\9) {
209
+ .awsui_header-cell-variant-full-page_1spae_n4qc0_203.awsui_header-cell-hidden_1spae_n4qc0_209:not(#\9) {
162
210
  border-block-end-color: transparent;
163
211
  }
164
- .awsui_header-cell_1spae_geicw_97:not(#\9):last-child, .awsui_header-cell_1spae_geicw_97.awsui_header-cell-sortable_1spae_geicw_164:not(#\9) {
212
+ .awsui_header-cell_1spae_n4qc0_145:not(#\9):last-child, .awsui_header-cell_1spae_n4qc0_145.awsui_header-cell-sortable_1spae_n4qc0_212:not(#\9) {
165
213
  padding-inline-end: var(--space-xs-zb16t3, 8px);
166
214
  }
167
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell_1spae_geicw_167:not(#\9) {
215
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell_1spae_n4qc0_215:not(#\9) {
168
216
  position: sticky;
169
217
  background: var(--color-background-table-header-82ew8p, #ffffff);
170
218
  z-index: 798;
@@ -172,42 +220,42 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_head
172
220
  transition-duration: var(--motion-duration-transition-show-quick-osg026, 90ms);
173
221
  transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
174
222
  }
175
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell-pad-left_1spae_geicw_175:not(#\9):not(.awsui_has-selection_1spae_geicw_175) {
223
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell-pad-left_1spae_n4qc0_223:not(#\9):not(.awsui_has-selection_1spae_n4qc0_223) {
176
224
  padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
177
225
  }
178
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell-last-inline-start_1spae_geicw_178:not(#\9) {
226
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell-last-inline-start_1spae_n4qc0_226:not(#\9) {
179
227
  box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
180
228
  clip-path: inset(0px -24px 0px 0px);
181
229
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
182
230
  }
183
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell-last-inline-start_1spae_geicw_178 > .awsui_resize-divider_1spae_geicw_183:not(#\9) {
231
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell-last-inline-start_1spae_n4qc0_226 > .awsui_resize-divider_1spae_n4qc0_231:not(#\9) {
184
232
  display: none;
185
233
  }
186
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell-last-inline-start_1spae_geicw_178:not(#\9):dir(rtl) {
234
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell-last-inline-start_1spae_n4qc0_226:not(#\9):dir(rtl) {
187
235
  box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
188
236
  clip-path: inset(0 0 0 -24px);
189
237
  }
190
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell-last-inline-end_1spae_geicw_190:not(#\9) {
238
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell-last-inline-end_1spae_n4qc0_238:not(#\9) {
191
239
  box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
192
240
  clip-path: inset(0 0 0 -24px);
193
241
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
194
242
  }
195
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell-last-inline-end_1spae_geicw_190:not(#\9):dir(rtl) {
243
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell-last-inline-end_1spae_n4qc0_238:not(#\9):dir(rtl) {
196
244
  box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
197
245
  clip-path: inset(0 -24px 0 0);
198
246
  }
199
247
  @media (prefers-reduced-motion: reduce) {
200
- .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell_1spae_geicw_167:not(#\9) {
248
+ .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell_1spae_n4qc0_215:not(#\9) {
201
249
  animation: none;
202
250
  transition: none;
203
251
  }
204
252
  }
205
- .awsui-motion-disabled .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell_1spae_geicw_167:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_geicw_97.awsui_sticky-cell_1spae_geicw_167:not(#\9) {
253
+ .awsui-motion-disabled .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell_1spae_n4qc0_215:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_n4qc0_145.awsui_sticky-cell_1spae_n4qc0_215:not(#\9) {
206
254
  animation: none;
207
255
  transition: none;
208
256
  }
209
257
 
210
- .awsui_sorting-icon_1spae_geicw_210:not(#\9) {
258
+ .awsui_sorting-icon_1spae_n4qc0_258:not(#\9) {
211
259
  position: absolute;
212
260
  inset-block-start: 50%;
213
261
  transform: translateY(-50%);
@@ -215,36 +263,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_head
215
263
  color: var(--color-text-column-sorting-icon-8or30j, #414d5c);
216
264
  }
217
265
 
218
- .awsui_edit-icon_1spae_geicw_218:not(#\9) {
266
+ .awsui_edit-icon_1spae_n4qc0_266:not(#\9) {
219
267
  margin-inline-start: var(--space-xxs-p8yyaw, 4px);
220
268
  margin-block-start: var(--space-scaled-xxs-7597g1, 4px);
221
269
  color: inherit;
222
270
  }
223
271
 
224
- .awsui_header-cell-content_1spae_geicw_224:not(#\9) {
272
+ .awsui_header-cell-content_1spae_n4qc0_272:not(#\9) {
225
273
  position: relative;
226
274
  padding-block: var(--space-scaled-xxs-7597g1, 4px);
227
275
  padding-inline-start: var(--space-s-34lx8l, 12px);
228
276
  padding-inline-end: var(--space-s-34lx8l, 12px);
229
277
  }
230
- .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-content-expandable_1spae_geicw_230:not(#\9) {
278
+ .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-content-expandable_1spae_n4qc0_278:not(#\9) {
231
279
  padding-inline-start: calc(var(--space-s-34lx8l, 12px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
232
280
  }
233
- .awsui_header-cell-sortable_1spae_geicw_164 > .awsui_header-cell-content_1spae_geicw_224:not(#\9) {
281
+ .awsui_header-cell-sortable_1spae_n4qc0_212 > .awsui_header-cell-content_1spae_n4qc0_272:not(#\9) {
234
282
  padding-inline-end: calc(var(--space-xl-lmui9r, 24px) + var(--space-xxs-p8yyaw, 4px));
235
283
  }
236
- .awsui_header-cell-content_1spae_geicw_224:not(#\9):focus {
284
+ .awsui_header-cell-content_1spae_n4qc0_272:not(#\9):focus {
237
285
  outline: none;
238
286
  text-decoration: none;
239
287
  }
240
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224:not(#\9):focus {
288
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_n4qc0_272:not(#\9):focus {
241
289
  position: relative;
242
290
  }
243
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224:not(#\9):focus {
291
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_n4qc0_272:not(#\9):focus {
244
292
  outline: 2px dotted transparent;
245
293
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
246
294
  }
247
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224:not(#\9):focus::before {
295
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_n4qc0_272:not(#\9):focus::before {
248
296
  content: " ";
249
297
  display: block;
250
298
  position: absolute;
@@ -258,14 +306,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224:n
258
306
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
259
307
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
260
308
  }
261
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-fake-focus_1spae_geicw_131:not(#\9) {
309
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-fake-focus_1spae_n4qc0_179:not(#\9) {
262
310
  position: relative;
263
311
  }
264
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-fake-focus_1spae_geicw_131:not(#\9) {
312
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-fake-focus_1spae_n4qc0_179:not(#\9) {
265
313
  outline: 2px dotted transparent;
266
314
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
267
315
  }
268
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-fake-focus_1spae_geicw_131:not(#\9)::before {
316
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-fake-focus_1spae_n4qc0_179:not(#\9)::before {
269
317
  content: " ";
270
318
  display: block;
271
319
  position: absolute;
@@ -279,32 +327,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_geicw_224.a
279
327
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
280
328
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
281
329
  }
282
- .awsui_header-cell-disabled_1spae_geicw_282.awsui_header-cell-sorted_1spae_geicw_282 > .awsui_header-cell-content_1spae_geicw_224 > .awsui_sorting-icon_1spae_geicw_210:not(#\9) {
330
+ .awsui_header-cell-disabled_1spae_n4qc0_330.awsui_header-cell-sorted_1spae_n4qc0_330 > .awsui_header-cell-content_1spae_n4qc0_272 > .awsui_sorting-icon_1spae_n4qc0_258:not(#\9) {
283
331
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
284
332
  }
285
333
 
286
- .awsui_header-cell-sortable_1spae_geicw_164:not(#\9):not(.awsui_header-cell-disabled_1spae_geicw_282) > .awsui_header-cell-content_1spae_geicw_224 {
334
+ .awsui_header-cell-sortable_1spae_n4qc0_212:not(#\9):not(.awsui_header-cell-disabled_1spae_n4qc0_330) > .awsui_header-cell-content_1spae_n4qc0_272 {
287
335
  cursor: pointer;
288
336
  }
289
- .awsui_header-cell-sortable_1spae_geicw_164:not(#\9):not(.awsui_header-cell-disabled_1spae_geicw_282) > .awsui_header-cell-content_1spae_geicw_224:hover, .awsui_header-cell-sortable_1spae_geicw_164:not(#\9):not(.awsui_header-cell-disabled_1spae_geicw_282).awsui_header-cell-sorted_1spae_geicw_282 > .awsui_header-cell-content_1spae_geicw_224 {
337
+ .awsui_header-cell-sortable_1spae_n4qc0_212:not(#\9):not(.awsui_header-cell-disabled_1spae_n4qc0_330) > .awsui_header-cell-content_1spae_n4qc0_272:hover, .awsui_header-cell-sortable_1spae_n4qc0_212:not(#\9):not(.awsui_header-cell-disabled_1spae_n4qc0_330).awsui_header-cell-sorted_1spae_n4qc0_330 > .awsui_header-cell-content_1spae_n4qc0_272 {
290
338
  color: var(--color-text-interactive-active-ox3ozh, #000716);
291
339
  }
292
- .awsui_header-cell-sortable_1spae_geicw_164:not(#\9):not(.awsui_header-cell-disabled_1spae_geicw_282) > .awsui_header-cell-content_1spae_geicw_224:hover > .awsui_sorting-icon_1spae_geicw_210, .awsui_header-cell-sortable_1spae_geicw_164:not(#\9):not(.awsui_header-cell-disabled_1spae_geicw_282).awsui_header-cell-sorted_1spae_geicw_282 > .awsui_header-cell-content_1spae_geicw_224 > .awsui_sorting-icon_1spae_geicw_210 {
340
+ .awsui_header-cell-sortable_1spae_n4qc0_212:not(#\9):not(.awsui_header-cell-disabled_1spae_n4qc0_330) > .awsui_header-cell-content_1spae_n4qc0_272:hover > .awsui_sorting-icon_1spae_n4qc0_258, .awsui_header-cell-sortable_1spae_n4qc0_212:not(#\9):not(.awsui_header-cell-disabled_1spae_n4qc0_330).awsui_header-cell-sorted_1spae_n4qc0_330 > .awsui_header-cell-content_1spae_n4qc0_272 > .awsui_sorting-icon_1spae_n4qc0_258 {
293
341
  color: var(--color-text-interactive-active-ox3ozh, #000716);
294
342
  }
295
343
 
296
- .awsui_header-cell-text_1spae_geicw_296:not(#\9) {
344
+ .awsui_header-cell-text_1spae_n4qc0_344:not(#\9) {
297
345
  line-height: var(--line-height-heading-xs-aeleja, 18px);
298
346
  padding-block: calc(var(--space-xxxs-zbmxqb, 2px) / 2);
299
347
  }
300
- .awsui_header-cell-text_1spae_geicw_296:not(#\9):not(.awsui_header-cell-text-wrap_1spae_geicw_300) {
348
+ .awsui_header-cell-text_1spae_n4qc0_344:not(#\9):not(.awsui_header-cell-text-wrap_1spae_n4qc0_348) {
301
349
  white-space: nowrap;
302
350
  overflow: hidden;
303
351
  text-overflow: ellipsis;
304
352
  }
305
353
 
306
- .awsui_header-cell-ascending_1spae_geicw_306:not(#\9),
307
- .awsui_header-cell-descending_1spae_geicw_307:not(#\9) {
354
+ .awsui_header-cell-ascending_1spae_n4qc0_354:not(#\9),
355
+ .awsui_header-cell-descending_1spae_n4qc0_355:not(#\9) {
308
356
  /* used in test-utils */
309
357
  }
310
358
 
@@ -314,28 +362,28 @@ with the left edge of the table as closely as possible. If the
314
362
  last header cell is sortable the sort icon should align with the
315
363
  settings icon in the pagination slot.
316
364
  */
317
- .awsui_header-cell_1spae_geicw_97:not(#\9):not(.awsui_is-visual-refresh_1spae_geicw_317):first-child {
365
+ .awsui_header-cell_1spae_n4qc0_145:not(#\9):not(.awsui_is-visual-refresh_1spae_n4qc0_365):first-child {
318
366
  padding-inline-start: var(--space-xs-zb16t3, 8px);
319
367
  }
320
- .awsui_header-cell_1spae_geicw_97:not(#\9):not(.awsui_is-visual-refresh_1spae_geicw_317):first-child.awsui_header-cell-content-expandable_1spae_geicw_230 {
368
+ .awsui_header-cell_1spae_n4qc0_145:not(#\9):not(.awsui_is-visual-refresh_1spae_n4qc0_365):first-child.awsui_header-cell-content-expandable_1spae_n4qc0_278 {
321
369
  padding-inline-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
322
370
  }
323
371
 
324
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9) {
372
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9) {
325
373
  /*
326
374
  Striped rows requires additional left padding because the
327
375
  shaded background makes the child content appear too close
328
376
  to the table edge.
329
377
  */
330
378
  }
331
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child:focus {
379
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child:focus {
332
380
  position: relative;
333
381
  }
334
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child:focus {
382
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child:focus {
335
383
  outline: 2px dotted transparent;
336
384
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
337
385
  }
338
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child:focus::before {
386
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child:focus::before {
339
387
  content: " ";
340
388
  display: block;
341
389
  position: absolute;
@@ -349,14 +397,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-v
349
397
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
350
398
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
351
399
  }
352
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_geicw_131 {
400
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_n4qc0_179 {
353
401
  position: relative;
354
402
  }
355
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_geicw_131 {
403
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_n4qc0_179 {
356
404
  outline: 2px dotted transparent;
357
405
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
358
406
  }
359
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_geicw_131::before {
407
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_n4qc0_179::before {
360
408
  content: " ";
361
409
  display: block;
362
410
  position: absolute;
@@ -370,20 +418,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-v
370
418
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
371
419
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
372
420
  }
373
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224 {
421
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272 {
374
422
  padding-inline-start: 0px;
375
423
  }
376
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-content-expandable_1spae_geicw_230 {
424
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-content-expandable_1spae_n4qc0_278 {
377
425
  padding-inline-start: calc(0px + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
378
426
  }
379
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224:focus {
427
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272:focus {
380
428
  position: relative;
381
429
  }
382
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224:focus {
430
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272:focus {
383
431
  outline: 2px dotted transparent;
384
432
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
385
433
  }
386
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224:focus::before {
434
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272:focus::before {
387
435
  content: " ";
388
436
  display: block;
389
437
  position: absolute;
@@ -397,14 +445,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-v
397
445
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
398
446
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
399
447
  }
400
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-fake-focus_1spae_geicw_131 {
448
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-fake-focus_1spae_n4qc0_179 {
401
449
  position: relative;
402
450
  }
403
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-fake-focus_1spae_geicw_131 {
451
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-fake-focus_1spae_n4qc0_179 {
404
452
  outline: 2px dotted transparent;
405
453
  outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
406
454
  }
407
- body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child > .awsui_header-cell-content_1spae_geicw_224.awsui_header-cell-fake-focus_1spae_geicw_131::before {
455
+ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child > .awsui_header-cell-content_1spae_n4qc0_272.awsui_header-cell-fake-focus_1spae_n4qc0_179::before {
408
456
  content: " ";
409
457
  display: block;
410
458
  position: absolute;
@@ -418,24 +466,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_geicw_97.awsui_is-v
418
466
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
419
467
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
420
468
  }
421
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_geicw_421) {
469
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_n4qc0_469) {
422
470
  padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
423
471
  }
424
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_geicw_421).awsui_header-cell-content-expandable_1spae_geicw_230 {
472
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_n4qc0_469).awsui_header-cell-content-expandable_1spae_n4qc0_278 {
425
473
  padding-inline-start: calc(var(--space-xxxs-zbmxqb, 2px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
426
474
  }
427
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_geicw_421).awsui_sticky-cell-pad-inline-start_1spae_geicw_427 {
475
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_n4qc0_469).awsui_sticky-cell-pad-inline-start_1spae_n4qc0_475 {
428
476
  padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
429
477
  }
430
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_geicw_421).awsui_sticky-cell-pad-inline-start_1spae_geicw_427.awsui_header-cell-content-expandable_1spae_geicw_230 {
478
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_n4qc0_469).awsui_sticky-cell-pad-inline-start_1spae_n4qc0_475.awsui_header-cell-content-expandable_1spae_n4qc0_278 {
431
479
  padding-inline-start: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
432
480
  }
433
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child.awsui_has-striped-rows_1spae_geicw_421 {
481
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child.awsui_has-striped-rows_1spae_n4qc0_469 {
434
482
  padding-inline-start: var(--space-xxs-p8yyaw, 4px);
435
483
  }
436
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):first-child.awsui_has-striped-rows_1spae_geicw_421.awsui_header-cell-content-expandable_1spae_geicw_230 {
484
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):first-child.awsui_has-striped-rows_1spae_n4qc0_469.awsui_header-cell-content-expandable_1spae_n4qc0_278 {
437
485
  padding-inline-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
438
486
  }
439
- .awsui_header-cell_1spae_geicw_97.awsui_is-visual-refresh_1spae_geicw_317:not(#\9):last-child.awsui_header-cell-sortable_1spae_geicw_164 {
487
+ .awsui_header-cell_1spae_n4qc0_145.awsui_is-visual-refresh_1spae_n4qc0_365:not(#\9):last-child.awsui_header-cell-sortable_1spae_n4qc0_212 {
440
488
  padding-inline-end: var(--space-xxxs-zbmxqb, 2px);
441
489
  }
@@ -2,31 +2,31 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "header-cell": "awsui_header-cell_1spae_geicw_97",
6
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_geicw_131",
7
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_geicw_152",
8
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_geicw_155",
9
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_geicw_155",
10
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_geicw_161",
11
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_geicw_164",
12
- "sticky-cell": "awsui_sticky-cell_1spae_geicw_167",
13
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_geicw_175",
14
- "has-selection": "awsui_has-selection_1spae_geicw_175",
15
- "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_geicw_178",
16
- "resize-divider": "awsui_resize-divider_1spae_geicw_183",
17
- "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_geicw_190",
18
- "sorting-icon": "awsui_sorting-icon_1spae_geicw_210",
19
- "edit-icon": "awsui_edit-icon_1spae_geicw_218",
20
- "header-cell-content": "awsui_header-cell-content_1spae_geicw_224",
21
- "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_geicw_230",
22
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_geicw_282",
23
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_geicw_282",
24
- "header-cell-text": "awsui_header-cell-text_1spae_geicw_296",
25
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_geicw_300",
26
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_geicw_306",
27
- "header-cell-descending": "awsui_header-cell-descending_1spae_geicw_307",
28
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_geicw_317",
29
- "has-striped-rows": "awsui_has-striped-rows_1spae_geicw_421",
30
- "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_geicw_427"
5
+ "header-cell": "awsui_header-cell_1spae_n4qc0_145",
6
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_n4qc0_179",
7
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_n4qc0_200",
8
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_n4qc0_203",
9
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_n4qc0_203",
10
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_n4qc0_209",
11
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_n4qc0_212",
12
+ "sticky-cell": "awsui_sticky-cell_1spae_n4qc0_215",
13
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_n4qc0_223",
14
+ "has-selection": "awsui_has-selection_1spae_n4qc0_223",
15
+ "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_n4qc0_226",
16
+ "resize-divider": "awsui_resize-divider_1spae_n4qc0_231",
17
+ "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_n4qc0_238",
18
+ "sorting-icon": "awsui_sorting-icon_1spae_n4qc0_258",
19
+ "edit-icon": "awsui_edit-icon_1spae_n4qc0_266",
20
+ "header-cell-content": "awsui_header-cell-content_1spae_n4qc0_272",
21
+ "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_n4qc0_278",
22
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_n4qc0_330",
23
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_n4qc0_330",
24
+ "header-cell-text": "awsui_header-cell-text_1spae_n4qc0_344",
25
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_n4qc0_348",
26
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_n4qc0_354",
27
+ "header-cell-descending": "awsui_header-cell-descending_1spae_n4qc0_355",
28
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_n4qc0_365",
29
+ "has-striped-rows": "awsui_has-striped-rows_1spae_n4qc0_469",
30
+ "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_n4qc0_475"
31
31
  };
32
32
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,qBAsEa,CAAC;AAGzB,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,qBA8Fa,CAAC;AAGzB,eAAe,KAAK,CAAC"}
package/table/index.js CHANGED
@@ -4,12 +4,17 @@ import { __rest } from "tslib";
4
4
  import React from 'react';
5
5
  import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
6
6
  import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
7
+ import { CollectionPreferencesMetadata } from '../internal/context/collection-preferences-metadata-context';
7
8
  import useBaseComponent from '../internal/hooks/use-base-component';
8
9
  import { applyDisplayName } from '../internal/utils/apply-display-name';
9
10
  import { getSortingColumnId } from './header-cell/utils';
10
11
  import InternalTable, { InternalTableAsSubstep } from './internal';
11
12
  const Table = React.forwardRef((_a, ref) => {
13
+ var _b, _c, _d;
12
14
  var { items = [], selectedItems = [], variant = 'container', contentDensity = 'comfortable', firstIndex = 1 } = _a, props = __rest(_a, ["items", "selectedItems", "variant", "contentDensity", "firstIndex"]);
15
+ const hasHiddenColumns = (props.visibleColumns && props.visibleColumns.length < props.columnDefinitions.length) ||
16
+ ((_b = props.columnDisplay) === null || _b === void 0 ? void 0 : _b.some(col => !col.visible));
17
+ const hasStickyColumns = !!((_c = props.stickyColumns) === null || _c === void 0 ? void 0 : _c.first) || !!((_d = props.stickyColumns) === null || _d === void 0 ? void 0 : _d.last);
13
18
  const baseComponentProps = useBaseComponent('Table', {
14
19
  props: {
15
20
  contentDensity,
@@ -20,12 +25,19 @@ const Table = React.forwardRef((_a, ref) => {
20
25
  variant,
21
26
  wrapLines: props.wrapLines,
22
27
  enableKeyboardNavigation: props.enableKeyboardNavigation,
28
+ totalItemsCount: props.totalItemsCount,
23
29
  },
24
30
  metadata: {
25
31
  expandableRows: !!props.expandableRows,
26
32
  progressiveLoading: !!props.getLoadingStatus,
27
33
  inlineEdit: props.columnDefinitions.some(def => !!def.editConfig),
28
34
  disabledInlineEdit: props.columnDefinitions.some(def => { var _a; return !!((_a = def.editConfig) === null || _a === void 0 ? void 0 : _a.disabledReason); }),
35
+ hasSortableColumns: props.columnDefinitions.some(def => def.sortingField || def.sortingComparator),
36
+ hasHiddenColumns,
37
+ hasStickyColumns,
38
+ hasFilterSlot: !!props.filter,
39
+ hasPaginationSlot: !!props.pagination,
40
+ itemsCount: items.length,
29
41
  },
30
42
  });
31
43
  const analyticsComponentMetadata = {
@@ -48,11 +60,19 @@ const Table = React.forwardRef((_a, ref) => {
48
60
  variant,
49
61
  contentDensity,
50
62
  firstIndex }, props), baseComponentProps), { ref }), getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata }));
63
+ const collectionPreferencesMetadata = {
64
+ tableContentDensity: contentDensity,
65
+ tableHasStripedRows: !!props.stripedRows,
66
+ tableHasHiddenColumns: hasHiddenColumns,
67
+ tableHasStickyColumns: hasStickyColumns,
68
+ };
51
69
  if (variant === 'borderless' || variant === 'embedded') {
52
- return React.createElement(InternalTable, Object.assign({}, tableProps));
70
+ return (React.createElement(CollectionPreferencesMetadata.Provider, { value: collectionPreferencesMetadata },
71
+ React.createElement(InternalTable, Object.assign({}, tableProps))));
53
72
  }
54
- return (React.createElement(AnalyticsFunnelSubStep, null,
55
- React.createElement(InternalTableAsSubstep, Object.assign({}, tableProps))));
73
+ return (React.createElement(CollectionPreferencesMetadata.Provider, { value: collectionPreferencesMetadata },
74
+ React.createElement(AnalyticsFunnelSubStep, null,
75
+ React.createElement(InternalTableAsSubstep, Object.assign({}, tableProps)))));
56
76
  });
57
77
  applyDisplayName(Table, 'Table');
58
78
  export default Table;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataTableComponent } from './analytics-metadata/interfaces';\nimport { getSortingColumnId } from './header-cell/utils';\nimport { TableForwardRefType, TableProps } from './interfaces';\nimport InternalTable, { InternalTableAsSubstep } from './internal';\n\nexport { TableProps };\nconst Table = React.forwardRef(\n <T,>(\n {\n items = [],\n selectedItems = [],\n variant = 'container',\n contentDensity = 'comfortable',\n firstIndex = 1,\n ...props\n }: TableProps<T>,\n ref: React.Ref<TableProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('Table', {\n props: {\n contentDensity,\n resizableColumns: props.resizableColumns,\n selectionType: props.selectionType,\n stickyHeader: props.stickyHeader,\n stripedRows: props.stripedRows,\n variant,\n wrapLines: props.wrapLines,\n enableKeyboardNavigation: props.enableKeyboardNavigation,\n },\n metadata: {\n expandableRows: !!props.expandableRows,\n progressiveLoading: !!props.getLoadingStatus,\n inlineEdit: props.columnDefinitions.some(def => !!def.editConfig),\n disabledInlineEdit: props.columnDefinitions.some(def => !!def.editConfig?.disabledReason),\n },\n });\n\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataTableComponent = {\n name: 'awsui.Table',\n label: { root: 'self' },\n properties: {\n selectionType: props.selectionType || 'none',\n itemsCount: `${items.length}`,\n selectedItemsCount: `${selectedItems.length}`,\n variant,\n },\n };\n\n const sortingColumnId = getSortingColumnId(props.columnDefinitions, props.sortingColumn);\n if (sortingColumnId) {\n analyticsComponentMetadata.properties.sortingColumnId = sortingColumnId;\n analyticsComponentMetadata.properties.sortingDescending = `${props.sortingDescending || false}`;\n }\n\n const tableProps: Parameters<typeof InternalTable<T>>[0] = {\n items,\n selectedItems,\n variant,\n contentDensity,\n firstIndex,\n ...props,\n ...baseComponentProps,\n ref,\n ...getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata }),\n };\n\n if (variant === 'borderless' || variant === 'embedded') {\n return <InternalTable {...tableProps} />;\n }\n\n return (\n <AnalyticsFunnelSubStep>\n <InternalTableAsSubstep {...tableProps} />\n </AnalyticsFunnelSubStep>\n );\n }\n) as TableForwardRefType;\n\napplyDisplayName(Table, 'Table');\nexport default Table;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAE,6BAA6B,EAAE,MAAM,6DAA6D,CAAC;AAC5G,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,aAAa,EAAE,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAGnE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EAOgB,EAChB,GAA8B,EAC9B,EAAE;;QATF,EACE,KAAK,GAAG,EAAE,EACV,aAAa,GAAG,EAAE,EAClB,OAAO,GAAG,WAAW,EACrB,cAAc,GAAG,aAAa,EAC9B,UAAU,GAAG,CAAC,OAEA,EADX,KAAK,cANV,qEAOC,CADS;IAIV,MAAM,gBAAgB,GACpB,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC;SACtF,MAAA,KAAK,CAAC,aAAa,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA,CAAC;IACjD,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,IAAI,CAAA,CAAC;IACrF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE;YACL,cAAc;YACd,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;YACxC,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,OAAO;YACP,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;YACxD,eAAe,EAAE,KAAK,CAAC,eAAe;SACvC;QACD,QAAQ,EAAE;YACR,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc;YACtC,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB;YAC5C,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC;YACjE,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAC,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,UAAU,0CAAE,cAAc,CAAA,CAAA,EAAA,CAAC;YACzF,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,YAAY,IAAI,GAAG,CAAC,iBAAiB,CAAC;YAClG,gBAAgB;YAChB,gBAAgB;YAChB,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM;YAC7B,iBAAiB,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;YACrC,UAAU,EAAE,KAAK,CAAC,MAAM;SACzB;KACF,CAAC,CAAC;IAEH,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE;YACV,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,MAAM;YAC5C,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;YAC7B,kBAAkB,EAAE,GAAG,aAAa,CAAC,MAAM,EAAE;YAC7C,OAAO;SACR;KACF,CAAC;IAEF,MAAM,eAAe,GAAG,kBAAkB,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACzF,IAAI,eAAe,EAAE;QACnB,0BAA0B,CAAC,UAAU,CAAC,eAAe,GAAG,eAAe,CAAC;QACxE,0BAA0B,CAAC,UAAU,CAAC,iBAAiB,GAAG,GAAG,KAAK,CAAC,iBAAiB,IAAI,KAAK,EAAE,CAAC;KACjG;IAED,MAAM,UAAU,6DACd,KAAK;QACL,aAAa;QACb,OAAO;QACP,cAAc;QACd,UAAU,IACP,KAAK,GACL,kBAAkB,KACrB,GAAG,KACA,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,CAC5E,CAAC;IAEF,MAAM,6BAA6B,GAAG;QACpC,mBAAmB,EAAE,cAAc;QACnC,mBAAmB,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW;QACxC,qBAAqB,EAAE,gBAAgB;QACvC,qBAAqB,EAAE,gBAAgB;KACxC,CAAC;IAEF,IAAI,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,UAAU,EAAE;QACtD,OAAO,CACL,oBAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,6BAA6B;YAC1E,oBAAC,aAAa,oBAAK,UAAU,EAAI,CACM,CAC1C,CAAC;KACH;IAED,OAAO,CACL,oBAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,6BAA6B;QAC1E,oBAAC,sBAAsB;YACrB,oBAAC,sBAAsB,oBAAK,UAAU,EAAI,CACnB,CACc,CAC1C,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { CollectionPreferencesMetadata } from '../internal/context/collection-preferences-metadata-context';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataTableComponent } from './analytics-metadata/interfaces';\nimport { getSortingColumnId } from './header-cell/utils';\nimport { TableForwardRefType, TableProps } from './interfaces';\nimport InternalTable, { InternalTableAsSubstep } from './internal';\n\nexport { TableProps };\nconst Table = React.forwardRef(\n <T,>(\n {\n items = [],\n selectedItems = [],\n variant = 'container',\n contentDensity = 'comfortable',\n firstIndex = 1,\n ...props\n }: TableProps<T>,\n ref: React.Ref<TableProps.Ref>\n ) => {\n const hasHiddenColumns =\n (props.visibleColumns && props.visibleColumns.length < props.columnDefinitions.length) ||\n props.columnDisplay?.some(col => !col.visible);\n const hasStickyColumns = !!props.stickyColumns?.first || !!props.stickyColumns?.last;\n const baseComponentProps = useBaseComponent('Table', {\n props: {\n contentDensity,\n resizableColumns: props.resizableColumns,\n selectionType: props.selectionType,\n stickyHeader: props.stickyHeader,\n stripedRows: props.stripedRows,\n variant,\n wrapLines: props.wrapLines,\n enableKeyboardNavigation: props.enableKeyboardNavigation,\n totalItemsCount: props.totalItemsCount,\n },\n metadata: {\n expandableRows: !!props.expandableRows,\n progressiveLoading: !!props.getLoadingStatus,\n inlineEdit: props.columnDefinitions.some(def => !!def.editConfig),\n disabledInlineEdit: props.columnDefinitions.some(def => !!def.editConfig?.disabledReason),\n hasSortableColumns: props.columnDefinitions.some(def => def.sortingField || def.sortingComparator),\n hasHiddenColumns,\n hasStickyColumns,\n hasFilterSlot: !!props.filter,\n hasPaginationSlot: !!props.pagination,\n itemsCount: items.length,\n },\n });\n\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataTableComponent = {\n name: 'awsui.Table',\n label: { root: 'self' },\n properties: {\n selectionType: props.selectionType || 'none',\n itemsCount: `${items.length}`,\n selectedItemsCount: `${selectedItems.length}`,\n variant,\n },\n };\n\n const sortingColumnId = getSortingColumnId(props.columnDefinitions, props.sortingColumn);\n if (sortingColumnId) {\n analyticsComponentMetadata.properties.sortingColumnId = sortingColumnId;\n analyticsComponentMetadata.properties.sortingDescending = `${props.sortingDescending || false}`;\n }\n\n const tableProps: Parameters<typeof InternalTable<T>>[0] = {\n items,\n selectedItems,\n variant,\n contentDensity,\n firstIndex,\n ...props,\n ...baseComponentProps,\n ref,\n ...getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata }),\n };\n\n const collectionPreferencesMetadata = {\n tableContentDensity: contentDensity,\n tableHasStripedRows: !!props.stripedRows,\n tableHasHiddenColumns: hasHiddenColumns,\n tableHasStickyColumns: hasStickyColumns,\n };\n\n if (variant === 'borderless' || variant === 'embedded') {\n return (\n <CollectionPreferencesMetadata.Provider value={collectionPreferencesMetadata}>\n <InternalTable {...tableProps} />\n </CollectionPreferencesMetadata.Provider>\n );\n }\n\n return (\n <CollectionPreferencesMetadata.Provider value={collectionPreferencesMetadata}>\n <AnalyticsFunnelSubStep>\n <InternalTableAsSubstep {...tableProps} />\n </AnalyticsFunnelSubStep>\n </CollectionPreferencesMetadata.Provider>\n );\n }\n) as TableForwardRefType;\n\napplyDisplayName(Table, 'Table');\nexport default Table;\n"]}
@@ -1,13 +1,13 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "resize-active": "awsui_resize-active_x7peu_179a9_97",
5
- "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_179a9_97",
6
- "divider": "awsui_divider_x7peu_179a9_102",
7
- "divider-disabled": "awsui_divider-disabled_x7peu_179a9_116",
8
- "divider-active": "awsui_divider-active_x7peu_179a9_119",
9
- "resizer": "awsui_resizer_x7peu_179a9_123",
10
- "has-focus": "awsui_has-focus_x7peu_179a9_180",
11
- "tracker": "awsui_tracker_x7peu_179a9_203"
4
+ "resize-active": "awsui_resize-active_x7peu_k1u2t_141",
5
+ "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_k1u2t_141",
6
+ "divider": "awsui_divider_x7peu_k1u2t_146",
7
+ "divider-disabled": "awsui_divider-disabled_x7peu_k1u2t_160",
8
+ "divider-active": "awsui_divider-active_x7peu_k1u2t_163",
9
+ "resizer": "awsui_resizer_x7peu_k1u2t_167",
10
+ "has-focus": "awsui_has-focus_x7peu_k1u2t_224",
11
+ "tracker": "awsui_tracker_x7peu_k1u2t_247"
12
12
  };
13
13