@cloudscape-design/components 3.0.839 → 3.0.840

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 (290) hide show
  1. package/alert/styles.css.js +28 -28
  2. package/alert/styles.scoped.css +43 -49
  3. package/alert/styles.selectors.js +28 -28
  4. package/anchor-navigation/styles.css.js +8 -8
  5. package/anchor-navigation/styles.scoped.css +18 -21
  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 +30 -33
  9. package/annotation-context/annotation/styles.selectors.js +24 -24
  10. package/app-layout/classic.d.ts.map +1 -1
  11. package/app-layout/classic.js +3 -4
  12. package/app-layout/classic.js.map +1 -1
  13. package/app-layout/split-panel/constants.d.ts +0 -1
  14. package/app-layout/split-panel/constants.d.ts.map +1 -1
  15. package/app-layout/split-panel/constants.js +0 -1
  16. package/app-layout/split-panel/constants.js.map +1 -1
  17. package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
  18. package/app-layout/utils/use-pointer-events.js +19 -10
  19. package/app-layout/utils/use-pointer-events.js.map +1 -1
  20. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  21. package/app-layout/visual-refresh/context.js +8 -2
  22. package/app-layout/visual-refresh/context.js.map +1 -1
  23. package/app-layout/visual-refresh/styles.css.js +86 -86
  24. package/app-layout/visual-refresh/styles.scoped.css +163 -169
  25. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  26. package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
  27. package/app-layout/visual-refresh-toolbar/compute-layout.js +2 -3
  28. package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
  29. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
  30. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +35 -50
  31. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
  32. package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
  33. package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +15 -18
  34. package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
  35. package/attribute-editor/styles.css.js +14 -14
  36. package/attribute-editor/styles.scoped.css +24 -27
  37. package/attribute-editor/styles.selectors.js +14 -14
  38. package/badge/styles.css.js +10 -10
  39. package/badge/styles.scoped.css +10 -13
  40. package/badge/styles.selectors.js +10 -10
  41. package/breadcrumb-group/styles.css.js +10 -10
  42. package/breadcrumb-group/styles.scoped.css +11 -14
  43. package/breadcrumb-group/styles.selectors.js +10 -10
  44. package/button/styles.css.js +21 -21
  45. package/button/styles.scoped.css +154 -157
  46. package/button/styles.selectors.js +21 -21
  47. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  48. package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -8
  49. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  50. package/button-group/styles.css.js +4 -4
  51. package/button-group/styles.scoped.css +4 -7
  52. package/button-group/styles.selectors.js +4 -4
  53. package/calendar/styles.css.js +21 -21
  54. package/calendar/styles.scoped.css +43 -46
  55. package/calendar/styles.selectors.js +21 -21
  56. package/cards/styles.css.js +39 -39
  57. package/cards/styles.scoped.css +50 -53
  58. package/cards/styles.selectors.js +39 -39
  59. package/checkbox/styles.css.js +3 -3
  60. package/checkbox/styles.scoped.css +5 -8
  61. package/checkbox/styles.selectors.js +3 -3
  62. package/code-editor/styles.css.js +33 -33
  63. package/code-editor/styles.scoped.css +135 -138
  64. package/code-editor/styles.selectors.js +33 -33
  65. package/collection-preferences/content-display/styles.css.js +13 -13
  66. package/collection-preferences/content-display/styles.scoped.css +19 -22
  67. package/collection-preferences/content-display/styles.selectors.js +13 -13
  68. package/collection-preferences/styles.css.js +39 -39
  69. package/collection-preferences/styles.scoped.css +46 -49
  70. package/collection-preferences/styles.selectors.js +39 -39
  71. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  72. package/column-layout/flexible-column-layout/styles.scoped.css +22 -7
  73. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  74. package/column-layout/styles.css.js +13 -13
  75. package/column-layout/styles.scoped.css +43 -46
  76. package/column-layout/styles.selectors.js +13 -13
  77. package/container/styles.css.js +31 -31
  78. package/container/styles.scoped.css +54 -57
  79. package/container/styles.selectors.js +31 -31
  80. package/copy-to-clipboard/internal.js +2 -2
  81. package/copy-to-clipboard/internal.js.map +1 -1
  82. package/copy-to-clipboard/styles.css.js +3 -4
  83. package/copy-to-clipboard/styles.scoped.css +3 -7
  84. package/copy-to-clipboard/styles.selectors.js +3 -4
  85. package/date-picker/index.js +1 -1
  86. package/date-picker/index.js.map +1 -1
  87. package/date-picker/styles.css.js +7 -7
  88. package/date-picker/styles.scoped.css +9 -12
  89. package/date-picker/styles.selectors.js +7 -7
  90. package/date-range-picker/dropdown.d.ts.map +1 -1
  91. package/date-range-picker/dropdown.js +1 -1
  92. package/date-range-picker/dropdown.js.map +1 -1
  93. package/date-range-picker/styles.css.js +38 -38
  94. package/date-range-picker/styles.scoped.css +47 -50
  95. package/date-range-picker/styles.selectors.js +38 -38
  96. package/drawer/styles.css.js +5 -5
  97. package/drawer/styles.scoped.css +10 -13
  98. package/drawer/styles.selectors.js +5 -5
  99. package/expandable-section/styles.css.js +34 -34
  100. package/expandable-section/styles.scoped.css +65 -68
  101. package/expandable-section/styles.selectors.js +34 -34
  102. package/file-token-group/styles.css.js +22 -22
  103. package/file-token-group/styles.scoped.css +29 -32
  104. package/file-token-group/styles.selectors.js +22 -22
  105. package/flashbar/styles.css.js +50 -50
  106. package/flashbar/styles.scoped.css +148 -151
  107. package/flashbar/styles.selectors.js +50 -50
  108. package/form/styles.css.js +8 -8
  109. package/form/styles.scoped.css +8 -11
  110. package/form/styles.selectors.js +8 -8
  111. package/form-field/styles.css.js +24 -24
  112. package/form-field/styles.scoped.css +38 -41
  113. package/form-field/styles.selectors.js +24 -24
  114. package/grid/styles.css.js +53 -53
  115. package/grid/styles.scoped.css +54 -57
  116. package/grid/styles.selectors.js +53 -53
  117. package/header/styles.css.js +34 -34
  118. package/header/styles.scoped.css +50 -53
  119. package/header/styles.selectors.js +34 -34
  120. package/help-panel/styles.css.js +6 -6
  121. package/help-panel/styles.scoped.css +67 -70
  122. package/help-panel/styles.selectors.js +6 -6
  123. package/input/styles.css.js +13 -13
  124. package/input/styles.scoped.css +32 -35
  125. package/input/styles.selectors.js +13 -13
  126. package/internal/components/button-trigger/styles.css.js +13 -13
  127. package/internal/components/button-trigger/styles.scoped.css +27 -30
  128. package/internal/components/button-trigger/styles.selectors.js +13 -13
  129. package/internal/components/chart-filter/styles.css.js +3 -3
  130. package/internal/components/chart-filter/styles.scoped.css +3 -6
  131. package/internal/components/chart-filter/styles.selectors.js +3 -3
  132. package/internal/components/chart-legend/styles.css.js +6 -6
  133. package/internal/components/chart-legend/styles.scoped.css +15 -18
  134. package/internal/components/chart-legend/styles.selectors.js +6 -6
  135. package/internal/components/chart-popover/styles.css.js +3 -3
  136. package/internal/components/chart-popover/styles.scoped.css +3 -6
  137. package/internal/components/chart-popover/styles.selectors.js +3 -3
  138. package/internal/components/chart-series-details/styles.css.js +20 -20
  139. package/internal/components/chart-series-details/styles.scoped.css +33 -42
  140. package/internal/components/chart-series-details/styles.selectors.js +20 -20
  141. package/internal/components/chart-series-marker/styles.css.js +5 -5
  142. package/internal/components/chart-series-marker/styles.scoped.css +7 -10
  143. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  144. package/internal/components/chart-wrapper/styles.css.js +9 -9
  145. package/internal/components/chart-wrapper/styles.scoped.css +9 -12
  146. package/internal/components/chart-wrapper/styles.selectors.js +9 -9
  147. package/internal/components/dropdown/styles.css.js +20 -20
  148. package/internal/components/dropdown/styles.scoped.css +37 -40
  149. package/internal/components/dropdown/styles.selectors.js +20 -20
  150. package/internal/components/dropdown-footer/styles.css.js +3 -3
  151. package/internal/components/dropdown-footer/styles.scoped.css +3 -6
  152. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  153. package/internal/components/dropdown-status/styles.css.js +2 -2
  154. package/internal/components/dropdown-status/styles.scoped.css +2 -5
  155. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  156. package/internal/components/menu-dropdown/styles.css.js +7 -7
  157. package/internal/components/menu-dropdown/styles.scoped.css +13 -16
  158. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  159. package/internal/components/option/styles.css.js +17 -17
  160. package/internal/components/option/styles.scoped.css +29 -32
  161. package/internal/components/option/styles.selectors.js +17 -17
  162. package/internal/components/options-list/styles.css.js +3 -3
  163. package/internal/components/options-list/styles.scoped.css +3 -6
  164. package/internal/components/options-list/styles.selectors.js +3 -3
  165. package/internal/components/token-list/styles.css.js +10 -10
  166. package/internal/components/token-list/styles.scoped.css +22 -25
  167. package/internal/components/token-list/styles.selectors.js +10 -10
  168. package/internal/environment.js +1 -1
  169. package/internal/environment.json +1 -1
  170. package/internal/events/index.d.ts +1 -0
  171. package/internal/events/index.d.ts.map +1 -1
  172. package/internal/events/index.js +1 -0
  173. package/internal/events/index.js.map +1 -1
  174. package/internal/manifest.json +1 -1
  175. package/key-value-pairs/styles.css.js +8 -8
  176. package/key-value-pairs/styles.scoped.css +9 -15
  177. package/key-value-pairs/styles.selectors.js +8 -8
  178. package/link/styles.css.js +20 -20
  179. package/link/styles.scoped.css +71 -74
  180. package/link/styles.selectors.js +20 -20
  181. package/modal/internal.js +1 -1
  182. package/modal/internal.js.map +1 -1
  183. package/modal/styles.css.js +23 -23
  184. package/modal/styles.scoped.css +38 -44
  185. package/modal/styles.selectors.js +23 -23
  186. package/multiselect/styles.css.js +3 -3
  187. package/multiselect/styles.scoped.css +3 -9
  188. package/multiselect/styles.selectors.js +3 -3
  189. package/package.json +1 -1
  190. package/pagination/styles.css.js +9 -9
  191. package/pagination/styles.scoped.css +23 -26
  192. package/pagination/styles.selectors.js +9 -9
  193. package/popover/body.d.ts.map +1 -1
  194. package/popover/body.js +0 -1
  195. package/popover/body.js.map +1 -1
  196. package/popover/internal.d.ts +1 -0
  197. package/popover/internal.d.ts.map +1 -1
  198. package/popover/internal.js +2 -2
  199. package/popover/internal.js.map +1 -1
  200. package/popover/styles.css.js +53 -52
  201. package/popover/styles.scoped.css +71 -77
  202. package/popover/styles.selectors.js +53 -52
  203. package/progress-bar/styles.css.js +19 -19
  204. package/progress-bar/styles.scoped.css +30 -33
  205. package/progress-bar/styles.selectors.js +19 -19
  206. package/prompt-input/styles.css.js +14 -14
  207. package/prompt-input/styles.scoped.css +39 -51
  208. package/prompt-input/styles.selectors.js +14 -14
  209. package/property-filter/filtering-token/styles.css.js +18 -18
  210. package/property-filter/filtering-token/styles.scoped.css +41 -44
  211. package/property-filter/filtering-token/styles.selectors.js +18 -18
  212. package/property-filter/styles.css.js +39 -39
  213. package/property-filter/styles.scoped.css +41 -47
  214. package/property-filter/styles.selectors.js +39 -39
  215. package/radio-group/styles.css.js +10 -10
  216. package/radio-group/styles.scoped.css +16 -19
  217. package/radio-group/styles.selectors.js +10 -10
  218. package/segmented-control/styles.css.js +15 -15
  219. package/segmented-control/styles.scoped.css +34 -37
  220. package/segmented-control/styles.selectors.js +15 -15
  221. package/select/styles.css.js +1 -1
  222. package/select/styles.scoped.css +1 -4
  223. package/select/styles.selectors.js +1 -1
  224. package/side-navigation/styles.css.js +30 -30
  225. package/side-navigation/styles.scoped.css +46 -49
  226. package/side-navigation/styles.selectors.js +30 -30
  227. package/slider/styles.css.js +26 -26
  228. package/slider/styles.scoped.css +76 -79
  229. package/slider/styles.selectors.js +26 -26
  230. package/split-panel/styles.css.js +26 -26
  231. package/split-panel/styles.scoped.css +44 -47
  232. package/split-panel/styles.selectors.js +26 -26
  233. package/steps/styles.css.js +6 -6
  234. package/steps/styles.scoped.css +7 -10
  235. package/steps/styles.selectors.js +6 -6
  236. package/table/expandable-rows/styles.css.js +3 -3
  237. package/table/expandable-rows/styles.scoped.css +13 -16
  238. package/table/expandable-rows/styles.selectors.js +3 -3
  239. package/table/resizer/styles.css.js +8 -8
  240. package/table/resizer/styles.scoped.css +15 -18
  241. package/table/resizer/styles.selectors.js +8 -8
  242. package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
  243. package/table/sticky-scrollbar/sticky-scrollbar.js +6 -2
  244. package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
  245. package/table/sticky-scrollbar/styles.css.js +6 -6
  246. package/table/sticky-scrollbar/styles.scoped.css +10 -7
  247. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  248. package/tabs/styles.css.js +28 -28
  249. package/tabs/styles.scoped.css +49 -52
  250. package/tabs/styles.selectors.js +28 -28
  251. package/text-content/styles.css.js +1 -1
  252. package/text-content/styles.scoped.css +60 -63
  253. package/text-content/styles.selectors.js +1 -1
  254. package/text-filter/styles.css.js +3 -3
  255. package/text-filter/styles.scoped.css +3 -6
  256. package/text-filter/styles.selectors.js +3 -3
  257. package/textarea/styles.css.js +5 -5
  258. package/textarea/styles.scoped.css +14 -17
  259. package/textarea/styles.selectors.js +5 -5
  260. package/tiles/styles.css.js +30 -30
  261. package/tiles/styles.scoped.css +71 -77
  262. package/tiles/styles.selectors.js +30 -30
  263. package/toggle/styles.css.js +10 -10
  264. package/toggle/styles.scoped.css +17 -20
  265. package/toggle/styles.selectors.js +10 -10
  266. package/token-group/styles.css.js +8 -8
  267. package/token-group/styles.scoped.css +16 -19
  268. package/token-group/styles.selectors.js +8 -8
  269. package/top-navigation/1.0-beta/styles.css.js +25 -25
  270. package/top-navigation/1.0-beta/styles.scoped.css +42 -45
  271. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  272. package/top-navigation/styles.css.js +47 -47
  273. package/top-navigation/styles.scoped.css +66 -75
  274. package/top-navigation/styles.selectors.js +47 -47
  275. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  276. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -24
  277. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  278. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  279. package/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -36
  280. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  281. package/tutorial-panel/styles.css.js +1 -1
  282. package/tutorial-panel/styles.scoped.css +1 -4
  283. package/tutorial-panel/styles.selectors.js +1 -1
  284. package/wizard/styles.css.js +30 -30
  285. package/wizard/styles.scoped.css +58 -61
  286. package/wizard/styles.selectors.js +30 -30
  287. package/app-layout/split-panel/split-panel-utils.d.ts +0 -12
  288. package/app-layout/split-panel/split-panel-utils.d.ts.map +0 -1
  289. package/app-layout/split-panel/split-panel-utils.js +0 -28
  290. package/app-layout/split-panel/split-panel-utils.js.map +0 -1
@@ -138,7 +138,7 @@
138
138
  */
139
139
  /* Style used for links in slots/components that are text heavy, to help links stand out among
140
140
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
141
- .awsui_root_1xupv_8e2ex_141:not(#\9) {
141
+ .awsui_root_1xupv_47p9l_141:not(#\9) {
142
142
  border-collapse: separate;
143
143
  border-spacing: 0;
144
144
  box-sizing: border-box;
@@ -147,12 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
147
147
  direction: inherit;
148
148
  empty-cells: show;
149
149
  font-family: serif;
150
- font-size: medium;
151
150
  font-style: normal;
152
151
  font-variant: normal;
153
- font-weight: 400;
154
152
  font-stretch: normal;
155
- line-height: normal;
156
153
  -webkit-hyphens: none;
157
154
  hyphens: none;
158
155
  letter-spacing: normal;
@@ -174,30 +171,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
174
171
  -moz-osx-font-smoothing: auto;
175
172
  }
176
173
 
177
- .awsui_wizard_1xupv_8e2ex_176.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
174
+ .awsui_wizard_1xupv_47p9l_173.awsui_refresh_1xupv_47p9l_173:not(#\9) {
178
175
  column-gap: var(--space-xl-lmui9r, 24px);
179
176
  display: grid;
180
177
  grid-template-columns: auto minmax(0, 1fr);
181
178
  grid-template-rows: auto 1fr;
182
179
  row-gap: var(--space-scaled-xxs-7597g1, 4px);
183
180
  }
184
- .awsui_wizard_1xupv_8e2ex_176.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183:not(#\9) {
181
+ .awsui_wizard_1xupv_47p9l_173.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180:not(#\9) {
185
182
  grid-template-columns: minmax(0, 1fr) 0;
186
183
  row-gap: var(--space-scaled-l-0hpmd7, 20px);
187
184
  }
188
185
 
189
- .awsui_wizard_1xupv_8e2ex_176:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) {
186
+ .awsui_wizard_1xupv_47p9l_173:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
190
187
  display: flex;
191
188
  }
192
189
 
193
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
190
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173:not(#\9) {
194
191
  grid-column: 1;
195
192
  grid-row: 1/span 2;
196
193
  padding-block-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-scaled-xxs-7597g1, 4px));
197
194
  /* stylelint-disable selector-max-type */
198
195
  /* stylelint-enable selector-max-type */
199
196
  }
200
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
197
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173:not(#\9) {
201
198
  position: relative;
202
199
  margin-block: 0;
203
200
  margin-inline: 0;
@@ -207,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
207
204
  inline-size: 260px;
208
205
  box-sizing: border-box;
209
206
  }
210
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9) {
207
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9) {
211
208
  display: grid;
212
209
  column-gap: var(--space-xs-zb16t3, 8px);
213
210
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
@@ -215,7 +212,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
212
  padding-block: 0;
216
213
  padding-inline: 0;
217
214
  }
218
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > hr:not(#\9) {
215
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > hr:not(#\9) {
219
216
  background-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
220
217
  border-block: 0;
221
218
  border-inline: 0;
@@ -223,13 +220,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
223
220
  block-size: 100%;
224
221
  inline-size: var(--space-xxxs-zbmxqb, 2px);
225
222
  }
226
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > .awsui_number_1xupv_8e2ex_225:not(#\9) {
223
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > .awsui_number_1xupv_47p9l_222:not(#\9) {
227
224
  color: var(--color-text-small-nzfntg, #656871);
228
225
  font-size: var(--font-size-body-s-asqx2i, 12px);
229
226
  grid-column: 2;
230
227
  grid-row: 1;
231
228
  }
232
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a:not(#\9) {
229
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a:not(#\9) {
233
230
  align-items: start;
234
231
  column-gap: var(--space-xs-zb16t3, 8px);
235
232
  cursor: pointer;
@@ -239,7 +236,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
239
236
  grid-row: 2;
240
237
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
241
238
  }
242
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
239
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
243
240
  border-start-start-radius: 100%;
244
241
  border-start-end-radius: 100%;
245
242
  border-end-start-radius: 100%;
@@ -250,12 +247,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
250
247
  margin-block-start: 6px;
251
248
  inline-size: 10px;
252
249
  }
253
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
250
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
254
251
  min-inline-size: 0;
255
252
  word-break: break-word;
256
253
  grid-column: 2;
257
254
  }
258
- body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li > a:not(#\9):focus {
255
+ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a:not(#\9):focus {
259
256
  outline: thin dotted;
260
257
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
261
258
  outline-offset: 2px;
@@ -266,58 +263,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.awsui_refr
266
263
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
267
264
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
268
265
  }
269
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):first-child > hr {
266
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):first-child > hr {
270
267
  grid-row: 2/span 2;
271
268
  }
272
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_8e2ex_225 {
269
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_47p9l_222 {
273
270
  margin-block-start: var(--space-m-udix3p, 16px);
274
271
  }
275
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):last-child > hr {
272
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):last-child > hr {
276
273
  grid-row: 1;
277
274
  }
278
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):only-of-type > hr {
275
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):only-of-type > hr {
279
276
  display: none;
280
277
  }
281
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li:not(#\9):not(:first-child):not(:last-child) > hr {
278
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):not(:first-child):not(:last-child) > hr {
282
279
  grid-row: 1/span 3;
283
280
  }
284
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_active_1xupv_8e2ex_283 > a:not(#\9) {
281
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a:not(#\9) {
285
282
  cursor: text;
286
283
  }
287
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_active_1xupv_8e2ex_283 > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
284
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
288
285
  background-color: var(--color-background-control-checked-hz4k40, #006ce0);
289
286
  box-shadow: 0 0 0 3px var(--color-background-container-content-z79u4u, #ffffff), 0 0 0 5px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 7px var(--color-background-container-content-z79u4u, #ffffff);
290
287
  }
291
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_active_1xupv_8e2ex_283 > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
288
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
292
289
  color: var(--color-background-control-checked-hz4k40, #006ce0);
293
290
  font-weight: 700;
294
291
  }
295
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_disabled_1xupv_8e2ex_294 > a:not(#\9) {
292
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a:not(#\9) {
296
293
  cursor: text;
297
294
  }
298
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_disabled_1xupv_8e2ex_294 > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
295
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
299
296
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
300
297
  box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-f5b4z5, #b4b4bb), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
301
298
  }
302
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_disabled_1xupv_8e2ex_294 > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
299
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
303
300
  color: var(--color-text-status-inactive-5megna, #656871);
304
301
  }
305
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a > .awsui_circle_1xupv_8e2ex_241:not(#\9) {
302
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
306
303
  background-color: var(--color-text-interactive-default-tkx8fe, #424650);
307
304
  box-shadow: 0 0 0 2px var(--color-text-interactive-default-tkx8fe, #424650), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
308
305
  }
309
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a > .awsui_title_1xupv_8e2ex_252:not(#\9) {
306
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
310
307
  color: var(--color-text-interactive-default-tkx8fe, #424650);
311
308
  }
312
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a:not(#\9):hover > .awsui_circle_1xupv_8e2ex_241 {
309
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a:not(#\9):hover > .awsui_circle_1xupv_47p9l_238 {
313
310
  background-color: var(--color-background-control-checked-hz4k40, #006ce0);
314
311
  box-shadow: 0 0 0 2px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
315
312
  }
316
- .awsui_navigation_1xupv_8e2ex_192.awsui_refresh_1xupv_8e2ex_176 > ul.awsui_refresh_1xupv_8e2ex_176 > li.awsui_enabled_1xupv_8e2ex_304 > a:not(#\9):hover > .awsui_title_1xupv_8e2ex_252 {
313
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a:not(#\9):hover > .awsui_title_1xupv_47p9l_249 {
317
314
  color: var(--color-background-control-checked-hz4k40, #006ce0);
318
315
  }
319
316
 
320
- .awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) {
317
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
321
318
  color: var(--color-text-disabled-e4vsj4, #b4b4bb);
322
319
  display: inline-block;
323
320
  margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
@@ -327,81 +324,81 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.awsui_refr
327
324
  /* stylelint-disable selector-max-type */
328
325
  /* stylelint-enable selector-max-type */
329
326
  }
330
- .awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) {
327
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) {
331
328
  list-style: none;
332
329
  padding-block: 0;
333
330
  padding-inline: 0;
334
331
  margin-block: 0;
335
332
  margin-inline: 0;
336
333
  }
337
- .awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) > li {
334
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li {
338
335
  min-inline-size: 0;
339
336
  word-break: break-word;
340
337
  padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
341
338
  }
342
- .awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) > li:not(:first-child) {
339
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li:not(:first-child) {
343
340
  margin-block-start: var(--space-scaled-m-mo5yse, 16px);
344
341
  }
345
- .awsui_navigation_1xupv_8e2ex_192:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > ul:not(.awsui_refresh_1xupv_8e2ex_176) > li:not(:last-child) {
342
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li:not(:last-child) {
346
343
  border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
347
344
  }
348
345
 
349
- .awsui_form_1xupv_8e2ex_348:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) {
346
+ .awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
350
347
  min-inline-size: 0;
351
348
  word-break: break-word;
352
349
  inline-size: 100%;
353
350
  }
354
- .awsui_form_1xupv_8e2ex_348:not(#\9):not(.awsui_refresh_1xupv_8e2ex_176) > .awsui_form-header_1xupv_8e2ex_353 {
351
+ .awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > .awsui_form-header_1xupv_47p9l_350 {
355
352
  position: relative;
356
353
  margin-block-end: var(--space-scaled-m-mo5yse, 16px);
357
354
  }
358
355
 
359
- .awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176:not(#\9) {
356
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173:not(#\9) {
360
357
  min-inline-size: 0;
361
358
  word-break: break-word;
362
359
  display: contents;
363
360
  }
364
- .awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176 > .awsui_form-header_1xupv_8e2ex_353:not(#\9) {
361
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
365
362
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
366
363
  grid-column: 2;
367
364
  grid-row: 1;
368
365
  color: var(--color-text-body-default-7v1jfn, #0f141a);
369
366
  }
370
- .awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176 > .awsui_form-header_1xupv_8e2ex_353 > .awsui_form-header-content_1xupv_8e2ex_369:not(#\9) {
367
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350 > .awsui_form-header-content_1xupv_47p9l_366:not(#\9) {
371
368
  padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
372
369
  padding-block-end: var(--space-scaled-s-aqzyko, 12px);
373
370
  }
374
- .awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176 > .awsui_form-component_1xupv_8e2ex_373:not(#\9) {
371
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
375
372
  grid-column: 2;
376
373
  grid-row: 2;
377
374
  }
378
- .awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183 > .awsui_form-header_1xupv_8e2ex_353:not(#\9) {
375
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
379
376
  grid-column: 1/span 2;
380
377
  }
381
- .awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183 > .awsui_form-header_1xupv_8e2ex_353 > .awsui_form-header-content_1xupv_8e2ex_369:not(#\9) {
378
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-header_1xupv_47p9l_350 > .awsui_form-header-content_1xupv_47p9l_366:not(#\9) {
382
379
  padding-block-start: 0;
383
380
  }
384
- .awsui_form_1xupv_8e2ex_348.awsui_refresh_1xupv_8e2ex_176.awsui_small-container_1xupv_8e2ex_183 > .awsui_form-component_1xupv_8e2ex_373:not(#\9) {
381
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
385
382
  grid-column: 1/span 2;
386
383
  }
387
384
 
388
- .awsui_navigation_1xupv_8e2ex_192.awsui_hidden_1xupv_8e2ex_387:not(#\9) {
385
+ .awsui_navigation_1xupv_47p9l_189.awsui_hidden_1xupv_47p9l_384:not(#\9) {
389
386
  display: none;
390
387
  }
391
388
 
392
- .awsui_collapsed-steps_1xupv_8e2ex_391:not(#\9) {
389
+ .awsui_collapsed-steps_1xupv_47p9l_388:not(#\9) {
393
390
  color: var(--color-text-heading-secondary-0myrp3, #424650);
394
391
  font-weight: 700;
395
392
  padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
396
393
  }
397
- .awsui_collapsed-steps-hidden_1xupv_8e2ex_396:not(#\9) {
394
+ .awsui_collapsed-steps-hidden_1xupv_47p9l_393:not(#\9) {
398
395
  display: none;
399
396
  }
400
397
 
401
- .awsui_form-header-component-wrapper_1xupv_8e2ex_400:not(#\9) {
398
+ .awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9) {
402
399
  outline: none;
403
400
  }
404
- body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_8e2ex_400:not(#\9):focus {
401
+ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9):focus {
405
402
  outline: thin dotted;
406
403
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
407
404
  outline-offset: 2px;
@@ -413,30 +410,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_8
413
410
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
414
411
  }
415
412
 
416
- .awsui_form-header-component_1xupv_8e2ex_400:not(#\9),
417
- .awsui_navigation-link_1xupv_8e2ex_416:not(#\9),
418
- .awsui_navigation-link-item_1xupv_8e2ex_417:not(#\9),
419
- .awsui_navigation-link-label_1xupv_8e2ex_418:not(#\9) {
413
+ .awsui_form-header-component_1xupv_47p9l_397:not(#\9),
414
+ .awsui_navigation-link_1xupv_47p9l_413:not(#\9),
415
+ .awsui_navigation-link-item_1xupv_47p9l_414:not(#\9),
416
+ .awsui_navigation-link-label_1xupv_47p9l_415:not(#\9) {
420
417
  /* used in test-utils */
421
418
  }
422
419
 
423
- .awsui_navigation-link-active_1xupv_8e2ex_422:not(#\9) {
420
+ .awsui_navigation-link-active_1xupv_47p9l_419:not(#\9) {
424
421
  font-weight: 700;
425
422
  color: var(--color-text-body-default-7v1jfn, #0f141a);
426
423
  }
427
424
 
428
- .awsui_navigation-link-disabled_1xupv_8e2ex_427:not(#\9) {
425
+ .awsui_navigation-link-disabled_1xupv_47p9l_424:not(#\9) {
429
426
  color: var(--color-text-status-inactive-5megna, #656871);
430
427
  }
431
428
 
432
- .awsui_cancel-button_1xupv_8e2ex_431:not(#\9),
433
- .awsui_previous-button_1xupv_8e2ex_432:not(#\9),
434
- .awsui_primary-button_1xupv_8e2ex_433:not(#\9),
435
- .awsui_skip-to-button_1xupv_8e2ex_434:not(#\9) {
429
+ .awsui_cancel-button_1xupv_47p9l_428:not(#\9),
430
+ .awsui_previous-button_1xupv_47p9l_429:not(#\9),
431
+ .awsui_primary-button_1xupv_47p9l_430:not(#\9),
432
+ .awsui_skip-to-button_1xupv_47p9l_431:not(#\9) {
436
433
  /* used in test-utils */
437
434
  }
438
435
 
439
- .awsui_action-buttons_1xupv_8e2ex_438:not(#\9) {
436
+ .awsui_action-buttons_1xupv_47p9l_435:not(#\9) {
440
437
  display: flex;
441
438
  justify-content: flex-end;
442
439
  }
@@ -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_8e2ex_141",
6
- "wizard": "awsui_wizard_1xupv_8e2ex_176",
7
- "refresh": "awsui_refresh_1xupv_8e2ex_176",
8
- "small-container": "awsui_small-container_1xupv_8e2ex_183",
9
- "navigation": "awsui_navigation_1xupv_8e2ex_192",
10
- "number": "awsui_number_1xupv_8e2ex_225",
11
- "circle": "awsui_circle_1xupv_8e2ex_241",
12
- "title": "awsui_title_1xupv_8e2ex_252",
13
- "active": "awsui_active_1xupv_8e2ex_283",
14
- "disabled": "awsui_disabled_1xupv_8e2ex_294",
15
- "enabled": "awsui_enabled_1xupv_8e2ex_304",
16
- "form": "awsui_form_1xupv_8e2ex_348",
17
- "form-header": "awsui_form-header_1xupv_8e2ex_353",
18
- "form-header-content": "awsui_form-header-content_1xupv_8e2ex_369",
19
- "form-component": "awsui_form-component_1xupv_8e2ex_373",
20
- "hidden": "awsui_hidden_1xupv_8e2ex_387",
21
- "collapsed-steps": "awsui_collapsed-steps_1xupv_8e2ex_391",
22
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_8e2ex_396",
23
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_8e2ex_400",
24
- "form-header-component": "awsui_form-header-component_1xupv_8e2ex_400",
25
- "navigation-link": "awsui_navigation-link_1xupv_8e2ex_416",
26
- "navigation-link-item": "awsui_navigation-link-item_1xupv_8e2ex_417",
27
- "navigation-link-label": "awsui_navigation-link-label_1xupv_8e2ex_418",
28
- "navigation-link-active": "awsui_navigation-link-active_1xupv_8e2ex_422",
29
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_8e2ex_427",
30
- "cancel-button": "awsui_cancel-button_1xupv_8e2ex_431",
31
- "previous-button": "awsui_previous-button_1xupv_8e2ex_432",
32
- "primary-button": "awsui_primary-button_1xupv_8e2ex_433",
33
- "skip-to-button": "awsui_skip-to-button_1xupv_8e2ex_434",
34
- "action-buttons": "awsui_action-buttons_1xupv_8e2ex_438"
5
+ "root": "awsui_root_1xupv_47p9l_141",
6
+ "wizard": "awsui_wizard_1xupv_47p9l_173",
7
+ "refresh": "awsui_refresh_1xupv_47p9l_173",
8
+ "small-container": "awsui_small-container_1xupv_47p9l_180",
9
+ "navigation": "awsui_navigation_1xupv_47p9l_189",
10
+ "number": "awsui_number_1xupv_47p9l_222",
11
+ "circle": "awsui_circle_1xupv_47p9l_238",
12
+ "title": "awsui_title_1xupv_47p9l_249",
13
+ "active": "awsui_active_1xupv_47p9l_280",
14
+ "disabled": "awsui_disabled_1xupv_47p9l_291",
15
+ "enabled": "awsui_enabled_1xupv_47p9l_301",
16
+ "form": "awsui_form_1xupv_47p9l_345",
17
+ "form-header": "awsui_form-header_1xupv_47p9l_350",
18
+ "form-header-content": "awsui_form-header-content_1xupv_47p9l_366",
19
+ "form-component": "awsui_form-component_1xupv_47p9l_370",
20
+ "hidden": "awsui_hidden_1xupv_47p9l_384",
21
+ "collapsed-steps": "awsui_collapsed-steps_1xupv_47p9l_388",
22
+ "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_47p9l_393",
23
+ "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_47p9l_397",
24
+ "form-header-component": "awsui_form-header-component_1xupv_47p9l_397",
25
+ "navigation-link": "awsui_navigation-link_1xupv_47p9l_413",
26
+ "navigation-link-item": "awsui_navigation-link-item_1xupv_47p9l_414",
27
+ "navigation-link-label": "awsui_navigation-link-label_1xupv_47p9l_415",
28
+ "navigation-link-active": "awsui_navigation-link-active_1xupv_47p9l_419",
29
+ "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_47p9l_424",
30
+ "cancel-button": "awsui_cancel-button_1xupv_47p9l_428",
31
+ "previous-button": "awsui_previous-button_1xupv_47p9l_429",
32
+ "primary-button": "awsui_primary-button_1xupv_47p9l_430",
33
+ "skip-to-button": "awsui_skip-to-button_1xupv_47p9l_431",
34
+ "action-buttons": "awsui_action-buttons_1xupv_47p9l_435"
35
35
  };
36
36
 
@@ -1,12 +0,0 @@
1
- /**
2
- * The Split Panel will be in forced (bottom) position if the defined minimum width is
3
- * greater than the maximum width. In other words, the maximum width is the currently
4
- * available horizontal space based on all other components that are rendered. If the
5
- * minimum width exceeds this value then there is not enough horizontal space and we must
6
- * force it to the bottom position.
7
- */
8
- export declare function checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth, }: {
9
- isMobile: boolean;
10
- splitPanelMaxWidth: number;
11
- }): boolean;
12
- //# sourceMappingURL=split-panel-utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"split-panel-utils.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/split-panel/split-panel-utils.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,kBAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,WAKA"}
@@ -1,28 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- import { SPLIT_PANEL_MIN_WIDTH, SPLIT_PANEL_SCROLLBAR_MARGIN } from './constants';
4
- /**
5
- * The Split Panel will be in forced (bottom) position if the defined minimum width is
6
- * greater than the maximum width. In other words, the maximum width is the currently
7
- * available horizontal space based on all other components that are rendered. If the
8
- * minimum width exceeds this value then there is not enough horizontal space and we must
9
- * force it to the bottom position.
10
- */
11
- export function checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth, }) {
12
- if (isMobile) {
13
- return true;
14
- }
15
- return splitPanelMaxWidth < getSplitPanelMinWidth();
16
- }
17
- // Returns split panel min width with a margin for document scrollbar.
18
- // The margin prevents a possible infinite bouncing between bottom and side positions
19
- // caused by the presence of page's vertical scrollbar when on side position only.
20
- function getSplitPanelMinWidth() {
21
- if (typeof document === 'undefined') {
22
- return SPLIT_PANEL_MIN_WIDTH;
23
- }
24
- const margin = SPLIT_PANEL_SCROLLBAR_MARGIN / 2;
25
- const hasScrollbar = window.document.documentElement.scrollHeight > window.document.documentElement.clientHeight;
26
- return hasScrollbar ? SPLIT_PANEL_MIN_WIDTH - margin : SPLIT_PANEL_MIN_WIDTH + margin;
27
- }
28
- //# sourceMappingURL=split-panel-utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"split-panel-utils.js","sourceRoot":"","sources":["../../../../src/app-layout/split-panel/split-panel-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAElF;;;;;;GAMG;AACH,MAAM,UAAU,6BAA6B,CAAC,EAC5C,QAAQ,EACR,kBAAkB,GAInB;IACC,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,OAAO,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;AACtD,CAAC;AAED,sEAAsE;AACtE,qFAAqF;AACrF,kFAAkF;AAClF,SAAS,qBAAqB;IAC5B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACnC,OAAO,qBAAqB,CAAC;KAC9B;IACD,MAAM,MAAM,GAAG,4BAA4B,GAAG,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;IACjH,OAAO,YAAY,CAAC,CAAC,CAAC,qBAAqB,GAAG,MAAM,CAAC,CAAC,CAAC,qBAAqB,GAAG,MAAM,CAAC;AACxF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { SPLIT_PANEL_MIN_WIDTH, SPLIT_PANEL_SCROLLBAR_MARGIN } from './constants';\n\n/**\n * The Split Panel will be in forced (bottom) position if the defined minimum width is\n * greater than the maximum width. In other words, the maximum width is the currently\n * available horizontal space based on all other components that are rendered. If the\n * minimum width exceeds this value then there is not enough horizontal space and we must\n * force it to the bottom position.\n */\nexport function checkSplitPanelForcedPosition({\n isMobile,\n splitPanelMaxWidth,\n}: {\n isMobile: boolean;\n splitPanelMaxWidth: number;\n}) {\n if (isMobile) {\n return true;\n }\n return splitPanelMaxWidth < getSplitPanelMinWidth();\n}\n\n// Returns split panel min width with a margin for document scrollbar.\n// The margin prevents a possible infinite bouncing between bottom and side positions\n// caused by the presence of page's vertical scrollbar when on side position only.\nfunction getSplitPanelMinWidth() {\n if (typeof document === 'undefined') {\n return SPLIT_PANEL_MIN_WIDTH;\n }\n const margin = SPLIT_PANEL_SCROLLBAR_MARGIN / 2;\n const hasScrollbar = window.document.documentElement.scrollHeight > window.document.documentElement.clientHeight;\n return hasScrollbar ? SPLIT_PANEL_MIN_WIDTH - margin : SPLIT_PANEL_MIN_WIDTH + margin;\n}\n"]}