@cloudscape-design/components 3.0.838 → 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 -62
  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_1ev5j_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,31 +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_1ev5j_176.awsui_refresh_1xupv_1ev5j_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_1ev5j_176.awsui_refresh_1xupv_1ev5j_176.awsui_small-container_1xupv_1ev5j_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_1ev5j_176:not(#\9):not(.awsui_refresh_1xupv_1ev5j_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_1ev5j_192.awsui_refresh_1xupv_1ev5j_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_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176:not(#\9) {
201
- background: var(--color-background-container-content-z79u4u, #ffffff);
197
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173:not(#\9) {
202
198
  position: relative;
203
199
  margin-block: 0;
204
200
  margin-inline: 0;
@@ -208,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
208
204
  inline-size: 260px;
209
205
  box-sizing: border-box;
210
206
  }
211
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li:not(#\9) {
207
+ .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9) {
212
208
  display: grid;
213
209
  column-gap: var(--space-xs-zb16t3, 8px);
214
210
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
@@ -216,7 +212,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
216
212
  padding-block: 0;
217
213
  padding-inline: 0;
218
214
  }
219
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_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) {
220
216
  background-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
221
217
  border-block: 0;
222
218
  border-inline: 0;
@@ -224,13 +220,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
220
  block-size: 100%;
225
221
  inline-size: var(--space-xxxs-zbmxqb, 2px);
226
222
  }
227
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li > .awsui_number_1xupv_1ev5j_226: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) {
228
224
  color: var(--color-text-small-nzfntg, #656871);
229
225
  font-size: var(--font-size-body-s-asqx2i, 12px);
230
226
  grid-column: 2;
231
227
  grid-row: 1;
232
228
  }
233
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_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) {
234
230
  align-items: start;
235
231
  column-gap: var(--space-xs-zb16t3, 8px);
236
232
  cursor: pointer;
@@ -240,7 +236,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
236
  grid-row: 2;
241
237
  grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
242
238
  }
243
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li > a > .awsui_circle_1xupv_1ev5j_242: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) {
244
240
  border-start-start-radius: 100%;
245
241
  border-start-end-radius: 100%;
246
242
  border-end-start-radius: 100%;
@@ -251,12 +247,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
251
247
  margin-block-start: 6px;
252
248
  inline-size: 10px;
253
249
  }
254
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li > a > .awsui_title_1xupv_1ev5j_253: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) {
255
251
  min-inline-size: 0;
256
252
  word-break: break-word;
257
253
  grid-column: 2;
258
254
  }
259
- body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_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 {
260
256
  outline: thin dotted;
261
257
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
262
258
  outline-offset: 2px;
@@ -267,58 +263,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ev5j_192.awsui_refr
267
263
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
268
264
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
269
265
  }
270
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_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 {
271
267
  grid-row: 2/span 2;
272
268
  }
273
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_1ev5j_226 {
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 {
274
270
  margin-block-start: var(--space-m-udix3p, 16px);
275
271
  }
276
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_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 {
277
273
  grid-row: 1;
278
274
  }
279
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_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 {
280
276
  display: none;
281
277
  }
282
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_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 {
283
279
  grid-row: 1/span 3;
284
280
  }
285
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_active_1xupv_1ev5j_284 > 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) {
286
282
  cursor: text;
287
283
  }
288
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_active_1xupv_1ev5j_284 > a > .awsui_circle_1xupv_1ev5j_242: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) {
289
285
  background-color: var(--color-background-control-checked-hz4k40, #006ce0);
290
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);
291
287
  }
292
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_active_1xupv_1ev5j_284 > a > .awsui_title_1xupv_1ev5j_253: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) {
293
289
  color: var(--color-background-control-checked-hz4k40, #006ce0);
294
290
  font-weight: 700;
295
291
  }
296
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_disabled_1xupv_1ev5j_295 > 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) {
297
293
  cursor: text;
298
294
  }
299
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_disabled_1xupv_1ev5j_295 > a > .awsui_circle_1xupv_1ev5j_242: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) {
300
296
  background-color: var(--color-background-container-content-z79u4u, #ffffff);
301
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);
302
298
  }
303
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_disabled_1xupv_1ev5j_295 > a > .awsui_title_1xupv_1ev5j_253: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) {
304
300
  color: var(--color-text-status-inactive-5megna, #656871);
305
301
  }
306
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_enabled_1xupv_1ev5j_305 > a > .awsui_circle_1xupv_1ev5j_242: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) {
307
303
  background-color: var(--color-text-interactive-default-tkx8fe, #424650);
308
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);
309
305
  }
310
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_enabled_1xupv_1ev5j_305 > a > .awsui_title_1xupv_1ev5j_253: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) {
311
307
  color: var(--color-text-interactive-default-tkx8fe, #424650);
312
308
  }
313
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_enabled_1xupv_1ev5j_305 > a:not(#\9):hover > .awsui_circle_1xupv_1ev5j_242 {
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 {
314
310
  background-color: var(--color-background-control-checked-hz4k40, #006ce0);
315
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);
316
312
  }
317
- .awsui_navigation_1xupv_1ev5j_192.awsui_refresh_1xupv_1ev5j_176 > ul.awsui_refresh_1xupv_1ev5j_176 > li.awsui_enabled_1xupv_1ev5j_305 > a:not(#\9):hover > .awsui_title_1xupv_1ev5j_253 {
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 {
318
314
  color: var(--color-background-control-checked-hz4k40, #006ce0);
319
315
  }
320
316
 
321
- .awsui_navigation_1xupv_1ev5j_192:not(#\9):not(.awsui_refresh_1xupv_1ev5j_176) {
317
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
322
318
  color: var(--color-text-disabled-e4vsj4, #b4b4bb);
323
319
  display: inline-block;
324
320
  margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
@@ -328,81 +324,81 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ev5j_192.awsui_refr
328
324
  /* stylelint-disable selector-max-type */
329
325
  /* stylelint-enable selector-max-type */
330
326
  }
331
- .awsui_navigation_1xupv_1ev5j_192:not(#\9):not(.awsui_refresh_1xupv_1ev5j_176) > ul:not(.awsui_refresh_1xupv_1ev5j_176) {
327
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) {
332
328
  list-style: none;
333
329
  padding-block: 0;
334
330
  padding-inline: 0;
335
331
  margin-block: 0;
336
332
  margin-inline: 0;
337
333
  }
338
- .awsui_navigation_1xupv_1ev5j_192:not(#\9):not(.awsui_refresh_1xupv_1ev5j_176) > ul:not(.awsui_refresh_1xupv_1ev5j_176) > li {
334
+ .awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li {
339
335
  min-inline-size: 0;
340
336
  word-break: break-word;
341
337
  padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
342
338
  }
343
- .awsui_navigation_1xupv_1ev5j_192:not(#\9):not(.awsui_refresh_1xupv_1ev5j_176) > ul:not(.awsui_refresh_1xupv_1ev5j_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) {
344
340
  margin-block-start: var(--space-scaled-m-mo5yse, 16px);
345
341
  }
346
- .awsui_navigation_1xupv_1ev5j_192:not(#\9):not(.awsui_refresh_1xupv_1ev5j_176) > ul:not(.awsui_refresh_1xupv_1ev5j_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) {
347
343
  border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
348
344
  }
349
345
 
350
- .awsui_form_1xupv_1ev5j_349:not(#\9):not(.awsui_refresh_1xupv_1ev5j_176) {
346
+ .awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
351
347
  min-inline-size: 0;
352
348
  word-break: break-word;
353
349
  inline-size: 100%;
354
350
  }
355
- .awsui_form_1xupv_1ev5j_349:not(#\9):not(.awsui_refresh_1xupv_1ev5j_176) > .awsui_form-header_1xupv_1ev5j_354 {
351
+ .awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > .awsui_form-header_1xupv_47p9l_350 {
356
352
  position: relative;
357
353
  margin-block-end: var(--space-scaled-m-mo5yse, 16px);
358
354
  }
359
355
 
360
- .awsui_form_1xupv_1ev5j_349.awsui_refresh_1xupv_1ev5j_176:not(#\9) {
356
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173:not(#\9) {
361
357
  min-inline-size: 0;
362
358
  word-break: break-word;
363
359
  display: contents;
364
360
  }
365
- .awsui_form_1xupv_1ev5j_349.awsui_refresh_1xupv_1ev5j_176 > .awsui_form-header_1xupv_1ev5j_354:not(#\9) {
361
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
366
362
  background-color: var(--color-background-layout-main-nqw91u, #ffffff);
367
363
  grid-column: 2;
368
364
  grid-row: 1;
369
365
  color: var(--color-text-body-default-7v1jfn, #0f141a);
370
366
  }
371
- .awsui_form_1xupv_1ev5j_349.awsui_refresh_1xupv_1ev5j_176 > .awsui_form-header_1xupv_1ev5j_354 > .awsui_form-header-content_1xupv_1ev5j_370: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) {
372
368
  padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
373
369
  padding-block-end: var(--space-scaled-s-aqzyko, 12px);
374
370
  }
375
- .awsui_form_1xupv_1ev5j_349.awsui_refresh_1xupv_1ev5j_176 > .awsui_form-component_1xupv_1ev5j_374:not(#\9) {
371
+ .awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
376
372
  grid-column: 2;
377
373
  grid-row: 2;
378
374
  }
379
- .awsui_form_1xupv_1ev5j_349.awsui_refresh_1xupv_1ev5j_176.awsui_small-container_1xupv_1ev5j_183 > .awsui_form-header_1xupv_1ev5j_354: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) {
380
376
  grid-column: 1/span 2;
381
377
  }
382
- .awsui_form_1xupv_1ev5j_349.awsui_refresh_1xupv_1ev5j_176.awsui_small-container_1xupv_1ev5j_183 > .awsui_form-header_1xupv_1ev5j_354 > .awsui_form-header-content_1xupv_1ev5j_370: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) {
383
379
  padding-block-start: 0;
384
380
  }
385
- .awsui_form_1xupv_1ev5j_349.awsui_refresh_1xupv_1ev5j_176.awsui_small-container_1xupv_1ev5j_183 > .awsui_form-component_1xupv_1ev5j_374: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) {
386
382
  grid-column: 1/span 2;
387
383
  }
388
384
 
389
- .awsui_navigation_1xupv_1ev5j_192.awsui_hidden_1xupv_1ev5j_388:not(#\9) {
385
+ .awsui_navigation_1xupv_47p9l_189.awsui_hidden_1xupv_47p9l_384:not(#\9) {
390
386
  display: none;
391
387
  }
392
388
 
393
- .awsui_collapsed-steps_1xupv_1ev5j_392:not(#\9) {
389
+ .awsui_collapsed-steps_1xupv_47p9l_388:not(#\9) {
394
390
  color: var(--color-text-heading-secondary-0myrp3, #424650);
395
391
  font-weight: 700;
396
392
  padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
397
393
  }
398
- .awsui_collapsed-steps-hidden_1xupv_1ev5j_397:not(#\9) {
394
+ .awsui_collapsed-steps-hidden_1xupv_47p9l_393:not(#\9) {
399
395
  display: none;
400
396
  }
401
397
 
402
- .awsui_form-header-component-wrapper_1xupv_1ev5j_401:not(#\9) {
398
+ .awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9) {
403
399
  outline: none;
404
400
  }
405
- body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1ev5j_401:not(#\9):focus {
401
+ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9):focus {
406
402
  outline: thin dotted;
407
403
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
408
404
  outline-offset: 2px;
@@ -414,30 +410,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
414
410
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
415
411
  }
416
412
 
417
- .awsui_form-header-component_1xupv_1ev5j_401:not(#\9),
418
- .awsui_navigation-link_1xupv_1ev5j_417:not(#\9),
419
- .awsui_navigation-link-item_1xupv_1ev5j_418:not(#\9),
420
- .awsui_navigation-link-label_1xupv_1ev5j_419: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) {
421
417
  /* used in test-utils */
422
418
  }
423
419
 
424
- .awsui_navigation-link-active_1xupv_1ev5j_423:not(#\9) {
420
+ .awsui_navigation-link-active_1xupv_47p9l_419:not(#\9) {
425
421
  font-weight: 700;
426
422
  color: var(--color-text-body-default-7v1jfn, #0f141a);
427
423
  }
428
424
 
429
- .awsui_navigation-link-disabled_1xupv_1ev5j_428:not(#\9) {
425
+ .awsui_navigation-link-disabled_1xupv_47p9l_424:not(#\9) {
430
426
  color: var(--color-text-status-inactive-5megna, #656871);
431
427
  }
432
428
 
433
- .awsui_cancel-button_1xupv_1ev5j_432:not(#\9),
434
- .awsui_previous-button_1xupv_1ev5j_433:not(#\9),
435
- .awsui_primary-button_1xupv_1ev5j_434:not(#\9),
436
- .awsui_skip-to-button_1xupv_1ev5j_435: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) {
437
433
  /* used in test-utils */
438
434
  }
439
435
 
440
- .awsui_action-buttons_1xupv_1ev5j_439:not(#\9) {
436
+ .awsui_action-buttons_1xupv_47p9l_435:not(#\9) {
441
437
  display: flex;
442
438
  justify-content: flex-end;
443
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_1ev5j_141",
6
- "wizard": "awsui_wizard_1xupv_1ev5j_176",
7
- "refresh": "awsui_refresh_1xupv_1ev5j_176",
8
- "small-container": "awsui_small-container_1xupv_1ev5j_183",
9
- "navigation": "awsui_navigation_1xupv_1ev5j_192",
10
- "number": "awsui_number_1xupv_1ev5j_226",
11
- "circle": "awsui_circle_1xupv_1ev5j_242",
12
- "title": "awsui_title_1xupv_1ev5j_253",
13
- "active": "awsui_active_1xupv_1ev5j_284",
14
- "disabled": "awsui_disabled_1xupv_1ev5j_295",
15
- "enabled": "awsui_enabled_1xupv_1ev5j_305",
16
- "form": "awsui_form_1xupv_1ev5j_349",
17
- "form-header": "awsui_form-header_1xupv_1ev5j_354",
18
- "form-header-content": "awsui_form-header-content_1xupv_1ev5j_370",
19
- "form-component": "awsui_form-component_1xupv_1ev5j_374",
20
- "hidden": "awsui_hidden_1xupv_1ev5j_388",
21
- "collapsed-steps": "awsui_collapsed-steps_1xupv_1ev5j_392",
22
- "collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_1ev5j_397",
23
- "form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_1ev5j_401",
24
- "form-header-component": "awsui_form-header-component_1xupv_1ev5j_401",
25
- "navigation-link": "awsui_navigation-link_1xupv_1ev5j_417",
26
- "navigation-link-item": "awsui_navigation-link-item_1xupv_1ev5j_418",
27
- "navigation-link-label": "awsui_navigation-link-label_1xupv_1ev5j_419",
28
- "navigation-link-active": "awsui_navigation-link-active_1xupv_1ev5j_423",
29
- "navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_1ev5j_428",
30
- "cancel-button": "awsui_cancel-button_1xupv_1ev5j_432",
31
- "previous-button": "awsui_previous-button_1xupv_1ev5j_433",
32
- "primary-button": "awsui_primary-button_1xupv_1ev5j_434",
33
- "skip-to-button": "awsui_skip-to-button_1xupv_1ev5j_435",
34
- "action-buttons": "awsui_action-buttons_1xupv_1ev5j_439"
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"]}