@cloudscape-design/components 3.0.533 → 3.0.535

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 (409) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +45 -39
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +24 -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 +36 -30
  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 +12 -6
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +12 -12
  14. package/app-layout/drawer/styles.scoped.css +26 -20
  15. package/app-layout/drawer/styles.selectors.js +12 -12
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +14 -8
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/notifications/styles.css.js +3 -3
  20. package/app-layout/notifications/styles.scoped.css +7 -7
  21. package/app-layout/notifications/styles.selectors.js +3 -3
  22. package/app-layout/split-panel/styles.css.js +2 -2
  23. package/app-layout/split-panel/styles.scoped.css +8 -2
  24. package/app-layout/split-panel/styles.selectors.js +2 -2
  25. package/app-layout/styles.css.js +16 -16
  26. package/app-layout/styles.scoped.css +25 -19
  27. package/app-layout/styles.selectors.js +16 -16
  28. package/app-layout/toggles/styles.css.js +2 -2
  29. package/app-layout/toggles/styles.scoped.css +12 -6
  30. package/app-layout/toggles/styles.selectors.js +2 -2
  31. package/app-layout/visual-refresh/styles.css.js +81 -81
  32. package/app-layout/visual-refresh/styles.scoped.css +294 -288
  33. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  34. package/area-chart/styles.css.js +6 -6
  35. package/area-chart/styles.scoped.css +15 -9
  36. package/area-chart/styles.selectors.js +6 -6
  37. package/attribute-editor/styles.css.js +14 -14
  38. package/attribute-editor/styles.scoped.css +30 -24
  39. package/attribute-editor/styles.selectors.js +14 -14
  40. package/autosuggest/autosuggest-option.d.ts +0 -1
  41. package/autosuggest/autosuggest-option.d.ts.map +1 -1
  42. package/autosuggest/autosuggest-option.js +2 -4
  43. package/autosuggest/autosuggest-option.js.map +1 -1
  44. package/autosuggest/internal.d.ts.map +1 -1
  45. package/autosuggest/internal.js +2 -5
  46. package/autosuggest/internal.js.map +1 -1
  47. package/autosuggest/options-controller.d.ts +2 -1
  48. package/autosuggest/options-controller.d.ts.map +1 -1
  49. package/autosuggest/options-controller.js +15 -3
  50. package/autosuggest/options-controller.js.map +1 -1
  51. package/autosuggest/options-list.d.ts +2 -2
  52. package/autosuggest/options-list.d.ts.map +1 -1
  53. package/autosuggest/options-list.js +2 -2
  54. package/autosuggest/options-list.js.map +1 -1
  55. package/autosuggest/plain-list.d.ts +2 -3
  56. package/autosuggest/plain-list.d.ts.map +1 -1
  57. package/autosuggest/plain-list.js +2 -2
  58. package/autosuggest/plain-list.js.map +1 -1
  59. package/autosuggest/virtual-list.d.ts +1 -1
  60. package/autosuggest/virtual-list.d.ts.map +1 -1
  61. package/autosuggest/virtual-list.js +2 -2
  62. package/autosuggest/virtual-list.js.map +1 -1
  63. package/badge/styles.css.js +5 -5
  64. package/badge/styles.scoped.css +11 -5
  65. package/badge/styles.selectors.js +5 -5
  66. package/box/styles.css.js +190 -190
  67. package/box/styles.scoped.css +253 -235
  68. package/box/styles.selectors.js +190 -190
  69. package/breadcrumb-group/item/styles.css.js +9 -9
  70. package/breadcrumb-group/item/styles.scoped.css +23 -17
  71. package/breadcrumb-group/item/styles.selectors.js +9 -9
  72. package/breadcrumb-group/styles.css.js +7 -7
  73. package/breadcrumb-group/styles.scoped.css +18 -12
  74. package/breadcrumb-group/styles.selectors.js +7 -7
  75. package/button/styles.css.js +20 -20
  76. package/button/styles.scoped.css +157 -151
  77. package/button/styles.selectors.js +20 -20
  78. package/button-dropdown/category-elements/styles.css.js +13 -13
  79. package/button-dropdown/category-elements/styles.scoped.css +29 -23
  80. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  81. package/button-dropdown/item-element/styles.css.js +15 -15
  82. package/button-dropdown/item-element/styles.scoped.css +24 -18
  83. package/button-dropdown/item-element/styles.selectors.js +15 -15
  84. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  85. package/button-dropdown/mobile-expandable-group/styles.scoped.css +11 -5
  86. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  87. package/button-dropdown/styles.css.js +15 -15
  88. package/button-dropdown/styles.scoped.css +28 -22
  89. package/button-dropdown/styles.selectors.js +15 -15
  90. package/calendar/styles.css.js +18 -18
  91. package/calendar/styles.scoped.css +44 -38
  92. package/calendar/styles.selectors.js +18 -18
  93. package/cards/styles.css.js +40 -40
  94. package/cards/styles.scoped.css +56 -50
  95. package/cards/styles.selectors.js +40 -40
  96. package/checkbox/styles.css.js +3 -3
  97. package/checkbox/styles.scoped.css +11 -5
  98. package/checkbox/styles.selectors.js +3 -3
  99. package/code-editor/styles.css.js +32 -32
  100. package/code-editor/styles.scoped.css +135 -129
  101. package/code-editor/styles.selectors.js +32 -32
  102. package/collection-preferences/content-display/styles.css.js +11 -11
  103. package/collection-preferences/content-display/styles.scoped.css +29 -17
  104. package/collection-preferences/content-display/styles.selectors.js +11 -11
  105. package/collection-preferences/styles.css.js +37 -37
  106. package/collection-preferences/styles.scoped.css +68 -44
  107. package/collection-preferences/styles.selectors.js +37 -37
  108. package/column-layout/styles.css.js +13 -13
  109. package/column-layout/styles.scoped.css +49 -43
  110. package/column-layout/styles.selectors.js +13 -13
  111. package/container/styles.css.js +30 -30
  112. package/container/styles.scoped.css +60 -54
  113. package/container/styles.selectors.js +30 -30
  114. package/content-layout/styles.css.js +7 -7
  115. package/content-layout/styles.scoped.css +19 -13
  116. package/content-layout/styles.selectors.js +7 -7
  117. package/date-picker/styles.css.js +7 -7
  118. package/date-picker/styles.scoped.css +15 -9
  119. package/date-picker/styles.selectors.js +7 -7
  120. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  121. package/date-range-picker/calendar/grids/styles.scoped.css +48 -42
  122. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  123. package/date-range-picker/relative-range/styles.css.js +9 -9
  124. package/date-range-picker/relative-range/styles.scoped.css +19 -13
  125. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  126. package/date-range-picker/styles.css.js +39 -39
  127. package/date-range-picker/styles.scoped.css +54 -48
  128. package/date-range-picker/styles.selectors.js +39 -39
  129. package/drawer/styles.css.js +3 -3
  130. package/drawer/styles.scoped.css +14 -8
  131. package/drawer/styles.selectors.js +3 -3
  132. package/expandable-section/styles.css.js +32 -32
  133. package/expandable-section/styles.scoped.css +68 -62
  134. package/expandable-section/styles.selectors.js +32 -32
  135. package/file-upload/dropzone/styles.css.js +2 -2
  136. package/file-upload/dropzone/styles.scoped.css +8 -2
  137. package/file-upload/dropzone/styles.selectors.js +2 -2
  138. package/file-upload/file-input/styles.css.js +4 -4
  139. package/file-upload/file-input/styles.scoped.css +13 -7
  140. package/file-upload/file-input/styles.selectors.js +4 -4
  141. package/flashbar/styles.css.js +47 -47
  142. package/flashbar/styles.scoped.css +177 -171
  143. package/flashbar/styles.selectors.js +47 -47
  144. package/form/styles.css.js +9 -9
  145. package/form/styles.scoped.css +14 -8
  146. package/form/styles.selectors.js +9 -9
  147. package/form-field/styles.css.js +19 -19
  148. package/form-field/styles.scoped.css +35 -29
  149. package/form-field/styles.selectors.js +19 -19
  150. package/grid/styles.css.js +53 -53
  151. package/grid/styles.scoped.css +60 -54
  152. package/grid/styles.selectors.js +53 -53
  153. package/header/styles.css.js +34 -34
  154. package/header/styles.scoped.css +80 -50
  155. package/header/styles.selectors.js +34 -34
  156. package/help-panel/styles.css.js +4 -4
  157. package/help-panel/styles.scoped.css +69 -63
  158. package/help-panel/styles.selectors.js +4 -4
  159. package/hotspot/styles.css.js +7 -7
  160. package/hotspot/styles.scoped.css +13 -7
  161. package/hotspot/styles.selectors.js +7 -7
  162. package/icon/internal.d.ts.map +1 -1
  163. package/icon/internal.js +1 -1
  164. package/icon/internal.js.map +1 -1
  165. package/icon/styles.css.js +36 -21
  166. package/icon/styles.scoped.css +92 -48
  167. package/icon/styles.selectors.js +36 -21
  168. package/input/styles.css.js +12 -12
  169. package/input/styles.scoped.css +36 -30
  170. package/input/styles.selectors.js +12 -12
  171. package/internal/components/abstract-switch/styles.css.js +13 -13
  172. package/internal/components/abstract-switch/styles.scoped.css +26 -20
  173. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  174. package/internal/components/button-trigger/styles.css.js +10 -10
  175. package/internal/components/button-trigger/styles.scoped.css +30 -24
  176. package/internal/components/button-trigger/styles.selectors.js +10 -10
  177. package/internal/components/chart-filter/styles.css.js +3 -3
  178. package/internal/components/chart-filter/styles.scoped.css +9 -3
  179. package/internal/components/chart-filter/styles.selectors.js +3 -3
  180. package/internal/components/chart-legend/styles.css.js +6 -6
  181. package/internal/components/chart-legend/styles.scoped.css +21 -15
  182. package/internal/components/chart-legend/styles.selectors.js +6 -6
  183. package/internal/components/chart-plot/styles.css.js +5 -5
  184. package/internal/components/chart-plot/styles.scoped.css +11 -5
  185. package/internal/components/chart-plot/styles.selectors.js +5 -5
  186. package/internal/components/chart-popover/styles.css.js +3 -3
  187. package/internal/components/chart-popover/styles.scoped.css +9 -3
  188. package/internal/components/chart-popover/styles.selectors.js +3 -3
  189. package/internal/components/chart-series-details/styles.css.js +20 -20
  190. package/internal/components/chart-series-details/styles.scoped.css +39 -33
  191. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  192. package/internal/components/chart-series-marker/styles.css.js +5 -5
  193. package/internal/components/chart-series-marker/styles.scoped.css +13 -7
  194. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  195. package/internal/components/chart-wrapper/styles.css.js +9 -9
  196. package/internal/components/chart-wrapper/styles.scoped.css +15 -9
  197. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  198. package/internal/components/checkbox-icon/styles.css.js +7 -7
  199. package/internal/components/checkbox-icon/styles.scoped.css +14 -8
  200. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  201. package/internal/components/dropdown/styles.css.js +20 -20
  202. package/internal/components/dropdown/styles.scoped.css +62 -36
  203. package/internal/components/dropdown/styles.selectors.js +20 -20
  204. package/internal/components/dropdown-footer/styles.css.js +3 -3
  205. package/internal/components/dropdown-footer/styles.scoped.css +9 -3
  206. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  207. package/internal/components/dropdown-status/styles.css.js +2 -2
  208. package/internal/components/dropdown-status/styles.scoped.css +8 -2
  209. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  210. package/internal/components/filtering-token/styles.css.js +7 -7
  211. package/internal/components/filtering-token/styles.scoped.css +19 -13
  212. package/internal/components/filtering-token/styles.selectors.js +7 -7
  213. package/internal/components/handle/styles.css.js +2 -2
  214. package/internal/components/handle/styles.scoped.css +12 -6
  215. package/internal/components/handle/styles.selectors.js +2 -2
  216. package/internal/components/menu-dropdown/styles.css.js +7 -7
  217. package/internal/components/menu-dropdown/styles.scoped.css +19 -13
  218. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  219. package/internal/components/option/styles.css.js +17 -17
  220. package/internal/components/option/styles.scoped.css +35 -29
  221. package/internal/components/option/styles.selectors.js +17 -17
  222. package/internal/components/options-list/styles.css.js +2 -2
  223. package/internal/components/options-list/styles.scoped.css +8 -2
  224. package/internal/components/options-list/styles.selectors.js +2 -2
  225. package/internal/components/screenreader-only/styles.css.js +1 -1
  226. package/internal/components/screenreader-only/styles.scoped.css +7 -1
  227. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  228. package/internal/components/selectable-item/styles.css.js +16 -16
  229. package/internal/components/selectable-item/styles.scoped.css +35 -29
  230. package/internal/components/selectable-item/styles.selectors.js +16 -16
  231. package/internal/components/token-list/styles.css.js +9 -9
  232. package/internal/components/token-list/styles.scoped.css +26 -20
  233. package/internal/components/token-list/styles.selectors.js +9 -9
  234. package/internal/context/single-tab-stop-navigation-context.js +1 -1
  235. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  236. package/internal/environment.js +1 -1
  237. package/internal/environment.json +1 -1
  238. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  239. package/internal/generated/custom-css-properties/index.js +46 -40
  240. package/internal/generated/custom-css-properties/index.js.map +1 -1
  241. package/internal/manifest.json +1 -1
  242. package/internal/utils/scrollable-containers.d.ts +1 -1
  243. package/internal/utils/scrollable-containers.js +1 -1
  244. package/internal/utils/scrollable-containers.js.map +1 -1
  245. package/link/styles.css.js +20 -20
  246. package/link/styles.scoped.css +77 -71
  247. package/link/styles.selectors.js +20 -20
  248. package/mixed-line-bar-chart/styles.css.js +11 -11
  249. package/mixed-line-bar-chart/styles.scoped.css +23 -17
  250. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  251. package/modal/styles.css.js +23 -23
  252. package/modal/styles.scoped.css +44 -38
  253. package/modal/styles.selectors.js +23 -23
  254. package/multiselect/styles.css.js +2 -2
  255. package/multiselect/styles.scoped.css +8 -2
  256. package/multiselect/styles.selectors.js +2 -2
  257. package/package.json +1 -1
  258. package/pagination/styles.css.js +9 -9
  259. package/pagination/styles.scoped.css +29 -23
  260. package/pagination/styles.selectors.js +9 -9
  261. package/pie-chart/styles.css.js +27 -27
  262. package/pie-chart/styles.scoped.css +54 -48
  263. package/pie-chart/styles.selectors.js +27 -27
  264. package/popover/styles.css.js +50 -50
  265. package/popover/styles.scoped.css +94 -64
  266. package/popover/styles.selectors.js +50 -50
  267. package/progress-bar/styles.css.js +18 -18
  268. package/progress-bar/styles.scoped.css +44 -32
  269. package/progress-bar/styles.selectors.js +18 -18
  270. package/property-filter/property-filter-autosuggest.js +2 -1
  271. package/property-filter/property-filter-autosuggest.js.map +1 -1
  272. package/property-filter/styles.css.js +31 -31
  273. package/property-filter/styles.scoped.css +39 -33
  274. package/property-filter/styles.selectors.js +31 -31
  275. package/radio-group/styles.css.js +9 -9
  276. package/radio-group/styles.scoped.css +21 -15
  277. package/radio-group/styles.selectors.js +9 -9
  278. package/segmented-control/styles.css.js +14 -14
  279. package/segmented-control/styles.scoped.css +39 -33
  280. package/segmented-control/styles.selectors.js +14 -14
  281. package/select/parts/styles.css.js +16 -16
  282. package/select/parts/styles.scoped.css +22 -16
  283. package/select/parts/styles.selectors.js +16 -16
  284. package/select/styles.css.js +1 -1
  285. package/select/styles.scoped.css +7 -1
  286. package/select/styles.selectors.js +1 -1
  287. package/side-navigation/styles.css.js +28 -28
  288. package/side-navigation/styles.scoped.css +44 -38
  289. package/side-navigation/styles.selectors.js +28 -28
  290. package/space-between/styles.css.js +23 -23
  291. package/space-between/styles.scoped.css +30 -24
  292. package/space-between/styles.selectors.js +23 -23
  293. package/spinner/styles.css.js +13 -13
  294. package/spinner/styles.scoped.css +58 -26
  295. package/spinner/styles.selectors.js +13 -13
  296. package/split-panel/styles.css.js +55 -55
  297. package/split-panel/styles.scoped.css +87 -75
  298. package/split-panel/styles.selectors.js +55 -55
  299. package/status-indicator/styles.css.js +23 -23
  300. package/status-indicator/styles.scoped.css +35 -29
  301. package/status-indicator/styles.selectors.js +23 -23
  302. package/table/body-cell/disabled-inline-editor.d.ts.map +1 -1
  303. package/table/body-cell/disabled-inline-editor.js +3 -1
  304. package/table/body-cell/disabled-inline-editor.js.map +1 -1
  305. package/table/body-cell/index.d.ts.map +1 -1
  306. package/table/body-cell/index.js +3 -1
  307. package/table/body-cell/index.js.map +1 -1
  308. package/table/body-cell/styles.css.js +30 -30
  309. package/table/body-cell/styles.scoped.css +107 -77
  310. package/table/body-cell/styles.selectors.js +30 -30
  311. package/table/body-cell/td-element.d.ts.map +1 -1
  312. package/table/body-cell/td-element.js +6 -3
  313. package/table/body-cell/td-element.js.map +1 -1
  314. package/table/header-cell/index.d.ts.map +1 -1
  315. package/table/header-cell/index.js +7 -4
  316. package/table/header-cell/index.js.map +1 -1
  317. package/table/header-cell/styles.css.js +24 -24
  318. package/table/header-cell/styles.scoped.css +86 -38
  319. package/table/header-cell/styles.selectors.js +24 -24
  320. package/table/header-cell/th-element.d.ts +2 -1
  321. package/table/header-cell/th-element.d.ts.map +1 -1
  322. package/table/header-cell/th-element.js +9 -5
  323. package/table/header-cell/th-element.js.map +1 -1
  324. package/table/interfaces.d.ts +5 -0
  325. package/table/interfaces.d.ts.map +1 -1
  326. package/table/interfaces.js.map +1 -1
  327. package/table/internal.d.ts.map +1 -1
  328. package/table/internal.js +53 -45
  329. package/table/internal.js.map +1 -1
  330. package/table/no-data-cell.js +1 -1
  331. package/table/no-data-cell.js.map +1 -1
  332. package/table/resizer/index.d.ts.map +1 -1
  333. package/table/resizer/index.js +4 -2
  334. package/table/resizer/index.js.map +1 -1
  335. package/table/resizer/styles.css.js +8 -8
  336. package/table/resizer/styles.scoped.css +20 -14
  337. package/table/resizer/styles.selectors.js +8 -8
  338. package/table/selection/selection-control.d.ts +3 -1
  339. package/table/selection/selection-control.d.ts.map +1 -1
  340. package/table/selection/selection-control.js +2 -2
  341. package/table/selection/selection-control.js.map +1 -1
  342. package/table/selection/styles.css.js +3 -3
  343. package/table/selection/styles.scoped.css +9 -3
  344. package/table/selection/styles.selectors.js +3 -3
  345. package/table/sticky-scrollbar/styles.css.js +6 -6
  346. package/table/sticky-scrollbar/styles.scoped.css +13 -7
  347. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  348. package/table/styles.css.js +35 -35
  349. package/table/styles.scoped.css +46 -40
  350. package/table/styles.selectors.js +35 -35
  351. package/table/table-role/grid-navigation.d.ts.map +1 -1
  352. package/table/table-role/grid-navigation.js +38 -24
  353. package/table/table-role/grid-navigation.js.map +1 -1
  354. package/table/table-role/table-role-helper.d.ts.map +1 -1
  355. package/table/table-role/table-role-helper.js +1 -3
  356. package/table/table-role/table-role-helper.js.map +1 -1
  357. package/table/table-role/utils.d.ts +1 -0
  358. package/table/table-role/utils.d.ts.map +1 -1
  359. package/table/table-role/utils.js +7 -2
  360. package/table/table-role/utils.js.map +1 -1
  361. package/table/thead.d.ts.map +1 -1
  362. package/table/thead.js +2 -2
  363. package/table/thead.js.map +1 -1
  364. package/table/use-table-focus-navigation.d.ts +9 -1
  365. package/table/use-table-focus-navigation.d.ts.map +1 -1
  366. package/table/use-table-focus-navigation.js +3 -3
  367. package/table/use-table-focus-navigation.js.map +1 -1
  368. package/tabs/styles.css.js +21 -21
  369. package/tabs/styles.scoped.css +51 -39
  370. package/tabs/styles.selectors.js +21 -21
  371. package/tag-editor/styles.css.js +3 -3
  372. package/tag-editor/styles.scoped.css +16 -10
  373. package/tag-editor/styles.selectors.js +3 -3
  374. package/text-content/styles.css.js +1 -1
  375. package/text-content/styles.scoped.css +66 -60
  376. package/text-content/styles.selectors.js +1 -1
  377. package/text-filter/styles.css.js +3 -3
  378. package/text-filter/styles.scoped.css +9 -3
  379. package/text-filter/styles.selectors.js +3 -3
  380. package/textarea/styles.css.js +4 -4
  381. package/textarea/styles.scoped.css +18 -12
  382. package/textarea/styles.selectors.js +4 -4
  383. package/tiles/styles.css.js +29 -29
  384. package/tiles/styles.scoped.css +76 -70
  385. package/tiles/styles.selectors.js +29 -29
  386. package/toggle/styles.css.js +8 -8
  387. package/toggle/styles.scoped.css +19 -13
  388. package/toggle/styles.selectors.js +8 -8
  389. package/token-group/styles.css.js +8 -8
  390. package/token-group/styles.scoped.css +22 -16
  391. package/token-group/styles.selectors.js +8 -8
  392. package/top-navigation/1.0-beta/styles.css.js +25 -25
  393. package/top-navigation/1.0-beta/styles.scoped.css +48 -42
  394. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  395. package/top-navigation/styles.css.js +47 -47
  396. package/top-navigation/styles.scoped.css +72 -66
  397. package/top-navigation/styles.selectors.js +47 -47
  398. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  399. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +27 -21
  400. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  401. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  402. package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -27
  403. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  404. package/tutorial-panel/styles.css.js +1 -1
  405. package/tutorial-panel/styles.scoped.css +7 -1
  406. package/tutorial-panel/styles.selectors.js +1 -1
  407. package/wizard/styles.css.js +32 -32
  408. package/wizard/styles.scoped.css +74 -68
  409. package/wizard/styles.selectors.js +32 -32
@@ -2,6 +2,12 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
+ /* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
6
+ /* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
7
+ /*
8
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
+ SPDX-License-Identifier: Apache-2.0
10
+ */
5
11
  /*
6
12
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
13
  SPDX-License-Identifier: Apache-2.0
@@ -90,7 +96,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
96
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
97
  SPDX-License-Identifier: Apache-2.0
92
98
  */
93
- .awsui_body-cell_c6tup_mft2u_93:not(#\9) {
99
+ .awsui_body-cell_c6tup_110c7_99:not(#\9) {
94
100
  box-sizing: border-box;
95
101
  padding-block-start: var(--space-scaled-xs-26e2du, 8px);
96
102
  padding-block-end: calc(
@@ -103,19 +109,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
103
109
  font-weight: inherit;
104
110
  text-align: start;
105
111
  }
106
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_mft2u_106) {
112
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_110c7_99:not(#\9):focus {
113
+ position: relative;
114
+ }
115
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_110c7_99:not(#\9):focus {
116
+ outline: 2px dotted transparent;
117
+ outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
118
+ }
119
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_110c7_99:not(#\9):focus::before {
120
+ content: " ";
121
+ display: block;
122
+ position: absolute;
123
+ inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
124
+ inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
125
+ inline-size: calc(100% + 2 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
126
+ block-size: calc(100% + 2 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
127
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
128
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
129
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
130
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
131
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
132
+ }
133
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_110c7_99:not(#\9):focus.awsui_sticky-cell_c6tup_110c7_133 {
134
+ position: sticky;
135
+ }
136
+ .awsui_body-cell_c6tup_110c7_99:not(#\9):not(.awsui_body-cell-wrap_c6tup_110c7_136) {
107
137
  white-space: nowrap;
108
138
  overflow: hidden;
109
139
  text-overflow: ellipsis;
110
140
  }
111
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child {
141
+ .awsui_body-cell_c6tup_110c7_99:not(#\9):first-child {
112
142
  border-inline-start: var(--border-item-width-yel47s, 2px) solid transparent;
113
143
  }
114
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):last-child {
144
+ .awsui_body-cell_c6tup_110c7_99:not(#\9):last-child {
115
145
  border-inline-end: var(--border-item-width-yel47s, 2px) solid transparent;
116
146
  padding-inline-end: calc(var(--space-l-t419sm, 20px) - var(--border-item-width-yel47s, 2px));
117
147
  }
118
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child {
148
+ .awsui_body-cell_c6tup_110c7_99.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):first-child {
119
149
  /*
120
150
  Striped rows requires additional left padding because the
121
151
  shaded background makes the child content appear too close
@@ -127,64 +157,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
127
157
  that the placeholder border would consume.
128
158
  */
129
159
  }
130
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130) {
160
+ .awsui_body-cell_c6tup_110c7_99.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_110c7_160) {
131
161
  padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
132
162
  }
133
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-editable_c6tup_mft2u_133:hover {
163
+ .awsui_body-cell_c6tup_110c7_99.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_110c7_160):not(.awsui_body-cell-edit-active_c6tup_110c7_163).awsui_body-cell-editable_c6tup_110c7_163:hover {
134
164
  padding-inline-start: calc(var(--space-xxxs-zbmxqb, 2px) + var(--border-divider-list-width-27y3k5, 1px));
135
165
  }
136
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_mft2u_130 {
166
+ .awsui_body-cell_c6tup_110c7_99.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_110c7_160 {
137
167
  padding-inline-start: var(--space-xxs-p8yyaw, 4px);
138
168
  }
139
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_mft2u_139 {
169
+ .awsui_body-cell_c6tup_110c7_99.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_110c7_169 {
140
170
  padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
141
171
  }
142
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:not(.awsui_has-selection_c6tup_mft2u_142):not(.awsui_body-cell-editable_c6tup_mft2u_133) {
172
+ .awsui_body-cell_c6tup_110c7_99.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):first-child:not(.awsui_has-selection_c6tup_110c7_172):not(.awsui_body-cell-editable_c6tup_110c7_163) {
143
173
  border-inline-start: none;
144
174
  }
145
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_mft2u_118) {
175
+ .awsui_body-cell_c6tup_110c7_99:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_110c7_148) {
146
176
  padding-inline-start: calc(var(--space-l-t419sm, 20px) - var(--border-item-width-yel47s, 2px));
147
177
  }
148
- .awsui_body-cell-first-row_c6tup_mft2u_148:not(#\9) {
178
+ .awsui_body-cell-first-row_c6tup_110c7_178:not(#\9) {
149
179
  border-block-start: var(--border-item-width-yel47s, 2px) solid transparent;
150
180
  }
151
- .awsui_body-cell-last-row_c6tup_mft2u_151:not(#\9):not(.awsui_body-cell-selected_c6tup_mft2u_151):not(.awsui_has-footer_c6tup_mft2u_151) {
181
+ .awsui_body-cell-last-row_c6tup_110c7_181:not(#\9):not(.awsui_body-cell-selected_c6tup_110c7_181):not(.awsui_has-footer_c6tup_110c7_181) {
152
182
  border-block-end: var(--border-item-width-yel47s, 2px) solid transparent;
153
183
  }
154
- .awsui_body-cell-last-row_c6tup_mft2u_151:not(#\9):not(.awsui_body-cell-selected_c6tup_mft2u_151).awsui_has-footer_c6tup_mft2u_151 {
184
+ .awsui_body-cell-last-row_c6tup_110c7_181:not(#\9):not(.awsui_body-cell-selected_c6tup_110c7_181).awsui_has-footer_c6tup_110c7_181 {
155
185
  /*
156
186
  Add a bottom border to the body cells of the last row as a separator between the
157
187
  table and the footer
158
188
  */
159
189
  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
160
190
  }
161
- .awsui_body-cell-shaded_c6tup_mft2u_161:not(#\9) {
191
+ .awsui_body-cell-shaded_c6tup_110c7_191:not(#\9) {
162
192
  background: var(--color-background-cell-shaded-7v0jy4, #f8f8f8);
163
193
  }
164
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9) {
194
+ .awsui_body-cell-selected_c6tup_110c7_181:not(#\9) {
165
195
  background-color: var(--color-background-item-selected-hcx8l4, #f2f8fd);
166
196
  border-block-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
167
197
  border-block-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
168
198
  padding-block-end: var(--space-scaled-xs-26e2du, 8px);
169
199
  }
170
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-last-row_c6tup_mft2u_151.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9) {
200
+ .awsui_body-cell-selected_c6tup_110c7_181.awsui_body-cell-last-row_c6tup_110c7_181.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9) {
171
201
  padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--border-divider-list-width-27y3k5, 1px));
172
202
  }
173
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):first-child {
203
+ .awsui_body-cell-selected_c6tup_110c7_181:not(#\9):first-child {
174
204
  border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
175
205
  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
176
206
  border-start-end-radius: 0;
177
207
  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
178
208
  border-end-end-radius: 0;
179
209
  }
180
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):last-child {
210
+ .awsui_body-cell-selected_c6tup_110c7_181:not(#\9):last-child {
181
211
  border-inline-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
182
212
  border-start-start-radius: 0;
183
213
  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
184
214
  border-end-start-radius: 0;
185
215
  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
186
216
  }
187
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
217
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133:not(#\9) {
188
218
  position: sticky;
189
219
  background: var(--color-background-container-content-4un1ap, #ffffff);
190
220
  z-index: 798;
@@ -192,93 +222,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
192
222
  transition-duration: var(--motion-duration-transition-show-quick-osg026, 90ms);
193
223
  transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
194
224
  }
195
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell-pad-left_c6tup_mft2u_195:not(#\9):not(.awsui_has-selection_c6tup_mft2u_142):not(.awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:first-child.awsui_has-striped-rows_c6tup_mft2u_130) {
225
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell-pad-left_c6tup_110c7_225:not(#\9):not(.awsui_has-selection_c6tup_110c7_172):not(.awsui_is-visual-refresh_c6tup_110c7_148.awsui_body-cell_c6tup_110c7_99:first-child.awsui_has-striped-rows_c6tup_110c7_160) {
196
226
  padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
197
227
  }
198
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-shaded_c6tup_mft2u_161:not(#\9) {
228
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133.awsui_body-cell-shaded_c6tup_110c7_191:not(#\9) {
199
229
  background: var(--color-background-cell-shaded-7v0jy4, #f8f8f8);
200
230
  }
201
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9) {
231
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133.awsui_body-cell-selected_c6tup_110c7_181:not(#\9) {
202
232
  background-color: var(--color-background-item-selected-hcx8l4, #f2f8fd);
203
233
  }
204
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):first-child {
234
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133.awsui_body-cell-selected_c6tup_110c7_181:not(#\9):first-child {
205
235
  box-shadow: 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
206
236
  clip-path: inset(0 0 0 0);
207
237
  }
208
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):last-child {
238
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133.awsui_body-cell-selected_c6tup_110c7_181:not(#\9):last-child {
209
239
  box-shadow: 4px 0 0 0 var(--color-background-container-content-4un1ap, #ffffff);
210
240
  clip-path: inset(0 0 0 0);
211
241
  }
212
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_mft2u_212 {
242
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133.awsui_body-cell-selected_c6tup_110c7_181:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_110c7_242 {
213
243
  box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-4un1ap, #ffffff);
214
244
  clip-path: inset(0 0 0 -24px);
215
245
  }
216
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell-last-left_c6tup_mft2u_216:not(#\9) {
246
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell-last-left_c6tup_110c7_246:not(#\9) {
217
247
  box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
218
248
  clip-path: inset(0px -24px 0px 0px);
219
249
  }
220
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell-last-right_c6tup_mft2u_212:not(#\9) {
250
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell-last-right_c6tup_110c7_242:not(#\9) {
221
251
  box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
222
252
  clip-path: inset(0 0 0 -24px);
223
253
  }
224
254
  @media (prefers-reduced-motion: reduce) {
225
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
255
+ .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133:not(#\9) {
226
256
  animation: none;
227
257
  transition: none;
228
258
  }
229
259
  }
230
- .awsui-motion-disabled .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
260
+ .awsui-motion-disabled .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_110c7_99.awsui_sticky-cell_c6tup_110c7_133:not(#\9) {
231
261
  animation: none;
232
262
  transition: none;
233
263
  }
234
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):not(:first-child) {
264
+ .awsui_body-cell-selected_c6tup_110c7_181:not(#\9):not(:first-child) {
235
265
  padding-block-start: calc(
236
266
  var(--space-scaled-xs-26e2du, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
237
267
  );
238
268
  }
239
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):not(.awsui_body-cell-selected_c6tup_mft2u_151).awsui_body-cell-next-selected_c6tup_mft2u_239 {
269
+ .awsui_body-cell_c6tup_110c7_99:not(#\9):not(.awsui_body-cell-selected_c6tup_110c7_181).awsui_body-cell-next-selected_c6tup_110c7_269 {
240
270
  border-block-end: 0;
241
271
  padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--border-divider-list-width-27y3k5, 1px));
242
272
  }
243
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-prev-selected_c6tup_mft2u_243:not(#\9) {
273
+ .awsui_body-cell-selected_c6tup_110c7_181.awsui_body-cell-prev-selected_c6tup_110c7_273:not(#\9) {
244
274
  padding-block-start: calc(
245
275
  var(--space-scaled-xs-26e2du, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
246
276
  );
247
277
  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-item-placeholder-h8j85e, #0972d3);
248
278
  }
249
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-next-selected_c6tup_mft2u_239:not(#\9) {
279
+ .awsui_body-cell-selected_c6tup_110c7_181.awsui_body-cell-next-selected_c6tup_110c7_269:not(#\9) {
250
280
  border-block-end-width: var(--border-divider-list-width-27y3k5, 1px);
251
281
  }
252
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-next-selected_c6tup_mft2u_239:not(#\9):first-child {
282
+ .awsui_body-cell-selected_c6tup_110c7_181.awsui_body-cell-next-selected_c6tup_110c7_269:not(#\9):first-child {
253
283
  border-end-start-radius: 0;
254
284
  }
255
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-next-selected_c6tup_mft2u_239:not(#\9):last-child {
285
+ .awsui_body-cell-selected_c6tup_110c7_181.awsui_body-cell-next-selected_c6tup_110c7_269:not(#\9):last-child {
256
286
  border-end-end-radius: 0;
257
287
  }
258
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-prev-selected_c6tup_mft2u_243:not(#\9):first-child {
288
+ .awsui_body-cell-selected_c6tup_110c7_181.awsui_body-cell-prev-selected_c6tup_110c7_273:not(#\9):first-child {
259
289
  border-start-start-radius: 0;
260
290
  }
261
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-prev-selected_c6tup_mft2u_243:not(#\9):last-child {
291
+ .awsui_body-cell-selected_c6tup_110c7_181.awsui_body-cell-prev-selected_c6tup_110c7_273:not(#\9):last-child {
262
292
  border-start-end-radius: 0;
263
293
  }
264
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_mft2u_243) {
294
+ .awsui_body-cell-selected_c6tup_110c7_181:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_110c7_273) {
265
295
  padding-block-start: var(--space-scaled-xs-26e2du, 8px);
266
296
  }
267
- .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9) {
297
+ .awsui_body-cell-editor_c6tup_110c7_297:not(#\9) {
268
298
  padding-block: 0;
269
299
  padding-inline-start: 0;
270
300
  padding-inline-end: calc(
271
301
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
272
302
  );
273
303
  }
274
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9) {
304
+ .awsui_body-cell-success_c6tup_110c7_304:not(#\9) {
275
305
  padding-block: 0;
276
306
  padding-inline-start: 0;
277
307
  padding-inline-end: calc(calc(
278
308
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
279
309
  ) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px)));
280
310
  }
281
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9), .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9) {
311
+ .awsui_body-cell-success_c6tup_110c7_304:not(#\9), .awsui_body-cell-editor_c6tup_110c7_297:not(#\9) {
282
312
  inset-block: 0;
283
313
  inset-inline-end: 0;
284
314
  position: absolute;
@@ -292,62 +322,62 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
292
322
  border-inline: 0;
293
323
  color: var(--color-text-button-normal-default-mo7k6u, #0972d3);
294
324
  }
295
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9):hover, .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9):hover {
325
+ .awsui_body-cell-success_c6tup_110c7_304:not(#\9):hover, .awsui_body-cell-editor_c6tup_110c7_297:not(#\9):hover {
296
326
  color: var(--color-text-button-normal-hover-04pe0y, #033160);
297
327
  }
298
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9):active, .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9):active {
328
+ .awsui_body-cell-success_c6tup_110c7_304:not(#\9):active, .awsui_body-cell-editor_c6tup_110c7_297:not(#\9):active {
299
329
  color: var(--color-text-button-normal-active-4it2mv, #033160);
300
330
  }
301
- .awsui_body-cell-success-form_c6tup_mft2u_301:not(#\9), .awsui_body-cell-editor-form_c6tup_mft2u_301:not(#\9) {
331
+ .awsui_body-cell-success-form_c6tup_110c7_331:not(#\9), .awsui_body-cell-editor-form_c6tup_110c7_331:not(#\9) {
302
332
  margin-block: calc(-1 * var(--space-xs-zb16t3, 8px));
303
333
  margin-inline: calc(-1.5 * var(--space-xs-zb16t3, 8px));
304
334
  }
305
- .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_mft2u_130 > .awsui_body-cell-success-form_c6tup_mft2u_301, .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_mft2u_130 > .awsui_body-cell-editor-form_c6tup_mft2u_301 {
335
+ .awsui_is-visual-refresh_c6tup_110c7_148.awsui_body-cell_c6tup_110c7_99:not(#\9):first-child.awsui_has-striped-rows_c6tup_110c7_160 > .awsui_body-cell-success-form_c6tup_110c7_331, .awsui_is-visual-refresh_c6tup_110c7_148.awsui_body-cell_c6tup_110c7_99:not(#\9):first-child.awsui_has-striped-rows_c6tup_110c7_160 > .awsui_body-cell-editor-form_c6tup_110c7_331 {
306
336
  margin-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
307
337
  }
308
- .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130) > .awsui_body-cell-success-form_c6tup_mft2u_301, .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130) > .awsui_body-cell-editor-form_c6tup_mft2u_301 {
338
+ .awsui_is-visual-refresh_c6tup_110c7_148.awsui_body-cell_c6tup_110c7_99:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_110c7_160) > .awsui_body-cell-success-form_c6tup_110c7_331, .awsui_is-visual-refresh_c6tup_110c7_148.awsui_body-cell_c6tup_110c7_99:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_110c7_160) > .awsui_body-cell-editor-form_c6tup_110c7_331 {
309
339
  margin-inline-start: calc(-1 * var(--space-xxxs-zbmxqb, 2px));
310
340
  }
311
- .awsui_body-cell-success-row_c6tup_mft2u_311:not(#\9), .awsui_body-cell-editor-row_c6tup_mft2u_311:not(#\9) {
341
+ .awsui_body-cell-success-row_c6tup_110c7_341:not(#\9), .awsui_body-cell-editor-row_c6tup_110c7_341:not(#\9) {
312
342
  display: flex;
313
343
  flex-flow: row nowrap;
314
344
  align-items: center;
315
345
  justify-content: space-between;
316
346
  column-gap: var(--space-xxs-p8yyaw, 4px);
317
347
  }
318
- .awsui_body-cell-success-row_c6tup_mft2u_311 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_mft2u_311 > :not(#\9):not(:last-child) {
348
+ .awsui_body-cell-success-row_c6tup_110c7_341 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_110c7_341 > :not(#\9):not(:last-child) {
319
349
  flex-grow: 1;
320
350
  }
321
- .awsui_body-cell-success-controls_c6tup_mft2u_321:not(#\9), .awsui_body-cell-editor-controls_c6tup_mft2u_321:not(#\9) {
351
+ .awsui_body-cell-success-controls_c6tup_110c7_351:not(#\9), .awsui_body-cell-editor-controls_c6tup_110c7_351:not(#\9) {
322
352
  flex-shrink: 0;
323
353
  }
324
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-disabled-edit_c6tup_mft2u_324 > .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9) {
354
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-disabled-edit_c6tup_110c7_354 > .awsui_body-cell-editor_c6tup_110c7_297:not(#\9) {
325
355
  color: var(--color-text-disabled-inline-edit-zrb7bp, #414d5c);
326
356
  }
327
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9) {
357
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9) {
328
358
  position: relative;
329
359
  cursor: pointer;
330
360
  }
331
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
361
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163.awsui_sticky-cell_c6tup_110c7_133:not(#\9) {
332
362
  position: sticky;
333
363
  }
334
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133.awsui_body-cell-edit-active_c6tup_mft2u_133:not(#\9) {
364
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163.awsui_body-cell-edit-active_c6tup_110c7_163:not(#\9) {
335
365
  overflow: visible;
336
366
  }
337
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133.awsui_body-cell-edit-active_c6tup_mft2u_133.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
367
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163.awsui_body-cell-edit-active_c6tup_110c7_163.awsui_sticky-cell_c6tup_110c7_133:not(#\9) {
338
368
  position: sticky;
339
369
  }
340
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133) > .awsui_body-cell-editor_c6tup_mft2u_267 {
370
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163) > .awsui_body-cell-editor_c6tup_110c7_297 {
341
371
  opacity: 0;
342
372
  }
343
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within {
373
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within {
344
374
  position: relative;
345
375
  }
346
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within {
376
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within {
347
377
  outline: 2px dotted transparent;
348
378
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
349
379
  }
350
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within::before {
380
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within::before {
351
381
  content: " ";
352
382
  display: block;
353
383
  position: absolute;
@@ -361,23 +391,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
361
391
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
362
392
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
363
393
  }
364
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364 {
394
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within, .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163).awsui_body-cell-edit-disabled-popover_c6tup_110c7_394 {
365
395
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
366
396
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
367
397
  }
368
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within.awsui_body-cell-has-success_c6tup_mft2u_368, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364.awsui_body-cell-has-success_c6tup_mft2u_368 {
398
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within.awsui_body-cell-has-success_c6tup_110c7_398, .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163).awsui_body-cell-edit-disabled-popover_c6tup_110c7_394.awsui_body-cell-has-success_c6tup_110c7_398 {
369
399
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px)));
370
400
  }
371
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within > .awsui_body-cell-editor_c6tup_mft2u_267, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364 > .awsui_body-cell-editor_c6tup_mft2u_267 {
401
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within > .awsui_body-cell-editor_c6tup_110c7_297, .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163).awsui_body-cell-edit-disabled-popover_c6tup_110c7_394 > .awsui_body-cell-editor_c6tup_110c7_297 {
372
402
  opacity: 1;
373
403
  }
374
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within > .awsui_body-cell-success_c6tup_mft2u_274, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364 > .awsui_body-cell-success_c6tup_mft2u_274 {
404
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within > .awsui_body-cell-success_c6tup_110c7_304, .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163).awsui_body-cell-edit-disabled-popover_c6tup_110c7_394 > .awsui_body-cell-success_c6tup_110c7_304 {
375
405
  opacity: 1;
376
406
  }
377
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within.awsui_sticky-cell_c6tup_mft2u_187, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364.awsui_sticky-cell_c6tup_mft2u_187 {
407
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):focus-within.awsui_sticky-cell_c6tup_110c7_133, .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163).awsui_body-cell-edit-disabled-popover_c6tup_110c7_394.awsui_sticky-cell_c6tup_110c7_133 {
378
408
  position: sticky;
379
409
  }
380
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover {
410
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover {
381
411
  background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
382
412
  border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-editable-cell-hover-nqrv6y, #7d8998);
383
413
  border-inline: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-editable-cell-hover-nqrv6y, #7d8998);
@@ -385,45 +415,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
385
415
  position: relative;
386
416
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
387
417
  }
388
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover:first-child {
418
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover:first-child {
389
419
  inset-inline: 0;
390
420
  }
391
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-editor_c6tup_mft2u_267 {
421
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover > .awsui_body-cell-editor_c6tup_110c7_297 {
392
422
  padding-inline-end: calc(calc(
393
423
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
394
424
  ) - (2 * var(--border-divider-list-width-27y3k5, 1px)));
395
425
  }
396
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-success_c6tup_mft2u_274 {
426
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover > .awsui_body-cell-success_c6tup_110c7_304 {
397
427
  padding-inline-end: calc(calc(calc(
398
428
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
399
429
  ) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px))) - (2 * var(--border-divider-list-width-27y3k5, 1px)));
400
430
  }
401
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-last-row_c6tup_mft2u_151.awsui_body-cell-selected_c6tup_mft2u_151, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-next-selected_c6tup_mft2u_239 {
431
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover.awsui_body-cell-last-row_c6tup_110c7_181.awsui_body-cell-selected_c6tup_110c7_181, .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover.awsui_body-cell-next-selected_c6tup_110c7_269 {
402
432
  padding-block: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px) / 2));
403
433
  }
404
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-last-row_c6tup_mft2u_151:not(.awsui_body-cell-selected_c6tup_mft2u_151) {
434
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover.awsui_body-cell-last-row_c6tup_110c7_181:not(.awsui_body-cell-selected_c6tup_110c7_181) {
405
435
  padding-block-start: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px)));
406
436
  }
407
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-first-row_c6tup_mft2u_148:not(.awsui_body-cell-selected_c6tup_mft2u_151) {
437
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover.awsui_body-cell-first-row_c6tup_110c7_178:not(.awsui_body-cell-selected_c6tup_110c7_181) {
408
438
  padding-block: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px)));
409
439
  }
410
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_sticky-cell_c6tup_mft2u_187 {
440
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover.awsui_sticky-cell_c6tup_110c7_133 {
411
441
  position: sticky;
412
442
  }
413
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-editor_c6tup_mft2u_267 {
443
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover > .awsui_body-cell-editor_c6tup_110c7_297 {
414
444
  opacity: 1;
415
445
  }
416
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-success_c6tup_mft2u_274 {
446
+ .awsui_body-cell_c6tup_110c7_99.awsui_body-cell-editable_c6tup_110c7_163:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover > .awsui_body-cell-success_c6tup_110c7_304 {
417
447
  opacity: 1;
418
448
  }
419
- .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover:first-child {
449
+ .awsui_body-cell-editable_c6tup_110c7_163.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover:first-child {
420
450
  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
421
451
  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
422
452
  }
423
- .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover:last-child {
453
+ .awsui_body-cell-editable_c6tup_110c7_163.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover:last-child {
424
454
  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
425
455
  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
426
456
  }
427
- .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-first-row_c6tup_mft2u_148 > .awsui_body-cell-success_c6tup_mft2u_274, .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-first-row_c6tup_mft2u_148 > .awsui_body-cell-editor_c6tup_mft2u_267 {
457
+ .awsui_body-cell-editable_c6tup_110c7_163.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover.awsui_body-cell-first-row_c6tup_110c7_178 > .awsui_body-cell-success_c6tup_110c7_304, .awsui_body-cell-editable_c6tup_110c7_163.awsui_is-visual-refresh_c6tup_110c7_148:not(#\9):not(.awsui_body-cell-edit-active_c6tup_110c7_163):hover.awsui_body-cell-first-row_c6tup_110c7_178 > .awsui_body-cell-editor_c6tup_110c7_297 {
428
458
  padding-block-start: var(--border-divider-list-width-27y3k5, 1px);
429
459
  }
@@ -2,35 +2,35 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "body-cell": "awsui_body-cell_c6tup_mft2u_93",
6
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_mft2u_106",
7
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_mft2u_118",
8
- "has-striped-rows": "awsui_has-striped-rows_c6tup_mft2u_130",
9
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_mft2u_133",
10
- "body-cell-editable": "awsui_body-cell-editable_c6tup_mft2u_133",
11
- "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_mft2u_139",
12
- "has-selection": "awsui_has-selection_c6tup_mft2u_142",
13
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_mft2u_148",
14
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_mft2u_151",
15
- "body-cell-selected": "awsui_body-cell-selected_c6tup_mft2u_151",
16
- "has-footer": "awsui_has-footer_c6tup_mft2u_151",
17
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_mft2u_161",
18
- "sticky-cell": "awsui_sticky-cell_c6tup_mft2u_187",
19
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_mft2u_195",
20
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_mft2u_212",
21
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_mft2u_216",
22
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_mft2u_239",
23
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_mft2u_243",
24
- "body-cell-editor": "awsui_body-cell-editor_c6tup_mft2u_267",
25
- "body-cell-success": "awsui_body-cell-success_c6tup_mft2u_274",
26
- "body-cell-success-form": "awsui_body-cell-success-form_c6tup_mft2u_301",
27
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_mft2u_301",
28
- "body-cell-success-row": "awsui_body-cell-success-row_c6tup_mft2u_311",
29
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_mft2u_311",
30
- "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_mft2u_321",
31
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_mft2u_321",
32
- "body-cell-disabled-edit": "awsui_body-cell-disabled-edit_c6tup_mft2u_324",
33
- "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364",
34
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_mft2u_368"
5
+ "body-cell": "awsui_body-cell_c6tup_110c7_99",
6
+ "sticky-cell": "awsui_sticky-cell_c6tup_110c7_133",
7
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_110c7_136",
8
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_110c7_148",
9
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_110c7_160",
10
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_110c7_163",
11
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_110c7_163",
12
+ "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_110c7_169",
13
+ "has-selection": "awsui_has-selection_c6tup_110c7_172",
14
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_110c7_178",
15
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_110c7_181",
16
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_110c7_181",
17
+ "has-footer": "awsui_has-footer_c6tup_110c7_181",
18
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_110c7_191",
19
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_110c7_225",
20
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_110c7_242",
21
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_110c7_246",
22
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_110c7_269",
23
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_110c7_273",
24
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_110c7_297",
25
+ "body-cell-success": "awsui_body-cell-success_c6tup_110c7_304",
26
+ "body-cell-success-form": "awsui_body-cell-success-form_c6tup_110c7_331",
27
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_110c7_331",
28
+ "body-cell-success-row": "awsui_body-cell-success-row_c6tup_110c7_341",
29
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_110c7_341",
30
+ "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_110c7_351",
31
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_110c7_351",
32
+ "body-cell-disabled-edit": "awsui_body-cell-disabled-edit_c6tup_110c7_354",
33
+ "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_110c7_394",
34
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_110c7_398"
35
35
  };
36
36
 
@@ -1 +1 @@
1
- {"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC;AAGjE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,kGAsE1B,CAAC"}
1
+ {"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC;AAIjE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,kGAyE1B,CAAC"}
@@ -1,12 +1,13 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import clsx from 'clsx';
4
- import React from 'react';
4
+ import React, { useRef } from 'react';
5
5
  import styles from './styles.css.js';
6
6
  import { getStickyClassNames } from '../utils';
7
7
  import { useStickyCellStyles } from '../sticky-columns';
8
8
  import { getTableCellRoleProps } from '../table-role';
9
9
  import { useMergeRefs } from '../../internal/hooks/use-merge-refs/index.js';
10
+ import { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context.js';
10
11
  export const TableTdElement = React.forwardRef(({ className, style, children, wrapLines, isRowHeader, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, nativeAttributes, onClick, onMouseEnter, onMouseLeave, isEvenRow, stripedRows, isVisualRefresh, hasSelection, hasFooter, columnId, colIndex, stickyState, tableRole, }, ref) => {
11
12
  const Element = isRowHeader ? 'th' : 'td';
12
13
  nativeAttributes = Object.assign(Object.assign({}, nativeAttributes), getTableCellRoleProps({ tableRole, isRowHeader, colIndex }));
@@ -15,7 +16,9 @@ export const TableTdElement = React.forwardRef(({ className, style, children, wr
15
16
  columnId,
16
17
  getClassName: props => getStickyClassNames(styles, props),
17
18
  });
18
- const mergedRef = useMergeRefs(stickyStyles.ref, ref);
19
- return (React.createElement(Element, Object.assign({ style: Object.assign(Object.assign({}, style), stickyStyles.style), className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer'], stickyStyles.className), onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: mergedRef }, nativeAttributes), children));
19
+ const cellRefObject = useRef(null);
20
+ const mergedRef = useMergeRefs(stickyStyles.ref, ref, cellRefObject);
21
+ const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
22
+ return (React.createElement(Element, Object.assign({ style: Object.assign(Object.assign({}, style), stickyStyles.style), className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer'], stickyStyles.className), onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: mergedRef }, nativeAttributes, { tabIndex: cellTabIndex }), children));
20
23
  });
21
24
  //# sourceMappingURL=td-element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"td-element.js","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAsB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAa,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AA+B5E,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EACE,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,eAAe,EACf,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1C,gBAAgB,mCAAQ,gBAAgB,GAAK,qBAAqB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAE,CAAC;IAE3G,MAAM,YAAY,GAAG,mBAAmB,CAAC;QACvC,aAAa,EAAE,WAAW;QAC1B,QAAQ;QACR,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC;KAC1D,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,OAAO,kBACN,KAAK,kCAAO,KAAK,GAAK,YAAY,CAAC,KAAK,GACxC,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,EACjC,YAAY,CAAC,SAAS,CACvB,EACD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,SAAS,IACV,gBAAgB,GAEnB,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\nimport { getStickyClassNames } from '../utils';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { TableRole, getTableCellRoleProps } from '../table-role';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs/index.js';\n\nexport interface TableTdElementProps {\n className?: string;\n style?: React.CSSProperties;\n wrapLines: boolean | undefined;\n isRowHeader?: boolean;\n isFirstRow: boolean;\n isLastRow: boolean;\n isSelected: boolean;\n isNextSelected: boolean;\n isPrevSelected: boolean;\n nativeAttributes?: Omit<\n React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>,\n 'style' | 'className' | 'onClick'\n >;\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n children?: React.ReactNode;\n isEvenRow?: boolean;\n stripedRows?: boolean;\n hasSelection?: boolean;\n hasFooter?: boolean;\n columnId: PropertyKey;\n colIndex: number;\n stickyState: StickyColumnsModel;\n isVisualRefresh?: boolean;\n tableRole: TableRole;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n (\n {\n className,\n style,\n children,\n wrapLines,\n isRowHeader,\n isFirstRow,\n isLastRow,\n isSelected,\n isNextSelected,\n isPrevSelected,\n nativeAttributes,\n onClick,\n onMouseEnter,\n onMouseLeave,\n isEvenRow,\n stripedRows,\n isVisualRefresh,\n hasSelection,\n hasFooter,\n columnId,\n colIndex,\n stickyState,\n tableRole,\n },\n ref\n ) => {\n const Element = isRowHeader ? 'th' : 'td';\n\n nativeAttributes = { ...nativeAttributes, ...getTableCellRoleProps({ tableRole, isRowHeader, colIndex }) };\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n });\n\n const mergedRef = useMergeRefs(stickyStyles.ref, ref);\n\n return (\n <Element\n style={{ ...style, ...stickyStyles.style }}\n className={clsx(\n className,\n styles['body-cell'],\n wrapLines && styles['body-cell-wrap'],\n isFirstRow && styles['body-cell-first-row'],\n isLastRow && styles['body-cell-last-row'],\n isSelected && styles['body-cell-selected'],\n isNextSelected && styles['body-cell-next-selected'],\n isPrevSelected && styles['body-cell-prev-selected'],\n !isEvenRow && stripedRows && styles['body-cell-shaded'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n hasSelection && styles['has-selection'],\n hasFooter && styles['has-footer'],\n stickyStyles.className\n )}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={mergedRef}\n {...nativeAttributes}\n >\n {children}\n </Element>\n );\n }\n);\n"]}
1
+ {"version":3,"file":"td-element.js","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAsB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAa,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AA+B1G,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EACE,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,eAAe,EACf,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1C,gBAAgB,mCAAQ,gBAAgB,GAAK,qBAAqB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAE,CAAC;IAE3G,MAAM,YAAY,GAAG,mBAAmB,CAAC;QACvC,aAAa,EAAE,WAAW;QAC1B,QAAQ;QACR,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC;KAC1D,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC;IACrE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAE7E,OAAO,CACL,oBAAC,OAAO,kBACN,KAAK,kCAAO,KAAK,GAAK,YAAY,CAAC,KAAK,GACxC,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,EACjC,YAAY,CAAC,SAAS,CACvB,EACD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,SAAS,IACV,gBAAgB,IACpB,QAAQ,EAAE,YAAY,KAErB,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport styles from './styles.css.js';\nimport { getStickyClassNames } from '../utils';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { TableRole, getTableCellRoleProps } from '../table-role';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs/index.js';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context.js';\n\nexport interface TableTdElementProps {\n className?: string;\n style?: React.CSSProperties;\n wrapLines: boolean | undefined;\n isRowHeader?: boolean;\n isFirstRow: boolean;\n isLastRow: boolean;\n isSelected: boolean;\n isNextSelected: boolean;\n isPrevSelected: boolean;\n nativeAttributes?: Omit<\n React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>,\n 'style' | 'className' | 'onClick'\n >;\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n children?: React.ReactNode;\n isEvenRow?: boolean;\n stripedRows?: boolean;\n hasSelection?: boolean;\n hasFooter?: boolean;\n columnId: PropertyKey;\n colIndex: number;\n stickyState: StickyColumnsModel;\n isVisualRefresh?: boolean;\n tableRole: TableRole;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n (\n {\n className,\n style,\n children,\n wrapLines,\n isRowHeader,\n isFirstRow,\n isLastRow,\n isSelected,\n isNextSelected,\n isPrevSelected,\n nativeAttributes,\n onClick,\n onMouseEnter,\n onMouseLeave,\n isEvenRow,\n stripedRows,\n isVisualRefresh,\n hasSelection,\n hasFooter,\n columnId,\n colIndex,\n stickyState,\n tableRole,\n },\n ref\n ) => {\n const Element = isRowHeader ? 'th' : 'td';\n\n nativeAttributes = { ...nativeAttributes, ...getTableCellRoleProps({ tableRole, isRowHeader, colIndex }) };\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n });\n\n const cellRefObject = useRef<HTMLTableCellElement>(null);\n const mergedRef = useMergeRefs(stickyStyles.ref, ref, cellRefObject);\n const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n return (\n <Element\n style={{ ...style, ...stickyStyles.style }}\n className={clsx(\n className,\n styles['body-cell'],\n wrapLines && styles['body-cell-wrap'],\n isFirstRow && styles['body-cell-first-row'],\n isLastRow && styles['body-cell-last-row'],\n isSelected && styles['body-cell-selected'],\n isNextSelected && styles['body-cell-next-selected'],\n isPrevSelected && styles['body-cell-prev-selected'],\n !isEvenRow && stripedRows && styles['body-cell-shaded'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n hasSelection && styles['has-selection'],\n hasFooter && styles['has-footer'],\n stickyStyles.className\n )}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={mergedRef}\n {...nativeAttributes}\n tabIndex={cellTabIndex}\n >\n {children}\n </Element>\n );\n }\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,GACvB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA8FhC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,GACvB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eAmGhC"}