@cloudscape-design/components 3.0.193 → 3.0.195

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 (347) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +33 -33
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +32 -32
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/content-wrapper/styles.css.js +3 -3
  8. package/app-layout/content-wrapper/styles.scoped.css +8 -8
  9. package/app-layout/content-wrapper/styles.selectors.js +3 -3
  10. package/app-layout/mobile-toolbar/styles.css.js +4 -4
  11. package/app-layout/mobile-toolbar/styles.scoped.css +9 -9
  12. package/app-layout/mobile-toolbar/styles.selectors.js +4 -4
  13. package/app-layout/notifications/styles.css.js +1 -1
  14. package/app-layout/notifications/styles.scoped.css +2 -1
  15. package/app-layout/notifications/styles.selectors.js +1 -1
  16. package/app-layout/styles.css.js +26 -26
  17. package/app-layout/styles.scoped.css +35 -35
  18. package/app-layout/styles.selectors.js +26 -26
  19. package/app-layout/toggles/styles.css.js +1 -1
  20. package/app-layout/toggles/styles.scoped.css +3 -3
  21. package/app-layout/toggles/styles.selectors.js +1 -1
  22. package/app-layout/visual-refresh/styles.css.js +60 -60
  23. package/app-layout/visual-refresh/styles.scoped.css +225 -224
  24. package/app-layout/visual-refresh/styles.selectors.js +60 -60
  25. package/area-chart/styles.css.js +13 -13
  26. package/area-chart/styles.scoped.css +18 -18
  27. package/area-chart/styles.selectors.js +13 -13
  28. package/attribute-editor/interfaces.d.ts +1 -0
  29. package/attribute-editor/interfaces.d.ts.map +1 -1
  30. package/attribute-editor/interfaces.js.map +1 -1
  31. package/attribute-editor/internal.d.ts.map +1 -1
  32. package/attribute-editor/internal.js +17 -2
  33. package/attribute-editor/internal.js.map +1 -1
  34. package/attribute-editor/styles.css.js +14 -14
  35. package/attribute-editor/styles.scoped.css +26 -26
  36. package/attribute-editor/styles.selectors.js +14 -14
  37. package/badge/styles.css.js +5 -5
  38. package/badge/styles.scoped.css +7 -7
  39. package/badge/styles.selectors.js +5 -5
  40. package/box/styles.css.js +189 -189
  41. package/box/styles.scoped.css +240 -240
  42. package/box/styles.selectors.js +189 -189
  43. package/breadcrumb-group/item/styles.css.js +9 -9
  44. package/breadcrumb-group/item/styles.scoped.css +19 -19
  45. package/breadcrumb-group/item/styles.selectors.js +9 -9
  46. package/breadcrumb-group/styles.css.js +6 -6
  47. package/breadcrumb-group/styles.scoped.css +13 -13
  48. package/breadcrumb-group/styles.selectors.js +6 -6
  49. package/button/styles.css.js +18 -18
  50. package/button/styles.scoped.css +138 -138
  51. package/button/styles.selectors.js +18 -18
  52. package/button-dropdown/category-elements/styles.css.js +13 -13
  53. package/button-dropdown/category-elements/styles.scoped.css +25 -25
  54. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  55. package/button-dropdown/item-element/styles.css.js +14 -14
  56. package/button-dropdown/item-element/styles.scoped.css +20 -20
  57. package/button-dropdown/item-element/styles.selectors.js +14 -14
  58. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  59. package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -7
  60. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  61. package/button-dropdown/styles.css.js +8 -8
  62. package/button-dropdown/styles.scoped.css +16 -16
  63. package/button-dropdown/styles.selectors.js +8 -8
  64. package/calendar/styles.css.js +18 -18
  65. package/calendar/styles.scoped.css +40 -40
  66. package/calendar/styles.selectors.js +18 -18
  67. package/cards/styles.css.js +37 -37
  68. package/cards/styles.scoped.css +122 -57
  69. package/cards/styles.selectors.js +37 -37
  70. package/checkbox/styles.css.js +3 -3
  71. package/checkbox/styles.scoped.css +7 -7
  72. package/checkbox/styles.selectors.js +3 -3
  73. package/code-editor/styles.css.js +32 -32
  74. package/code-editor/styles.scoped.css +111 -111
  75. package/code-editor/styles.selectors.js +32 -32
  76. package/collection-preferences/styles.css.js +20 -20
  77. package/collection-preferences/styles.scoped.css +25 -25
  78. package/collection-preferences/styles.selectors.js +20 -20
  79. package/column-layout/styles.css.js +13 -13
  80. package/column-layout/styles.scoped.css +45 -45
  81. package/column-layout/styles.selectors.js +13 -13
  82. package/container/internal.d.ts.map +1 -1
  83. package/container/internal.js +1 -1
  84. package/container/internal.js.map +1 -1
  85. package/container/styles.css.js +18 -17
  86. package/container/styles.scoped.css +107 -44
  87. package/container/styles.selectors.js +18 -17
  88. package/container/use-sticky-header.d.ts.map +1 -1
  89. package/container/use-sticky-header.js +4 -15
  90. package/container/use-sticky-header.js.map +1 -1
  91. package/content-layout/styles.css.js +7 -7
  92. package/content-layout/styles.scoped.css +13 -13
  93. package/content-layout/styles.selectors.js +7 -7
  94. package/date-picker/styles.css.js +7 -7
  95. package/date-picker/styles.scoped.css +11 -11
  96. package/date-picker/styles.selectors.js +7 -7
  97. package/date-range-picker/calendar/grids/styles.css.js +25 -25
  98. package/date-range-picker/calendar/grids/styles.scoped.css +44 -44
  99. package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
  100. package/date-range-picker/relative-range/styles.css.js +9 -9
  101. package/date-range-picker/relative-range/styles.scoped.css +15 -15
  102. package/date-range-picker/relative-range/styles.selectors.js +9 -9
  103. package/date-range-picker/styles.css.js +38 -38
  104. package/date-range-picker/styles.scoped.css +47 -47
  105. package/date-range-picker/styles.selectors.js +38 -38
  106. package/expandable-section/styles.css.js +21 -21
  107. package/expandable-section/styles.scoped.css +44 -44
  108. package/expandable-section/styles.selectors.js +21 -21
  109. package/flashbar/collapsible-flashbar.d.ts +2 -2
  110. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  111. package/flashbar/collapsible-flashbar.js +19 -9
  112. package/flashbar/collapsible-flashbar.js.map +1 -1
  113. package/flashbar/common.d.ts +2 -2
  114. package/flashbar/common.d.ts.map +1 -1
  115. package/flashbar/common.js.map +1 -1
  116. package/flashbar/index.d.ts +2 -2
  117. package/flashbar/index.d.ts.map +1 -1
  118. package/flashbar/index.js +1 -4
  119. package/flashbar/index.js.map +1 -1
  120. package/flashbar/interfaces.d.ts +30 -17
  121. package/flashbar/interfaces.d.ts.map +1 -1
  122. package/flashbar/interfaces.js.map +1 -1
  123. package/flashbar/non-collapsible-flashbar.d.ts +2 -2
  124. package/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
  125. package/flashbar/non-collapsible-flashbar.js.map +1 -1
  126. package/flashbar/styles.css.js +43 -43
  127. package/flashbar/styles.scoped.css +152 -163
  128. package/flashbar/styles.selectors.js +43 -43
  129. package/flashbar/utils.d.ts +1 -0
  130. package/flashbar/utils.d.ts.map +1 -1
  131. package/flashbar/utils.js +3 -0
  132. package/flashbar/utils.js.map +1 -1
  133. package/form/styles.css.js +8 -8
  134. package/form/styles.scoped.css +10 -10
  135. package/form/styles.selectors.js +8 -8
  136. package/form-field/styles.css.js +19 -19
  137. package/form-field/styles.scoped.css +31 -31
  138. package/form-field/styles.selectors.js +19 -19
  139. package/grid/styles.css.js +53 -53
  140. package/grid/styles.scoped.css +56 -56
  141. package/grid/styles.selectors.js +53 -53
  142. package/header/styles.css.js +44 -44
  143. package/header/styles.scoped.css +49 -49
  144. package/header/styles.selectors.js +44 -44
  145. package/help-panel/styles.css.js +4 -4
  146. package/help-panel/styles.scoped.css +60 -60
  147. package/help-panel/styles.selectors.js +4 -4
  148. package/hotspot/styles.css.js +7 -7
  149. package/hotspot/styles.scoped.css +9 -9
  150. package/hotspot/styles.selectors.js +7 -7
  151. package/icon/styles.css.js +21 -21
  152. package/icon/styles.scoped.css +50 -50
  153. package/icon/styles.selectors.js +21 -21
  154. package/input/styles.css.js +12 -12
  155. package/input/styles.scoped.css +32 -32
  156. package/input/styles.selectors.js +12 -12
  157. package/internal/base-component/styles.scoped.css +6 -6
  158. package/internal/components/abstract-switch/styles.css.js +12 -12
  159. package/internal/components/abstract-switch/styles.scoped.css +21 -21
  160. package/internal/components/abstract-switch/styles.selectors.js +12 -12
  161. package/internal/components/button-trigger/styles.css.js +9 -9
  162. package/internal/components/button-trigger/styles.scoped.css +25 -25
  163. package/internal/components/button-trigger/styles.selectors.js +9 -9
  164. package/internal/components/chart-filter/styles.css.js +3 -3
  165. package/internal/components/chart-filter/styles.scoped.css +5 -5
  166. package/internal/components/chart-filter/styles.selectors.js +3 -3
  167. package/internal/components/chart-legend/styles.css.js +6 -6
  168. package/internal/components/chart-legend/styles.scoped.css +17 -17
  169. package/internal/components/chart-legend/styles.selectors.js +6 -6
  170. package/internal/components/chart-plot/styles.css.js +5 -5
  171. package/internal/components/chart-plot/styles.scoped.css +7 -7
  172. package/internal/components/chart-plot/styles.selectors.js +5 -5
  173. package/internal/components/chart-popover/styles.css.js +3 -3
  174. package/internal/components/chart-popover/styles.scoped.css +5 -5
  175. package/internal/components/chart-popover/styles.selectors.js +3 -3
  176. package/internal/components/chart-series-details/styles.css.js +5 -5
  177. package/internal/components/chart-series-details/styles.scoped.css +10 -10
  178. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  179. package/internal/components/chart-series-marker/styles.css.js +5 -5
  180. package/internal/components/chart-series-marker/styles.scoped.css +9 -9
  181. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  182. package/internal/components/checkbox-icon/styles.css.js +7 -7
  183. package/internal/components/checkbox-icon/styles.scoped.css +10 -10
  184. package/internal/components/checkbox-icon/styles.selectors.js +7 -7
  185. package/internal/components/dropdown/styles.css.js +20 -20
  186. package/internal/components/dropdown/styles.scoped.css +37 -37
  187. package/internal/components/dropdown/styles.selectors.js +20 -20
  188. package/internal/components/dropdown-footer/styles.css.js +3 -3
  189. package/internal/components/dropdown-footer/styles.scoped.css +5 -5
  190. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  191. package/internal/components/dropdown-status/styles.css.js +2 -2
  192. package/internal/components/dropdown-status/styles.scoped.css +4 -4
  193. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  194. package/internal/components/filtering-token/styles.css.js +7 -7
  195. package/internal/components/filtering-token/styles.scoped.css +15 -15
  196. package/internal/components/filtering-token/styles.selectors.js +7 -7
  197. package/internal/components/menu-dropdown/styles.css.js +7 -7
  198. package/internal/components/menu-dropdown/styles.scoped.css +15 -15
  199. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  200. package/internal/components/option/styles.css.js +17 -17
  201. package/internal/components/option/styles.scoped.css +31 -31
  202. package/internal/components/option/styles.selectors.js +17 -17
  203. package/internal/components/options-list/styles.css.js +2 -2
  204. package/internal/components/options-list/styles.scoped.css +4 -4
  205. package/internal/components/options-list/styles.selectors.js +2 -2
  206. package/internal/components/screenreader-only/styles.css.js +1 -1
  207. package/internal/components/screenreader-only/styles.scoped.css +3 -3
  208. package/internal/components/screenreader-only/styles.selectors.js +1 -1
  209. package/internal/components/selectable-item/styles.css.js +16 -16
  210. package/internal/components/selectable-item/styles.scoped.css +29 -29
  211. package/internal/components/selectable-item/styles.selectors.js +16 -16
  212. package/internal/environment.js +1 -1
  213. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  214. package/internal/generated/custom-css-properties/index.js +28 -27
  215. package/internal/generated/custom-css-properties/index.js.map +1 -1
  216. package/internal/generated/theming/index.cjs +6 -6
  217. package/internal/generated/theming/index.js +6 -6
  218. package/internal/manifest.json +1 -1
  219. package/link/styles.css.js +20 -20
  220. package/link/styles.scoped.css +73 -73
  221. package/link/styles.selectors.js +20 -20
  222. package/mixed-line-bar-chart/styles.css.js +19 -19
  223. package/mixed-line-bar-chart/styles.scoped.css +28 -28
  224. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  225. package/modal/styles.css.js +22 -22
  226. package/modal/styles.scoped.css +40 -47
  227. package/modal/styles.selectors.js +22 -22
  228. package/multiselect/styles.css.js +1 -1
  229. package/multiselect/styles.scoped.css +3 -3
  230. package/multiselect/styles.selectors.js +1 -1
  231. package/package.json +1 -1
  232. package/pagination/styles.css.js +9 -9
  233. package/pagination/styles.scoped.css +25 -25
  234. package/pagination/styles.selectors.js +9 -9
  235. package/pie-chart/styles.css.js +27 -27
  236. package/pie-chart/styles.scoped.css +45 -45
  237. package/pie-chart/styles.selectors.js +27 -27
  238. package/popover/styles.css.js +50 -50
  239. package/popover/styles.scoped.css +73 -73
  240. package/popover/styles.selectors.js +50 -50
  241. package/progress-bar/styles.css.js +18 -18
  242. package/progress-bar/styles.scoped.css +36 -36
  243. package/progress-bar/styles.selectors.js +18 -18
  244. package/property-filter/styles.css.js +33 -33
  245. package/property-filter/styles.scoped.css +37 -37
  246. package/property-filter/styles.selectors.js +33 -33
  247. package/radio-group/styles.css.js +9 -9
  248. package/radio-group/styles.scoped.css +17 -17
  249. package/radio-group/styles.selectors.js +9 -9
  250. package/segmented-control/styles.css.js +14 -14
  251. package/segmented-control/styles.scoped.css +35 -35
  252. package/segmented-control/styles.selectors.js +14 -14
  253. package/select/parts/styles.css.js +9 -9
  254. package/select/parts/styles.scoped.css +14 -14
  255. package/select/parts/styles.selectors.js +9 -9
  256. package/select/styles.css.js +1 -1
  257. package/select/styles.scoped.css +3 -3
  258. package/select/styles.selectors.js +1 -1
  259. package/side-navigation/styles.css.js +26 -26
  260. package/side-navigation/styles.scoped.css +38 -38
  261. package/side-navigation/styles.selectors.js +26 -26
  262. package/space-between/styles.css.js +28 -28
  263. package/space-between/styles.scoped.css +31 -31
  264. package/space-between/styles.selectors.js +28 -28
  265. package/spinner/styles.css.js +13 -13
  266. package/spinner/styles.scoped.css +20 -20
  267. package/spinner/styles.selectors.js +13 -13
  268. package/split-panel/styles.css.js +59 -59
  269. package/split-panel/styles.scoped.css +85 -85
  270. package/split-panel/styles.selectors.js +59 -59
  271. package/status-indicator/styles.css.js +20 -20
  272. package/status-indicator/styles.scoped.css +28 -28
  273. package/status-indicator/styles.selectors.js +20 -20
  274. package/table/body-cell/styles.css.js +18 -18
  275. package/table/body-cell/styles.scoped.css +52 -52
  276. package/table/body-cell/styles.selectors.js +18 -18
  277. package/table/header-cell/styles.css.js +19 -19
  278. package/table/header-cell/styles.scoped.css +33 -33
  279. package/table/header-cell/styles.selectors.js +19 -19
  280. package/table/resizer/styles.css.js +6 -6
  281. package/table/resizer/styles.scoped.css +13 -13
  282. package/table/resizer/styles.selectors.js +6 -6
  283. package/table/selection-control/styles.css.js +3 -3
  284. package/table/selection-control/styles.scoped.css +5 -5
  285. package/table/selection-control/styles.selectors.js +3 -3
  286. package/table/styles.css.js +33 -33
  287. package/table/styles.scoped.css +41 -41
  288. package/table/styles.selectors.js +33 -33
  289. package/tabs/styles.css.js +21 -21
  290. package/tabs/styles.scoped.css +42 -42
  291. package/tabs/styles.selectors.js +21 -21
  292. package/tag-editor/interfaces.d.ts +1 -0
  293. package/tag-editor/interfaces.d.ts.map +1 -1
  294. package/tag-editor/interfaces.js.map +1 -1
  295. package/tag-editor/styles.css.js +3 -3
  296. package/tag-editor/styles.scoped.css +12 -12
  297. package/tag-editor/styles.selectors.js +3 -3
  298. package/test-utils/dom/flashbar/index.d.ts +2 -0
  299. package/test-utils/dom/flashbar/index.js +2 -0
  300. package/test-utils/dom/flashbar/index.js.map +1 -1
  301. package/test-utils/selectors/flashbar/index.d.ts +2 -0
  302. package/test-utils/selectors/flashbar/index.js +2 -0
  303. package/test-utils/selectors/flashbar/index.js.map +1 -1
  304. package/test-utils/tsconfig.tsbuildinfo +1 -1
  305. package/text-content/styles.css.js +1 -1
  306. package/text-content/styles.scoped.css +62 -62
  307. package/text-content/styles.selectors.js +1 -1
  308. package/text-filter/styles.css.js +4 -4
  309. package/text-filter/styles.scoped.css +6 -6
  310. package/text-filter/styles.selectors.js +4 -4
  311. package/textarea/styles.css.js +4 -4
  312. package/textarea/styles.scoped.css +14 -14
  313. package/textarea/styles.selectors.js +4 -4
  314. package/tiles/styles.css.js +28 -28
  315. package/tiles/styles.scoped.css +70 -70
  316. package/tiles/styles.selectors.js +28 -28
  317. package/toggle/styles.css.js +8 -8
  318. package/toggle/styles.scoped.css +15 -15
  319. package/toggle/styles.selectors.js +8 -8
  320. package/token-group/styles.css.js +7 -7
  321. package/token-group/styles.scoped.css +24 -24
  322. package/token-group/styles.selectors.js +7 -7
  323. package/top-navigation/1.0-beta/styles.css.js +25 -25
  324. package/top-navigation/1.0-beta/styles.scoped.css +44 -44
  325. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  326. package/top-navigation/styles.css.js +47 -47
  327. package/top-navigation/styles.scoped.css +68 -68
  328. package/top-navigation/styles.selectors.js +47 -47
  329. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  330. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  331. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  332. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  333. package/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
  334. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  335. package/tutorial-panel/styles.css.js +1 -1
  336. package/tutorial-panel/styles.scoped.css +3 -3
  337. package/tutorial-panel/styles.selectors.js +1 -1
  338. package/wizard/index.d.ts.map +1 -1
  339. package/wizard/index.js +5 -4
  340. package/wizard/index.js.map +1 -1
  341. package/wizard/internal/analytics.d.ts +3 -3
  342. package/wizard/internal/analytics.d.ts.map +1 -1
  343. package/wizard/internal/analytics.js +6 -11
  344. package/wizard/internal/analytics.js.map +1 -1
  345. package/wizard/styles.css.js +32 -32
  346. package/wizard/styles.scoped.css +98 -64
  347. package/wizard/styles.selectors.js +32 -32
@@ -1,25 +1,25 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "tutorial-list": "awsui_tutorial-list_1u70p_1t3ko_93",
5
- "tutorial-title": "awsui_tutorial-title_1u70p_1t3ko_108",
6
- "task": "awsui_task_1u70p_1t3ko_115",
7
- "task-title": "awsui_task-title_1u70p_1t3ko_123",
8
- "task-title--status": "awsui_task-title--status_1u70p_1t3ko_131",
9
- "current-task": "awsui_current-task_1u70p_1t3ko_135",
10
- "successful-task": "awsui_successful-task_1u70p_1t3ko_139",
11
- "congratulation-message": "awsui_congratulation-message_1u70p_1t3ko_143",
12
- "congratulation-message--status": "awsui_congratulation-message--status_1u70p_1t3ko_151",
13
- "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_1t3ko_155",
14
- "divider": "awsui_divider_1u70p_1t3ko_159",
15
- "step-list": "awsui_step-list_1u70p_1t3ko_163",
16
- "step": "awsui_step_1u70p_1t3ko_163",
17
- "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_1t3ko_172",
18
- "expandable-section-header": "awsui_expandable-section-header_1u70p_1t3ko_176",
19
- "step-title": "awsui_step-title_1u70p_1t3ko_181",
20
- "feedback-link": "awsui_feedback-link_1u70p_1t3ko_182",
21
- "dismiss-button": "awsui_dismiss-button_1u70p_1t3ko_183",
22
- "completion-screen-title": "awsui_completion-screen-title_1u70p_1t3ko_184",
23
- "completion-screen-description": "awsui_completion-screen-description_1u70p_1t3ko_185"
4
+ "tutorial-list": "awsui_tutorial-list_1u70p_dl8zb_93",
5
+ "tutorial-title": "awsui_tutorial-title_1u70p_dl8zb_108",
6
+ "task": "awsui_task_1u70p_dl8zb_115",
7
+ "task-title": "awsui_task-title_1u70p_dl8zb_123",
8
+ "task-title--status": "awsui_task-title--status_1u70p_dl8zb_131",
9
+ "current-task": "awsui_current-task_1u70p_dl8zb_135",
10
+ "successful-task": "awsui_successful-task_1u70p_dl8zb_139",
11
+ "congratulation-message": "awsui_congratulation-message_1u70p_dl8zb_143",
12
+ "congratulation-message--status": "awsui_congratulation-message--status_1u70p_dl8zb_151",
13
+ "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_dl8zb_155",
14
+ "divider": "awsui_divider_1u70p_dl8zb_159",
15
+ "step-list": "awsui_step-list_1u70p_dl8zb_163",
16
+ "step": "awsui_step_1u70p_dl8zb_163",
17
+ "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_dl8zb_172",
18
+ "expandable-section-header": "awsui_expandable-section-header_1u70p_dl8zb_176",
19
+ "step-title": "awsui_step-title_1u70p_dl8zb_181",
20
+ "feedback-link": "awsui_feedback-link_1u70p_dl8zb_182",
21
+ "dismiss-button": "awsui_dismiss-button_1u70p_dl8zb_183",
22
+ "completion-screen-title": "awsui_completion-screen-title_1u70p_dl8zb_184",
23
+ "completion-screen-description": "awsui_completion-screen-description_1u70p_dl8zb_185"
24
24
  };
25
25
 
@@ -50,8 +50,6 @@
50
50
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
51
51
  SPDX-License-Identifier: Apache-2.0
52
52
  */
53
- /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
54
- /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
55
53
  /*
56
54
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
57
55
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
64
62
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
65
63
  SPDX-License-Identifier: Apache-2.0
66
64
  */
65
+ /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
66
+ /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
67
67
  /*
68
68
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
69
69
  SPDX-License-Identifier: Apache-2.0
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_tutorial-list_1u70p_1t3ko_93:not(#\9) {
93
+ .awsui_tutorial-list_1u70p_dl8zb_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -131,22 +131,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
131
  margin: 0;
132
132
  }
133
133
 
134
- .awsui_tutorial-title_1u70p_1t3ko_108:not(#\9) {
134
+ .awsui_tutorial-title_1u70p_dl8zb_108:not(#\9) {
135
135
  display: flex;
136
136
  align-items: flex-start;
137
137
  margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
138
138
  padding-bottom: var(--space-xxxs-k2w98v, 2px);
139
139
  }
140
140
 
141
- .awsui_task_1u70p_1t3ko_115:not(#\9) {
141
+ .awsui_task_1u70p_dl8zb_115:not(#\9) {
142
142
  list-style: none;
143
143
  padding-top: 0;
144
144
  }
145
- .awsui_task_1u70p_1t3ko_115:not(#\9):not(:first-child) {
145
+ .awsui_task_1u70p_dl8zb_115:not(#\9):not(:first-child) {
146
146
  margin-top: var(--space-xl-a39hup, 24px);
147
147
  }
148
148
 
149
- .awsui_task-title_1u70p_1t3ko_123:not(#\9) {
149
+ .awsui_task-title_1u70p_dl8zb_123:not(#\9) {
150
150
  display: flex;
151
151
  align-items: flex-start;
152
152
  padding-left: var(--border-divider-section-width-4wm2it, 2px);
@@ -154,19 +154,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
154
154
  line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
155
155
  letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
156
156
  }
157
- .awsui_task-title--status_1u70p_1t3ko_131:not(#\9) {
157
+ .awsui_task-title--status_1u70p_dl8zb_131:not(#\9) {
158
158
  line-height: inherit;
159
159
  }
160
160
 
161
- .awsui_current-task_1u70p_1t3ko_135:not(#\9) {
161
+ .awsui_current-task_1u70p_dl8zb_135:not(#\9) {
162
162
  font-weight: 700;
163
163
  }
164
164
 
165
- .awsui_successful-task_1u70p_1t3ko_139:not(#\9) {
165
+ .awsui_successful-task_1u70p_dl8zb_139:not(#\9) {
166
166
  color: var(--color-text-status-success-0fzhv9, #037f0c);
167
167
  }
168
168
 
169
- .awsui_congratulation-message_1u70p_1t3ko_143:not(#\9) {
169
+ .awsui_congratulation-message_1u70p_dl8zb_143:not(#\9) {
170
170
  display: flex;
171
171
  font-size: var(--font-heading-s-size-9clg8y, 16px);
172
172
  line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
@@ -174,40 +174,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
174
174
  font-weight: var(--font-heading-xs-weight-wwznty, 800);
175
175
  color: var(--color-text-status-success-0fzhv9, #037f0c);
176
176
  }
177
- .awsui_congratulation-message--status_1u70p_1t3ko_151:not(#\9) {
177
+ .awsui_congratulation-message--status_1u70p_dl8zb_151:not(#\9) {
178
178
  line-height: inherit;
179
179
  }
180
180
 
181
- .awsui_plaintext-congratulation-description_1u70p_1t3ko_155:not(#\9) {
181
+ .awsui_plaintext-congratulation-description_1u70p_dl8zb_155:not(#\9) {
182
182
  white-space: pre-line;
183
183
  }
184
184
 
185
- .awsui_divider_1u70p_1t3ko_159:not(#\9) {
185
+ .awsui_divider_1u70p_dl8zb_159:not(#\9) {
186
186
  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
187
187
  }
188
188
 
189
- .awsui_step-list_1u70p_1t3ko_163:not(#\9) {
189
+ .awsui_step-list_1u70p_dl8zb_163:not(#\9) {
190
190
  list-style: none;
191
191
  padding: 0 0 0 var(--space-xxxs-k2w98v, 2px);
192
192
  }
193
193
 
194
- .awsui_step_1u70p_1t3ko_163:not(#\9):not(:first-child) {
194
+ .awsui_step_1u70p_dl8zb_163:not(#\9):not(:first-child) {
195
195
  padding-top: var(--space-xxs-ynfts5, 4px);
196
196
  }
197
197
 
198
- .awsui_expandable-section-wrapper_1u70p_1t3ko_172:not(#\9) {
198
+ .awsui_expandable-section-wrapper_1u70p_dl8zb_172:not(#\9) {
199
199
  width: 100%;
200
200
  }
201
201
 
202
- .awsui_expandable-section-header_1u70p_1t3ko_176:not(#\9) {
202
+ .awsui_expandable-section-header_1u70p_dl8zb_176:not(#\9) {
203
203
  font-size: var(--font-body-m-size-sregvd, 14px);
204
204
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
205
205
  }
206
206
 
207
- .awsui_step-title_1u70p_1t3ko_181:not(#\9),
208
- .awsui_feedback-link_1u70p_1t3ko_182:not(#\9),
209
- .awsui_dismiss-button_1u70p_1t3ko_183:not(#\9),
210
- .awsui_completion-screen-title_1u70p_1t3ko_184:not(#\9),
211
- .awsui_completion-screen-description_1u70p_1t3ko_185:not(#\9) {
207
+ .awsui_step-title_1u70p_dl8zb_181:not(#\9),
208
+ .awsui_feedback-link_1u70p_dl8zb_182:not(#\9),
209
+ .awsui_dismiss-button_1u70p_dl8zb_183:not(#\9),
210
+ .awsui_completion-screen-title_1u70p_dl8zb_184:not(#\9),
211
+ .awsui_completion-screen-description_1u70p_dl8zb_185:not(#\9) {
212
212
  /* used in test-utils */
213
213
  }
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "tutorial-list": "awsui_tutorial-list_1u70p_1t3ko_93",
6
- "tutorial-title": "awsui_tutorial-title_1u70p_1t3ko_108",
7
- "task": "awsui_task_1u70p_1t3ko_115",
8
- "task-title": "awsui_task-title_1u70p_1t3ko_123",
9
- "task-title--status": "awsui_task-title--status_1u70p_1t3ko_131",
10
- "current-task": "awsui_current-task_1u70p_1t3ko_135",
11
- "successful-task": "awsui_successful-task_1u70p_1t3ko_139",
12
- "congratulation-message": "awsui_congratulation-message_1u70p_1t3ko_143",
13
- "congratulation-message--status": "awsui_congratulation-message--status_1u70p_1t3ko_151",
14
- "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_1t3ko_155",
15
- "divider": "awsui_divider_1u70p_1t3ko_159",
16
- "step-list": "awsui_step-list_1u70p_1t3ko_163",
17
- "step": "awsui_step_1u70p_1t3ko_163",
18
- "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_1t3ko_172",
19
- "expandable-section-header": "awsui_expandable-section-header_1u70p_1t3ko_176",
20
- "step-title": "awsui_step-title_1u70p_1t3ko_181",
21
- "feedback-link": "awsui_feedback-link_1u70p_1t3ko_182",
22
- "dismiss-button": "awsui_dismiss-button_1u70p_1t3ko_183",
23
- "completion-screen-title": "awsui_completion-screen-title_1u70p_1t3ko_184",
24
- "completion-screen-description": "awsui_completion-screen-description_1u70p_1t3ko_185"
5
+ "tutorial-list": "awsui_tutorial-list_1u70p_dl8zb_93",
6
+ "tutorial-title": "awsui_tutorial-title_1u70p_dl8zb_108",
7
+ "task": "awsui_task_1u70p_dl8zb_115",
8
+ "task-title": "awsui_task-title_1u70p_dl8zb_123",
9
+ "task-title--status": "awsui_task-title--status_1u70p_dl8zb_131",
10
+ "current-task": "awsui_current-task_1u70p_dl8zb_135",
11
+ "successful-task": "awsui_successful-task_1u70p_dl8zb_139",
12
+ "congratulation-message": "awsui_congratulation-message_1u70p_dl8zb_143",
13
+ "congratulation-message--status": "awsui_congratulation-message--status_1u70p_dl8zb_151",
14
+ "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_dl8zb_155",
15
+ "divider": "awsui_divider_1u70p_dl8zb_159",
16
+ "step-list": "awsui_step-list_1u70p_dl8zb_163",
17
+ "step": "awsui_step_1u70p_dl8zb_163",
18
+ "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_dl8zb_172",
19
+ "expandable-section-header": "awsui_expandable-section-header_1u70p_dl8zb_176",
20
+ "step-title": "awsui_step-title_1u70p_dl8zb_181",
21
+ "feedback-link": "awsui_feedback-link_1u70p_dl8zb_182",
22
+ "dismiss-button": "awsui_dismiss-button_1u70p_dl8zb_183",
23
+ "completion-screen-title": "awsui_completion-screen-title_1u70p_dl8zb_184",
24
+ "completion-screen-description": "awsui_completion-screen-description_1u70p_dl8zb_185"
25
25
  };
26
26
 
@@ -1,23 +1,23 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content-enter": "awsui_content-enter_ig8mp_m893q_93",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_m893q_1",
6
- "tutorial-list": "awsui_tutorial-list_ig8mp_m893q_119",
7
- "tutorial-box": "awsui_tutorial-box_ig8mp_m893q_134",
8
- "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_m893q_154",
9
- "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_m893q_160",
10
- "tutorial-description": "awsui_tutorial-description_ig8mp_m893q_160",
11
- "expandable-section": "awsui_expandable-section_ig8mp_m893q_172",
12
- "expanded": "awsui_expanded_ig8mp_m893q_176",
13
- "button-wrapper": "awsui_button-wrapper_ig8mp_m893q_180",
14
- "start": "awsui_start_ig8mp_m893q_184",
15
- "expand-button": "awsui_expand-button_ig8mp_m893q_188",
16
- "collapse-button": "awsui_collapse-button_ig8mp_m893q_192",
17
- "learn-more-link": "awsui_learn-more-link_ig8mp_m893q_196",
18
- "title": "awsui_title_ig8mp_m893q_200",
19
- "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_m893q_204",
20
- "completed": "awsui_completed_ig8mp_m893q_208",
21
- "download-link": "awsui_download-link_ig8mp_m893q_212"
4
+ "content-enter": "awsui_content-enter_ig8mp_1g473_93",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_1g473_1",
6
+ "tutorial-list": "awsui_tutorial-list_ig8mp_1g473_119",
7
+ "tutorial-box": "awsui_tutorial-box_ig8mp_1g473_134",
8
+ "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_1g473_154",
9
+ "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_1g473_160",
10
+ "tutorial-description": "awsui_tutorial-description_ig8mp_1g473_160",
11
+ "expandable-section": "awsui_expandable-section_ig8mp_1g473_172",
12
+ "expanded": "awsui_expanded_ig8mp_1g473_176",
13
+ "button-wrapper": "awsui_button-wrapper_ig8mp_1g473_180",
14
+ "start": "awsui_start_ig8mp_1g473_184",
15
+ "expand-button": "awsui_expand-button_ig8mp_1g473_188",
16
+ "collapse-button": "awsui_collapse-button_ig8mp_1g473_192",
17
+ "learn-more-link": "awsui_learn-more-link_ig8mp_1g473_196",
18
+ "title": "awsui_title_ig8mp_1g473_200",
19
+ "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_1g473_204",
20
+ "completed": "awsui_completed_ig8mp_1g473_208",
21
+ "download-link": "awsui_download-link_ig8mp_1g473_212"
22
22
  };
23
23
 
@@ -50,8 +50,6 @@
50
50
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
51
51
  SPDX-License-Identifier: Apache-2.0
52
52
  */
53
- /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
54
- /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
55
53
  /*
56
54
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
57
55
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
64
62
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
65
63
  SPDX-License-Identifier: Apache-2.0
66
64
  */
65
+ /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
66
+ /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
67
67
  /*
68
68
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
69
69
  SPDX-License-Identifier: Apache-2.0
@@ -90,10 +90,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_content-enter_ig8mp_m893q_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in_ig8mp_m893q_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
93
+ .awsui_content-enter_ig8mp_1g473_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in_ig8mp_1g473_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
95
95
  }
96
- @keyframes awsui_awsui-motion-fade-in_ig8mp_m893q_1 {
96
+ @keyframes awsui_awsui-motion-fade-in_ig8mp_1g473_1 {
97
97
  from {
98
98
  opacity: 0.2;
99
99
  }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  }
103
103
  }
104
104
  @media (prefers-reduced-motion: reduce) {
105
- .awsui_content-enter_ig8mp_m893q_93:not(#\9) {
105
+ .awsui_content-enter_ig8mp_1g473_93:not(#\9) {
106
106
  animation: none;
107
107
  transition: none;
108
108
  }
109
109
  }
110
- .awsui-motion-disabled .awsui_content-enter_ig8mp_m893q_93:not(#\9), .awsui-mode-entering .awsui_content-enter_ig8mp_m893q_93:not(#\9) {
110
+ .awsui-motion-disabled .awsui_content-enter_ig8mp_1g473_93:not(#\9), .awsui-mode-entering .awsui_content-enter_ig8mp_1g473_93:not(#\9) {
111
111
  animation: none;
112
112
  transition: none;
113
113
  }
@@ -116,7 +116,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
116
116
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
117
  SPDX-License-Identifier: Apache-2.0
118
118
  */
119
- .awsui_tutorial-list_ig8mp_m893q_119:not(#\9) {
119
+ .awsui_tutorial-list_ig8mp_1g473_119:not(#\9) {
120
120
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
121
121
  border-collapse: separate;
122
122
  border-spacing: 0;
@@ -157,7 +157,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
157
157
  margin: 0;
158
158
  }
159
159
 
160
- .awsui_tutorial-box_ig8mp_m893q_134:not(#\9) {
160
+ .awsui_tutorial-box_ig8mp_1g473_134:not(#\9) {
161
161
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
162
162
  border-collapse: separate;
163
163
  border-spacing: 0;
@@ -199,69 +199,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
199
199
  border-radius: var(--border-radius-tutorial-panel-item-5wuccf, 8px);
200
200
  padding: var(--space-m-17eucw, 16px);
201
201
  }
202
- .awsui_tutorial-box_ig8mp_m893q_134:not(#\9):not(:first-child) {
202
+ .awsui_tutorial-box_ig8mp_1g473_134:not(#\9):not(:first-child) {
203
203
  margin-top: var(--space-l-4vl6xu, 20px);
204
204
  }
205
205
 
206
- .awsui_tutorial-box-title_ig8mp_m893q_154:not(#\9) {
206
+ .awsui_tutorial-box-title_ig8mp_1g473_154:not(#\9) {
207
207
  display: flex;
208
208
  align-items: flex-start;
209
209
  justify-content: space-between;
210
210
  }
211
211
 
212
- .awsui_tutorial-description-plaintext_ig8mp_m893q_160:not(#\9) {
212
+ .awsui_tutorial-description-plaintext_ig8mp_1g473_160:not(#\9) {
213
213
  white-space: pre-line;
214
214
  }
215
215
 
216
- .awsui_tutorial-description_ig8mp_m893q_160:not(#\9) {
216
+ .awsui_tutorial-description_ig8mp_1g473_160:not(#\9) {
217
217
  /* stylelint-disable-next-line @cloudscape-design/no-implicit-descendant, selector-max-type -- Customers can nest their list items inside Box components. */
218
218
  }
219
- .awsui_tutorial-description_ig8mp_m893q_160 ul:not(#\9) {
219
+ .awsui_tutorial-description_ig8mp_1g473_160 ul:not(#\9) {
220
220
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
221
221
  list-style-type: disc;
222
222
  }
223
223
 
224
- .awsui_expandable-section_ig8mp_m893q_172:not(#\9) {
224
+ .awsui_expandable-section_ig8mp_1g473_172:not(#\9) {
225
225
  display: none;
226
226
  margin-top: var(--space-m-17eucw, 16px);
227
227
  }
228
- .awsui_expandable-section_ig8mp_m893q_172.awsui_expanded_ig8mp_m893q_176:not(#\9) {
228
+ .awsui_expandable-section_ig8mp_1g473_172.awsui_expanded_ig8mp_1g473_176:not(#\9) {
229
229
  display: block;
230
230
  }
231
231
 
232
- .awsui_button-wrapper_ig8mp_m893q_180:not(#\9) {
232
+ .awsui_button-wrapper_ig8mp_1g473_180:not(#\9) {
233
233
  margin: calc(-1 * var(--space-xxs-ynfts5, 4px) - var(--border-field-width-idlekx, 2px));
234
234
  }
235
235
 
236
- .awsui_start_ig8mp_m893q_184:not(#\9) {
236
+ .awsui_start_ig8mp_1g473_184:not(#\9) {
237
237
  /* used in test-utils */
238
238
  }
239
239
 
240
- .awsui_expand-button_ig8mp_m893q_188:not(#\9) {
240
+ .awsui_expand-button_ig8mp_1g473_188:not(#\9) {
241
241
  /* used in test-utils */
242
242
  }
243
243
 
244
- .awsui_collapse-button_ig8mp_m893q_192:not(#\9) {
244
+ .awsui_collapse-button_ig8mp_1g473_192:not(#\9) {
245
245
  /* used in test-utils */
246
246
  }
247
247
 
248
- .awsui_learn-more-link_ig8mp_m893q_196:not(#\9) {
248
+ .awsui_learn-more-link_ig8mp_1g473_196:not(#\9) {
249
249
  /* used in test-utils */
250
250
  }
251
251
 
252
- .awsui_title_ig8mp_m893q_200:not(#\9) {
252
+ .awsui_title_ig8mp_1g473_200:not(#\9) {
253
253
  /* used in test-utils */
254
254
  }
255
255
 
256
- .awsui_prerequisites-alert_ig8mp_m893q_204:not(#\9) {
256
+ .awsui_prerequisites-alert_ig8mp_1g473_204:not(#\9) {
257
257
  /* used in test-utils */
258
258
  }
259
259
 
260
- .awsui_completed_ig8mp_m893q_208:not(#\9) {
260
+ .awsui_completed_ig8mp_1g473_208:not(#\9) {
261
261
  /* used in test-utils */
262
262
  }
263
263
 
264
- .awsui_download-link_ig8mp_m893q_212:not(#\9) {
264
+ .awsui_download-link_ig8mp_1g473_212:not(#\9) {
265
265
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
266
266
  border-collapse: separate;
267
267
  border-spacing: 0;
@@ -304,18 +304,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
304
304
  letter-spacing: 0.005em;
305
305
  color: var(--color-text-body-secondary-fdstdf, #414d5c);
306
306
  }
307
- .awsui_download-link_ig8mp_m893q_212:not(#\9):hover {
307
+ .awsui_download-link_ig8mp_1g473_212:not(#\9):hover {
308
308
  cursor: pointer;
309
309
  }
310
- .awsui_download-link_ig8mp_m893q_212:not(#\9):focus {
310
+ .awsui_download-link_ig8mp_1g473_212:not(#\9):focus {
311
311
  outline: none;
312
312
  }
313
- .awsui_download-link_ig8mp_m893q_212:not(#\9):active, .awsui_download-link_ig8mp_m893q_212:not(#\9):focus, .awsui_download-link_ig8mp_m893q_212:not(#\9):hover {
313
+ .awsui_download-link_ig8mp_1g473_212:not(#\9):active, .awsui_download-link_ig8mp_1g473_212:not(#\9):focus, .awsui_download-link_ig8mp_1g473_212:not(#\9):hover {
314
314
  text-decoration: underline;
315
315
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
316
316
  text-decoration-color: currentColor;
317
317
  }
318
- .awsui_download-link_ig8mp_m893q_212[data-awsui-focus-visible=true]:not(#\9):focus {
318
+ .awsui_download-link_ig8mp_1g473_212[data-awsui-focus-visible=true]:not(#\9):focus {
319
319
  outline: thin dotted;
320
320
  outline: var(--border-link-focus-ring-outline-k2wccv, 0);
321
321
  outline-offset: 2px;
@@ -2,23 +2,23 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "content-enter": "awsui_content-enter_ig8mp_m893q_93",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_m893q_1",
7
- "tutorial-list": "awsui_tutorial-list_ig8mp_m893q_119",
8
- "tutorial-box": "awsui_tutorial-box_ig8mp_m893q_134",
9
- "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_m893q_154",
10
- "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_m893q_160",
11
- "tutorial-description": "awsui_tutorial-description_ig8mp_m893q_160",
12
- "expandable-section": "awsui_expandable-section_ig8mp_m893q_172",
13
- "expanded": "awsui_expanded_ig8mp_m893q_176",
14
- "button-wrapper": "awsui_button-wrapper_ig8mp_m893q_180",
15
- "start": "awsui_start_ig8mp_m893q_184",
16
- "expand-button": "awsui_expand-button_ig8mp_m893q_188",
17
- "collapse-button": "awsui_collapse-button_ig8mp_m893q_192",
18
- "learn-more-link": "awsui_learn-more-link_ig8mp_m893q_196",
19
- "title": "awsui_title_ig8mp_m893q_200",
20
- "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_m893q_204",
21
- "completed": "awsui_completed_ig8mp_m893q_208",
22
- "download-link": "awsui_download-link_ig8mp_m893q_212"
5
+ "content-enter": "awsui_content-enter_ig8mp_1g473_93",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_1g473_1",
7
+ "tutorial-list": "awsui_tutorial-list_ig8mp_1g473_119",
8
+ "tutorial-box": "awsui_tutorial-box_ig8mp_1g473_134",
9
+ "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_1g473_154",
10
+ "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_1g473_160",
11
+ "tutorial-description": "awsui_tutorial-description_ig8mp_1g473_160",
12
+ "expandable-section": "awsui_expandable-section_ig8mp_1g473_172",
13
+ "expanded": "awsui_expanded_ig8mp_1g473_176",
14
+ "button-wrapper": "awsui_button-wrapper_ig8mp_1g473_180",
15
+ "start": "awsui_start_ig8mp_1g473_184",
16
+ "expand-button": "awsui_expand-button_ig8mp_1g473_188",
17
+ "collapse-button": "awsui_collapse-button_ig8mp_1g473_192",
18
+ "learn-more-link": "awsui_learn-more-link_ig8mp_1g473_196",
19
+ "title": "awsui_title_ig8mp_1g473_200",
20
+ "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_1g473_204",
21
+ "completed": "awsui_completed_ig8mp_1g473_208",
22
+ "download-link": "awsui_download-link_ig8mp_1g473_212"
23
23
  };
24
24
 
@@ -1,6 +1,6 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "tutorial-panel": "awsui_tutorial-panel_1oin5_rz7zx_93"
4
+ "tutorial-panel": "awsui_tutorial-panel_1oin5_i3dna_93"
5
5
  };
6
6
 
@@ -50,8 +50,6 @@
50
50
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
51
51
  SPDX-License-Identifier: Apache-2.0
52
52
  */
53
- /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
54
- /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
55
53
  /*
56
54
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
57
55
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
64
62
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
65
63
  SPDX-License-Identifier: Apache-2.0
66
64
  */
65
+ /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
66
+ /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
67
67
  /*
68
68
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
69
69
  SPDX-License-Identifier: Apache-2.0
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_tutorial-panel_1oin5_rz7zx_93:not(#\9) {
93
+ .awsui_tutorial-panel_1oin5_i3dna_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -2,6 +2,6 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "tutorial-panel": "awsui_tutorial-panel_1oin5_rz7zx_93"
5
+ "tutorial-panel": "awsui_tutorial-panel_1oin5_i3dna_93"
6
6
  };
7
7
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAS3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,WAAW,EACX,iBAAyB,EACzB,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,WAAW,eAwGb"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAS3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,WAAW,EACX,iBAAyB,EACzB,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,WAAW,eAyGb"}
package/wizard/index.js CHANGED
@@ -20,6 +20,7 @@ export default function Wizard(_a) {
20
20
  var steps = _a.steps, controlledActiveStepIndex = _a.activeStepIndex, i18nStrings = _a.i18nStrings, _b = _a.isLoadingNextStep, isLoadingNextStep = _b === void 0 ? false : _b, _c = _a.allowSkipTo, allowSkipTo = _c === void 0 ? false : _c, secondaryActions = _a.secondaryActions, onCancel = _a.onCancel, onSubmit = _a.onSubmit, onNavigate = _a.onNavigate, rest = __rest(_a, ["steps", "activeStepIndex", "i18nStrings", "isLoadingNextStep", "allowSkipTo", "secondaryActions", "onCancel", "onSubmit", "onNavigate"]);
21
21
  var __internalRootRef = useBaseComponent('Wizard').__internalRootRef;
22
22
  var baseProps = getBaseProps(rest);
23
+ var funnelId = baseProps.id;
23
24
  var _d = useContainerBreakpoints(['xs']), breakpoint = _d[0], breakpointsRef = _d[1];
24
25
  var ref = useMergeRefs(breakpointsRef, __internalRootRef);
25
26
  var smallContainer = breakpoint === 'default';
@@ -34,7 +35,7 @@ export default function Wizard(_a) {
34
35
  var isVisualRefresh = useVisualRefresh();
35
36
  var isLastStep = actualActiveStepIndex >= steps.length - 1;
36
37
  var navigationEvent = function (requestedStepIndex, reason) {
37
- trackNavigate(actualActiveStepIndex, requestedStepIndex, reason);
38
+ trackNavigate(actualActiveStepIndex, requestedStepIndex, reason, funnelId);
38
39
  setActiveStepIndex(requestedStepIndex);
39
40
  fireNonCancelableEvent(onNavigate, { requestedStepIndex: requestedStepIndex, reason: reason });
40
41
  };
@@ -44,7 +45,7 @@ export default function Wizard(_a) {
44
45
  var onPreviousClick = function () { return navigationEvent(actualActiveStepIndex - 1, 'previous'); };
45
46
  var onPrimaryClick = function () {
46
47
  if (isLastStep) {
47
- trackSubmit(actualActiveStepIndex);
48
+ trackSubmit(actualActiveStepIndex, funnelId);
48
49
  fireNonCancelableEvent(onSubmit);
49
50
  }
50
51
  else {
@@ -61,8 +62,8 @@ export default function Wizard(_a) {
61
62
  trackStartWizard();
62
63
  }, []);
63
64
  useEffect(function () {
64
- trackStartStep(actualActiveStepIndex);
65
- }, [actualActiveStepIndex]);
65
+ trackStartStep(actualActiveStepIndex, funnelId);
66
+ }, [actualActiveStepIndex, funnelId]);
66
67
  return (React.createElement("div", __assign({}, baseProps, { className: clsx(styles.root, baseProps.className), ref: ref }),
67
68
  React.createElement("div", { className: clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container']) },
68
69
  React.createElement(WizardNavigation, { activeStepIndex: actualActiveStepIndex, farthestStepIndex: farthestStepIndex.current, allowSkipTo: allowSkipTo, hidden: smallContainer, i18nStrings: i18nStrings, isVisualRefresh: isVisualRefresh, isLoadingNextStep: isLoadingNextStep, onStepClick: onStepClick, onSkipToClick: onSkipToClick, steps: steps }),
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '../internal/logging';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\nimport { WizardProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport { trackStartStep, trackNavigate, trackSubmit, trackStartWizard } from './internal/analytics';\n\nexport { WizardProps };\n\nexport default function Wizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n i18nStrings,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n ...rest\n}: WizardProps) {\n const { __internalRootRef } = useBaseComponent('Wizard');\n const baseProps = getBaseProps(rest);\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n trackNavigate(actualActiveStepIndex, requestedStepIndex, reason);\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => fireNonCancelableEvent(onCancel);\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n trackSubmit(actualActiveStepIndex);\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !i18nStrings.skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n useEffect(() => {\n trackStartWizard();\n }, []);\n\n useEffect(() => {\n trackStartStep(actualActiveStepIndex);\n }, [actualActiveStepIndex]);\n\n return (\n <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={ref}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n\napplyDisplayName(Wizard, 'Wizard');\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '../internal/logging';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\nimport { WizardProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport { trackStartStep, trackNavigate, trackSubmit, trackStartWizard } from './internal/analytics';\n\nexport { WizardProps };\n\nexport default function Wizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n i18nStrings,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n ...rest\n}: WizardProps) {\n const { __internalRootRef } = useBaseComponent('Wizard');\n const baseProps = getBaseProps(rest);\n const funnelId = baseProps.id;\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n trackNavigate(actualActiveStepIndex, requestedStepIndex, reason, funnelId);\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => fireNonCancelableEvent(onCancel);\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n trackSubmit(actualActiveStepIndex, funnelId);\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !i18nStrings.skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n useEffect(() => {\n trackStartWizard();\n }, []);\n\n useEffect(() => {\n trackStartStep(actualActiveStepIndex, funnelId);\n }, [actualActiveStepIndex, funnelId]);\n\n return (\n <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={ref}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n\napplyDisplayName(Wizard, 'Wizard');\n"]}