@cloudscape-design/components 3.0.301 → 3.0.303

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 (433) hide show
  1. package/alert/interfaces.d.ts +1 -0
  2. package/alert/interfaces.d.ts.map +1 -1
  3. package/alert/interfaces.js.map +1 -1
  4. package/alert/styles.css.js +19 -19
  5. package/alert/styles.scoped.css +64 -64
  6. package/alert/styles.selectors.js +19 -19
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +46 -46
  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 +10 -10
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +10 -10
  14. package/app-layout/drawer/styles.scoped.css +31 -31
  15. package/app-layout/drawer/styles.selectors.js +10 -10
  16. package/app-layout/interfaces.d.ts +1 -0
  17. package/app-layout/interfaces.d.ts.map +1 -1
  18. package/app-layout/interfaces.js.map +1 -1
  19. package/app-layout/mobile-toolbar/styles.css.js +6 -6
  20. package/app-layout/mobile-toolbar/styles.scoped.css +20 -20
  21. package/app-layout/mobile-toolbar/styles.selectors.js +6 -6
  22. package/app-layout/notifications/styles.css.js +3 -3
  23. package/app-layout/notifications/styles.scoped.css +7 -7
  24. package/app-layout/notifications/styles.selectors.js +3 -3
  25. package/app-layout/styles.css.js +13 -13
  26. package/app-layout/styles.scoped.css +22 -22
  27. package/app-layout/styles.selectors.js +13 -13
  28. package/app-layout/toggles/styles.css.js +1 -1
  29. package/app-layout/toggles/styles.scoped.css +3 -3
  30. package/app-layout/toggles/styles.selectors.js +1 -1
  31. package/app-layout/visual-refresh/styles.css.js +68 -68
  32. package/app-layout/visual-refresh/styles.scoped.css +265 -265
  33. package/app-layout/visual-refresh/styles.selectors.js +68 -68
  34. package/area-chart/interfaces.d.ts +1 -0
  35. package/area-chart/interfaces.d.ts.map +1 -1
  36. package/area-chart/interfaces.js.map +1 -1
  37. package/area-chart/styles.css.js +13 -13
  38. package/area-chart/styles.scoped.css +29 -29
  39. package/area-chart/styles.selectors.js +13 -13
  40. package/attribute-editor/interfaces.d.ts +1 -0
  41. package/attribute-editor/interfaces.d.ts.map +1 -1
  42. package/attribute-editor/interfaces.js.map +1 -1
  43. package/attribute-editor/styles.css.js +14 -14
  44. package/attribute-editor/styles.scoped.css +48 -48
  45. package/attribute-editor/styles.selectors.js +14 -14
  46. package/autosuggest/interfaces.d.ts +2 -0
  47. package/autosuggest/interfaces.d.ts.map +1 -1
  48. package/autosuggest/interfaces.js.map +1 -1
  49. package/badge/styles.css.js +5 -5
  50. package/badge/styles.scoped.css +20 -20
  51. package/badge/styles.selectors.js +5 -5
  52. package/box/styles.css.js +189 -189
  53. package/box/styles.scoped.css +418 -418
  54. package/box/styles.selectors.js +189 -189
  55. package/breadcrumb-group/interfaces.d.ts +1 -0
  56. package/breadcrumb-group/interfaces.d.ts.map +1 -1
  57. package/breadcrumb-group/interfaces.js.map +1 -1
  58. package/breadcrumb-group/item/styles.css.js +9 -9
  59. package/breadcrumb-group/item/styles.scoped.css +28 -28
  60. package/breadcrumb-group/item/styles.selectors.js +9 -9
  61. package/breadcrumb-group/styles.css.js +7 -7
  62. package/breadcrumb-group/styles.scoped.css +22 -22
  63. package/breadcrumb-group/styles.selectors.js +7 -7
  64. package/button/styles.css.js +19 -19
  65. package/button/styles.scoped.css +412 -412
  66. package/button/styles.selectors.js +19 -19
  67. package/button-dropdown/category-elements/styles.css.js +13 -13
  68. package/button-dropdown/category-elements/styles.scoped.css +50 -50
  69. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  70. package/button-dropdown/item-element/styles.css.js +14 -14
  71. package/button-dropdown/item-element/styles.scoped.css +42 -42
  72. package/button-dropdown/item-element/styles.selectors.js +14 -14
  73. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  74. package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
  75. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  76. package/button-dropdown/styles.css.js +8 -8
  77. package/button-dropdown/styles.scoped.css +20 -20
  78. package/button-dropdown/styles.selectors.js +8 -8
  79. package/calendar/interfaces.d.ts +3 -0
  80. package/calendar/interfaces.d.ts.map +1 -1
  81. package/calendar/interfaces.js.map +1 -1
  82. package/calendar/styles.css.js +18 -18
  83. package/calendar/styles.scoped.css +89 -89
  84. package/calendar/styles.selectors.js +18 -18
  85. package/cards/interfaces.d.ts +1 -0
  86. package/cards/interfaces.d.ts.map +1 -1
  87. package/cards/interfaces.js.map +1 -1
  88. package/cards/styles.css.js +37 -37
  89. package/cards/styles.scoped.css +100 -100
  90. package/cards/styles.selectors.js +37 -37
  91. package/checkbox/styles.css.js +3 -3
  92. package/checkbox/styles.scoped.css +16 -16
  93. package/checkbox/styles.selectors.js +3 -3
  94. package/code-editor/interfaces.d.ts +1 -0
  95. package/code-editor/interfaces.d.ts.map +1 -1
  96. package/code-editor/interfaces.js.map +1 -1
  97. package/code-editor/resizable-box/styles.css.js +3 -3
  98. package/code-editor/resizable-box/styles.scoped.css +8 -8
  99. package/code-editor/resizable-box/styles.selectors.js +3 -3
  100. package/code-editor/styles.css.js +32 -32
  101. package/code-editor/styles.scoped.css +194 -194
  102. package/code-editor/styles.selectors.js +32 -32
  103. package/collection-preferences/content-display/styles.css.js +11 -11
  104. package/collection-preferences/content-display/styles.scoped.css +42 -42
  105. package/collection-preferences/content-display/styles.selectors.js +11 -11
  106. package/collection-preferences/interfaces.d.ts +9 -0
  107. package/collection-preferences/interfaces.d.ts.map +1 -1
  108. package/collection-preferences/interfaces.js.map +1 -1
  109. package/collection-preferences/styles.css.js +37 -37
  110. package/collection-preferences/styles.scoped.css +81 -81
  111. package/collection-preferences/styles.selectors.js +37 -37
  112. package/column-layout/styles.css.js +13 -13
  113. package/column-layout/styles.scoped.css +55 -55
  114. package/column-layout/styles.selectors.js +13 -13
  115. package/container/styles.css.js +18 -18
  116. package/container/styles.scoped.css +73 -73
  117. package/container/styles.selectors.js +18 -18
  118. package/content-layout/styles.css.js +6 -6
  119. package/content-layout/styles.scoped.css +14 -14
  120. package/content-layout/styles.selectors.js +6 -6
  121. package/date-picker/styles.css.js +7 -7
  122. package/date-picker/styles.scoped.css +16 -16
  123. package/date-picker/styles.selectors.js +7 -7
  124. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  125. package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
  126. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  127. package/date-range-picker/interfaces.d.ts +1 -0
  128. package/date-range-picker/interfaces.d.ts.map +1 -1
  129. package/date-range-picker/interfaces.js.map +1 -1
  130. package/date-range-picker/relative-range/styles.css.js +9 -9
  131. package/date-range-picker/relative-range/styles.scoped.css +16 -16
  132. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  133. package/date-range-picker/styles.css.js +38 -38
  134. package/date-range-picker/styles.scoped.css +76 -76
  135. package/date-range-picker/styles.selectors.js +38 -38
  136. package/expandable-section/styles.css.js +24 -24
  137. package/expandable-section/styles.scoped.css +87 -87
  138. package/expandable-section/styles.selectors.js +24 -24
  139. package/file-upload/dropzone/styles.css.js +2 -2
  140. package/file-upload/dropzone/styles.scoped.css +9 -9
  141. package/file-upload/dropzone/styles.selectors.js +2 -2
  142. package/file-upload/file-input/styles.css.js +4 -4
  143. package/file-upload/file-input/styles.scoped.css +14 -14
  144. package/file-upload/file-input/styles.selectors.js +4 -4
  145. package/file-upload/file-option/styles.css.js +7 -7
  146. package/file-upload/file-option/styles.scoped.css +10 -10
  147. package/file-upload/file-option/styles.selectors.js +7 -7
  148. package/file-upload/styles.css.js +2 -2
  149. package/file-upload/styles.scoped.css +4 -4
  150. package/file-upload/styles.selectors.js +2 -2
  151. package/flashbar/interfaces.d.ts +1 -0
  152. package/flashbar/interfaces.d.ts.map +1 -1
  153. package/flashbar/interfaces.js.map +1 -1
  154. package/flashbar/styles.css.js +45 -45
  155. package/flashbar/styles.scoped.css +246 -246
  156. package/flashbar/styles.selectors.js +45 -45
  157. package/form/interfaces.d.ts +1 -0
  158. package/form/interfaces.d.ts.map +1 -1
  159. package/form/interfaces.js.map +1 -1
  160. package/form/styles.css.js +9 -9
  161. package/form/styles.scoped.css +20 -20
  162. package/form/styles.selectors.js +9 -9
  163. package/form-field/interfaces.d.ts +1 -0
  164. package/form-field/interfaces.d.ts.map +1 -1
  165. package/form-field/interfaces.js.map +1 -1
  166. package/form-field/styles.css.js +19 -19
  167. package/form-field/styles.scoped.css +52 -52
  168. package/form-field/styles.selectors.js +19 -19
  169. package/grid/styles.css.js +53 -53
  170. package/grid/styles.scoped.css +60 -60
  171. package/grid/styles.selectors.js +53 -53
  172. package/header/styles.css.js +44 -44
  173. package/header/styles.scoped.css +116 -116
  174. package/header/styles.selectors.js +44 -44
  175. package/help-panel/interfaces.d.ts +1 -0
  176. package/help-panel/interfaces.d.ts.map +1 -1
  177. package/help-panel/interfaces.js.map +1 -1
  178. package/help-panel/styles.css.js +4 -4
  179. package/help-panel/styles.scoped.css +153 -153
  180. package/help-panel/styles.selectors.js +4 -4
  181. package/hotspot/styles.css.js +7 -7
  182. package/hotspot/styles.scoped.css +10 -10
  183. package/hotspot/styles.selectors.js +7 -7
  184. package/icon/styles.css.js +21 -21
  185. package/icon/styles.scoped.css +81 -81
  186. package/icon/styles.selectors.js +21 -21
  187. package/input/interfaces.d.ts +1 -0
  188. package/input/interfaces.d.ts.map +1 -1
  189. package/input/interfaces.js.map +1 -1
  190. package/input/styles.css.js +12 -12
  191. package/input/styles.scoped.css +73 -73
  192. package/input/styles.selectors.js +12 -12
  193. package/internal/base-component/styles.scoped.css +1620 -1437
  194. package/internal/components/abstract-switch/styles.css.js +13 -13
  195. package/internal/components/abstract-switch/styles.scoped.css +26 -26
  196. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  197. package/internal/components/button-trigger/styles.css.js +9 -9
  198. package/internal/components/button-trigger/styles.scoped.css +63 -63
  199. package/internal/components/button-trigger/styles.selectors.js +9 -9
  200. package/internal/components/cartesian-chart/interfaces.d.ts +4 -0
  201. package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
  202. package/internal/components/cartesian-chart/interfaces.js.map +1 -1
  203. package/internal/components/cartesian-chart/styles.css.js +21 -21
  204. package/internal/components/cartesian-chart/styles.scoped.css +34 -34
  205. package/internal/components/cartesian-chart/styles.selectors.js +21 -21
  206. package/internal/components/chart-filter/styles.css.js +3 -3
  207. package/internal/components/chart-filter/styles.scoped.css +7 -7
  208. package/internal/components/chart-filter/styles.selectors.js +3 -3
  209. package/internal/components/chart-legend/styles.css.js +6 -6
  210. package/internal/components/chart-legend/styles.scoped.css +23 -23
  211. package/internal/components/chart-legend/styles.selectors.js +6 -6
  212. package/internal/components/chart-plot/styles.css.js +5 -5
  213. package/internal/components/chart-plot/styles.scoped.css +6 -6
  214. package/internal/components/chart-plot/styles.selectors.js +5 -5
  215. package/internal/components/chart-popover/styles.css.js +3 -3
  216. package/internal/components/chart-popover/styles.scoped.css +9 -9
  217. package/internal/components/chart-popover/styles.selectors.js +3 -3
  218. package/internal/components/chart-series-details/styles.css.js +5 -5
  219. package/internal/components/chart-series-details/styles.scoped.css +20 -20
  220. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  221. package/internal/components/chart-series-marker/styles.css.js +5 -5
  222. package/internal/components/chart-series-marker/styles.scoped.css +14 -14
  223. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  224. package/internal/components/chart-status-container/styles.css.js +2 -2
  225. package/internal/components/chart-status-container/styles.scoped.css +3 -3
  226. package/internal/components/chart-status-container/styles.selectors.js +2 -2
  227. package/internal/components/checkbox-icon/styles.css.js +7 -7
  228. package/internal/components/checkbox-icon/styles.scoped.css +18 -18
  229. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  230. package/internal/components/dark-ribbon/styles.css.js +2 -2
  231. package/internal/components/dark-ribbon/styles.scoped.css +4 -4
  232. package/internal/components/dark-ribbon/styles.selectors.js +2 -2
  233. package/internal/components/dropdown/styles.css.js +20 -20
  234. package/internal/components/dropdown/styles.scoped.css +51 -51
  235. package/internal/components/dropdown/styles.selectors.js +20 -20
  236. package/internal/components/dropdown-footer/styles.css.js +3 -3
  237. package/internal/components/dropdown-footer/styles.scoped.css +9 -9
  238. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  239. package/internal/components/dropdown-status/interfaces.d.ts +3 -0
  240. package/internal/components/dropdown-status/interfaces.d.ts.map +1 -1
  241. package/internal/components/dropdown-status/interfaces.js.map +1 -1
  242. package/internal/components/dropdown-status/styles.css.js +2 -2
  243. package/internal/components/dropdown-status/styles.scoped.css +8 -8
  244. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  245. package/internal/components/filtering-token/styles.css.js +7 -7
  246. package/internal/components/filtering-token/styles.scoped.css +34 -34
  247. package/internal/components/filtering-token/styles.selectors.js +7 -7
  248. package/internal/components/handle/styles.css.js +2 -2
  249. package/internal/components/handle/styles.scoped.css +12 -12
  250. package/internal/components/handle/styles.selectors.js +2 -2
  251. package/internal/components/menu-dropdown/styles.css.js +7 -7
  252. package/internal/components/menu-dropdown/styles.scoped.css +32 -32
  253. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  254. package/internal/components/option/index.d.ts.map +1 -1
  255. package/internal/components/option/index.js +1 -1
  256. package/internal/components/option/index.js.map +1 -1
  257. package/internal/components/option/styles.css.js +17 -17
  258. package/internal/components/option/styles.scoped.css +47 -47
  259. package/internal/components/option/styles.selectors.js +17 -17
  260. package/internal/components/options-list/styles.css.js +2 -2
  261. package/internal/components/options-list/styles.scoped.css +7 -7
  262. package/internal/components/options-list/styles.selectors.js +2 -2
  263. package/internal/components/selectable-item/styles.css.js +16 -16
  264. package/internal/components/selectable-item/styles.scoped.css +71 -68
  265. package/internal/components/selectable-item/styles.selectors.js +16 -16
  266. package/internal/components/token-list/styles.css.js +9 -9
  267. package/internal/components/token-list/styles.scoped.css +40 -40
  268. package/internal/components/token-list/styles.selectors.js +9 -9
  269. package/internal/environment.js +1 -1
  270. package/internal/generated/styles/tokens.d.ts +4 -0
  271. package/internal/generated/styles/tokens.js +303 -299
  272. package/internal/generated/theming/index.cjs +1609 -675
  273. package/internal/generated/theming/index.cjs.d.ts +206 -0
  274. package/internal/generated/theming/index.d.ts +206 -0
  275. package/internal/generated/theming/index.js +1609 -675
  276. package/internal/manifest.json +1 -1
  277. package/link/interfaces.d.ts +1 -0
  278. package/link/interfaces.d.ts.map +1 -1
  279. package/link/interfaces.js.map +1 -1
  280. package/link/styles.css.js +20 -20
  281. package/link/styles.scoped.css +163 -163
  282. package/link/styles.selectors.js +20 -20
  283. package/mixed-line-bar-chart/styles.css.js +19 -19
  284. package/mixed-line-bar-chart/styles.scoped.css +38 -38
  285. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  286. package/modal/interfaces.d.ts +1 -0
  287. package/modal/interfaces.d.ts.map +1 -1
  288. package/modal/interfaces.js.map +1 -1
  289. package/modal/styles.css.js +23 -23
  290. package/modal/styles.scoped.css +67 -67
  291. package/modal/styles.selectors.js +23 -23
  292. package/multiselect/interfaces.d.ts +1 -0
  293. package/multiselect/interfaces.d.ts.map +1 -1
  294. package/multiselect/interfaces.js.map +1 -1
  295. package/multiselect/styles.css.js +1 -1
  296. package/multiselect/styles.scoped.css +5 -5
  297. package/multiselect/styles.selectors.js +1 -1
  298. package/package.json +1 -1
  299. package/pagination/interfaces.d.ts +1 -0
  300. package/pagination/interfaces.d.ts.map +1 -1
  301. package/pagination/interfaces.js.map +1 -1
  302. package/pagination/styles.css.js +9 -9
  303. package/pagination/styles.scoped.css +47 -47
  304. package/pagination/styles.selectors.js +9 -9
  305. package/pie-chart/interfaces.d.ts +4 -0
  306. package/pie-chart/interfaces.d.ts.map +1 -1
  307. package/pie-chart/interfaces.js.map +1 -1
  308. package/pie-chart/styles.css.js +27 -27
  309. package/pie-chart/styles.scoped.css +70 -70
  310. package/pie-chart/styles.selectors.js +27 -27
  311. package/popover/interfaces.d.ts +1 -0
  312. package/popover/interfaces.d.ts.map +1 -1
  313. package/popover/interfaces.js.map +1 -1
  314. package/popover/styles.css.js +50 -50
  315. package/popover/styles.scoped.css +104 -104
  316. package/popover/styles.selectors.js +50 -50
  317. package/progress-bar/styles.css.js +18 -18
  318. package/progress-bar/styles.scoped.css +58 -58
  319. package/progress-bar/styles.selectors.js +18 -18
  320. package/property-filter/interfaces.d.ts +1 -0
  321. package/property-filter/interfaces.d.ts.map +1 -1
  322. package/property-filter/interfaces.js.map +1 -1
  323. package/property-filter/styles.css.js +29 -29
  324. package/property-filter/styles.scoped.css +52 -52
  325. package/property-filter/styles.selectors.js +29 -29
  326. package/radio-group/styles.css.js +9 -9
  327. package/radio-group/styles.scoped.css +37 -37
  328. package/radio-group/styles.selectors.js +9 -9
  329. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  330. package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
  331. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  332. package/segmented-control/styles.css.js +14 -14
  333. package/segmented-control/styles.scoped.css +78 -78
  334. package/segmented-control/styles.selectors.js +14 -14
  335. package/select/interfaces.d.ts +2 -0
  336. package/select/interfaces.d.ts.map +1 -1
  337. package/select/interfaces.js.map +1 -1
  338. package/select/parts/styles.css.js +9 -9
  339. package/select/parts/styles.scoped.css +17 -17
  340. package/select/parts/styles.selectors.js +9 -9
  341. package/select/styles.css.js +1 -1
  342. package/select/styles.scoped.css +5 -5
  343. package/select/styles.selectors.js +1 -1
  344. package/side-navigation/styles.css.js +27 -27
  345. package/side-navigation/styles.scoped.css +89 -89
  346. package/side-navigation/styles.selectors.js +27 -27
  347. package/space-between/styles.css.js +20 -20
  348. package/space-between/styles.scoped.css +37 -37
  349. package/space-between/styles.selectors.js +20 -20
  350. package/spinner/styles.css.js +13 -13
  351. package/spinner/styles.scoped.css +35 -35
  352. package/spinner/styles.selectors.js +13 -13
  353. package/split-panel/interfaces.d.ts +1 -0
  354. package/split-panel/interfaces.d.ts.map +1 -1
  355. package/split-panel/interfaces.js.map +1 -1
  356. package/split-panel/styles.css.js +59 -59
  357. package/split-panel/styles.scoped.css +150 -150
  358. package/split-panel/styles.selectors.js +59 -59
  359. package/status-indicator/styles.css.js +20 -20
  360. package/status-indicator/styles.scoped.css +44 -44
  361. package/status-indicator/styles.selectors.js +20 -20
  362. package/table/body-cell/styles.css.js +28 -28
  363. package/table/body-cell/styles.scoped.css +144 -144
  364. package/table/body-cell/styles.selectors.js +28 -28
  365. package/table/header-cell/styles.css.js +24 -24
  366. package/table/header-cell/styles.scoped.css +93 -93
  367. package/table/header-cell/styles.selectors.js +24 -24
  368. package/table/interfaces.d.ts +1 -0
  369. package/table/interfaces.d.ts.map +1 -1
  370. package/table/interfaces.js.map +1 -1
  371. package/table/resizer/styles.css.js +6 -6
  372. package/table/resizer/styles.scoped.css +27 -27
  373. package/table/resizer/styles.selectors.js +6 -6
  374. package/table/selection-control/styles.css.js +3 -3
  375. package/table/selection-control/styles.scoped.css +4 -4
  376. package/table/selection-control/styles.selectors.js +3 -3
  377. package/table/styles.css.js +36 -36
  378. package/table/styles.scoped.css +88 -88
  379. package/table/styles.selectors.js +36 -36
  380. package/tabs/interfaces.d.ts +1 -0
  381. package/tabs/interfaces.d.ts.map +1 -1
  382. package/tabs/interfaces.js.map +1 -1
  383. package/tabs/styles.css.js +21 -21
  384. package/tabs/styles.scoped.css +86 -86
  385. package/tabs/styles.selectors.js +21 -21
  386. package/tag-editor/styles.css.js +3 -3
  387. package/tag-editor/styles.scoped.css +24 -24
  388. package/tag-editor/styles.selectors.js +3 -3
  389. package/text-content/styles.css.js +1 -1
  390. package/text-content/styles.scoped.css +125 -125
  391. package/text-content/styles.selectors.js +1 -1
  392. package/text-filter/styles.css.js +3 -3
  393. package/text-filter/styles.scoped.css +10 -10
  394. package/text-filter/styles.selectors.js +3 -3
  395. package/textarea/styles.css.js +4 -4
  396. package/textarea/styles.scoped.css +40 -40
  397. package/textarea/styles.selectors.js +4 -4
  398. package/tiles/styles.css.js +28 -28
  399. package/tiles/styles.scoped.css +124 -124
  400. package/tiles/styles.selectors.js +28 -28
  401. package/toggle/styles.css.js +8 -8
  402. package/toggle/styles.scoped.css +27 -27
  403. package/toggle/styles.selectors.js +8 -8
  404. package/token-group/interfaces.d.ts +1 -0
  405. package/token-group/interfaces.d.ts.map +1 -1
  406. package/token-group/interfaces.js.map +1 -1
  407. package/token-group/styles.css.js +7 -7
  408. package/token-group/styles.scoped.css +42 -42
  409. package/token-group/styles.selectors.js +7 -7
  410. package/top-navigation/1.0-beta/styles.css.js +25 -25
  411. package/top-navigation/1.0-beta/styles.scoped.css +84 -84
  412. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  413. package/top-navigation/interfaces.d.ts +1 -0
  414. package/top-navigation/interfaces.d.ts.map +1 -1
  415. package/top-navigation/interfaces.js.map +1 -1
  416. package/top-navigation/styles.css.js +47 -47
  417. package/top-navigation/styles.scoped.css +148 -148
  418. package/top-navigation/styles.selectors.js +47 -47
  419. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  420. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
  421. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  422. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  423. package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
  424. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  425. package/tutorial-panel/styles.css.js +1 -1
  426. package/tutorial-panel/styles.scoped.css +6 -6
  427. package/tutorial-panel/styles.selectors.js +1 -1
  428. package/wizard/interfaces.d.ts +1 -0
  429. package/wizard/interfaces.d.ts.map +1 -1
  430. package/wizard/interfaces.js.map +1 -1
  431. package/wizard/styles.css.js +31 -31
  432. package/wizard/styles.scoped.css +125 -125
  433. package/wizard/styles.selectors.js +31 -31
@@ -90,166 +90,166 @@ 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_header-cell_1spae_15gcu_93:not(#\9) {
93
+ .awsui_header-cell_1spae_1knid_93:not(#\9) {
94
94
  position: relative;
95
95
  text-align: left;
96
96
  box-sizing: border-box;
97
- border-bottom: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
98
- background: var(--color-background-table-header-shne10, #ffffff);
99
- color: var(--color-text-column-header-8wx65f, #414d5c);
100
- font-weight: var(--font-heading-s-weight-1ihrlj, 800);
101
- -webkit-font-smoothing: var(--font-smoothing-webkit-imui5j, antialiased);
102
- -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-zc5t56, grayscale);
103
- padding: var(--space-scaled-xxs-ugy2pw, 4px) var(--space-scaled-xs-u0e7ft, 8px);
104
- }
105
- .awsui_header-cell-sticky_1spae_15gcu_105:not(#\9) {
106
- border-bottom: var(--border-table-sticky-width-jlrbk6, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
107
- }
108
- .awsui_header-cell-stuck_1spae_15gcu_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_15gcu_108) {
97
+ border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
98
+ background: var(--color-background-table-header-oc36ue, #ffffff);
99
+ color: var(--color-text-column-header-ymulvc, #414d5c);
100
+ font-weight: var(--font-heading-s-weight-5y5giq, 800);
101
+ -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
102
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
103
+ padding: var(--space-scaled-xxs-t2t62i, 4px) var(--space-scaled-xs-wbfgrv, 8px);
104
+ }
105
+ .awsui_header-cell-sticky_1spae_1knid_105:not(#\9) {
106
+ border-bottom: var(--border-table-sticky-width-7ga74x, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
107
+ }
108
+ .awsui_header-cell-stuck_1spae_1knid_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1knid_108) {
109
109
  border-bottom-color: transparent;
110
110
  }
111
- .awsui_header-cell-variant-full-page_1spae_15gcu_108.awsui_header-cell-hidden_1spae_15gcu_111:not(#\9) {
111
+ .awsui_header-cell-variant-full-page_1spae_1knid_108.awsui_header-cell-hidden_1spae_1knid_111:not(#\9) {
112
112
  border-bottom-color: transparent;
113
113
  }
114
- .awsui_header-cell_1spae_15gcu_93:not(#\9):last-child, .awsui_header-cell_1spae_15gcu_93.awsui_header-cell-sortable_1spae_15gcu_114:not(#\9) {
115
- padding-right: var(--space-xs-inub5w, 8px);
114
+ .awsui_header-cell_1spae_1knid_93:not(#\9):last-child, .awsui_header-cell_1spae_1knid_93.awsui_header-cell-sortable_1spae_1knid_114:not(#\9) {
115
+ padding-right: var(--space-xs-edba2s, 8px);
116
116
  }
117
- .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell_1spae_15gcu_117:not(#\9) {
117
+ .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell_1spae_1knid_117:not(#\9) {
118
118
  position: sticky;
119
- background: var(--color-background-table-header-shne10, #ffffff);
119
+ background: var(--color-background-table-header-oc36ue, #ffffff);
120
120
  z-index: 798;
121
121
  transition-property: padding;
122
- transition-duration: var(--motion-duration-transition-show-quick-6dpisk, 90ms);
123
- transition-timing-function: var(--motion-easing-sticky-lbkjy3, cubic-bezier(1, 0, 0.83, 1));
122
+ transition-duration: var(--motion-duration-transition-show-quick-tx10w8, 90ms);
123
+ transition-timing-function: var(--motion-easing-sticky-c9pq0x, cubic-bezier(1, 0, 0.83, 1));
124
124
  }
125
- .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell-pad-left_1spae_15gcu_125:not(#\9):not(.awsui_has-selection_1spae_15gcu_125) {
126
- padding-left: var(--space-table-horizontal-nhrpfz, 20px);
125
+ .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell-pad-left_1spae_1knid_125:not(#\9):not(.awsui_has-selection_1spae_1knid_125) {
126
+ padding-left: var(--space-table-horizontal-8ca8r3, 20px);
127
127
  }
128
- .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell-last-left_1spae_15gcu_128:not(#\9) {
129
- box-shadow: var(--shadow-sticky-column-first-snygp0, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
128
+ .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell-last-left_1spae_1knid_128:not(#\9) {
129
+ box-shadow: var(--shadow-sticky-column-first-n8r2og, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
130
130
  clip-path: inset(0px -24px 0px 0px);
131
131
  }
132
- .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell-last-left_1spae_15gcu_128:not(#\9):not(.awsui_header-cell-resizable_1spae_15gcu_132):before {
132
+ .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell-last-left_1spae_1knid_128:not(#\9):not(.awsui_header-cell-resizable_1spae_1knid_132):before {
133
133
  display: none;
134
134
  }
135
- .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell-last-right_1spae_15gcu_135:not(#\9) {
136
- box-shadow: var(--shadow-sticky-column-last-991yrp, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
135
+ .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell-last-right_1spae_1knid_135:not(#\9) {
136
+ box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
137
137
  clip-path: inset(0 0 0 -24px);
138
138
  }
139
139
  @media (prefers-reduced-motion: reduce) {
140
- .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell_1spae_15gcu_117:not(#\9) {
140
+ .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell_1spae_1knid_117:not(#\9) {
141
141
  animation: none;
142
142
  transition: none;
143
143
  }
144
144
  }
145
- .awsui-motion-disabled .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell_1spae_15gcu_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_15gcu_93.awsui_sticky-cell_1spae_15gcu_117:not(#\9) {
145
+ .awsui-motion-disabled .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell_1spae_1knid_117:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1knid_93.awsui_sticky-cell_1spae_1knid_117:not(#\9) {
146
146
  animation: none;
147
147
  transition: none;
148
148
  }
149
- .awsui_header-cell_1spae_15gcu_93:not(#\9):not(:last-child):before {
149
+ .awsui_header-cell_1spae_1knid_93:not(#\9):not(:last-child):before {
150
150
  content: "";
151
151
  position: absolute;
152
152
  right: 0;
153
153
  bottom: 0;
154
154
  top: 0;
155
- min-height: var(--font-heading-xs-line-height-3p6w39, 18px);
156
- max-height: calc(100% - calc(2 * var(--space-xs-inub5w, 8px) + var(--space-xxxs-rq3iss, 2px)));
155
+ min-height: var(--font-heading-xs-line-height-yt5y4b, 18px);
156
+ max-height: calc(100% - calc(2 * var(--space-xs-edba2s, 8px) + var(--space-xxxs-j6dpcy, 2px)));
157
157
  margin: auto;
158
- border-left: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
158
+ border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
159
159
  box-sizing: border-box;
160
160
  }
161
- .awsui_header-cell-resizable_1spae_15gcu_132:not(#\9):not(:last-child):before {
162
- border-left-color: var(--color-border-divider-interactive-default-9y8yz5, #7d8998);
161
+ .awsui_header-cell-resizable_1spae_1knid_132:not(#\9):not(:last-child):before {
162
+ border-left-color: var(--color-border-divider-interactive-default-u9xuwg, #7d8998);
163
163
  }
164
164
 
165
- .awsui_sorting-icon_1spae_15gcu_165:not(#\9) {
165
+ .awsui_sorting-icon_1spae_1knid_165:not(#\9) {
166
166
  position: absolute;
167
167
  top: 50%;
168
168
  transform: translateY(-50%);
169
- right: var(--space-xxs-a6783b, 4px);
170
- color: var(--color-text-column-sorting-icon-od5a54, #414d5c);
169
+ right: var(--space-xxs-ja5cp8, 4px);
170
+ color: var(--color-text-column-sorting-icon-t4cvba, #414d5c);
171
171
  }
172
172
 
173
- .awsui_edit-icon_1spae_15gcu_173:not(#\9) {
174
- margin-left: var(--space-xxs-a6783b, 4px);
175
- margin-top: var(--space-scaled-xxs-ugy2pw, 4px);
173
+ .awsui_edit-icon_1spae_1knid_173:not(#\9) {
174
+ margin-left: var(--space-xxs-ja5cp8, 4px);
175
+ margin-top: var(--space-scaled-xxs-t2t62i, 4px);
176
176
  color: inherit;
177
177
  }
178
178
 
179
- .awsui_header-cell-content_1spae_15gcu_179:not(#\9) {
179
+ .awsui_header-cell-content_1spae_1knid_179:not(#\9) {
180
180
  position: relative;
181
- padding: var(--space-scaled-xxs-ugy2pw, 4px) var(--space-s-rd607g, 12px);
181
+ padding: var(--space-scaled-xxs-t2t62i, 4px) var(--space-s-hdd878, 12px);
182
182
  }
183
- .awsui_header-cell-sortable_1spae_15gcu_114 > .awsui_header-cell-content_1spae_15gcu_179:not(#\9) {
184
- padding-right: calc(var(--space-xl-7jca1b, 24px) + var(--space-xxs-a6783b, 4px));
183
+ .awsui_header-cell-sortable_1spae_1knid_114 > .awsui_header-cell-content_1spae_1knid_179:not(#\9) {
184
+ padding-right: calc(var(--space-xl-gsucfg, 24px) + var(--space-xxs-ja5cp8, 4px));
185
185
  }
186
- .awsui_header-cell-content_1spae_15gcu_179:not(#\9):focus {
186
+ .awsui_header-cell-content_1spae_1knid_179:not(#\9):focus {
187
187
  outline: none;
188
188
  text-decoration: none;
189
189
  }
190
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15gcu_179:not(#\9):focus {
190
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179:not(#\9):focus {
191
191
  position: relative;
192
192
  }
193
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15gcu_179:not(#\9):focus {
193
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179:not(#\9):focus {
194
194
  outline: 2px dotted transparent;
195
- outline-offset: calc(var(--space-table-header-focus-outline-gutter-wua4kr, 0px) - 1px);
195
+ outline-offset: calc(var(--space-table-header-focus-outline-gutter-vket9r, 0px) - 1px);
196
196
  }
197
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15gcu_179:not(#\9):focus::before {
197
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179:not(#\9):focus::before {
198
198
  content: " ";
199
199
  display: block;
200
200
  position: absolute;
201
- left: calc(-1 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
202
- top: calc(-1 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
203
- width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
204
- height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
205
- border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
206
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
207
- }
208
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15gcu_179.awsui_header-cell-fake-focus_1spae_15gcu_208:not(#\9) {
201
+ left: calc(-1 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
202
+ top: calc(-1 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
203
+ width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
204
+ height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
205
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
206
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
207
+ }
208
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179.awsui_header-cell-fake-focus_1spae_1knid_208:not(#\9) {
209
209
  position: relative;
210
210
  }
211
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15gcu_179.awsui_header-cell-fake-focus_1spae_15gcu_208:not(#\9) {
211
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179.awsui_header-cell-fake-focus_1spae_1knid_208:not(#\9) {
212
212
  outline: 2px dotted transparent;
213
- outline-offset: calc(var(--space-table-header-focus-outline-gutter-wua4kr, 0px) - 1px);
213
+ outline-offset: calc(var(--space-table-header-focus-outline-gutter-vket9r, 0px) - 1px);
214
214
  }
215
- body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15gcu_179.awsui_header-cell-fake-focus_1spae_15gcu_208:not(#\9)::before {
215
+ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1knid_179.awsui_header-cell-fake-focus_1spae_1knid_208:not(#\9)::before {
216
216
  content: " ";
217
217
  display: block;
218
218
  position: absolute;
219
- left: calc(-1 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
220
- top: calc(-1 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
221
- width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
222
- height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
223
- border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
224
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
219
+ left: calc(-1 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
220
+ top: calc(-1 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
221
+ width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
222
+ height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
223
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
224
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
225
225
  }
226
- .awsui_header-cell-disabled_1spae_15gcu_226.awsui_header-cell-sorted_1spae_15gcu_226 > .awsui_header-cell-content_1spae_15gcu_179 > .awsui_sorting-icon_1spae_15gcu_165:not(#\9) {
227
- color: var(--color-text-interactive-disabled-yf7ixh, #9ba7b6);
226
+ .awsui_header-cell-disabled_1spae_1knid_226.awsui_header-cell-sorted_1spae_1knid_226 > .awsui_header-cell-content_1spae_1knid_179 > .awsui_sorting-icon_1spae_1knid_165:not(#\9) {
227
+ color: var(--color-text-interactive-disabled-nss20z, #9ba7b6);
228
228
  }
229
229
 
230
- .awsui_header-cell-sortable_1spae_15gcu_114:not(#\9):not(.awsui_header-cell-disabled_1spae_15gcu_226) > .awsui_header-cell-content_1spae_15gcu_179 {
230
+ .awsui_header-cell-sortable_1spae_1knid_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1knid_226) > .awsui_header-cell-content_1spae_1knid_179 {
231
231
  cursor: pointer;
232
232
  }
233
- .awsui_header-cell-sortable_1spae_15gcu_114:not(#\9):not(.awsui_header-cell-disabled_1spae_15gcu_226) > .awsui_header-cell-content_1spae_15gcu_179:hover, .awsui_header-cell-sortable_1spae_15gcu_114:not(#\9):not(.awsui_header-cell-disabled_1spae_15gcu_226).awsui_header-cell-sorted_1spae_15gcu_226 > .awsui_header-cell-content_1spae_15gcu_179 {
234
- color: var(--color-text-interactive-active-9ly0dg, #000716);
233
+ .awsui_header-cell-sortable_1spae_1knid_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1knid_226) > .awsui_header-cell-content_1spae_1knid_179:hover, .awsui_header-cell-sortable_1spae_1knid_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1knid_226).awsui_header-cell-sorted_1spae_1knid_226 > .awsui_header-cell-content_1spae_1knid_179 {
234
+ color: var(--color-text-interactive-active-atr0kj, #000716);
235
235
  }
236
- .awsui_header-cell-sortable_1spae_15gcu_114:not(#\9):not(.awsui_header-cell-disabled_1spae_15gcu_226) > .awsui_header-cell-content_1spae_15gcu_179:hover > .awsui_sorting-icon_1spae_15gcu_165, .awsui_header-cell-sortable_1spae_15gcu_114:not(#\9):not(.awsui_header-cell-disabled_1spae_15gcu_226).awsui_header-cell-sorted_1spae_15gcu_226 > .awsui_header-cell-content_1spae_15gcu_179 > .awsui_sorting-icon_1spae_15gcu_165 {
237
- color: var(--color-text-interactive-active-9ly0dg, #000716);
236
+ .awsui_header-cell-sortable_1spae_1knid_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1knid_226) > .awsui_header-cell-content_1spae_1knid_179:hover > .awsui_sorting-icon_1spae_1knid_165, .awsui_header-cell-sortable_1spae_1knid_114:not(#\9):not(.awsui_header-cell-disabled_1spae_1knid_226).awsui_header-cell-sorted_1spae_1knid_226 > .awsui_header-cell-content_1spae_1knid_179 > .awsui_sorting-icon_1spae_1knid_165 {
237
+ color: var(--color-text-interactive-active-atr0kj, #000716);
238
238
  }
239
239
 
240
- .awsui_header-cell-text_1spae_15gcu_240:not(#\9) {
241
- line-height: var(--font-heading-xs-line-height-3p6w39, 18px);
242
- padding-top: calc(var(--space-xxxs-rq3iss, 2px) / 2);
243
- padding-bottom: calc(var(--space-xxxs-rq3iss, 2px) / 2);
240
+ .awsui_header-cell-text_1spae_1knid_240:not(#\9) {
241
+ line-height: var(--font-heading-xs-line-height-yt5y4b, 18px);
242
+ padding-top: calc(var(--space-xxxs-j6dpcy, 2px) / 2);
243
+ padding-bottom: calc(var(--space-xxxs-j6dpcy, 2px) / 2);
244
244
  }
245
- .awsui_header-cell-text_1spae_15gcu_240:not(#\9):not(.awsui_header-cell-text-wrap_1spae_15gcu_245) {
245
+ .awsui_header-cell-text_1spae_1knid_240:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1knid_245) {
246
246
  white-space: nowrap;
247
247
  overflow: hidden;
248
248
  text-overflow: ellipsis;
249
249
  }
250
250
 
251
- .awsui_header-cell-ascending_1spae_15gcu_251:not(#\9),
252
- .awsui_header-cell-descending_1spae_15gcu_252:not(#\9) {
251
+ .awsui_header-cell-ascending_1spae_1knid_251:not(#\9),
252
+ .awsui_header-cell-descending_1spae_1knid_252:not(#\9) {
253
253
  /* used in test-utils */
254
254
  }
255
255
 
@@ -259,29 +259,29 @@ with the left edge of the table as closely as possible. If the
259
259
  last header cell is sortable the sort icon should align with the
260
260
  settings icon in the pagination slot.
261
261
  */
262
- .awsui_header-cell_1spae_15gcu_93:not(#\9):not(.awsui_is-visual-refresh_1spae_15gcu_262):first-child {
263
- padding-left: var(--space-xs-inub5w, 8px);
262
+ .awsui_header-cell_1spae_1knid_93:not(#\9):not(.awsui_is-visual-refresh_1spae_1knid_262):first-child {
263
+ padding-left: var(--space-xs-edba2s, 8px);
264
264
  }
265
265
 
266
- .awsui_header-cell_1spae_15gcu_93.awsui_is-visual-refresh_1spae_15gcu_262:not(#\9) {
266
+ .awsui_header-cell_1spae_1knid_93.awsui_is-visual-refresh_1spae_1knid_262:not(#\9) {
267
267
  /*
268
268
  Striped rows requires additional left padding because the
269
269
  shaded background makes the child content appear too close
270
270
  to the table edge.
271
271
  */
272
272
  }
273
- .awsui_header-cell_1spae_15gcu_93.awsui_is-visual-refresh_1spae_15gcu_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_15gcu_273) {
274
- padding-left: var(--space-xxxs-rq3iss, 2px);
273
+ .awsui_header-cell_1spae_1knid_93.awsui_is-visual-refresh_1spae_1knid_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1knid_273) {
274
+ padding-left: var(--space-xxxs-j6dpcy, 2px);
275
275
  }
276
- .awsui_header-cell_1spae_15gcu_93.awsui_is-visual-refresh_1spae_15gcu_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_15gcu_273).awsui_sticky-cell-pad-left_1spae_15gcu_125 {
277
- padding-left: var(--space-table-horizontal-nhrpfz, 20px);
276
+ .awsui_header-cell_1spae_1knid_93.awsui_is-visual-refresh_1spae_1knid_262:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1knid_273).awsui_sticky-cell-pad-left_1spae_1knid_125 {
277
+ padding-left: var(--space-table-horizontal-8ca8r3, 20px);
278
278
  }
279
- .awsui_header-cell_1spae_15gcu_93.awsui_is-visual-refresh_1spae_15gcu_262:not(#\9):first-child.awsui_has-striped-rows_1spae_15gcu_273 {
280
- padding-left: var(--space-xxs-a6783b, 4px);
279
+ .awsui_header-cell_1spae_1knid_93.awsui_is-visual-refresh_1spae_1knid_262:not(#\9):first-child.awsui_has-striped-rows_1spae_1knid_273 {
280
+ padding-left: var(--space-xxs-ja5cp8, 4px);
281
281
  }
282
- .awsui_header-cell_1spae_15gcu_93.awsui_is-visual-refresh_1spae_15gcu_262:not(#\9):first-child > .awsui_header-cell-content_1spae_15gcu_179 {
282
+ .awsui_header-cell_1spae_1knid_93.awsui_is-visual-refresh_1spae_1knid_262:not(#\9):first-child > .awsui_header-cell-content_1spae_1knid_179 {
283
283
  padding-left: 0;
284
284
  }
285
- .awsui_header-cell_1spae_15gcu_93.awsui_is-visual-refresh_1spae_15gcu_262:not(#\9):last-child.awsui_header-cell-sortable_1spae_15gcu_114 {
286
- padding-right: var(--space-xxxs-rq3iss, 2px);
285
+ .awsui_header-cell_1spae_1knid_93.awsui_is-visual-refresh_1spae_1knid_262:not(#\9):last-child.awsui_header-cell-sortable_1spae_1knid_114 {
286
+ padding-right: var(--space-xxxs-j6dpcy, 2px);
287
287
  }
@@ -2,29 +2,29 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "header-cell": "awsui_header-cell_1spae_15gcu_93",
6
- "header-cell-sticky": "awsui_header-cell-sticky_1spae_15gcu_105",
7
- "header-cell-stuck": "awsui_header-cell-stuck_1spae_15gcu_108",
8
- "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_15gcu_108",
9
- "header-cell-hidden": "awsui_header-cell-hidden_1spae_15gcu_111",
10
- "header-cell-sortable": "awsui_header-cell-sortable_1spae_15gcu_114",
11
- "sticky-cell": "awsui_sticky-cell_1spae_15gcu_117",
12
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_15gcu_125",
13
- "has-selection": "awsui_has-selection_1spae_15gcu_125",
14
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_15gcu_128",
15
- "header-cell-resizable": "awsui_header-cell-resizable_1spae_15gcu_132",
16
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_15gcu_135",
17
- "sorting-icon": "awsui_sorting-icon_1spae_15gcu_165",
18
- "edit-icon": "awsui_edit-icon_1spae_15gcu_173",
19
- "header-cell-content": "awsui_header-cell-content_1spae_15gcu_179",
20
- "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_15gcu_208",
21
- "header-cell-disabled": "awsui_header-cell-disabled_1spae_15gcu_226",
22
- "header-cell-sorted": "awsui_header-cell-sorted_1spae_15gcu_226",
23
- "header-cell-text": "awsui_header-cell-text_1spae_15gcu_240",
24
- "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_15gcu_245",
25
- "header-cell-ascending": "awsui_header-cell-ascending_1spae_15gcu_251",
26
- "header-cell-descending": "awsui_header-cell-descending_1spae_15gcu_252",
27
- "is-visual-refresh": "awsui_is-visual-refresh_1spae_15gcu_262",
28
- "has-striped-rows": "awsui_has-striped-rows_1spae_15gcu_273"
5
+ "header-cell": "awsui_header-cell_1spae_1knid_93",
6
+ "header-cell-sticky": "awsui_header-cell-sticky_1spae_1knid_105",
7
+ "header-cell-stuck": "awsui_header-cell-stuck_1spae_1knid_108",
8
+ "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1knid_108",
9
+ "header-cell-hidden": "awsui_header-cell-hidden_1spae_1knid_111",
10
+ "header-cell-sortable": "awsui_header-cell-sortable_1spae_1knid_114",
11
+ "sticky-cell": "awsui_sticky-cell_1spae_1knid_117",
12
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1knid_125",
13
+ "has-selection": "awsui_has-selection_1spae_1knid_125",
14
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_1spae_1knid_128",
15
+ "header-cell-resizable": "awsui_header-cell-resizable_1spae_1knid_132",
16
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_1spae_1knid_135",
17
+ "sorting-icon": "awsui_sorting-icon_1spae_1knid_165",
18
+ "edit-icon": "awsui_edit-icon_1spae_1knid_173",
19
+ "header-cell-content": "awsui_header-cell-content_1spae_1knid_179",
20
+ "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1knid_208",
21
+ "header-cell-disabled": "awsui_header-cell-disabled_1spae_1knid_226",
22
+ "header-cell-sorted": "awsui_header-cell-sorted_1spae_1knid_226",
23
+ "header-cell-text": "awsui_header-cell-text_1spae_1knid_240",
24
+ "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1knid_245",
25
+ "header-cell-ascending": "awsui_header-cell-ascending_1spae_1knid_251",
26
+ "header-cell-descending": "awsui_header-cell-descending_1spae_1knid_252",
27
+ "is-visual-refresh": "awsui_is-visual-refresh_1spae_1knid_262",
28
+ "has-striped-rows": "awsui_has-striped-rows_1spae_1knid_273"
29
29
  };
30
30
 
@@ -150,6 +150,7 @@ export interface TableProps<T = any> extends BaseComponentProps {
150
150
  * Specifies an alternative text for the success icon in editable cells. This text is also announced to screen readers.
151
151
  * * `submittingEditText` (EditableColumnDefinition) => string -
152
152
  * Specifies a text that is announced to screen readers when a cell edit operation is submitted.
153
+ * @i18n
153
154
  */
154
155
  ariaLabels?: TableProps.AriaLabels<T>;
155
156
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["table/interfaces.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["table/interfaces.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["table/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../internal/events';\nimport { Optional } from '../internal/types';\nimport ColumnDisplayProperties = TableProps.ColumnDisplayProperties;\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface TableForwardRefType {\n <T>(props: TableProps<T> & { ref?: React.Ref<TableProps.Ref> }): JSX.Element;\n}\n\nexport interface TableProps<T = any> extends BaseComponentProps {\n /**\n * Heading element of the table container. Use the [header component](/components/header/).\n */\n header?: React.ReactNode;\n\n /**\n * Footer of the table container.\n */\n footer?: React.ReactNode;\n\n /**\n * Displayed when the `items` property is an empty array. Use it to render an empty or no-match state.\n */\n empty?: React.ReactNode;\n\n /**\n * Specifies the data that's displayed in the table rows. Each item contains the data for one row. The display of a row is handled\n * by the `cell` property of each column definition in the `columnDefinitions` property.\n */\n items: ReadonlyArray<T>;\n\n /**\n * Renders the table in a loading state. We recommend that you also set a `loadingText`.\n */\n loading?: boolean;\n\n /**\n * Specifies the text that's displayed when the table is in a loading state.\n */\n loadingText?: string;\n\n /**\n * Specifies a property that uniquely identifies an individual item.\n * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)\n * for performance optimizations.\n *\n * It's also used to connect `items` and `selectedItems` values when they reference different objects.\n */\n trackBy?: TableProps.TrackBy<T>;\n\n /**\n * The columns configuration object\n * * `id` (string) - Specifies a unique column identifier. The property is used 1) as a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering,\n * and 2) to match entries in the `columnDisplay` property, if defined.\n * * `header` (ReactNode) - Determines the display of the column header.\n * * `cell` ((item) => ReactNode) - Determines the display of a cell's content. You receive the current table row\n * item as an argument.\n * * `width` (string | number) - Specifies the column width. Corresponds to the `width` css-property. If the width is not set,\n * the browser automatically adjusts the column width based on the content. When `resizableColumns` property is\n * set to `true`, additional constraints apply: 1) string values are not allowed, and 2) the last visible column always\n * fills the remaining space of the table so the specified width is ignored.\n * * `minWidth` (string | number) - Specifies the minimum column width. Corresponds to the `min-width` css-property. When\n * `resizableColumns` property is set to `true`, additional constraints apply: 1) string values are not allowed,\n * and 2) the column can't resize below than the specified width (defaults to \"120px\"). We recommend that you set a minimum width\n * of at least 176px for columns that are editable.\n * * `maxWidth` (string | number) - Specifies the maximum column width. Corresponds to the `max-width` css-property.\n * Note that when the `resizableColumns` property is set to `true` this property is ignored.\n * * `ariaLabel` (LabelData => string) - An optional function that's called to provide an `aria-label` for the cell header.\n * It receives the current sorting state of this column, the direction it's sorted in, and an indication of\n * whether the sorting is disabled, as three Boolean values: `sorted`, `descending` and `disabled`.\n * We recommend that you use this for sortable columns to provide more meaningful labels based on the\n * current sorting direction.\n * * `sortingField` (string) - Enables default column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n * to reorder the items. Provide the name of the property within each item that should be used for sorting by this column.\n * For more complex sorting use `sortingComparator` instead.\n * * `sortingComparator` ((T, T) => number) - Enables custom column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n * to reorder the items. This property accepts a custom comparator that is used to compare two items.\n * The comparator must implement ascending ordering, and the output is inverted automatically in case of descending order.\n * If present, the `sortingField` property is ignored.\n * * `editConfig` (EditConfig) - Enables inline editing in column when present. The value is used to configure the editing behavior.\n * * * `editConfig.ariaLabel` (string) - Specifies a label for the edit control. Visually hidden but read by screen readers.\n * * * `editConfig.errorIconAriaLabel` (string) - Specifies an ariaLabel for the error icon that is displayed when the validation fails.\n * * * `editConfig.editIconAriaLabel` (string) - Specifies an alternate text for the edit icon used in column header.\n * * * `editConfig.constraintText` (string) - Constraint text that is displayed below the edit control.\n * * * `editConfig.validation` ((item, value) => string) - A function that allows you to validate the value of the edit control.\n * Return a string from the function to display an error message. Return `undefined` (or no return) from the function to indicate that the value is valid.\n * * * `editConfig.editingCell` ((item, cellContext) => ReactNode) - Determines the display of a cell's content when inline editing is active on a cell;\n * You receive the current table row `item` and a `cellContext` object as arguments.\n * The `cellContext` object contains the following properties:\n * * * `cellContext.currentValue` - State to keep track of a value in input fields while editing.\n * * * `cellContext.setValue` - Function to update `currentValue`. This should be called when the value in input field changes.\n * * `isRowHeader` (boolean) - Specifies that cells in this column should be used as row headers.\n */\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n /**\n * Specifies the selection type (`'single' | 'multi'`).\n */\n selectionType?: TableProps.SelectionType;\n /**\n * List of selected items.\n */\n selectedItems?: ReadonlyArray<T>;\n\n /**\n * Use this slot to add filtering controls to the table.\n */\n filter?: React.ReactNode;\n\n /**\n * Use this slot to add the [pagination component](/components/pagination/) to the table.\n */\n pagination?: React.ReactNode;\n\n /**\n * Use this slot to add [collection preferences](/components/collection-preferences/) to the table.\n */\n preferences?: React.ReactNode;\n\n /**\n * Determines whether a given item is disabled. If an item is disabled, the user can't select it.\n */\n isItemDisabled?: TableProps.IsItemDisabled<T>;\n\n /**\n * Specifies if text wraps within table cells. If set to `true`, long text within cells may wrap onto\n * multiple lines instead of being truncated with an ellipsis.\n */\n wrapLines?: boolean;\n\n /**\n * Specifies if table rows alternate being shaded and unshaded. If set to `true`, every other row will be shaded.\n */\n stripedRows?: boolean;\n\n /**\n * Toggles the content density of the table. Defaults to `'comfortable'`.\n */\n contentDensity?: 'comfortable' | 'compact';\n\n /**\n * Specifies if columns can be resized. If set to `true`, users can resize the columns in the table.\n */\n resizableColumns?: boolean;\n\n /**\n * Specifies alternative text for the selection components (checkboxes and radio buttons) as follows:\n * * `itemSelectionLabel` ((SelectionState, Item) => string) - Specifies the alternative text for an item.\n * * `allItemsSelectionLabel` ((SelectionState) => string) - Specifies the alternative text for multi-selection column header.\n * * `selectionGroupLabel` (string) - Specifies the alternative text for the whole selection and single-selection column header.\n * It is prefixed to `itemSelectionLabel` and `allItemsSelectionLabel` when they are set.\n * * `tableLabel` (string) - Provides an alternative text for the table. If you use a header for this table, you may reuse the string\n * to provide a caption-like description. For example, tableLabel=Instances will be announced as 'Instances table'.\n * You can use the first argument of type `SelectionState` to access the current selection\n * state of the component (for example, the `selectedItems` list). The `itemSelectionLabel` for individual\n * items also receives the corresponding `Item` object. You can use the `selectionGroupLabel` to\n * add a meaningful description to the whole selection.\n *\n * * `activateEditLabel` (EditableColumnDefinition, Item) => string -\n * Specifies an alternative text for the edit button in editable cells.\n * * `cancelEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the cancel button in editable cells.\n * * `submitEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the submit button in editable cells.\n * * `successfulEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the success icon in editable cells. This text is also announced to screen readers.\n * * `submittingEditText` (EditableColumnDefinition) => string -\n * Specifies a text that is announced to screen readers when a cell edit operation is submitted.\n */\n ariaLabels?: TableProps.AriaLabels<T>;\n\n /**\n * Specifies the definition object of the currently sorted column. Make sure you pass an object that's\n * present in the `columnDefinitions` array.\n */\n sortingColumn?: TableProps.SortingColumn<T>;\n /**\n * Specifies whether to use a descending sort order.\n */\n sortingDescending?: boolean;\n /**\n * Specifies if sorting buttons are disabled. For example, use this property\n * to prevent the user from sorting before items are fully loaded.\n */\n sortingDisabled?: boolean;\n\n /**\n * Specifies the number of first and/or last columns that should be sticky.\n *\n * If the available scrollable space is less than a certain threshold, the feature is deactivated.\n *\n * Use it in conjunction with the sticky columns preference of the\n * [collection preferences](/components/collection-preferences/) component.\n *\n */\n stickyColumns?: TableProps.StickyColumns;\n\n /**\n * Specifies an array that represents the table columns in the order in which they will be displayed, together with their visibility.\n *\n * If not set, all columns are displayed and the order is dictated by the `columnDefinitions` property.\n *\n * Use it in conjunction with the content display preference of the [collection preferences](/components/collection-preferences/) component.\n */\n columnDisplay?: ReadonlyArray<ColumnDisplayProperties>;\n\n /**\n * Specifies an array containing the `id`s of visible columns. If not set, all columns are displayed.\n *\n * Use it in conjunction with the visible content preference of the [collection preferences](/components/collection-preferences/) component.\n *\n * The order of ids doesn't influence the order in which columns are displayed - this is dictated by the `columnDefinitions` property.\n * */\n visibleColumns?: ReadonlyArray<string>;\n\n /**\n * Fired when the user resizes a table column. The event detail contains an array of column widths in pixels,\n * including the hidden via preferences columns. Use this event to persist the column widths.\n */\n onColumnWidthsChange?: NonCancelableEventHandler<TableProps.ColumnWidthsChangeDetail>;\n\n /**\n * Called when either the column to sort by or the direction of sorting changes upon user interaction.\n * The event detail contains the current sortingColumn and isDescending.\n */\n onSortingChange?: NonCancelableEventHandler<TableProps.SortingState<T>>;\n\n /**\n * Fired when a user interaction triggers a change in the list of selected items.\n * The event `detail` contains the current list of `selectedItems`.\n */\n onSelectionChange?: NonCancelableEventHandler<TableProps.SelectionChangeDetail<T>>;\n\n /**\n * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n * and it may be deprecated in the future.\n *\n * Called when the user clicked at a table row. The event detail contains the index of the\n * clicked row and the row object itself. Use this event to define a row click behavior.\n */\n onRowClick?: NonCancelableEventHandler<TableProps.OnRowClickDetail<T>>;\n\n /**\n * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n * and it may be deprecated in the future.\n *\n * Called when the user clicked at a table row with the right mouse click. The event detail\n * contains the index of the clicked row and the row object itself. Use this event to override\n * the default browser context menu behavior.\n */\n onRowContextMenu?: CancelableEventHandler<TableProps.OnRowContextMenuDetail<T>>;\n\n /**\n * If set to `true`, the table header remains visible when the user scrolls down.\n */\n stickyHeader?: boolean;\n\n /**\n * Specifies a vertical offset (in pixels) for the sticky header. For example, use this if you\n * need to position the sticky header below other fixed position elements on the page.\n */\n stickyHeaderVerticalOffset?: number;\n\n /**\n * Specify a table variant with one of the following:\n * * `container` - Use this variant to have the table displayed within a container.\n * * `borderless` - Use this variant when the table should have no outer borders or shadow\n * (such as in a dashboard item container).\n * * `embedded` - Use this variant within a parent container (such as a modal, expandable\n * section, container or split panel).\n * **Deprecated**, replaced by `borderless` and `container`.\n * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n * table).\n * * `full-page` – Use this variant when the table is the entire content of a page. Full page variants\n * implement the high contrast header and content behavior automatically.\n * @visualrefresh `embedded`, `stacked`, and `full-page` variants\n */\n variant?: TableProps.Variant;\n\n /**\n * Use this property to inform screen readers how many items there are in a table.\n * It specifies the total count of all items in a table.\n * If there is an unknown total of items in a table, leave this property undefined. */\n totalItemsCount?: number;\n /**\n * Use this property to inform screen readers which range of items is currently displayed in the table.\n * It specifies the index (1-based) of the first item in the table.\n * If the table has no pagination, leave this property undefined. */\n firstIndex?: number;\n /**\n * Use this function to announce page changes to screen reader users.\n * Requires the properties firstIndex and totalItemsCount to be set correctly.\n */\n renderAriaLive?: (data: TableProps.LiveAnnouncement) => string;\n /**\n * Specifies a function that will be called after user submits an inline edit.\n * Return a promise to keep loading state while the submit request is in progress.\n */\n submitEdit?: TableProps.SubmitEditFunction<T>;\n\n /**\n * Called whenever user cancels an inline edit. Use this function to reset any\n * validation states, or show warning for unsaved changes.\n */\n onEditCancel?: CancelableEventHandler;\n}\n\nexport namespace TableProps {\n export type TrackBy<T> = string | ((item: T) => string);\n\n export interface CellContext<V> {\n currentValue: Optional<V>;\n setValue: (value: V | undefined) => void;\n }\n\n export interface EditConfig<T, V = any> {\n /**\n * Specifies a label for the edit control. Visually hidden but read\n * by screen readers.\n */\n ariaLabel?: string;\n /**\n * Specifies an ariaLabel for the error icon that is displayed when\n * the validation fails.\n */\n errorIconAriaLabel?: string;\n /**\n * Specifies an alternate text for the edit icon used in column header.\n */\n editIconAriaLabel?: string;\n /**\n * Constraint text that is displayed below the edit control.\n */\n constraintText?: string;\n /**\n * A function that allows you to validate the value of the edit control. Return\n * a string from the function to display an error message. Return\n * `undefined` (or no return) from the function to indicate that the value is valid.\n * @param item - The item that is being edited.\n * @param value - The current value of the edit control.\n */\n validation?: (item: T, value: Optional<V>) => Optional<string>;\n\n /**\n * Determines the display of a cell's content when inline edit is active.\n */\n editingCell(item: T, ctx: TableProps.CellContext<any>): React.ReactNode;\n }\n\n export type ColumnDefinition<ItemType> = {\n id?: string;\n header: React.ReactNode;\n ariaLabel?(data: LabelData): string;\n width?: number | string;\n minWidth?: number | string;\n maxWidth?: number | string;\n editConfig?: EditConfig<ItemType>;\n isRowHeader?: boolean;\n cell(item: ItemType): React.ReactNode;\n } & SortingColumn<ItemType>;\n\n export interface StickyColumns {\n first?: number;\n last?: number;\n }\n\n export type SelectionType = 'single' | 'multi';\n export type Variant = 'container' | 'embedded' | 'borderless' | 'stacked' | 'full-page';\n export interface SelectionState<T> {\n selectedItems: ReadonlyArray<T>;\n }\n export interface SelectionChangeDetail<T> {\n selectedItems: T[];\n }\n export type IsItemDisabled<T> = (item: T) => boolean;\n export interface AriaLabels<T> {\n allItemsSelectionLabel?: (data: TableProps.SelectionState<T>) => string;\n itemSelectionLabel?: (data: TableProps.SelectionState<T>, row: T) => string;\n selectionGroupLabel?: string;\n tableLabel?: string;\n // do not use <T> to prevent overly strict validation on consumer end\n // it works, practically, we are only interested in `id` and `header` properties only\n activateEditLabel?: (column: ColumnDefinition<any>, item: T) => string;\n cancelEditLabel?: (column: ColumnDefinition<any>) => string;\n submitEditLabel?: (column: ColumnDefinition<any>) => string;\n submittingEditText?: (column: ColumnDefinition<any>) => string;\n successfulEditLabel?: (column: ColumnDefinition<any>) => string;\n }\n export interface SortingState<T> {\n isDescending?: boolean;\n sortingColumn: SortingColumn<T>;\n }\n export interface SortingColumn<T> {\n sortingField?: string;\n sortingComparator?: (a: T, b: T) => number;\n }\n export interface LabelData {\n sorted: boolean;\n descending: boolean;\n disabled: boolean;\n }\n export interface OnRowClickDetail<T> {\n rowIndex: number;\n item: T;\n }\n export interface OnRowContextMenuDetail<T> {\n rowIndex: number;\n item: T;\n clientX: number;\n clientY: number;\n }\n\n export interface ColumnWidthsChangeDetail {\n widths: ReadonlyArray<number>;\n }\n\n export interface LiveAnnouncement {\n totalItemsCount?: number;\n firstIndex: number;\n lastIndex: number;\n }\n\n export interface Ref {\n /**\n * When the sticky header is enabled and you call this function, the table\n * scroll parent scrolls to reveal the first row of the table.\n */\n scrollToTop(): void;\n\n /**\n * Dismiss an inline edit if currently active.\n */\n cancelEdit?(): void;\n }\n\n export type SubmitEditFunction<ItemType, ValueType = unknown> = (\n item: ItemType,\n column: ColumnDefinition<ItemType>,\n newValue: ValueType\n ) => Promise<void> | void;\n\n export interface ColumnDisplayProperties {\n id: string;\n visible: boolean;\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["table/interfaces.tsx"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../internal/events';\nimport { Optional } from '../internal/types';\nimport ColumnDisplayProperties = TableProps.ColumnDisplayProperties;\n\n/*\n * HACK: Cast the component to a named parametrized interface.\n *\n * This lets us use React.forwardRef and still let the component have type\n * parameters, and the naming convention lets the documenter know that this is\n * a forwardRef-wrapped component.\n *\n * We don't need to expose this type to customers because it's just a simple\n * function type.\n */\nexport interface TableForwardRefType {\n <T>(props: TableProps<T> & { ref?: React.Ref<TableProps.Ref> }): JSX.Element;\n}\n\nexport interface TableProps<T = any> extends BaseComponentProps {\n /**\n * Heading element of the table container. Use the [header component](/components/header/).\n */\n header?: React.ReactNode;\n\n /**\n * Footer of the table container.\n */\n footer?: React.ReactNode;\n\n /**\n * Displayed when the `items` property is an empty array. Use it to render an empty or no-match state.\n */\n empty?: React.ReactNode;\n\n /**\n * Specifies the data that's displayed in the table rows. Each item contains the data for one row. The display of a row is handled\n * by the `cell` property of each column definition in the `columnDefinitions` property.\n */\n items: ReadonlyArray<T>;\n\n /**\n * Renders the table in a loading state. We recommend that you also set a `loadingText`.\n */\n loading?: boolean;\n\n /**\n * Specifies the text that's displayed when the table is in a loading state.\n */\n loadingText?: string;\n\n /**\n * Specifies a property that uniquely identifies an individual item.\n * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)\n * for performance optimizations.\n *\n * It's also used to connect `items` and `selectedItems` values when they reference different objects.\n */\n trackBy?: TableProps.TrackBy<T>;\n\n /**\n * The columns configuration object\n * * `id` (string) - Specifies a unique column identifier. The property is used 1) as a [keys](https://reactjs.org/docs/lists-and-keys.html#keys) source for React rendering,\n * and 2) to match entries in the `columnDisplay` property, if defined.\n * * `header` (ReactNode) - Determines the display of the column header.\n * * `cell` ((item) => ReactNode) - Determines the display of a cell's content. You receive the current table row\n * item as an argument.\n * * `width` (string | number) - Specifies the column width. Corresponds to the `width` css-property. If the width is not set,\n * the browser automatically adjusts the column width based on the content. When `resizableColumns` property is\n * set to `true`, additional constraints apply: 1) string values are not allowed, and 2) the last visible column always\n * fills the remaining space of the table so the specified width is ignored.\n * * `minWidth` (string | number) - Specifies the minimum column width. Corresponds to the `min-width` css-property. When\n * `resizableColumns` property is set to `true`, additional constraints apply: 1) string values are not allowed,\n * and 2) the column can't resize below than the specified width (defaults to \"120px\"). We recommend that you set a minimum width\n * of at least 176px for columns that are editable.\n * * `maxWidth` (string | number) - Specifies the maximum column width. Corresponds to the `max-width` css-property.\n * Note that when the `resizableColumns` property is set to `true` this property is ignored.\n * * `ariaLabel` (LabelData => string) - An optional function that's called to provide an `aria-label` for the cell header.\n * It receives the current sorting state of this column, the direction it's sorted in, and an indication of\n * whether the sorting is disabled, as three Boolean values: `sorted`, `descending` and `disabled`.\n * We recommend that you use this for sortable columns to provide more meaningful labels based on the\n * current sorting direction.\n * * `sortingField` (string) - Enables default column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n * to reorder the items. Provide the name of the property within each item that should be used for sorting by this column.\n * For more complex sorting use `sortingComparator` instead.\n * * `sortingComparator` ((T, T) => number) - Enables custom column sorting. The value is used in [collection hooks](/get-started/dev-guides/collection-hooks/)\n * to reorder the items. This property accepts a custom comparator that is used to compare two items.\n * The comparator must implement ascending ordering, and the output is inverted automatically in case of descending order.\n * If present, the `sortingField` property is ignored.\n * * `editConfig` (EditConfig) - Enables inline editing in column when present. The value is used to configure the editing behavior.\n * * * `editConfig.ariaLabel` (string) - Specifies a label for the edit control. Visually hidden but read by screen readers.\n * * * `editConfig.errorIconAriaLabel` (string) - Specifies an ariaLabel for the error icon that is displayed when the validation fails.\n * * * `editConfig.editIconAriaLabel` (string) - Specifies an alternate text for the edit icon used in column header.\n * * * `editConfig.constraintText` (string) - Constraint text that is displayed below the edit control.\n * * * `editConfig.validation` ((item, value) => string) - A function that allows you to validate the value of the edit control.\n * Return a string from the function to display an error message. Return `undefined` (or no return) from the function to indicate that the value is valid.\n * * * `editConfig.editingCell` ((item, cellContext) => ReactNode) - Determines the display of a cell's content when inline editing is active on a cell;\n * You receive the current table row `item` and a `cellContext` object as arguments.\n * The `cellContext` object contains the following properties:\n * * * `cellContext.currentValue` - State to keep track of a value in input fields while editing.\n * * * `cellContext.setValue` - Function to update `currentValue`. This should be called when the value in input field changes.\n * * `isRowHeader` (boolean) - Specifies that cells in this column should be used as row headers.\n */\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n /**\n * Specifies the selection type (`'single' | 'multi'`).\n */\n selectionType?: TableProps.SelectionType;\n /**\n * List of selected items.\n */\n selectedItems?: ReadonlyArray<T>;\n\n /**\n * Use this slot to add filtering controls to the table.\n */\n filter?: React.ReactNode;\n\n /**\n * Use this slot to add the [pagination component](/components/pagination/) to the table.\n */\n pagination?: React.ReactNode;\n\n /**\n * Use this slot to add [collection preferences](/components/collection-preferences/) to the table.\n */\n preferences?: React.ReactNode;\n\n /**\n * Determines whether a given item is disabled. If an item is disabled, the user can't select it.\n */\n isItemDisabled?: TableProps.IsItemDisabled<T>;\n\n /**\n * Specifies if text wraps within table cells. If set to `true`, long text within cells may wrap onto\n * multiple lines instead of being truncated with an ellipsis.\n */\n wrapLines?: boolean;\n\n /**\n * Specifies if table rows alternate being shaded and unshaded. If set to `true`, every other row will be shaded.\n */\n stripedRows?: boolean;\n\n /**\n * Toggles the content density of the table. Defaults to `'comfortable'`.\n */\n contentDensity?: 'comfortable' | 'compact';\n\n /**\n * Specifies if columns can be resized. If set to `true`, users can resize the columns in the table.\n */\n resizableColumns?: boolean;\n\n /**\n * Specifies alternative text for the selection components (checkboxes and radio buttons) as follows:\n * * `itemSelectionLabel` ((SelectionState, Item) => string) - Specifies the alternative text for an item.\n * * `allItemsSelectionLabel` ((SelectionState) => string) - Specifies the alternative text for multi-selection column header.\n * * `selectionGroupLabel` (string) - Specifies the alternative text for the whole selection and single-selection column header.\n * It is prefixed to `itemSelectionLabel` and `allItemsSelectionLabel` when they are set.\n * * `tableLabel` (string) - Provides an alternative text for the table. If you use a header for this table, you may reuse the string\n * to provide a caption-like description. For example, tableLabel=Instances will be announced as 'Instances table'.\n * You can use the first argument of type `SelectionState` to access the current selection\n * state of the component (for example, the `selectedItems` list). The `itemSelectionLabel` for individual\n * items also receives the corresponding `Item` object. You can use the `selectionGroupLabel` to\n * add a meaningful description to the whole selection.\n *\n * * `activateEditLabel` (EditableColumnDefinition, Item) => string -\n * Specifies an alternative text for the edit button in editable cells.\n * * `cancelEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the cancel button in editable cells.\n * * `submitEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the submit button in editable cells.\n * * `successfulEditLabel` (EditableColumnDefinition) => string -\n * Specifies an alternative text for the success icon in editable cells. This text is also announced to screen readers.\n * * `submittingEditText` (EditableColumnDefinition) => string -\n * Specifies a text that is announced to screen readers when a cell edit operation is submitted.\n * @i18n\n */\n ariaLabels?: TableProps.AriaLabels<T>;\n\n /**\n * Specifies the definition object of the currently sorted column. Make sure you pass an object that's\n * present in the `columnDefinitions` array.\n */\n sortingColumn?: TableProps.SortingColumn<T>;\n /**\n * Specifies whether to use a descending sort order.\n */\n sortingDescending?: boolean;\n /**\n * Specifies if sorting buttons are disabled. For example, use this property\n * to prevent the user from sorting before items are fully loaded.\n */\n sortingDisabled?: boolean;\n\n /**\n * Specifies the number of first and/or last columns that should be sticky.\n *\n * If the available scrollable space is less than a certain threshold, the feature is deactivated.\n *\n * Use it in conjunction with the sticky columns preference of the\n * [collection preferences](/components/collection-preferences/) component.\n *\n */\n stickyColumns?: TableProps.StickyColumns;\n\n /**\n * Specifies an array that represents the table columns in the order in which they will be displayed, together with their visibility.\n *\n * If not set, all columns are displayed and the order is dictated by the `columnDefinitions` property.\n *\n * Use it in conjunction with the content display preference of the [collection preferences](/components/collection-preferences/) component.\n */\n columnDisplay?: ReadonlyArray<ColumnDisplayProperties>;\n\n /**\n * Specifies an array containing the `id`s of visible columns. If not set, all columns are displayed.\n *\n * Use it in conjunction with the visible content preference of the [collection preferences](/components/collection-preferences/) component.\n *\n * The order of ids doesn't influence the order in which columns are displayed - this is dictated by the `columnDefinitions` property.\n * */\n visibleColumns?: ReadonlyArray<string>;\n\n /**\n * Fired when the user resizes a table column. The event detail contains an array of column widths in pixels,\n * including the hidden via preferences columns. Use this event to persist the column widths.\n */\n onColumnWidthsChange?: NonCancelableEventHandler<TableProps.ColumnWidthsChangeDetail>;\n\n /**\n * Called when either the column to sort by or the direction of sorting changes upon user interaction.\n * The event detail contains the current sortingColumn and isDescending.\n */\n onSortingChange?: NonCancelableEventHandler<TableProps.SortingState<T>>;\n\n /**\n * Fired when a user interaction triggers a change in the list of selected items.\n * The event `detail` contains the current list of `selectedItems`.\n */\n onSelectionChange?: NonCancelableEventHandler<TableProps.SelectionChangeDetail<T>>;\n\n /**\n * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n * and it may be deprecated in the future.\n *\n * Called when the user clicked at a table row. The event detail contains the index of the\n * clicked row and the row object itself. Use this event to define a row click behavior.\n */\n onRowClick?: NonCancelableEventHandler<TableProps.OnRowClickDetail<T>>;\n\n /**\n * Note: This feature is provided for backwards compatibility. Its use is not recommended,\n * and it may be deprecated in the future.\n *\n * Called when the user clicked at a table row with the right mouse click. The event detail\n * contains the index of the clicked row and the row object itself. Use this event to override\n * the default browser context menu behavior.\n */\n onRowContextMenu?: CancelableEventHandler<TableProps.OnRowContextMenuDetail<T>>;\n\n /**\n * If set to `true`, the table header remains visible when the user scrolls down.\n */\n stickyHeader?: boolean;\n\n /**\n * Specifies a vertical offset (in pixels) for the sticky header. For example, use this if you\n * need to position the sticky header below other fixed position elements on the page.\n */\n stickyHeaderVerticalOffset?: number;\n\n /**\n * Specify a table variant with one of the following:\n * * `container` - Use this variant to have the table displayed within a container.\n * * `borderless` - Use this variant when the table should have no outer borders or shadow\n * (such as in a dashboard item container).\n * * `embedded` - Use this variant within a parent container (such as a modal, expandable\n * section, container or split panel).\n * **Deprecated**, replaced by `borderless` and `container`.\n * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,\n * table).\n * * `full-page` – Use this variant when the table is the entire content of a page. Full page variants\n * implement the high contrast header and content behavior automatically.\n * @visualrefresh `embedded`, `stacked`, and `full-page` variants\n */\n variant?: TableProps.Variant;\n\n /**\n * Use this property to inform screen readers how many items there are in a table.\n * It specifies the total count of all items in a table.\n * If there is an unknown total of items in a table, leave this property undefined. */\n totalItemsCount?: number;\n /**\n * Use this property to inform screen readers which range of items is currently displayed in the table.\n * It specifies the index (1-based) of the first item in the table.\n * If the table has no pagination, leave this property undefined. */\n firstIndex?: number;\n /**\n * Use this function to announce page changes to screen reader users.\n * Requires the properties firstIndex and totalItemsCount to be set correctly.\n */\n renderAriaLive?: (data: TableProps.LiveAnnouncement) => string;\n /**\n * Specifies a function that will be called after user submits an inline edit.\n * Return a promise to keep loading state while the submit request is in progress.\n */\n submitEdit?: TableProps.SubmitEditFunction<T>;\n\n /**\n * Called whenever user cancels an inline edit. Use this function to reset any\n * validation states, or show warning for unsaved changes.\n */\n onEditCancel?: CancelableEventHandler;\n}\n\nexport namespace TableProps {\n export type TrackBy<T> = string | ((item: T) => string);\n\n export interface CellContext<V> {\n currentValue: Optional<V>;\n setValue: (value: V | undefined) => void;\n }\n\n export interface EditConfig<T, V = any> {\n /**\n * Specifies a label for the edit control. Visually hidden but read\n * by screen readers.\n */\n ariaLabel?: string;\n /**\n * Specifies an ariaLabel for the error icon that is displayed when\n * the validation fails.\n */\n errorIconAriaLabel?: string;\n /**\n * Specifies an alternate text for the edit icon used in column header.\n */\n editIconAriaLabel?: string;\n /**\n * Constraint text that is displayed below the edit control.\n */\n constraintText?: string;\n /**\n * A function that allows you to validate the value of the edit control. Return\n * a string from the function to display an error message. Return\n * `undefined` (or no return) from the function to indicate that the value is valid.\n * @param item - The item that is being edited.\n * @param value - The current value of the edit control.\n */\n validation?: (item: T, value: Optional<V>) => Optional<string>;\n\n /**\n * Determines the display of a cell's content when inline edit is active.\n */\n editingCell(item: T, ctx: TableProps.CellContext<any>): React.ReactNode;\n }\n\n export type ColumnDefinition<ItemType> = {\n id?: string;\n header: React.ReactNode;\n ariaLabel?(data: LabelData): string;\n width?: number | string;\n minWidth?: number | string;\n maxWidth?: number | string;\n editConfig?: EditConfig<ItemType>;\n isRowHeader?: boolean;\n cell(item: ItemType): React.ReactNode;\n } & SortingColumn<ItemType>;\n\n export interface StickyColumns {\n first?: number;\n last?: number;\n }\n\n export type SelectionType = 'single' | 'multi';\n export type Variant = 'container' | 'embedded' | 'borderless' | 'stacked' | 'full-page';\n export interface SelectionState<T> {\n selectedItems: ReadonlyArray<T>;\n }\n export interface SelectionChangeDetail<T> {\n selectedItems: T[];\n }\n export type IsItemDisabled<T> = (item: T) => boolean;\n export interface AriaLabels<T> {\n allItemsSelectionLabel?: (data: TableProps.SelectionState<T>) => string;\n itemSelectionLabel?: (data: TableProps.SelectionState<T>, row: T) => string;\n selectionGroupLabel?: string;\n tableLabel?: string;\n // do not use <T> to prevent overly strict validation on consumer end\n // it works, practically, we are only interested in `id` and `header` properties only\n activateEditLabel?: (column: ColumnDefinition<any>, item: T) => string;\n cancelEditLabel?: (column: ColumnDefinition<any>) => string;\n submitEditLabel?: (column: ColumnDefinition<any>) => string;\n submittingEditText?: (column: ColumnDefinition<any>) => string;\n successfulEditLabel?: (column: ColumnDefinition<any>) => string;\n }\n export interface SortingState<T> {\n isDescending?: boolean;\n sortingColumn: SortingColumn<T>;\n }\n export interface SortingColumn<T> {\n sortingField?: string;\n sortingComparator?: (a: T, b: T) => number;\n }\n export interface LabelData {\n sorted: boolean;\n descending: boolean;\n disabled: boolean;\n }\n export interface OnRowClickDetail<T> {\n rowIndex: number;\n item: T;\n }\n export interface OnRowContextMenuDetail<T> {\n rowIndex: number;\n item: T;\n clientX: number;\n clientY: number;\n }\n\n export interface ColumnWidthsChangeDetail {\n widths: ReadonlyArray<number>;\n }\n\n export interface LiveAnnouncement {\n totalItemsCount?: number;\n firstIndex: number;\n lastIndex: number;\n }\n\n export interface Ref {\n /**\n * When the sticky header is enabled and you call this function, the table\n * scroll parent scrolls to reveal the first row of the table.\n */\n scrollToTop(): void;\n\n /**\n * Dismiss an inline edit if currently active.\n */\n cancelEdit?(): void;\n }\n\n export type SubmitEditFunction<ItemType, ValueType = unknown> = (\n item: ItemType,\n column: ColumnDefinition<ItemType>,\n newValue: ValueType\n ) => Promise<void> | void;\n\n export interface ColumnDisplayProperties {\n id: string;\n visible: boolean;\n }\n}\n"]}
@@ -1,11 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "resize-active": "awsui_resize-active_x7peu_1ojjf_93",
5
- "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1ojjf_93",
6
- "resizer": "awsui_resizer_x7peu_1ojjf_98",
7
- "resizer-active": "awsui_resizer-active_x7peu_1ojjf_114",
8
- "has-focus": "awsui_has-focus_x7peu_1ojjf_126",
9
- "tracker": "awsui_tracker_x7peu_1ojjf_149"
4
+ "resize-active": "awsui_resize-active_x7peu_18l4k_93",
5
+ "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_18l4k_93",
6
+ "resizer": "awsui_resizer_x7peu_18l4k_98",
7
+ "resizer-active": "awsui_resizer-active_x7peu_18l4k_114",
8
+ "has-focus": "awsui_has-focus_x7peu_18l4k_126",
9
+ "tracker": "awsui_tracker_x7peu_18l4k_149"
10
10
  };
11
11
 
@@ -90,71 +90,71 @@ 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_resize-active_x7peu_1ojjf_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1ojjf_93) * {
93
+ .awsui_resize-active_x7peu_18l4k_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_18l4k_93) * {
94
94
  cursor: col-resize;
95
95
  -webkit-user-select: none;
96
96
  user-select: none;
97
97
  }
98
98
 
99
- .awsui_resizer_x7peu_1ojjf_98:not(#\9) {
99
+ .awsui_resizer_x7peu_18l4k_98:not(#\9) {
100
100
  bottom: 0;
101
101
  cursor: col-resize;
102
102
  position: absolute;
103
- right: calc(-1 * var(--space-l-ds615y, 20px) / 2);
103
+ right: calc(-1 * var(--space-l-f4l5gr, 20px) / 2);
104
104
  top: 0;
105
- width: var(--space-l-ds615y, 20px);
105
+ width: var(--space-l-f4l5gr, 20px);
106
106
  z-index: 10;
107
107
  }
108
- .awsui_resize-active_x7peu_1ojjf_93 .awsui_resizer_x7peu_1ojjf_98:not(#\9) {
108
+ .awsui_resize-active_x7peu_18l4k_93 .awsui_resizer_x7peu_18l4k_98:not(#\9) {
109
109
  pointer-events: none;
110
110
  }
111
- th:not(#\9):last-child > .awsui_resizer_x7peu_1ojjf_98 {
112
- width: calc(var(--space-l-ds615y, 20px) / 2);
111
+ th:not(#\9):last-child > .awsui_resizer_x7peu_18l4k_98 {
112
+ width: calc(var(--space-l-f4l5gr, 20px) / 2);
113
113
  right: 0;
114
114
  }
115
- th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1ojjf_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1ojjf_114::before {
115
+ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_18l4k_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_18l4k_114::before {
116
116
  content: "";
117
117
  position: absolute;
118
- left: calc(var(--space-l-ds615y, 20px) / 2 - 2px);
118
+ left: calc(var(--space-l-f4l5gr, 20px) / 2 - 2px);
119
119
  bottom: 0;
120
120
  top: 0;
121
- min-height: var(--font-heading-xs-line-height-3p6w39, 18px);
122
- max-height: calc(100% - calc(2 * var(--space-xs-inub5w, 8px) + var(--space-xxxs-rq3iss, 2px)));
121
+ min-height: var(--font-heading-xs-line-height-yt5y4b, 18px);
122
+ max-height: calc(100% - calc(2 * var(--space-xs-edba2s, 8px) + var(--space-xxxs-j6dpcy, 2px)));
123
123
  margin: auto;
124
- border-left: 2px solid var(--color-border-divider-active-m6gxlj, #000716);
124
+ border-left: 2px solid var(--color-border-divider-active-j17gg3, #000716);
125
125
  box-sizing: border-box;
126
126
  }
127
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1ojjf_98.awsui_has-focus_x7peu_1ojjf_126:not(#\9) {
127
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_18l4k_98.awsui_has-focus_x7peu_18l4k_126:not(#\9) {
128
128
  position: relative;
129
129
  position: absolute;
130
130
  }
131
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1ojjf_98.awsui_has-focus_x7peu_1ojjf_126:not(#\9) {
131
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_18l4k_98.awsui_has-focus_x7peu_18l4k_126:not(#\9) {
132
132
  outline: 2px dotted transparent;
133
- outline-offset: calc(var(--space-table-header-focus-outline-gutter-wua4kr, 0px) - 1px);
133
+ outline-offset: calc(var(--space-table-header-focus-outline-gutter-vket9r, 0px) - 1px);
134
134
  }
135
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1ojjf_98.awsui_has-focus_x7peu_1ojjf_126:not(#\9)::before {
135
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_18l4k_98.awsui_has-focus_x7peu_18l4k_126:not(#\9)::before {
136
136
  content: " ";
137
137
  display: block;
138
138
  position: absolute;
139
- left: calc(-1 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
140
- top: calc(-1 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
141
- width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
142
- height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-wua4kr, 0px));
143
- border-radius: var(--border-radius-control-default-focus-ring-egwir5, 4px);
144
- box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
139
+ left: calc(-1 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
140
+ top: calc(-1 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
141
+ width: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
142
+ height: calc(100% + 2 * var(--space-table-header-focus-outline-gutter-vket9r, 0px));
143
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
144
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
145
145
  }
146
- body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1ojjf_98.awsui_has-focus_x7peu_1ojjf_126:not(#\9)::before {
147
- box-shadow: inset 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
146
+ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_18l4k_98.awsui_has-focus_x7peu_18l4k_126:not(#\9)::before {
147
+ box-shadow: inset 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
148
148
  }
149
149
 
150
- .awsui_tracker_x7peu_1ojjf_149:not(#\9) {
150
+ .awsui_tracker_x7peu_18l4k_149:not(#\9) {
151
151
  display: none;
152
152
  position: absolute;
153
- border-left: var(--border-divider-list-width-fsy9j8, 1px) dashed var(--color-border-divider-active-m6gxlj, #000716);
153
+ border-left: var(--border-divider-list-width-um3zli, 1px) dashed var(--color-border-divider-active-j17gg3, #000716);
154
154
  width: 0;
155
155
  top: 0;
156
156
  bottom: 0;
157
157
  }
158
- .awsui_resize-active_x7peu_1ojjf_93 .awsui_tracker_x7peu_1ojjf_149:not(#\9) {
158
+ .awsui_resize-active_x7peu_18l4k_93 .awsui_tracker_x7peu_18l4k_149:not(#\9) {
159
159
  display: block;
160
160
  }