@cloudscape-design/components 3.0.649 → 3.0.651

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 (364) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +39 -41
  3. package/alert/styles.selectors.js +25 -25
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +18 -20
  6. package/anchor-navigation/styles.selectors.js +8 -8
  7. package/annotation-context/annotation/styles.css.js +24 -24
  8. package/annotation-context/annotation/styles.scoped.css +31 -32
  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 +6 -8
  12. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  13. package/app-layout/drawer/styles.css.js +13 -13
  14. package/app-layout/drawer/styles.scoped.css +21 -23
  15. package/app-layout/drawer/styles.selectors.js +13 -13
  16. package/app-layout/mobile-toolbar/styles.css.js +8 -8
  17. package/app-layout/mobile-toolbar/styles.scoped.css +8 -10
  18. package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  19. package/app-layout/skeleton/styles.css.js +11 -11
  20. package/app-layout/skeleton/styles.scoped.css +20 -22
  21. package/app-layout/skeleton/styles.selectors.js +11 -11
  22. package/app-layout/split-panel/styles.css.js +2 -2
  23. package/app-layout/split-panel/styles.scoped.css +2 -4
  24. package/app-layout/split-panel/styles.selectors.js +2 -2
  25. package/app-layout/styles.css.js +16 -16
  26. package/app-layout/styles.scoped.css +19 -21
  27. package/app-layout/styles.selectors.js +16 -16
  28. package/app-layout/toggles/styles.css.js +2 -2
  29. package/app-layout/toggles/styles.scoped.css +6 -8
  30. package/app-layout/toggles/styles.selectors.js +2 -2
  31. package/app-layout/visual-refresh/styles.css.js +82 -82
  32. package/app-layout/visual-refresh/styles.scoped.css +162 -167
  33. package/app-layout/visual-refresh/styles.selectors.js +82 -82
  34. package/area-chart/styles.css.js +6 -6
  35. package/area-chart/styles.scoped.css +9 -11
  36. package/area-chart/styles.selectors.js +6 -6
  37. package/attribute-editor/styles.css.js +14 -14
  38. package/attribute-editor/styles.scoped.css +24 -26
  39. package/attribute-editor/styles.selectors.js +14 -14
  40. package/badge/styles.css.js +5 -5
  41. package/badge/styles.scoped.css +5 -7
  42. package/badge/styles.selectors.js +5 -5
  43. package/box/styles.css.js +191 -191
  44. package/box/styles.scoped.css +248 -446
  45. package/box/styles.selectors.js +191 -191
  46. package/breadcrumb-group/item/styles.css.js +8 -8
  47. package/breadcrumb-group/item/styles.scoped.css +16 -18
  48. package/breadcrumb-group/item/styles.selectors.js +8 -8
  49. package/breadcrumb-group/styles.css.js +7 -7
  50. package/breadcrumb-group/styles.scoped.css +12 -14
  51. package/breadcrumb-group/styles.selectors.js +7 -7
  52. package/button/internal.d.ts.map +1 -1
  53. package/button/internal.js +2 -2
  54. package/button/internal.js.map +1 -1
  55. package/button/styles.css.js +19 -19
  56. package/button/styles.scoped.css +153 -155
  57. package/button/styles.selectors.js +19 -19
  58. package/button-dropdown/category-elements/styles.css.js +14 -14
  59. package/button-dropdown/category-elements/styles.scoped.css +24 -25
  60. package/button-dropdown/category-elements/styles.selectors.js +14 -14
  61. package/button-dropdown/item-element/styles.css.js +11 -11
  62. package/button-dropdown/item-element/styles.scoped.css +16 -17
  63. package/button-dropdown/item-element/styles.selectors.js +11 -11
  64. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  65. package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -7
  66. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  67. package/button-dropdown/styles.css.js +15 -15
  68. package/button-dropdown/styles.scoped.css +22 -24
  69. package/button-dropdown/styles.selectors.js +15 -15
  70. package/calendar/styles.css.js +20 -20
  71. package/calendar/styles.scoped.css +42 -44
  72. package/calendar/styles.selectors.js +20 -20
  73. package/cards/styles.css.js +39 -39
  74. package/cards/styles.scoped.css +50 -52
  75. package/cards/styles.selectors.js +39 -39
  76. package/checkbox/styles.css.js +3 -3
  77. package/checkbox/styles.scoped.css +5 -7
  78. package/checkbox/styles.selectors.js +3 -3
  79. package/code-editor/resizable-box/styles.css.js +3 -3
  80. package/code-editor/resizable-box/styles.scoped.css +5 -6
  81. package/code-editor/resizable-box/styles.selectors.js +3 -3
  82. package/code-editor/styles.css.js +32 -32
  83. package/code-editor/styles.scoped.css +129 -147
  84. package/code-editor/styles.selectors.js +32 -32
  85. package/collection-preferences/content-display/styles.css.js +11 -11
  86. package/collection-preferences/content-display/styles.scoped.css +17 -21
  87. package/collection-preferences/content-display/styles.selectors.js +11 -11
  88. package/collection-preferences/styles.css.js +37 -37
  89. package/collection-preferences/styles.scoped.css +44 -52
  90. package/collection-preferences/styles.selectors.js +37 -37
  91. package/column-layout/styles.css.js +13 -13
  92. package/column-layout/styles.scoped.css +43 -45
  93. package/column-layout/styles.selectors.js +13 -13
  94. package/container/styles.css.js +30 -30
  95. package/container/styles.scoped.css +54 -56
  96. package/container/styles.selectors.js +30 -30
  97. package/content-layout/styles.css.js +14 -14
  98. package/content-layout/styles.scoped.css +16 -18
  99. package/content-layout/styles.selectors.js +14 -14
  100. package/date-picker/styles.css.js +7 -7
  101. package/date-picker/styles.scoped.css +9 -11
  102. package/date-picker/styles.selectors.js +7 -7
  103. package/date-range-picker/calendar/grids/styles.css.js +27 -27
  104. package/date-range-picker/calendar/grids/styles.scoped.css +42 -44
  105. package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
  106. package/date-range-picker/relative-range/styles.css.js +9 -9
  107. package/date-range-picker/relative-range/styles.scoped.css +13 -15
  108. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  109. package/date-range-picker/styles.css.js +39 -39
  110. package/date-range-picker/styles.scoped.css +48 -50
  111. package/date-range-picker/styles.selectors.js +39 -39
  112. package/drawer/styles.css.js +3 -3
  113. package/drawer/styles.scoped.css +10 -11
  114. package/drawer/styles.selectors.js +3 -3
  115. package/expandable-section/styles.css.js +32 -32
  116. package/expandable-section/styles.scoped.css +65 -66
  117. package/expandable-section/styles.selectors.js +32 -32
  118. package/file-upload/dropzone/styles.css.js +2 -2
  119. package/file-upload/dropzone/styles.scoped.css +2 -4
  120. package/file-upload/dropzone/styles.selectors.js +2 -2
  121. package/file-upload/file-input/styles.css.js +4 -4
  122. package/file-upload/file-input/styles.scoped.css +7 -9
  123. package/file-upload/file-input/styles.selectors.js +4 -4
  124. package/flashbar/styles.css.js +47 -47
  125. package/flashbar/styles.scoped.css +146 -154
  126. package/flashbar/styles.selectors.js +47 -47
  127. package/form/styles.css.js +8 -8
  128. package/form/styles.scoped.css +8 -10
  129. package/form/styles.selectors.js +8 -8
  130. package/form-field/styles.css.js +24 -24
  131. package/form-field/styles.scoped.css +38 -40
  132. package/form-field/styles.selectors.js +24 -24
  133. package/grid/styles.css.js +53 -53
  134. package/grid/styles.scoped.css +54 -56
  135. package/grid/styles.selectors.js +53 -53
  136. package/header/styles.css.js +34 -34
  137. package/header/styles.scoped.css +50 -52
  138. package/header/styles.selectors.js +34 -34
  139. package/help-panel/styles.css.js +4 -4
  140. package/help-panel/styles.scoped.css +78 -68
  141. package/help-panel/styles.selectors.js +4 -4
  142. package/hotspot/styles.css.js +7 -7
  143. package/hotspot/styles.scoped.css +7 -9
  144. package/hotspot/styles.selectors.js +7 -7
  145. package/icon/styles.css.js +37 -37
  146. package/icon/styles.scoped.css +84 -67
  147. package/icon/styles.selectors.js +37 -37
  148. package/input/styles.css.js +13 -13
  149. package/input/styles.scoped.css +34 -36
  150. package/input/styles.selectors.js +13 -13
  151. package/internal/components/abstract-switch/styles.css.js +13 -13
  152. package/internal/components/abstract-switch/styles.scoped.css +23 -26
  153. package/internal/components/abstract-switch/styles.selectors.js +13 -13
  154. package/internal/components/button-trigger/styles.css.js +11 -11
  155. package/internal/components/button-trigger/styles.scoped.css +26 -28
  156. package/internal/components/button-trigger/styles.selectors.js +11 -11
  157. package/internal/components/chart-filter/styles.css.js +3 -3
  158. package/internal/components/chart-filter/styles.scoped.css +3 -5
  159. package/internal/components/chart-filter/styles.selectors.js +3 -3
  160. package/internal/components/chart-legend/styles.css.js +6 -6
  161. package/internal/components/chart-legend/styles.scoped.css +15 -17
  162. package/internal/components/chart-legend/styles.selectors.js +6 -6
  163. package/internal/components/chart-plot/styles.css.js +5 -5
  164. package/internal/components/chart-plot/styles.scoped.css +5 -7
  165. package/internal/components/chart-plot/styles.selectors.js +5 -5
  166. package/internal/components/chart-popover/styles.css.js +3 -3
  167. package/internal/components/chart-popover/styles.scoped.css +3 -5
  168. package/internal/components/chart-popover/styles.selectors.js +3 -3
  169. package/internal/components/chart-popover-footer/styles.css.js +1 -1
  170. package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
  171. package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
  172. package/internal/components/chart-series-details/styles.css.js +20 -20
  173. package/internal/components/chart-series-details/styles.scoped.css +33 -35
  174. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  175. package/internal/components/chart-series-marker/styles.css.js +5 -5
  176. package/internal/components/chart-series-marker/styles.scoped.css +7 -9
  177. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  178. package/internal/components/chart-wrapper/styles.css.js +9 -9
  179. package/internal/components/chart-wrapper/styles.scoped.css +9 -11
  180. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  181. package/internal/components/checkbox-icon/styles.css.js +7 -7
  182. package/internal/components/checkbox-icon/styles.scoped.css +8 -10
  183. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  184. package/internal/components/dropdown/styles.css.js +20 -20
  185. package/internal/components/dropdown/styles.scoped.css +41 -41
  186. package/internal/components/dropdown/styles.selectors.js +20 -20
  187. package/internal/components/dropdown-footer/styles.css.js +3 -3
  188. package/internal/components/dropdown-footer/styles.scoped.css +3 -5
  189. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  190. package/internal/components/dropdown-status/styles.css.js +2 -2
  191. package/internal/components/dropdown-status/styles.scoped.css +2 -4
  192. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  193. package/internal/components/filtering-token/styles.css.js +7 -7
  194. package/internal/components/filtering-token/styles.scoped.css +13 -15
  195. package/internal/components/filtering-token/styles.selectors.js +7 -7
  196. package/internal/components/handle/styles.css.js +2 -2
  197. package/internal/components/handle/styles.scoped.css +6 -8
  198. package/internal/components/handle/styles.selectors.js +2 -2
  199. package/internal/components/menu-dropdown/styles.css.js +7 -7
  200. package/internal/components/menu-dropdown/styles.scoped.css +13 -15
  201. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  202. package/internal/components/option/styles.css.js +17 -17
  203. package/internal/components/option/styles.scoped.css +29 -31
  204. package/internal/components/option/styles.selectors.js +17 -17
  205. package/internal/components/options-list/styles.css.js +2 -2
  206. package/internal/components/options-list/styles.scoped.css +2 -4
  207. package/internal/components/options-list/styles.selectors.js +2 -2
  208. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  209. package/internal/components/panel-resize-handle/styles.scoped.css +10 -12
  210. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  211. package/internal/components/screenreader-only/styles.css.js +1 -1
  212. package/internal/components/screenreader-only/styles.scoped.css +1 -3
  213. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  214. package/internal/components/selectable-item/styles.css.js +16 -16
  215. package/internal/components/selectable-item/styles.scoped.css +29 -31
  216. package/internal/components/selectable-item/styles.selectors.js +16 -16
  217. package/internal/components/token-list/styles.css.js +9 -9
  218. package/internal/components/token-list/styles.scoped.css +20 -23
  219. package/internal/components/token-list/styles.selectors.js +9 -9
  220. package/internal/environment.js +1 -1
  221. package/internal/environment.json +1 -1
  222. package/internal/hooks/use-performance-marks/index.d.ts +10 -0
  223. package/internal/hooks/use-performance-marks/index.d.ts.map +1 -0
  224. package/internal/hooks/{use-performance-marks.js → use-performance-marks/index.js} +29 -6
  225. package/internal/hooks/use-performance-marks/index.js.map +1 -0
  226. package/internal/hooks/use-unique-id/index.d.ts +1 -0
  227. package/internal/hooks/use-unique-id/index.d.ts.map +1 -1
  228. package/internal/hooks/use-unique-id/index.js +2 -2
  229. package/internal/hooks/use-unique-id/index.js.map +1 -1
  230. package/internal/manifest.json +1 -1
  231. package/link/styles.css.js +20 -20
  232. package/link/styles.scoped.css +71 -73
  233. package/link/styles.selectors.js +20 -20
  234. package/mixed-line-bar-chart/styles.css.js +11 -11
  235. package/mixed-line-bar-chart/styles.scoped.css +17 -19
  236. package/mixed-line-bar-chart/styles.selectors.js +11 -11
  237. package/modal/styles.css.js +23 -23
  238. package/modal/styles.scoped.css +38 -40
  239. package/modal/styles.selectors.js +23 -23
  240. package/multiselect/styles.css.js +2 -2
  241. package/multiselect/styles.scoped.css +2 -4
  242. package/multiselect/styles.selectors.js +2 -2
  243. package/package.json +1 -1
  244. package/pagination/styles.css.js +9 -9
  245. package/pagination/styles.scoped.css +23 -25
  246. package/pagination/styles.selectors.js +9 -9
  247. package/pie-chart/styles.css.js +27 -27
  248. package/pie-chart/styles.scoped.css +48 -50
  249. package/pie-chart/styles.selectors.js +27 -27
  250. package/popover/styles.css.js +50 -50
  251. package/popover/styles.scoped.css +71 -79
  252. package/popover/styles.selectors.js +50 -50
  253. package/progress-bar/styles.css.js +19 -19
  254. package/progress-bar/styles.scoped.css +33 -37
  255. package/progress-bar/styles.selectors.js +19 -19
  256. package/property-filter/styles.css.js +32 -32
  257. package/property-filter/styles.scoped.css +34 -36
  258. package/property-filter/styles.selectors.js +32 -32
  259. package/radio-group/styles.css.js +9 -9
  260. package/radio-group/styles.scoped.css +15 -17
  261. package/radio-group/styles.selectors.js +9 -9
  262. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  263. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  264. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  265. package/segmented-control/styles.css.js +14 -14
  266. package/segmented-control/styles.scoped.css +33 -35
  267. package/segmented-control/styles.selectors.js +14 -14
  268. package/select/parts/styles.css.js +16 -16
  269. package/select/parts/styles.scoped.css +18 -19
  270. package/select/parts/styles.selectors.js +16 -16
  271. package/select/styles.css.js +1 -1
  272. package/select/styles.scoped.css +1 -3
  273. package/select/styles.selectors.js +1 -1
  274. package/side-navigation/styles.css.js +28 -28
  275. package/side-navigation/styles.scoped.css +38 -40
  276. package/side-navigation/styles.selectors.js +28 -28
  277. package/slider/styles.css.js +25 -25
  278. package/slider/styles.scoped.css +62 -64
  279. package/slider/styles.selectors.js +25 -25
  280. package/space-between/styles.css.js +23 -23
  281. package/space-between/styles.scoped.css +24 -26
  282. package/space-between/styles.selectors.js +23 -23
  283. package/spinner/styles.css.js +13 -13
  284. package/spinner/styles.scoped.css +20 -21
  285. package/spinner/styles.selectors.js +13 -13
  286. package/split-panel/icons/styles.css.js +22 -22
  287. package/split-panel/icons/styles.scoped.css +28 -24
  288. package/split-panel/icons/styles.selectors.js +22 -22
  289. package/split-panel/styles.css.js +26 -26
  290. package/split-panel/styles.scoped.css +41 -46
  291. package/split-panel/styles.selectors.js +26 -26
  292. package/status-indicator/styles.css.js +23 -23
  293. package/status-indicator/styles.scoped.css +29 -31
  294. package/status-indicator/styles.selectors.js +23 -23
  295. package/table/body-cell/styles.css.js +45 -45
  296. package/table/body-cell/styles.scoped.css +175 -174
  297. package/table/body-cell/styles.selectors.js +45 -45
  298. package/table/expandable-rows/styles.css.js +3 -3
  299. package/table/expandable-rows/styles.scoped.css +15 -15
  300. package/table/expandable-rows/styles.selectors.js +3 -3
  301. package/table/header-cell/styles.css.js +26 -26
  302. package/table/header-cell/styles.scoped.css +54 -54
  303. package/table/header-cell/styles.selectors.js +26 -26
  304. package/table/internal.d.ts.map +1 -1
  305. package/table/internal.js +2 -2
  306. package/table/internal.js.map +1 -1
  307. package/table/resizer/styles.css.js +8 -8
  308. package/table/resizer/styles.scoped.css +14 -16
  309. package/table/resizer/styles.selectors.js +8 -8
  310. package/table/selection/styles.css.js +3 -3
  311. package/table/selection/styles.scoped.css +3 -5
  312. package/table/selection/styles.selectors.js +3 -3
  313. package/table/sticky-scrollbar/styles.css.js +6 -6
  314. package/table/sticky-scrollbar/styles.scoped.css +7 -9
  315. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  316. package/table/styles.css.js +34 -34
  317. package/table/styles.scoped.css +39 -43
  318. package/table/styles.selectors.js +34 -34
  319. package/tabs/styles.css.js +22 -22
  320. package/tabs/styles.scoped.css +42 -46
  321. package/tabs/styles.selectors.js +22 -22
  322. package/tag-editor/styles.css.js +3 -3
  323. package/tag-editor/styles.scoped.css +10 -12
  324. package/tag-editor/styles.selectors.js +3 -3
  325. package/test-utils/tsconfig.tsbuildinfo +1 -1
  326. package/text-content/styles.css.js +1 -1
  327. package/text-content/styles.scoped.css +60 -62
  328. package/text-content/styles.selectors.js +1 -1
  329. package/text-filter/styles.css.js +3 -3
  330. package/text-filter/styles.scoped.css +3 -5
  331. package/text-filter/styles.selectors.js +3 -3
  332. package/textarea/styles.css.js +5 -5
  333. package/textarea/styles.scoped.css +15 -17
  334. package/textarea/styles.selectors.js +5 -5
  335. package/tiles/styles.css.js +29 -29
  336. package/tiles/styles.scoped.css +70 -72
  337. package/tiles/styles.selectors.js +29 -29
  338. package/toggle/styles.css.js +8 -8
  339. package/toggle/styles.scoped.css +15 -16
  340. package/toggle/styles.selectors.js +8 -8
  341. package/token-group/styles.css.js +9 -9
  342. package/token-group/styles.scoped.css +19 -22
  343. package/token-group/styles.selectors.js +9 -9
  344. package/top-navigation/1.0-beta/styles.css.js +25 -25
  345. package/top-navigation/1.0-beta/styles.scoped.css +42 -44
  346. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  347. package/top-navigation/styles.css.js +47 -47
  348. package/top-navigation/styles.scoped.css +66 -68
  349. package/top-navigation/styles.selectors.js +47 -47
  350. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  351. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -23
  352. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  353. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  354. package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -30
  355. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  356. package/tutorial-panel/styles.css.js +1 -1
  357. package/tutorial-panel/styles.scoped.css +1 -3
  358. package/tutorial-panel/styles.selectors.js +1 -1
  359. package/wizard/styles.css.js +30 -30
  360. package/wizard/styles.scoped.css +62 -61
  361. package/wizard/styles.selectors.js +30 -30
  362. package/internal/hooks/use-performance-marks.d.ts +0 -3
  363. package/internal/hooks/use-performance-marks.d.ts.map +0 -1
  364. package/internal/hooks/use-performance-marks.js.map +0 -1
@@ -2,8 +2,6 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- /* stylelint-disable plugin/no-unsupported-browser-features */
6
- /* stylelint-enable plugin/no-unsupported-browser-features */
7
5
  /*
8
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
7
  SPDX-License-Identifier: Apache-2.0
@@ -96,8 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
95
  SPDX-License-Identifier: Apache-2.0
98
96
  */
99
- /* stylelint-disable selector-max-universal, selector-max-type */
100
- .awsui_root_1xupv_1ks7f_100:not(#\9) {
97
+ .awsui_root_1xupv_1w520_97:not(#\9) {
101
98
  border-collapse: separate;
102
99
  border-spacing: 0;
103
100
  box-sizing: border-box;
@@ -133,28 +130,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
130
  -moz-osx-font-smoothing: auto;
134
131
  }
135
132
 
136
- .awsui_wizard_1xupv_1ks7f_135.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
133
+ .awsui_wizard_1xupv_1w520_132.awsui_refresh_1xupv_1w520_132:not(#\9) {
137
134
  column-gap: var(--space-xl-lmui9r, 24px);
138
135
  display: grid;
139
136
  grid-template-columns: auto minmax(0, 1fr);
140
137
  grid-template-rows: auto 1fr;
141
138
  row-gap: var(--space-scaled-xxs-7597g1, 4px);
142
139
  }
143
- .awsui_wizard_1xupv_1ks7f_135.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142:not(#\9) {
140
+ .awsui_wizard_1xupv_1w520_132.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139:not(#\9) {
144
141
  grid-template-columns: minmax(0, 1fr) 0;
145
142
  row-gap: var(--space-scaled-l-0hpmd7, 20px);
146
143
  }
147
144
 
148
- .awsui_wizard_1xupv_1ks7f_135:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) {
145
+ .awsui_wizard_1xupv_1w520_132:not(#\9):not(.awsui_refresh_1xupv_1w520_132) {
149
146
  display: flex;
150
147
  }
151
148
 
152
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
149
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132:not(#\9) {
153
150
  grid-column: 1;
154
151
  grid-row: 1/span 2;
155
152
  padding-block-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-scaled-xxs-7597g1, 4px));
153
+ /* stylelint-disable selector-max-type */
154
+ /* stylelint-enable selector-max-type */
156
155
  }
157
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
156
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132:not(#\9) {
158
157
  background: var(--color-background-container-content-4un1ap, #ffffff);
159
158
  position: relative;
160
159
  margin-block: 0;
@@ -165,7 +164,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
165
164
  inline-size: 260px;
166
165
  box-sizing: border-box;
167
166
  }
168
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9) {
167
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9) {
169
168
  display: grid;
170
169
  column-gap: var(--space-xs-zb16t3, 8px);
171
170
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
@@ -173,7 +172,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
172
  padding-block: 0;
174
173
  padding-inline: 0;
175
174
  }
176
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > hr:not(#\9) {
175
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > hr:not(#\9) {
177
176
  background-color: var(--color-border-divider-default-j74lyz, #b6bec9);
178
177
  border-block: 0;
179
178
  border-inline: 0;
@@ -181,13 +180,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
180
  block-size: 100%;
182
181
  inline-size: var(--space-xxxs-zbmxqb, 2px);
183
182
  }
184
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > .awsui_number_1xupv_1ks7f_183:not(#\9) {
183
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > .awsui_number_1xupv_1w520_182:not(#\9) {
185
184
  color: var(--color-text-small-zfvvfc, #5f6b7a);
186
185
  font-size: var(--font-size-body-s-asqx2i, 12px);
187
186
  grid-column: 2;
188
187
  grid-row: 1;
189
188
  }
190
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a:not(#\9) {
189
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a:not(#\9) {
191
190
  align-items: start;
192
191
  column-gap: var(--space-xs-zb16t3, 8px);
193
192
  cursor: pointer;
@@ -197,7 +196,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
197
196
  grid-row: 2;
198
197
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
199
198
  }
200
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
199
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
201
200
  border-start-start-radius: 100%;
202
201
  border-start-end-radius: 100%;
203
202
  border-end-start-radius: 100%;
@@ -208,12 +207,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
208
207
  margin-block-start: 6px;
209
208
  inline-size: 10px;
210
209
  }
211
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
210
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a > .awsui_title_1xupv_1w520_209:not(#\9) {
212
211
  min-inline-size: 0;
213
212
  word-break: break-word;
214
213
  grid-column: 2;
215
214
  }
216
- body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li > a:not(#\9):focus {
215
+ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li > a:not(#\9):focus {
217
216
  outline: thin dotted;
218
217
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
219
218
  outline-offset: 2px;
@@ -224,140 +223,142 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ks7f_151.awsui_refr
224
223
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
225
224
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
226
225
  }
227
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):first-child > hr {
226
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):first-child > hr {
228
227
  grid-row: 2/span 2;
229
228
  }
230
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1ks7f_183 {
229
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1w520_182 {
231
230
  margin-block-start: var(--space-m-udix3p, 16px);
232
231
  }
233
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):last-child > hr {
232
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):last-child > hr {
234
233
  grid-row: 1;
235
234
  }
236
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):only-of-type > hr {
235
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):only-of-type > hr {
237
236
  display: none;
238
237
  }
239
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li:not(#\9):not(:first-child):not(:last-child) > hr {
238
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li:not(#\9):not(:first-child):not(:last-child) > hr {
240
239
  grid-row: 1/span 3;
241
240
  }
242
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_active_1xupv_1ks7f_241 > a:not(#\9) {
241
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_active_1xupv_1w520_240 > a:not(#\9) {
243
242
  cursor: text;
244
243
  }
245
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_active_1xupv_1ks7f_241 > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
244
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_active_1xupv_1w520_240 > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
246
245
  background-color: var(--color-background-control-checked-w517i0, #0972d3);
247
246
  box-shadow: 0 0 0 3px var(--color-background-container-content-4un1ap, #ffffff), 0 0 0 5px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 7px var(--color-background-container-content-4un1ap, #ffffff);
248
247
  }
249
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_active_1xupv_1ks7f_241 > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
248
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_active_1xupv_1w520_240 > a > .awsui_title_1xupv_1w520_209:not(#\9) {
250
249
  color: var(--color-background-control-checked-w517i0, #0972d3);
251
250
  font-weight: 700;
252
251
  }
253
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_disabled_1xupv_1ks7f_252 > a:not(#\9) {
252
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_disabled_1xupv_1w520_251 > a:not(#\9) {
254
253
  cursor: text;
255
254
  }
256
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_disabled_1xupv_1ks7f_252 > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
255
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_disabled_1xupv_1w520_251 > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
257
256
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
258
257
  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-z7a3t4, #9ba7b6), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
259
258
  }
260
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_disabled_1xupv_1ks7f_252 > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
259
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_disabled_1xupv_1w520_251 > a > .awsui_title_1xupv_1w520_209:not(#\9) {
261
260
  color: var(--color-text-status-inactive-m7co45, #5f6b7a);
262
261
  }
263
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a > .awsui_circle_1xupv_1ks7f_199:not(#\9) {
262
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a > .awsui_circle_1xupv_1w520_198:not(#\9) {
264
263
  background-color: var(--color-text-interactive-default-lnx6lk, #414d5c);
265
264
  box-shadow: 0 0 0 2px var(--color-text-interactive-default-lnx6lk, #414d5c), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
266
265
  }
267
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a > .awsui_title_1xupv_1ks7f_210:not(#\9) {
266
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a > .awsui_title_1xupv_1w520_209:not(#\9) {
268
267
  color: var(--color-text-interactive-default-lnx6lk, #414d5c);
269
268
  }
270
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a:not(#\9):hover > .awsui_circle_1xupv_1ks7f_199 {
269
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a:not(#\9):hover > .awsui_circle_1xupv_1w520_198 {
271
270
  background-color: var(--color-background-control-checked-w517i0, #0972d3);
272
271
  box-shadow: 0 0 0 2px var(--color-background-control-checked-w517i0, #0972d3), 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
273
272
  }
274
- .awsui_navigation_1xupv_1ks7f_151.awsui_refresh_1xupv_1ks7f_135 > ul.awsui_refresh_1xupv_1ks7f_135 > li.awsui_enabled_1xupv_1ks7f_262 > a:not(#\9):hover > .awsui_title_1xupv_1ks7f_210 {
273
+ .awsui_navigation_1xupv_1w520_148.awsui_refresh_1xupv_1w520_132 > ul.awsui_refresh_1xupv_1w520_132 > li.awsui_enabled_1xupv_1w520_261 > a:not(#\9):hover > .awsui_title_1xupv_1w520_209 {
275
274
  color: var(--color-background-control-checked-w517i0, #0972d3);
276
275
  }
277
276
 
278
- .awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) {
277
+ .awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) {
279
278
  color: var(--color-text-disabled-f4c52h, #9ba7b6);
280
279
  display: inline-block;
281
280
  margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
282
281
  min-inline-size: 200px;
283
282
  padding-block-start: var(--space-xxs-p8yyaw, 4px);
284
283
  inline-size: 200px;
284
+ /* stylelint-disable selector-max-type */
285
+ /* stylelint-enable selector-max-type */
285
286
  }
286
- .awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) {
287
+ .awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) {
287
288
  list-style: none;
288
289
  padding-block: 0;
289
290
  padding-inline: 0;
290
291
  margin-block: 0;
291
292
  margin-inline: 0;
292
293
  }
293
- .awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) > li {
294
+ .awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) > li {
294
295
  min-inline-size: 0;
295
296
  word-break: break-word;
296
297
  padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
297
298
  }
298
- .awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) > li:not(:first-child) {
299
+ .awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) > li:not(:first-child) {
299
300
  margin-block-start: var(--space-scaled-m-mo5yse, 16px);
300
301
  }
301
- .awsui_navigation_1xupv_1ks7f_151:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > ul:not(.awsui_refresh_1xupv_1ks7f_135) > li:not(:last-child) {
302
+ .awsui_navigation_1xupv_1w520_148:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > ul:not(.awsui_refresh_1xupv_1w520_132) > li:not(:last-child) {
302
303
  border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-ownedw, #d1d5db);
303
304
  }
304
305
 
305
- .awsui_form_1xupv_1ks7f_304:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) {
306
+ .awsui_form_1xupv_1w520_305:not(#\9):not(.awsui_refresh_1xupv_1w520_132) {
306
307
  min-inline-size: 0;
307
308
  word-break: break-word;
308
309
  inline-size: 100%;
309
310
  }
310
- .awsui_form_1xupv_1ks7f_304:not(#\9):not(.awsui_refresh_1xupv_1ks7f_135) > .awsui_form-header_1xupv_1ks7f_309 {
311
+ .awsui_form_1xupv_1w520_305:not(#\9):not(.awsui_refresh_1xupv_1w520_132) > .awsui_form-header_1xupv_1w520_310 {
311
312
  position: relative;
312
313
  margin-block-end: var(--space-scaled-m-mo5yse, 16px);
313
314
  }
314
315
 
315
- .awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135:not(#\9) {
316
+ .awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132:not(#\9) {
316
317
  min-inline-size: 0;
317
318
  word-break: break-word;
318
319
  display: contents;
319
320
  }
320
- .awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135 > .awsui_form-header_1xupv_1ks7f_309:not(#\9) {
321
+ .awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132 > .awsui_form-header_1xupv_1w520_310:not(#\9) {
321
322
  background-color: var(--color-background-layout-main-nx09lr, #ffffff);
322
323
  grid-column: 2;
323
324
  grid-row: 1;
324
325
  color: var(--color-text-body-default-at06ol, #000716);
325
326
  }
326
- .awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135 > .awsui_form-header_1xupv_1ks7f_309 > .awsui_form-header-content_1xupv_1ks7f_325:not(#\9) {
327
+ .awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132 > .awsui_form-header_1xupv_1w520_310 > .awsui_form-header-content_1xupv_1w520_326:not(#\9) {
327
328
  padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
328
329
  padding-block-end: var(--space-scaled-s-aqzyko, 12px);
329
330
  }
330
- .awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135 > .awsui_form-component_1xupv_1ks7f_329:not(#\9) {
331
+ .awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132 > .awsui_form-component_1xupv_1w520_330:not(#\9) {
331
332
  grid-column: 2;
332
333
  grid-row: 2;
333
334
  }
334
- .awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142 > .awsui_form-header_1xupv_1ks7f_309:not(#\9) {
335
+ .awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139 > .awsui_form-header_1xupv_1w520_310:not(#\9) {
335
336
  grid-column: 1/span 2;
336
337
  }
337
- .awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142 > .awsui_form-header_1xupv_1ks7f_309 > .awsui_form-header-content_1xupv_1ks7f_325:not(#\9) {
338
+ .awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139 > .awsui_form-header_1xupv_1w520_310 > .awsui_form-header-content_1xupv_1w520_326:not(#\9) {
338
339
  padding-block-start: 0;
339
340
  }
340
- .awsui_form_1xupv_1ks7f_304.awsui_refresh_1xupv_1ks7f_135.awsui_small-container_1xupv_1ks7f_142 > .awsui_form-component_1xupv_1ks7f_329:not(#\9) {
341
+ .awsui_form_1xupv_1w520_305.awsui_refresh_1xupv_1w520_132.awsui_small-container_1xupv_1w520_139 > .awsui_form-component_1xupv_1w520_330:not(#\9) {
341
342
  grid-column: 1/span 2;
342
343
  }
343
344
 
344
- .awsui_navigation_1xupv_1ks7f_151.awsui_hidden_1xupv_1ks7f_343:not(#\9) {
345
+ .awsui_navigation_1xupv_1w520_148.awsui_hidden_1xupv_1w520_344:not(#\9) {
345
346
  display: none;
346
347
  }
347
348
 
348
- .awsui_collapsed-steps_1xupv_1ks7f_347:not(#\9) {
349
+ .awsui_collapsed-steps_1xupv_1w520_348:not(#\9) {
349
350
  color: var(--color-text-heading-secondary-37b2tq, #414d5c);
350
351
  font-weight: 700;
351
352
  padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
352
353
  }
353
- .awsui_collapsed-steps-hidden_1xupv_1ks7f_352:not(#\9) {
354
+ .awsui_collapsed-steps-hidden_1xupv_1w520_353:not(#\9) {
354
355
  display: none;
355
356
  }
356
357
 
357
- .awsui_form-header-component-wrapper_1xupv_1ks7f_356:not(#\9) {
358
+ .awsui_form-header-component-wrapper_1xupv_1w520_357:not(#\9) {
358
359
  outline: none;
359
360
  }
360
- body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1ks7f_356:not(#\9):focus {
361
+ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1w520_357:not(#\9):focus {
361
362
  outline: thin dotted;
362
363
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
363
364
  outline-offset: 2px;
@@ -369,30 +370,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
369
370
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
370
371
  }
371
372
 
372
- .awsui_form-header-component_1xupv_1ks7f_356:not(#\9),
373
- .awsui_navigation-link_1xupv_1ks7f_372:not(#\9),
374
- .awsui_navigation-link-item_1xupv_1ks7f_373:not(#\9),
375
- .awsui_navigation-link-label_1xupv_1ks7f_374:not(#\9) {
373
+ .awsui_form-header-component_1xupv_1w520_357:not(#\9),
374
+ .awsui_navigation-link_1xupv_1w520_373:not(#\9),
375
+ .awsui_navigation-link-item_1xupv_1w520_374:not(#\9),
376
+ .awsui_navigation-link-label_1xupv_1w520_375:not(#\9) {
376
377
  /* used in test-utils */
377
378
  }
378
379
 
379
- .awsui_navigation-link-active_1xupv_1ks7f_378:not(#\9) {
380
+ .awsui_navigation-link-active_1xupv_1w520_379:not(#\9) {
380
381
  font-weight: 700;
381
382
  color: var(--color-text-body-default-at06ol, #000716);
382
383
  }
383
384
 
384
- .awsui_navigation-link-disabled_1xupv_1ks7f_383:not(#\9) {
385
+ .awsui_navigation-link-disabled_1xupv_1w520_384:not(#\9) {
385
386
  color: var(--color-text-status-inactive-m7co45, #5f6b7a);
386
387
  }
387
388
 
388
- .awsui_cancel-button_1xupv_1ks7f_387:not(#\9),
389
- .awsui_previous-button_1xupv_1ks7f_388:not(#\9),
390
- .awsui_primary-button_1xupv_1ks7f_389:not(#\9),
391
- .awsui_skip-to-button_1xupv_1ks7f_390:not(#\9) {
389
+ .awsui_cancel-button_1xupv_1w520_388:not(#\9),
390
+ .awsui_previous-button_1xupv_1w520_389:not(#\9),
391
+ .awsui_primary-button_1xupv_1w520_390:not(#\9),
392
+ .awsui_skip-to-button_1xupv_1w520_391:not(#\9) {
392
393
  /* used in test-utils */
393
394
  }
394
395
 
395
- .awsui_action-buttons_1xupv_1ks7f_394:not(#\9) {
396
+ .awsui_action-buttons_1xupv_1w520_395:not(#\9) {
396
397
  display: flex;
397
398
  justify-content: flex-end;
398
399
  }
@@ -2,35 +2,35 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1xupv_1ks7f_100",
6
- "wizard": "awsui_wizard_1xupv_1ks7f_135",
7
- "refresh": "awsui_refresh_1xupv_1ks7f_135",
8
- "small-container": "awsui_small-container_1xupv_1ks7f_142",
9
- "navigation": "awsui_navigation_1xupv_1ks7f_151",
10
- "number": "awsui_number_1xupv_1ks7f_183",
11
- "circle": "awsui_circle_1xupv_1ks7f_199",
12
- "title": "awsui_title_1xupv_1ks7f_210",
13
- "active": "awsui_active_1xupv_1ks7f_241",
14
- "disabled": "awsui_disabled_1xupv_1ks7f_252",
15
- "enabled": "awsui_enabled_1xupv_1ks7f_262",
16
- "form": "awsui_form_1xupv_1ks7f_304",
17
- "form-header": "awsui_form-header_1xupv_1ks7f_309",
18
- "form-header-content": "awsui_form-header-content_1xupv_1ks7f_325",
19
- "form-component": "awsui_form-component_1xupv_1ks7f_329",
20
- "hidden": "awsui_hidden_1xupv_1ks7f_343",
21
- "collapsed-steps": "awsui_collapsed-steps_1xupv_1ks7f_347",
22
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1ks7f_352",
23
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1ks7f_356",
24
- "form-header-component": "awsui_form-header-component_1xupv_1ks7f_356",
25
- "navigation-link": "awsui_navigation-link_1xupv_1ks7f_372",
26
- "navigation-link-item": "awsui_navigation-link-item_1xupv_1ks7f_373",
27
- "navigation-link-label": "awsui_navigation-link-label_1xupv_1ks7f_374",
28
- "navigation-link-active": "awsui_navigation-link-active_1xupv_1ks7f_378",
29
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1ks7f_383",
30
- "cancel-button": "awsui_cancel-button_1xupv_1ks7f_387",
31
- "previous-button": "awsui_previous-button_1xupv_1ks7f_388",
32
- "primary-button": "awsui_primary-button_1xupv_1ks7f_389",
33
- "skip-to-button": "awsui_skip-to-button_1xupv_1ks7f_390",
34
- "action-buttons": "awsui_action-buttons_1xupv_1ks7f_394"
5
+ "root": "awsui_root_1xupv_1w520_97",
6
+ "wizard": "awsui_wizard_1xupv_1w520_132",
7
+ "refresh": "awsui_refresh_1xupv_1w520_132",
8
+ "small-container": "awsui_small-container_1xupv_1w520_139",
9
+ "navigation": "awsui_navigation_1xupv_1w520_148",
10
+ "number": "awsui_number_1xupv_1w520_182",
11
+ "circle": "awsui_circle_1xupv_1w520_198",
12
+ "title": "awsui_title_1xupv_1w520_209",
13
+ "active": "awsui_active_1xupv_1w520_240",
14
+ "disabled": "awsui_disabled_1xupv_1w520_251",
15
+ "enabled": "awsui_enabled_1xupv_1w520_261",
16
+ "form": "awsui_form_1xupv_1w520_305",
17
+ "form-header": "awsui_form-header_1xupv_1w520_310",
18
+ "form-header-content": "awsui_form-header-content_1xupv_1w520_326",
19
+ "form-component": "awsui_form-component_1xupv_1w520_330",
20
+ "hidden": "awsui_hidden_1xupv_1w520_344",
21
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_1w520_348",
22
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1w520_353",
23
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1w520_357",
24
+ "form-header-component": "awsui_form-header-component_1xupv_1w520_357",
25
+ "navigation-link": "awsui_navigation-link_1xupv_1w520_373",
26
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_1w520_374",
27
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_1w520_375",
28
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_1w520_379",
29
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1w520_384",
30
+ "cancel-button": "awsui_cancel-button_1xupv_1w520_388",
31
+ "previous-button": "awsui_previous-button_1xupv_1w520_389",
32
+ "primary-button": "awsui_primary-button_1xupv_1w520_390",
33
+ "skip-to-button": "awsui_skip-to-button_1xupv_1w520_391",
34
+ "action-buttons": "awsui_action-buttons_1xupv_1w520_395"
35
35
  };
36
36
 
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function usePerformanceMarks(name: string, enabled: boolean, elementRef: React.RefObject<HTMLElement>, getDetails: () => Record<string, string | boolean | number | undefined>, dependencies: React.DependencyList): void;
3
- //# sourceMappingURL=use-performance-marks.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-performance-marks.d.ts","sourceRoot":"","sources":["../../../../src/internal/hooks/use-performance-marks.ts"],"names":[],"mappings":";AAQA,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc,QAuDnC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-performance-marks.js","sourceRoot":"","sources":["../../../../src/internal/hooks/use-performance-marks.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,OAAgB,EAChB,UAAwC,EACxC,UAAuE,EACvE,YAAkC;IAElC,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,SAAS,EAAE;YAChD,OAAO;SACR;QAED,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAG,GAAG,IAAI,UAAU,CAAC;QAE3C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACjC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,kBAAkB,EAAE,EAAE,IACnB,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,SAAS,EAAE;YAChD,OAAO;SACR;QACD,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,GAAG,IAAI,SAAS,CAAC;QAEzC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE;YAChC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,kBAAkB,EAAE,EAAE,IACnB,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAC;AACnB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\nimport { useUniqueId } from './use-unique-id';\nimport { useEffectOnUpdate } from './use-effect-on-update';\nimport { useModalContext } from '../context/modal-context';\n\nexport function usePerformanceMarks(\n name: string,\n enabled: boolean,\n elementRef: React.RefObject<HTMLElement>,\n getDetails: () => Record<string, string | boolean | number | undefined>,\n dependencies: React.DependencyList\n) {\n const id = useUniqueId();\n const { isInModal } = useModalContext();\n\n useEffect(() => {\n if (!enabled || !elementRef.current || isInModal) {\n return;\n }\n\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const renderedMarkName = `${name}Rendered`;\n\n performance.mark(renderedMarkName, {\n detail: {\n source: 'awsui',\n instanceIdentifier: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffectOnUpdate(() => {\n if (!enabled || !elementRef.current || isInModal) {\n return;\n }\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const updatedMarkName = `${name}Updated`;\n\n performance.mark(updatedMarkName, {\n detail: {\n source: 'awsui',\n instanceIdentifier: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n}\n"]}