@cloudscape-design/components-themeable 3.0.373 → 3.0.375

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 (419) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/template/alert/actions-wrapper/styles.css.js +1 -1
  3. package/lib/internal/template/alert/actions-wrapper/styles.scoped.css +3 -3
  4. package/lib/internal/template/alert/actions-wrapper/styles.selectors.js +1 -1
  5. package/lib/internal/template/alert/styles.css.js +25 -25
  6. package/lib/internal/template/alert/styles.scoped.css +81 -81
  7. package/lib/internal/template/alert/styles.selectors.js +25 -25
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +46 -46
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  11. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
  13. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/drawer/styles.css.js +10 -10
  15. package/lib/internal/template/app-layout/drawer/styles.scoped.css +28 -28
  16. package/lib/internal/template/app-layout/drawer/styles.selectors.js +10 -10
  17. package/lib/internal/template/app-layout/index.d.ts.map +1 -1
  18. package/lib/internal/template/app-layout/index.js +4 -5
  19. package/lib/internal/template/app-layout/index.js.map +1 -1
  20. package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +8 -8
  21. package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  22. package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  23. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  24. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  25. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  26. package/lib/internal/template/app-layout/styles.css.js +17 -17
  27. package/lib/internal/template/app-layout/styles.scoped.css +30 -30
  28. package/lib/internal/template/app-layout/styles.selectors.js +17 -17
  29. package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
  30. package/lib/internal/template/app-layout/toggles/styles.scoped.css +16 -16
  31. package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
  32. package/lib/internal/template/app-layout/utils/use-content-width.js +1 -1
  33. package/lib/internal/template/app-layout/utils/use-content-width.js.map +1 -1
  34. package/lib/internal/template/app-layout/utils/use-observed-element.js +1 -1
  35. package/lib/internal/template/app-layout/utils/use-observed-element.js.map +1 -1
  36. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
  37. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +267 -267
  38. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
  39. package/lib/internal/template/area-chart/model/use-chart-model.d.ts.map +1 -1
  40. package/lib/internal/template/area-chart/model/use-chart-model.js +2 -2
  41. package/lib/internal/template/area-chart/model/use-chart-model.js.map +1 -1
  42. package/lib/internal/template/area-chart/styles.css.js +6 -6
  43. package/lib/internal/template/area-chart/styles.scoped.css +16 -16
  44. package/lib/internal/template/area-chart/styles.selectors.js +6 -6
  45. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  46. package/lib/internal/template/attribute-editor/styles.scoped.css +43 -43
  47. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  48. package/lib/internal/template/badge/styles.css.js +5 -5
  49. package/lib/internal/template/badge/styles.scoped.css +20 -20
  50. package/lib/internal/template/badge/styles.selectors.js +5 -5
  51. package/lib/internal/template/box/styles.css.js +190 -190
  52. package/lib/internal/template/box/styles.scoped.css +420 -420
  53. package/lib/internal/template/box/styles.selectors.js +190 -190
  54. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  55. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  56. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  57. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  58. package/lib/internal/template/breadcrumb-group/styles.scoped.css +22 -22
  59. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  60. package/lib/internal/template/button/styles.css.js +20 -20
  61. package/lib/internal/template/button/styles.scoped.css +472 -472
  62. package/lib/internal/template/button/styles.selectors.js +20 -20
  63. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  64. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +50 -50
  65. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  66. package/lib/internal/template/button-dropdown/item-element/styles.css.js +15 -15
  67. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +42 -42
  68. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +15 -15
  69. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  70. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  71. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  72. package/lib/internal/template/button-dropdown/styles.css.js +14 -14
  73. package/lib/internal/template/button-dropdown/styles.scoped.css +32 -32
  74. package/lib/internal/template/button-dropdown/styles.selectors.js +14 -14
  75. package/lib/internal/template/calendar/styles.css.js +18 -18
  76. package/lib/internal/template/calendar/styles.scoped.css +89 -89
  77. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  78. package/lib/internal/template/cards/styles.css.js +38 -38
  79. package/lib/internal/template/cards/styles.scoped.css +99 -99
  80. package/lib/internal/template/cards/styles.selectors.js +38 -38
  81. package/lib/internal/template/checkbox/styles.css.js +3 -3
  82. package/lib/internal/template/checkbox/styles.scoped.css +16 -16
  83. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  84. package/lib/internal/template/code-editor/listeners.js +2 -2
  85. package/lib/internal/template/code-editor/listeners.js.map +1 -1
  86. package/lib/internal/template/code-editor/resizable-box/index.js +2 -2
  87. package/lib/internal/template/code-editor/resizable-box/index.js.map +1 -1
  88. package/lib/internal/template/code-editor/resizable-box/styles.css.js +3 -3
  89. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +11 -11
  90. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +3 -3
  91. package/lib/internal/template/code-editor/styles.css.js +32 -32
  92. package/lib/internal/template/code-editor/styles.scoped.css +270 -270
  93. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  94. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  95. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +42 -42
  96. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  97. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  98. package/lib/internal/template/collection-preferences/styles.scoped.css +81 -81
  99. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  100. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  101. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +8 -8
  102. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  103. package/lib/internal/template/column-layout/styles.css.js +13 -13
  104. package/lib/internal/template/column-layout/styles.scoped.css +55 -55
  105. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  106. package/lib/internal/template/container/styles.css.js +28 -28
  107. package/lib/internal/template/container/styles.scoped.css +94 -94
  108. package/lib/internal/template/container/styles.selectors.js +28 -28
  109. package/lib/internal/template/content-layout/styles.css.js +7 -7
  110. package/lib/internal/template/content-layout/styles.scoped.css +17 -17
  111. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  112. package/lib/internal/template/date-picker/styles.css.js +7 -7
  113. package/lib/internal/template/date-picker/styles.scoped.css +16 -16
  114. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  115. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +25 -25
  116. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  117. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  118. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +9 -9
  119. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +16 -16
  120. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +9 -9
  121. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  122. package/lib/internal/template/date-range-picker/styles.scoped.css +76 -76
  123. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  124. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  125. package/lib/internal/template/expandable-section/styles.scoped.css +108 -108
  126. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  127. package/lib/internal/template/file-upload/dropzone/styles.css.js +2 -2
  128. package/lib/internal/template/file-upload/dropzone/styles.scoped.css +9 -9
  129. package/lib/internal/template/file-upload/dropzone/styles.selectors.js +2 -2
  130. package/lib/internal/template/file-upload/file-input/styles.css.js +4 -4
  131. package/lib/internal/template/file-upload/file-input/styles.scoped.css +14 -14
  132. package/lib/internal/template/file-upload/file-input/styles.selectors.js +4 -4
  133. package/lib/internal/template/file-upload/file-option/styles.css.js +7 -7
  134. package/lib/internal/template/file-upload/file-option/styles.scoped.css +10 -10
  135. package/lib/internal/template/file-upload/file-option/styles.selectors.js +7 -7
  136. package/lib/internal/template/file-upload/styles.css.js +2 -2
  137. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  138. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  139. package/lib/internal/template/flashbar/styles.css.js +47 -47
  140. package/lib/internal/template/flashbar/styles.scoped.css +249 -249
  141. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  142. package/lib/internal/template/form/styles.css.js +9 -9
  143. package/lib/internal/template/form/styles.scoped.css +20 -20
  144. package/lib/internal/template/form/styles.selectors.js +9 -9
  145. package/lib/internal/template/form-field/styles.css.js +19 -19
  146. package/lib/internal/template/form-field/styles.scoped.css +52 -52
  147. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  148. package/lib/internal/template/grid/styles.css.js +53 -53
  149. package/lib/internal/template/grid/styles.scoped.css +60 -60
  150. package/lib/internal/template/grid/styles.selectors.js +53 -53
  151. package/lib/internal/template/header/styles.css.js +33 -33
  152. package/lib/internal/template/header/styles.scoped.css +114 -114
  153. package/lib/internal/template/header/styles.selectors.js +33 -33
  154. package/lib/internal/template/help-panel/styles.css.js +4 -4
  155. package/lib/internal/template/help-panel/styles.scoped.css +167 -167
  156. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  157. package/lib/internal/template/hotspot/styles.css.js +7 -7
  158. package/lib/internal/template/hotspot/styles.scoped.css +10 -10
  159. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  160. package/lib/internal/template/icon/styles.css.js +21 -21
  161. package/lib/internal/template/icon/styles.scoped.css +81 -81
  162. package/lib/internal/template/icon/styles.selectors.js +21 -21
  163. package/lib/internal/template/input/styles.css.js +12 -12
  164. package/lib/internal/template/input/styles.scoped.css +73 -73
  165. package/lib/internal/template/input/styles.selectors.js +12 -12
  166. package/lib/internal/template/internal/base-component/styles.scoped.css +3177 -3105
  167. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  168. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +26 -26
  169. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  170. package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
  171. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +63 -63
  172. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
  173. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +27 -27
  174. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +41 -41
  175. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +27 -27
  176. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  177. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +7 -7
  178. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  179. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  180. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +23 -23
  181. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  182. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  183. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
  184. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  185. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  186. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +9 -9
  187. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  188. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +5 -5
  189. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +20 -20
  190. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +5 -5
  191. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  192. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +14 -14
  193. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  194. package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
  195. package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
  196. package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
  197. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  198. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +15 -15
  199. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  200. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
  201. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
  202. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
  203. package/lib/internal/template/internal/components/dark-ribbon/index.js +2 -2
  204. package/lib/internal/template/internal/components/dark-ribbon/index.js.map +1 -1
  205. package/lib/internal/template/internal/components/dark-ribbon/styles.css.js +2 -2
  206. package/lib/internal/template/internal/components/dark-ribbon/styles.scoped.css +4 -4
  207. package/lib/internal/template/internal/components/dark-ribbon/styles.selectors.js +2 -2
  208. package/lib/internal/template/internal/components/dropdown/styles.css.js +21 -21
  209. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +52 -52
  210. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +21 -21
  211. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  212. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +9 -9
  213. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  214. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  215. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +8 -8
  216. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  217. package/lib/internal/template/internal/components/filtering-token/styles.css.js +7 -7
  218. package/lib/internal/template/internal/components/filtering-token/styles.scoped.css +34 -34
  219. package/lib/internal/template/internal/components/filtering-token/styles.selectors.js +7 -7
  220. package/lib/internal/template/internal/components/handle/styles.css.js +2 -2
  221. package/lib/internal/template/internal/components/handle/styles.scoped.css +12 -12
  222. package/lib/internal/template/internal/components/handle/styles.selectors.js +2 -2
  223. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  224. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +32 -32
  225. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  226. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  227. package/lib/internal/template/internal/components/option/styles.scoped.css +47 -47
  228. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  229. package/lib/internal/template/internal/components/options-list/index.d.ts.map +1 -1
  230. package/lib/internal/template/internal/components/options-list/index.js +2 -2
  231. package/lib/internal/template/internal/components/options-list/index.js.map +1 -1
  232. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  233. package/lib/internal/template/internal/components/options-list/styles.scoped.css +7 -7
  234. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  235. package/lib/internal/template/internal/components/selectable-item/styles.css.js +16 -16
  236. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +70 -70
  237. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +16 -16
  238. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  239. package/lib/internal/template/internal/components/token-list/styles.scoped.css +40 -40
  240. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  241. package/lib/internal/template/internal/environment.js +1 -1
  242. package/lib/internal/template/internal/environment.json +1 -1
  243. package/lib/internal/template/internal/generated/styles/tokens.js +1 -1
  244. package/lib/internal/template/internal/generated/theming/index.cjs +25 -23
  245. package/lib/internal/template/internal/generated/theming/index.js +25 -23
  246. package/lib/internal/template/internal/hooks/container-queries/index.d.ts +0 -1
  247. package/lib/internal/template/internal/hooks/container-queries/index.d.ts.map +1 -1
  248. package/lib/internal/template/internal/hooks/container-queries/index.js +0 -1
  249. package/lib/internal/template/internal/hooks/container-queries/index.js.map +1 -1
  250. package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js +1 -1
  251. package/lib/internal/template/internal/hooks/container-queries/use-height-measure.js.map +1 -1
  252. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js +1 -1
  253. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  254. package/lib/internal/template/internal/hooks/use-mobile/index.js +1 -1
  255. package/lib/internal/template/internal/hooks/use-mobile/index.js.map +1 -1
  256. package/lib/internal/template/internal/hooks/use-mouse-down-target.js +1 -1
  257. package/lib/internal/template/internal/hooks/use-mouse-down-target.js.map +1 -1
  258. package/lib/internal/template/internal/hooks/use-mutation-observer/index.d.ts.map +1 -1
  259. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js +2 -3
  260. package/lib/internal/template/internal/hooks/use-mutation-observer/index.js.map +1 -1
  261. package/lib/internal/template/link/styles.css.js +20 -20
  262. package/lib/internal/template/link/styles.scoped.css +158 -158
  263. package/lib/internal/template/link/styles.selectors.js +20 -20
  264. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
  265. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +24 -24
  266. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
  267. package/lib/internal/template/modal/styles.css.js +23 -23
  268. package/lib/internal/template/modal/styles.scoped.css +67 -67
  269. package/lib/internal/template/modal/styles.selectors.js +23 -23
  270. package/lib/internal/template/multiselect/styles.css.js +1 -1
  271. package/lib/internal/template/multiselect/styles.scoped.css +5 -5
  272. package/lib/internal/template/multiselect/styles.selectors.js +1 -1
  273. package/lib/internal/template/pagination/styles.css.js +9 -9
  274. package/lib/internal/template/pagination/styles.scoped.css +47 -47
  275. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  276. package/lib/internal/template/pie-chart/labels.js +1 -1
  277. package/lib/internal/template/pie-chart/labels.js.map +1 -1
  278. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  279. package/lib/internal/template/pie-chart/styles.scoped.css +63 -63
  280. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  281. package/lib/internal/template/popover/container.d.ts.map +1 -1
  282. package/lib/internal/template/popover/container.js +1 -1
  283. package/lib/internal/template/popover/container.js.map +1 -1
  284. package/lib/internal/template/popover/styles.css.js +50 -50
  285. package/lib/internal/template/popover/styles.scoped.css +104 -104
  286. package/lib/internal/template/popover/styles.selectors.js +50 -50
  287. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  288. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  289. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  290. package/lib/internal/template/property-filter/styles.css.js +29 -29
  291. package/lib/internal/template/property-filter/styles.scoped.css +52 -52
  292. package/lib/internal/template/property-filter/styles.selectors.js +29 -29
  293. package/lib/internal/template/radio-group/styles.css.js +9 -9
  294. package/lib/internal/template/radio-group/styles.scoped.css +37 -37
  295. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  296. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  297. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  298. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  299. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map +1 -1
  300. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js +2 -2
  301. package/lib/internal/template/s3-resource-selector/s3-in-context/use-versions-fetch.js.map +1 -1
  302. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
  303. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js +2 -2
  304. package/lib/internal/template/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
  305. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  306. package/lib/internal/template/segmented-control/styles.scoped.css +78 -78
  307. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  308. package/lib/internal/template/select/parts/styles.css.js +9 -9
  309. package/lib/internal/template/select/parts/styles.scoped.css +17 -17
  310. package/lib/internal/template/select/parts/styles.selectors.js +9 -9
  311. package/lib/internal/template/select/styles.css.js +1 -1
  312. package/lib/internal/template/select/styles.scoped.css +5 -5
  313. package/lib/internal/template/select/styles.selectors.js +1 -1
  314. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  315. package/lib/internal/template/side-navigation/styles.scoped.css +92 -92
  316. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  317. package/lib/internal/template/space-between/styles.css.js +23 -23
  318. package/lib/internal/template/space-between/styles.scoped.css +40 -40
  319. package/lib/internal/template/space-between/styles.selectors.js +23 -23
  320. package/lib/internal/template/spinner/styles.css.js +13 -13
  321. package/lib/internal/template/spinner/styles.scoped.css +35 -35
  322. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  323. package/lib/internal/template/split-panel/bottom.js +1 -1
  324. package/lib/internal/template/split-panel/bottom.js.map +1 -1
  325. package/lib/internal/template/split-panel/styles.css.js +56 -56
  326. package/lib/internal/template/split-panel/styles.scoped.css +146 -146
  327. package/lib/internal/template/split-panel/styles.selectors.js +56 -56
  328. package/lib/internal/template/status-indicator/styles.css.js +22 -22
  329. package/lib/internal/template/status-indicator/styles.scoped.css +46 -46
  330. package/lib/internal/template/status-indicator/styles.selectors.js +22 -22
  331. package/lib/internal/template/table/body-cell/click-away.js +2 -2
  332. package/lib/internal/template/table/body-cell/click-away.js.map +1 -1
  333. package/lib/internal/template/table/body-cell/styles.css.js +28 -28
  334. package/lib/internal/template/table/body-cell/styles.scoped.css +155 -155
  335. package/lib/internal/template/table/body-cell/styles.selectors.js +28 -28
  336. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  337. package/lib/internal/template/table/header-cell/styles.scoped.css +93 -93
  338. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  339. package/lib/internal/template/table/resizer/index.js +3 -3
  340. package/lib/internal/template/table/resizer/index.js.map +1 -1
  341. package/lib/internal/template/table/resizer/styles.css.js +6 -6
  342. package/lib/internal/template/table/resizer/styles.scoped.css +27 -27
  343. package/lib/internal/template/table/resizer/styles.selectors.js +6 -6
  344. package/lib/internal/template/table/selection-control/styles.css.js +3 -3
  345. package/lib/internal/template/table/selection-control/styles.scoped.css +4 -4
  346. package/lib/internal/template/table/selection-control/styles.selectors.js +3 -3
  347. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  348. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +2 -3
  349. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
  350. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  351. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +10 -10
  352. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  353. package/lib/internal/template/table/styles.css.js +34 -34
  354. package/lib/internal/template/table/styles.scoped.css +84 -84
  355. package/lib/internal/template/table/styles.selectors.js +34 -34
  356. package/lib/internal/template/table/use-sticky-header.js +1 -1
  357. package/lib/internal/template/table/use-sticky-header.js.map +1 -1
  358. package/lib/internal/template/tabs/styles.css.js +21 -21
  359. package/lib/internal/template/tabs/styles.scoped.css +86 -86
  360. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  361. package/lib/internal/template/tag-editor/index.d.ts.map +1 -1
  362. package/lib/internal/template/tag-editor/index.js +6 -6
  363. package/lib/internal/template/tag-editor/index.js.map +1 -1
  364. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  365. package/lib/internal/template/tag-editor/styles.scoped.css +24 -24
  366. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  367. package/lib/internal/template/text-content/styles.css.js +1 -1
  368. package/lib/internal/template/text-content/styles.scoped.css +120 -120
  369. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  370. package/lib/internal/template/text-filter/styles.css.js +3 -3
  371. package/lib/internal/template/text-filter/styles.scoped.css +10 -10
  372. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  373. package/lib/internal/template/textarea/styles.css.js +4 -4
  374. package/lib/internal/template/textarea/styles.scoped.css +40 -40
  375. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  376. package/lib/internal/template/tiles/styles.css.js +29 -29
  377. package/lib/internal/template/tiles/styles.scoped.css +128 -128
  378. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  379. package/lib/internal/template/toggle/styles.css.js +8 -8
  380. package/lib/internal/template/toggle/styles.scoped.css +27 -27
  381. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  382. package/lib/internal/template/token-group/styles.css.js +7 -7
  383. package/lib/internal/template/token-group/styles.scoped.css +42 -42
  384. package/lib/internal/template/token-group/styles.selectors.js +7 -7
  385. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  386. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +84 -84
  387. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  388. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  389. package/lib/internal/template/top-navigation/styles.scoped.css +148 -148
  390. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  391. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  392. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  393. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  394. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  395. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  396. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  397. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  398. package/lib/internal/template/tutorial-panel/styles.scoped.css +6 -6
  399. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  400. package/lib/internal/template/wizard/styles.css.js +31 -31
  401. package/lib/internal/template/wizard/styles.scoped.css +124 -124
  402. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  403. package/package.json +1 -1
  404. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts +0 -21
  405. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts.map +0 -1
  406. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js +0 -54
  407. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js.map +0 -1
  408. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts +0 -4
  409. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts.map +0 -1
  410. package/lib/internal/template/internal/hooks/container-queries/utils.js +0 -10
  411. package/lib/internal/template/internal/hooks/container-queries/utils.js.map +0 -1
  412. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts +0 -11
  413. package/lib/internal/template/internal/hooks/use-singleton-handler/index.d.ts.map +0 -1
  414. package/lib/internal/template/internal/hooks/use-singleton-handler/index.js +0 -45
  415. package/lib/internal/template/internal/hooks/use-singleton-handler/index.js.map +0 -1
  416. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts +0 -10
  417. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.d.ts.map +0 -1
  418. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js +0 -19
  419. package/lib/internal/template/internal/hooks/use-stable-event-handler/index.js.map +0 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_1mabk_kd2zb_93:not(#\9) {
93
+ .awsui_root_1mabk_g9dwy_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -120,44 +120,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: var(--font-body-m-size-q2y4dq, 14px);
124
- line-height: var(--font-body-m-line-height-7pedlt, 22px);
125
- color: var(--color-text-body-default-rcjsde, #16191f);
123
+ font-size: var(--font-body-m-size-bf8hby, 14px);
124
+ line-height: var(--font-body-m-line-height-wmg6vk, 22px);
125
+ color: var(--color-text-body-default-ki9w9u, #16191f);
126
126
  font-weight: 400;
127
- font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
127
+ font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
128
  -webkit-font-smoothing: auto;
129
129
  -moz-osx-font-smoothing: auto;
130
130
  display: block;
131
131
  }
132
132
 
133
- .awsui_radio_1mabk_kd2zb_107:not(#\9) {
133
+ .awsui_radio_1mabk_g9dwy_107:not(#\9) {
134
134
  /*used in test-utils*/
135
135
  }
136
136
 
137
- .awsui_radio_1mabk_kd2zb_107 + .awsui_radio_1mabk_kd2zb_107:not(#\9) {
138
- margin-top: var(--space-scaled-xxs-sh0ehj, 4px);
137
+ .awsui_radio_1mabk_g9dwy_107 + .awsui_radio_1mabk_g9dwy_107:not(#\9) {
138
+ margin-top: var(--space-scaled-xxs-t7ij38, 4px);
139
139
  }
140
140
 
141
- .awsui_radio--has-description_1mabk_kd2zb_115 + .awsui_radio_1mabk_kd2zb_107:not(#\9) {
142
- margin-top: var(--space-scaled-xs-1lhnod, 8px);
141
+ .awsui_radio--has-description_1mabk_g9dwy_115 + .awsui_radio_1mabk_g9dwy_107:not(#\9) {
142
+ margin-top: var(--space-scaled-xs-x91h81, 8px);
143
143
  }
144
144
 
145
- .awsui_radio-control_1mabk_kd2zb_119:not(#\9) {
146
- margin-top: calc((var(--font-body-m-line-height-7pedlt, 22px) - var(--size-control-ysrgxt, 14px)) / 2);
147
- min-height: var(--size-control-ysrgxt, 14px);
148
- min-width: var(--size-control-ysrgxt, 14px);
149
- height: var(--size-control-ysrgxt, 14px);
150
- width: var(--size-control-ysrgxt, 14px);
145
+ .awsui_radio-control_1mabk_g9dwy_119:not(#\9) {
146
+ margin-top: calc((var(--font-body-m-line-height-wmg6vk, 22px) - var(--size-control-73ulj5, 14px)) / 2);
147
+ min-height: var(--size-control-73ulj5, 14px);
148
+ min-width: var(--size-control-73ulj5, 14px);
149
+ height: var(--size-control-73ulj5, 14px);
150
+ width: var(--size-control-73ulj5, 14px);
151
151
  }
152
152
 
153
- .awsui_outline_1mabk_kd2zb_127:not(#\9) {
153
+ .awsui_outline_1mabk_g9dwy_127:not(#\9) {
154
154
  position: relative;
155
155
  }
156
- .awsui_outline_1mabk_kd2zb_127:not(#\9) {
156
+ .awsui_outline_1mabk_g9dwy_127:not(#\9) {
157
157
  outline: 2px dotted transparent;
158
158
  outline-offset: calc(2px - 1px);
159
159
  }
160
- .awsui_outline_1mabk_kd2zb_127:not(#\9)::before {
160
+ .awsui_outline_1mabk_g9dwy_127:not(#\9)::before {
161
161
  content: " ";
162
162
  display: block;
163
163
  position: absolute;
@@ -165,39 +165,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
165
165
  top: calc(-1 * 2px);
166
166
  width: calc(100% + 2 * 2px);
167
167
  height: calc(100% + 2 * 2px);
168
- border-radius: var(--border-radius-control-circular-focus-ring-fhe2ux, 50%);
169
- box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
168
+ border-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
169
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
170
170
  }
171
171
 
172
- .awsui_styled-circle-border_1mabk_kd2zb_146:not(#\9) {
173
- stroke: var(--color-border-control-default-qjcpi2, #687078);
174
- fill: var(--color-background-control-default-usfspb, #ffffff);
172
+ .awsui_styled-circle-border_1mabk_g9dwy_146:not(#\9) {
173
+ stroke: var(--color-border-control-default-8uhjl0, #687078);
174
+ fill: var(--color-background-control-default-n6yadr, #ffffff);
175
175
  }
176
- .awsui_styled-circle-border_1mabk_kd2zb_146.awsui_styled-circle-disabled_1mabk_kd2zb_150:not(#\9) {
177
- fill: var(--color-background-control-disabled-821dkp, #d5dbdb);
178
- stroke: var(--color-background-control-disabled-821dkp, #d5dbdb);
176
+ .awsui_styled-circle-border_1mabk_g9dwy_146.awsui_styled-circle-disabled_1mabk_g9dwy_150:not(#\9) {
177
+ fill: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
178
+ stroke: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
179
179
  }
180
180
 
181
- .awsui_styled-circle-fill_1mabk_kd2zb_155:not(#\9) {
182
- stroke: var(--color-background-control-checked-xl2eaq, #0073bb);
183
- fill: var(--color-foreground-control-default-3h8nqc, #ffffff);
181
+ .awsui_styled-circle-fill_1mabk_g9dwy_155:not(#\9) {
182
+ stroke: var(--color-background-control-checked-pvanxo, #0073bb);
183
+ fill: var(--color-foreground-control-default-8qoldl, #ffffff);
184
184
  opacity: 0;
185
- transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
185
+ transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
186
186
  }
187
- .awsui_styled-circle-fill_1mabk_kd2zb_155.awsui_styled-circle-checked_1mabk_kd2zb_161:not(#\9) {
187
+ .awsui_styled-circle-fill_1mabk_g9dwy_155.awsui_styled-circle-checked_1mabk_g9dwy_161:not(#\9) {
188
188
  opacity: 1;
189
189
  }
190
- .awsui_styled-circle-fill_1mabk_kd2zb_155.awsui_styled-circle-disabled_1mabk_kd2zb_150:not(#\9) {
191
- fill: var(--color-foreground-control-disabled-kps4oh, #ffffff);
192
- stroke: var(--color-background-control-disabled-821dkp, #d5dbdb);
190
+ .awsui_styled-circle-fill_1mabk_g9dwy_155.awsui_styled-circle-disabled_1mabk_g9dwy_150:not(#\9) {
191
+ fill: var(--color-foreground-control-disabled-fcoqdk, #ffffff);
192
+ stroke: var(--color-background-control-disabled-dsn0t2, #d5dbdb);
193
193
  }
194
194
  @media (prefers-reduced-motion: reduce) {
195
- .awsui_styled-circle-fill_1mabk_kd2zb_155:not(#\9) {
195
+ .awsui_styled-circle-fill_1mabk_g9dwy_155:not(#\9) {
196
196
  animation: none;
197
197
  transition: none;
198
198
  }
199
199
  }
200
- .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_kd2zb_155:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_kd2zb_155:not(#\9) {
200
+ .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_g9dwy_155:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_g9dwy_155:not(#\9) {
201
201
  animation: none;
202
202
  transition: none;
203
203
  }
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1mabk_kd2zb_93",
6
- "radio": "awsui_radio_1mabk_kd2zb_107",
7
- "radio--has-description": "awsui_radio--has-description_1mabk_kd2zb_115",
8
- "radio-control": "awsui_radio-control_1mabk_kd2zb_119",
9
- "outline": "awsui_outline_1mabk_kd2zb_127",
10
- "styled-circle-border": "awsui_styled-circle-border_1mabk_kd2zb_146",
11
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_kd2zb_150",
12
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_kd2zb_155",
13
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_kd2zb_161"
5
+ "root": "awsui_root_1mabk_g9dwy_93",
6
+ "radio": "awsui_radio_1mabk_g9dwy_107",
7
+ "radio--has-description": "awsui_radio--has-description_1mabk_g9dwy_115",
8
+ "radio-control": "awsui_radio-control_1mabk_g9dwy_119",
9
+ "outline": "awsui_outline_1mabk_g9dwy_127",
10
+ "styled-circle-border": "awsui_styled-circle-border_1mabk_g9dwy_146",
11
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_g9dwy_150",
12
+ "styled-circle-fill": "awsui_styled-circle-fill_1mabk_g9dwy_155",
13
+ "styled-circle-checked": "awsui_styled-circle-checked_1mabk_g9dwy_161"
14
14
  };
15
15
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1vtzr_1seqw_9",
5
- "view-button": "awsui_view-button_1vtzr_1seqw_13",
6
- "browse-button": "awsui_browse-button_1vtzr_1seqw_17",
7
- "layout": "awsui_layout_1vtzr_1seqw_21",
8
- "layout-uri": "awsui_layout-uri_1vtzr_1seqw_31",
9
- "layout-version": "awsui_layout-version_1vtzr_1seqw_35",
10
- "layout-divider": "awsui_layout-divider_1vtzr_1seqw_40"
4
+ "root": "awsui_root_1vtzr_1vdkj_9",
5
+ "view-button": "awsui_view-button_1vtzr_1vdkj_13",
6
+ "browse-button": "awsui_browse-button_1vtzr_1vdkj_17",
7
+ "layout": "awsui_layout_1vtzr_1vdkj_21",
8
+ "layout-uri": "awsui_layout-uri_1vtzr_1vdkj_31",
9
+ "layout-version": "awsui_layout-version_1vtzr_1vdkj_35",
10
+ "layout-divider": "awsui_layout-divider_1vtzr_1vdkj_40"
11
11
  };
12
12
 
@@ -6,40 +6,40 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_root_1vtzr_1seqw_9:not(#\9) {
9
+ .awsui_root_1vtzr_1vdkj_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_view-button_1vtzr_1seqw_13:not(#\9) {
13
+ .awsui_view-button_1vtzr_1vdkj_13:not(#\9) {
14
14
  /* used in test-utils */
15
15
  }
16
16
 
17
- .awsui_browse-button_1vtzr_1seqw_17:not(#\9) {
17
+ .awsui_browse-button_1vtzr_1vdkj_17:not(#\9) {
18
18
  /* used in test-utils */
19
19
  }
20
20
 
21
- .awsui_layout_1vtzr_1seqw_21:not(#\9) {
21
+ .awsui_layout_1vtzr_1vdkj_21:not(#\9) {
22
22
  display: flex;
23
23
  flex-wrap: wrap;
24
24
  align-items: flex-end;
25
- margin: calc(-1 * var(--space-xs-e7dyai, 8px));
25
+ margin: calc(-1 * var(--space-xs-xf5ch3, 8px));
26
26
  /* stylelint-disable selector-max-universal */
27
27
  }
28
- .awsui_layout_1vtzr_1seqw_21 > *:not(#\9) {
29
- margin: var(--space-xs-e7dyai, 8px);
28
+ .awsui_layout_1vtzr_1vdkj_21 > *:not(#\9) {
29
+ margin: var(--space-xs-xf5ch3, 8px);
30
30
  }
31
- .awsui_layout-uri_1vtzr_1seqw_31:not(#\9) {
31
+ .awsui_layout-uri_1vtzr_1vdkj_31:not(#\9) {
32
32
  min-width: 200px;
33
33
  flex: 1;
34
34
  }
35
- .awsui_layout-version_1vtzr_1seqw_35:not(#\9) {
35
+ .awsui_layout-version_1vtzr_1vdkj_35:not(#\9) {
36
36
  max-width: 180px;
37
37
  min-width: 140px;
38
38
  width: 20%;
39
39
  }
40
- .awsui_layout-divider_1vtzr_1seqw_40:not(#\9) {
40
+ .awsui_layout-divider_1vtzr_1vdkj_40:not(#\9) {
41
41
  height: calc(
42
- 2 * var(--border-divider-section-width-uu4597, 1px) + 2 * var(--space-scaled-xxs-sh0ehj, 4px) + var(--font-body-m-line-height-7pedlt, 22px)
42
+ 2 * var(--border-divider-section-width-4ozgf3, 1px) + 2 * var(--space-scaled-xxs-t7ij38, 4px) + var(--font-body-m-line-height-wmg6vk, 22px)
43
43
  );
44
- border-left: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
44
+ border-left: var(--border-divider-section-width-4ozgf3, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
45
45
  }
@@ -2,12 +2,12 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1vtzr_1seqw_9",
6
- "view-button": "awsui_view-button_1vtzr_1seqw_13",
7
- "browse-button": "awsui_browse-button_1vtzr_1seqw_17",
8
- "layout": "awsui_layout_1vtzr_1seqw_21",
9
- "layout-uri": "awsui_layout-uri_1vtzr_1seqw_31",
10
- "layout-version": "awsui_layout-version_1vtzr_1seqw_35",
11
- "layout-divider": "awsui_layout-divider_1vtzr_1seqw_40"
5
+ "root": "awsui_root_1vtzr_1vdkj_9",
6
+ "view-button": "awsui_view-button_1vtzr_1vdkj_13",
7
+ "browse-button": "awsui_browse-button_1vtzr_1vdkj_17",
8
+ "layout": "awsui_layout_1vtzr_1vdkj_21",
9
+ "layout-uri": "awsui_layout-uri_1vtzr_1vdkj_31",
10
+ "layout-version": "awsui_layout-version_1vtzr_1vdkj_35",
11
+ "layout-divider": "awsui_layout-divider_1vtzr_1vdkj_40"
12
12
  };
13
13
 
@@ -1 +1 @@
1
- {"version":3,"file":"use-versions-fetch.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC;;;;wBAK3D,MAAM;;;;;EAsClC"}
1
+ {"version":3,"file":"use-versions-fetch.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,wBAAgB,gBAAgB,CAAC,aAAa,EAAE,uBAAuB,CAAC,eAAe,CAAC;;;;wBAK3D,MAAM;;;;;EAsClC"}
@@ -1,9 +1,9 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { useState } from 'react';
4
- import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
5
4
  import { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';
6
5
  import { extractBucketName, validate } from './validation';
6
+ import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
7
7
  export function useVersionsFetch(fetchVersions) {
8
8
  const [loading, setLoading] = useState(false);
9
9
  const [lastFetchedValue, setLastFetched] = useState('');
@@ -38,7 +38,7 @@ export function useVersionsFetch(fetchVersions) {
38
38
  versions,
39
39
  resetVersions: () => setVersions([]),
40
40
  // this function is a dependency of useEffect
41
- loadVersions: useStableEventHandler(loadVersions),
41
+ loadVersions: useStableCallback(loadVersions),
42
42
  };
43
43
  }
44
44
  //# sourceMappingURL=use-versions-fetch.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-versions-fetch.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG3D,MAAM,UAAU,gBAAgB,CAAC,aAAuD;IACtF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA4B,EAAE,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;QACnC,IAAI,GAAG,KAAK,gBAAgB,EAAE;YAC5B,OAAO;SACR;QACD,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACpD,IAAI,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YACnE,OAAO;SACR;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,QAAQ,CAAC,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CACT,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACvB,KAAK,EAAE,OAAO,CAAC,SAAS;gBACxB,KAAK,EAAE,OAAO,CAAC,YAAY;aAC5B,CAAC,CAAC,CACJ,CAAC;QACJ,CAAC,EACD,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,CAAC,GAAG,YAAY,sBAAsB,CAAC,EAAE;gBAC5C,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;QACH,CAAC,CACF,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,OAAO;QACP,QAAQ;QACR,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACpC,6CAA6C;QAC7C,YAAY,EAAE,qBAAqB,CAAC,YAAY,CAAC;KAClD,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';\nimport { SelectProps } from '../../select/interfaces';\nimport { extractBucketName, validate } from './validation';\nimport { S3ResourceSelectorProps } from '../interfaces';\n\nexport function useVersionsFetch(fetchVersions: S3ResourceSelectorProps['fetchVersions']) {\n const [loading, setLoading] = useState(false);\n const [lastFetchedValue, setLastFetched] = useState('');\n const [versions, setVersions] = useState<Array<SelectProps.Option>>([]);\n\n const loadVersions = (uri: string) => {\n if (uri === lastFetchedValue) {\n return;\n }\n setLastFetched(uri);\n const errorCode = validate(uri);\n const [bucketName, prefix] = extractBucketName(uri);\n if (errorCode || !bucketName || !prefix || prefix.slice(-1) === '/') {\n return;\n }\n setLoading(true);\n const result = makeCancellable(fetchVersions(bucketName, prefix));\n result.promise.then(\n versions => {\n setLoading(false);\n setVersions(\n versions.map(version => ({\n value: version.VersionId,\n label: version.LastModified,\n }))\n );\n },\n err => {\n if (!(err instanceof PromiseCancelledSignal)) {\n setLoading(false);\n }\n }\n );\n return result;\n };\n\n return {\n loading,\n versions,\n resetVersions: () => setVersions([]),\n // this function is a dependency of useEffect\n loadVersions: useStableEventHandler(loadVersions),\n };\n}\n"]}
1
+ {"version":3,"file":"use-versions-fetch.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-in-context/use-versions-fetch.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAExF,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,MAAM,UAAU,gBAAgB,CAAC,aAAuD;IACtF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA4B,EAAE,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;QACnC,IAAI,GAAG,KAAK,gBAAgB,EAAE;YAC5B,OAAO;SACR;QACD,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;QACpD,IAAI,SAAS,IAAI,CAAC,UAAU,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;YACnE,OAAO;SACR;QACD,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,MAAM,GAAG,eAAe,CAAC,aAAa,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,IAAI,CACjB,QAAQ,CAAC,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,WAAW,CACT,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;gBACvB,KAAK,EAAE,OAAO,CAAC,SAAS;gBACxB,KAAK,EAAE,OAAO,CAAC,YAAY;aAC5B,CAAC,CAAC,CACJ,CAAC;QACJ,CAAC,EACD,GAAG,CAAC,EAAE;YACJ,IAAI,CAAC,CAAC,GAAG,YAAY,sBAAsB,CAAC,EAAE;gBAC5C,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;QACH,CAAC,CACF,CAAC;QACF,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO;QACL,OAAO;QACP,QAAQ;QACR,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC;QACpC,6CAA6C;QAC7C,YAAY,EAAE,iBAAiB,CAAC,YAAY,CAAC;KAC9C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\nimport { makeCancellable, PromiseCancelledSignal } from '../../internal/utils/promises';\nimport { SelectProps } from '../../select/interfaces';\nimport { extractBucketName, validate } from './validation';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport function useVersionsFetch(fetchVersions: S3ResourceSelectorProps['fetchVersions']) {\n const [loading, setLoading] = useState(false);\n const [lastFetchedValue, setLastFetched] = useState('');\n const [versions, setVersions] = useState<Array<SelectProps.Option>>([]);\n\n const loadVersions = (uri: string) => {\n if (uri === lastFetchedValue) {\n return;\n }\n setLastFetched(uri);\n const errorCode = validate(uri);\n const [bucketName, prefix] = extractBucketName(uri);\n if (errorCode || !bucketName || !prefix || prefix.slice(-1) === '/') {\n return;\n }\n setLoading(true);\n const result = makeCancellable(fetchVersions(bucketName, prefix));\n result.promise.then(\n versions => {\n setLoading(false);\n setVersions(\n versions.map(version => ({\n value: version.VersionId,\n label: version.LastModified,\n }))\n );\n },\n err => {\n if (!(err instanceof PromiseCancelledSignal)) {\n setLoading(false);\n }\n }\n );\n return result;\n };\n\n return {\n loading,\n versions,\n resetVersions: () => setVersions([]),\n // this function is a dependency of useEffect\n loadVersions: useStableCallback(loadVersions),\n };\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"basic-table.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAwB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,mBAAmB,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,CAAC;IAG3B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,uBAAuB,CAAC,sBAAsB,CAAC,EACrD,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS;;;;;;;;EAe7D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,eA6FtB"}
1
+ {"version":3,"file":"basic-table.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAwB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,UAAU,mBAAmB,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,CAAC;IAG3B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,uBAAuB,CAAC,sBAAsB,CAAC,EACrD,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS;;;;;;;;EAe7D;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,eA6FtB"}
@@ -8,8 +8,8 @@ import InternalPagination from '../../pagination/internal';
8
8
  import InternalTable from '../../table/internal';
9
9
  import InternalTextFilter from '../../text-filter/internal';
10
10
  import useForwardFocus from '../../internal/hooks/forward-focus';
11
- import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
12
11
  import { EmptyState } from './empty-state';
12
+ import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
13
13
  export function getSharedI18Strings(i18n, i18nStrings) {
14
14
  return {
15
15
  filteringCounterText: i18n('i18nStrings.filteringCounterText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.filteringCounterText, format => count => format({ count })),
@@ -26,7 +26,7 @@ export function BasicS3Table({ forwardFocusRef, columnDefinitions, fetchData, tr
26
26
  const [loading, setLoading] = useState(false);
27
27
  const [allItems, setAllItems] = useState([]);
28
28
  const textFilterRef = useRef(null);
29
- const onSelectLatest = useStableEventHandler(onSelect);
29
+ const onSelectLatest = useStableCallback(onSelect);
30
30
  function loadData() {
31
31
  setLoading(true);
32
32
  fetchData()
@@ -1 +1 @@
1
- {"version":3,"file":"basic-table.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.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, { useEffect, useState, useRef } from 'react';\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\nimport { ComponentFormatFunction } from '../../i18n/context';\n\ninterface BasicS3TableStrings<T> {\n labelRefresh?: string;\n labelsPagination?: PaginationProps.Labels;\n header?: string;\n loadingText?: string;\n filteringPlaceholder?: string;\n filteringAriaLabel?: string;\n filteringClearAriaLabel?: string;\n filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];\n emptyText?: string;\n noMatchTitle?: string;\n noMatchSubtitle?: string;\n clearFilterButtonText?: string;\n selectionLabels?: TableProps.AriaLabels<T>;\n}\n\ninterface BasicS3TableProps<T> {\n // We do not use idiomatic `ref` prop because it does not allow generics.\n // Option 3 from this solution: https://stackoverflow.com/a/58473012/1297743\n forwardFocusRef: React.Ref<ForwardFocusRef>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n fetchData: () => Promise<ReadonlyArray<T>>;\n trackBy: TableProps.TrackBy<T>;\n i18nStrings: BasicS3TableStrings<T>;\n isVisualRefresh?: boolean;\n visibleColumns: ReadonlyArray<string>;\n isItemDisabled: TableProps.IsItemDisabled<T> | undefined;\n onSelect: (item: T | undefined) => void;\n}\n\nexport function getSharedI18Strings(\n i18n: ComponentFormatFunction<'s3-resource-selector'>,\n i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined\n) {\n return {\n filteringCounterText: i18n(\n 'i18nStrings.filteringCounterText',\n i18nStrings?.filteringCounterText,\n format => count => format({ count })\n ),\n labelRefresh: i18n('i18nStrings.labelRefresh', i18nStrings?.labelRefresh),\n labelsPagination: i18nStrings?.labelsPagination,\n noMatchTitle: i18n('i18nStrings.filteringNoMatches', i18nStrings?.filteringNoMatches),\n noMatchSubtitle: i18n('i18nStrings.filteringCantFindMatch', i18nStrings?.filteringCantFindMatch),\n clearFilterButtonText: i18n('i18nStrings.clearFilterButtonText', i18nStrings?.clearFilterButtonText),\n filteringClearAriaLabel: i18nStrings?.labelClearFilter,\n };\n}\n\nexport function BasicS3Table<T>({\n forwardFocusRef,\n columnDefinitions,\n fetchData,\n trackBy,\n i18nStrings = {},\n isVisualRefresh,\n visibleColumns,\n isItemDisabled,\n onSelect,\n}: BasicS3TableProps<T>) {\n const [loading, setLoading] = useState(false);\n const [allItems, setAllItems] = useState<ReadonlyArray<T>>([]);\n const textFilterRef = useRef<TextFilterProps.Ref>(null);\n const onSelectLatest = useStableEventHandler(onSelect);\n\n function loadData() {\n setLoading(true);\n fetchData()\n .then(items => {\n setAllItems(items);\n setLoading(false);\n })\n .catch(() => {\n // error handling should happen on the customer side, outside of this component\n setLoading(false);\n });\n }\n\n useEffect(() => {\n loadData();\n // Data loading is only happening on initial render, or via refresh button\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useForwardFocus(forwardFocusRef, textFilterRef);\n\n const { items, filteredItemsCount, collectionProps, filterProps, paginationProps, actions } = useCollection(\n allItems,\n {\n selection: { trackBy },\n filtering: {\n empty: i18nStrings.emptyText,\n noMatch: (\n <EmptyState\n title={i18nStrings.noMatchTitle}\n subtitle={i18nStrings.noMatchSubtitle}\n action={\n <InternalButton onClick={() => actions.setFiltering('')}>\n {i18nStrings.clearFilterButtonText}\n </InternalButton>\n }\n />\n ),\n },\n pagination: {},\n sorting: {},\n }\n );\n const selectedItem = collectionProps.selectedItems?.[0];\n\n // selectedItem can change internally inside the hook after pagination or filtering\n // useEffect will capture all possible changes\n useEffect(() => {\n onSelectLatest(selectedItem);\n }, [selectedItem, onSelectLatest]);\n\n return (\n <InternalTable<T>\n variant={isVisualRefresh ? 'borderless' : 'container'}\n {...collectionProps}\n header={\n <InternalHeader\n variant={isVisualRefresh ? 'h3' : 'h2'}\n headingTagOverride={'h3'}\n actions={<InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={loadData} />}\n counter={selectedItem ? `(1/${allItems.length})` : `(${allItems.length})`}\n >\n {i18nStrings.header}\n </InternalHeader>\n }\n trackBy={trackBy}\n filter={\n <InternalTextFilter\n {...filterProps}\n ref={textFilterRef}\n filteringAriaLabel={i18nStrings.filteringAriaLabel}\n filteringClearAriaLabel={i18nStrings.filteringClearAriaLabel}\n filteringPlaceholder={i18nStrings.filteringPlaceholder}\n countText={i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount!) : ''}\n />\n }\n pagination={<InternalPagination {...paginationProps} ariaLabels={i18nStrings.labelsPagination} />}\n selectionType=\"single\"\n ariaLabels={i18nStrings.selectionLabels}\n loading={loading}\n loadingText={i18nStrings.loadingText}\n items={items}\n visibleColumns={visibleColumns}\n isItemDisabled={isItemDisabled}\n columnDefinitions={columnDefinitions}\n />\n );\n}\n"]}
1
+ {"version":3,"file":"basic-table.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.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, { useEffect, useState, useRef } from 'react';\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\nimport { ComponentFormatFunction } from '../../i18n/context';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface BasicS3TableStrings<T> {\n labelRefresh?: string;\n labelsPagination?: PaginationProps.Labels;\n header?: string;\n loadingText?: string;\n filteringPlaceholder?: string;\n filteringAriaLabel?: string;\n filteringClearAriaLabel?: string;\n filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];\n emptyText?: string;\n noMatchTitle?: string;\n noMatchSubtitle?: string;\n clearFilterButtonText?: string;\n selectionLabels?: TableProps.AriaLabels<T>;\n}\n\ninterface BasicS3TableProps<T> {\n // We do not use idiomatic `ref` prop because it does not allow generics.\n // Option 3 from this solution: https://stackoverflow.com/a/58473012/1297743\n forwardFocusRef: React.Ref<ForwardFocusRef>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n fetchData: () => Promise<ReadonlyArray<T>>;\n trackBy: TableProps.TrackBy<T>;\n i18nStrings: BasicS3TableStrings<T>;\n isVisualRefresh?: boolean;\n visibleColumns: ReadonlyArray<string>;\n isItemDisabled: TableProps.IsItemDisabled<T> | undefined;\n onSelect: (item: T | undefined) => void;\n}\n\nexport function getSharedI18Strings(\n i18n: ComponentFormatFunction<'s3-resource-selector'>,\n i18nStrings: S3ResourceSelectorProps.I18nStrings | undefined\n) {\n return {\n filteringCounterText: i18n(\n 'i18nStrings.filteringCounterText',\n i18nStrings?.filteringCounterText,\n format => count => format({ count })\n ),\n labelRefresh: i18n('i18nStrings.labelRefresh', i18nStrings?.labelRefresh),\n labelsPagination: i18nStrings?.labelsPagination,\n noMatchTitle: i18n('i18nStrings.filteringNoMatches', i18nStrings?.filteringNoMatches),\n noMatchSubtitle: i18n('i18nStrings.filteringCantFindMatch', i18nStrings?.filteringCantFindMatch),\n clearFilterButtonText: i18n('i18nStrings.clearFilterButtonText', i18nStrings?.clearFilterButtonText),\n filteringClearAriaLabel: i18nStrings?.labelClearFilter,\n };\n}\n\nexport function BasicS3Table<T>({\n forwardFocusRef,\n columnDefinitions,\n fetchData,\n trackBy,\n i18nStrings = {},\n isVisualRefresh,\n visibleColumns,\n isItemDisabled,\n onSelect,\n}: BasicS3TableProps<T>) {\n const [loading, setLoading] = useState(false);\n const [allItems, setAllItems] = useState<ReadonlyArray<T>>([]);\n const textFilterRef = useRef<TextFilterProps.Ref>(null);\n const onSelectLatest = useStableCallback(onSelect);\n\n function loadData() {\n setLoading(true);\n fetchData()\n .then(items => {\n setAllItems(items);\n setLoading(false);\n })\n .catch(() => {\n // error handling should happen on the customer side, outside of this component\n setLoading(false);\n });\n }\n\n useEffect(() => {\n loadData();\n // Data loading is only happening on initial render, or via refresh button\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useForwardFocus(forwardFocusRef, textFilterRef);\n\n const { items, filteredItemsCount, collectionProps, filterProps, paginationProps, actions } = useCollection(\n allItems,\n {\n selection: { trackBy },\n filtering: {\n empty: i18nStrings.emptyText,\n noMatch: (\n <EmptyState\n title={i18nStrings.noMatchTitle}\n subtitle={i18nStrings.noMatchSubtitle}\n action={\n <InternalButton onClick={() => actions.setFiltering('')}>\n {i18nStrings.clearFilterButtonText}\n </InternalButton>\n }\n />\n ),\n },\n pagination: {},\n sorting: {},\n }\n );\n const selectedItem = collectionProps.selectedItems?.[0];\n\n // selectedItem can change internally inside the hook after pagination or filtering\n // useEffect will capture all possible changes\n useEffect(() => {\n onSelectLatest(selectedItem);\n }, [selectedItem, onSelectLatest]);\n\n return (\n <InternalTable<T>\n variant={isVisualRefresh ? 'borderless' : 'container'}\n {...collectionProps}\n header={\n <InternalHeader\n variant={isVisualRefresh ? 'h3' : 'h2'}\n headingTagOverride={'h3'}\n actions={<InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={loadData} />}\n counter={selectedItem ? `(1/${allItems.length})` : `(${allItems.length})`}\n >\n {i18nStrings.header}\n </InternalHeader>\n }\n trackBy={trackBy}\n filter={\n <InternalTextFilter\n {...filterProps}\n ref={textFilterRef}\n filteringAriaLabel={i18nStrings.filteringAriaLabel}\n filteringClearAriaLabel={i18nStrings.filteringClearAriaLabel}\n filteringPlaceholder={i18nStrings.filteringPlaceholder}\n countText={i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount!) : ''}\n />\n }\n pagination={<InternalPagination {...paginationProps} ariaLabels={i18nStrings.labelsPagination} />}\n selectionType=\"single\"\n ariaLabels={i18nStrings.selectionLabels}\n loading={loading}\n loadingText={i18nStrings.loadingText}\n items={items}\n visibleColumns={visibleColumns}\n isItemDisabled={isItemDisabled}\n columnDefinitions={columnDefinitions}\n />\n );\n}\n"]}
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_850r2_97",
5
- "disabled": "awsui_disabled_8cbea_850r2_166",
6
- "selected": "awsui_selected_8cbea_850r2_174",
7
- "icon": "awsui_icon_8cbea_850r2_195",
8
- "with-text": "awsui_with-text_8cbea_850r2_199",
9
- "with-no-text": "awsui_with-no-text_8cbea_850r2_205",
10
- "root": "awsui_root_8cbea_850r2_216",
11
- "segment-part": "awsui_segment-part_8cbea_850r2_229",
12
- "select": "awsui_select_8cbea_850r2_174",
13
- "segment-count-2": "awsui_segment-count-2_8cbea_850r2_248",
14
- "segment-count-3": "awsui_segment-count-3_8cbea_850r2_253",
15
- "segment-count-4": "awsui_segment-count-4_8cbea_850r2_258",
16
- "segment-count-5": "awsui_segment-count-5_8cbea_850r2_263",
17
- "segment-count-6": "awsui_segment-count-6_8cbea_850r2_268"
4
+ "segment": "awsui_segment_8cbea_jl72a_97",
5
+ "disabled": "awsui_disabled_8cbea_jl72a_166",
6
+ "selected": "awsui_selected_8cbea_jl72a_174",
7
+ "icon": "awsui_icon_8cbea_jl72a_195",
8
+ "with-text": "awsui_with-text_8cbea_jl72a_199",
9
+ "with-no-text": "awsui_with-no-text_8cbea_jl72a_205",
10
+ "root": "awsui_root_8cbea_jl72a_216",
11
+ "segment-part": "awsui_segment-part_8cbea_jl72a_229",
12
+ "select": "awsui_select_8cbea_jl72a_174",
13
+ "segment-count-2": "awsui_segment-count-2_8cbea_jl72a_248",
14
+ "segment-count-3": "awsui_segment-count-3_8cbea_jl72a_253",
15
+ "segment-count-4": "awsui_segment-count-4_8cbea_jl72a_258",
16
+ "segment-count-5": "awsui_segment-count-5_8cbea_jl72a_263",
17
+ "segment-count-6": "awsui_segment-count-6_8cbea_jl72a_268"
18
18
  };
19
19