@cloudscape-design/components 3.0.1155 → 3.0.1157

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 (258) hide show
  1. package/alert/index.js +1 -1
  2. package/alert/interfaces.d.ts +1 -2
  3. package/anchor-navigation/styles.css.js +8 -8
  4. package/anchor-navigation/styles.scoped.css +21 -21
  5. package/anchor-navigation/styles.selectors.js +8 -8
  6. package/app-layout/runtime-drawer/index.d.ts.map +1 -1
  7. package/app-layout/runtime-drawer/index.js +20 -18
  8. package/app-layout/runtime-drawer/index.js.map +1 -1
  9. package/app-layout/visual-refresh/styles.css.js +86 -86
  10. package/app-layout/visual-refresh/styles.scoped.css +164 -163
  11. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  12. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +86 -83
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  15. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
  16. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
  17. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
  18. package/attribute-editor/styles.css.js +15 -15
  19. package/attribute-editor/styles.scoped.css +28 -28
  20. package/attribute-editor/styles.selectors.js +15 -15
  21. package/autosuggest/index.js +28 -11
  22. package/autosuggest/interfaces.d.ts +2 -1
  23. package/autosuggest/interfaces.js.map +1 -1
  24. package/badge/index.d.ts +2 -0
  25. package/badge/index.js +14 -13
  26. package/badge/interfaces.d.ts +3 -2
  27. package/box/index.js +18 -13
  28. package/box/interfaces.d.ts +2 -1
  29. package/box/styles.css.js +192 -192
  30. package/box/styles.scoped.css +241 -241
  31. package/box/styles.selectors.js +192 -192
  32. package/breadcrumb-group/item/styles.css.js +7 -7
  33. package/breadcrumb-group/item/styles.scoped.css +28 -28
  34. package/breadcrumb-group/item/styles.selectors.js +7 -7
  35. package/button/index.js +12 -11
  36. package/button/interfaces.d.ts +4 -2
  37. package/button/styles.css.js +22 -22
  38. package/button/styles.scoped.css +78 -78
  39. package/button/styles.selectors.js +22 -22
  40. package/button-dropdown/index.js +27 -11
  41. package/button-dropdown/interfaces.d.ts +6 -2
  42. package/button-dropdown/item-element/styles.css.js +20 -20
  43. package/button-dropdown/item-element/styles.scoped.css +35 -35
  44. package/button-dropdown/item-element/styles.selectors.js +20 -20
  45. package/button-group/index.js +42 -11
  46. package/button-group/interfaces.d.ts +10 -0
  47. package/button-group/interfaces.d.ts.map +1 -1
  48. package/button-group/interfaces.js.map +1 -1
  49. package/cards/styles.css.js +39 -39
  50. package/cards/styles.scoped.css +51 -51
  51. package/cards/styles.selectors.js +39 -39
  52. package/checkbox/index.js +9 -11
  53. package/checkbox/interfaces.d.ts +3 -2
  54. package/code-editor/styles.css.js +33 -33
  55. package/code-editor/styles.scoped.css +139 -139
  56. package/code-editor/styles.selectors.js +33 -33
  57. package/container/index.js +29 -13
  58. package/container/interfaces.d.ts +2 -1
  59. package/date-input/index.js +8 -10
  60. package/drawer/implementation.d.ts +1 -0
  61. package/drawer/implementation.d.ts.map +1 -1
  62. package/drawer/implementation.js +13 -4
  63. package/drawer/implementation.js.map +1 -1
  64. package/drawer/interfaces.d.ts +7 -0
  65. package/drawer/interfaces.d.ts.map +1 -1
  66. package/drawer/interfaces.js.map +1 -1
  67. package/drawer/styles.css.js +12 -8
  68. package/drawer/styles.scoped.css +35 -13
  69. package/drawer/styles.selectors.js +12 -8
  70. package/drawer/use-sticky-footer.d.ts +11 -0
  71. package/drawer/use-sticky-footer.d.ts.map +1 -0
  72. package/drawer/use-sticky-footer.js +35 -0
  73. package/drawer/use-sticky-footer.js.map +1 -0
  74. package/flashbar/index.js +10 -13
  75. package/flashbar/interfaces.d.ts +1 -0
  76. package/help-panel/styles.css.js +6 -6
  77. package/help-panel/styles.scoped.css +75 -75
  78. package/help-panel/styles.selectors.js +6 -6
  79. package/icon/index.js +8 -13
  80. package/icon/interfaces.d.ts +2 -1
  81. package/icon/styles.css.js +39 -39
  82. package/icon/styles.scoped.css +87 -87
  83. package/icon/styles.selectors.js +39 -39
  84. package/icon-provider/index.js +12 -2
  85. package/index.d.ts +4 -1
  86. package/index.js +4 -0
  87. package/input/index.js +53 -12
  88. package/input/interfaces.d.ts +3 -1
  89. package/internal/base-component/styles.scoped.css +62 -50
  90. package/internal/components/button-trigger/styles.css.js +13 -13
  91. package/internal/components/button-trigger/styles.scoped.css +29 -29
  92. package/internal/components/button-trigger/styles.selectors.js +13 -13
  93. package/internal/components/cartesian-chart/styles.css.js +28 -28
  94. package/internal/components/cartesian-chart/styles.scoped.css +33 -33
  95. package/internal/components/cartesian-chart/styles.selectors.js +28 -28
  96. package/internal/components/radio-button/interfaces.d.ts +3 -3
  97. package/internal/components/token-list/styles.css.js +10 -10
  98. package/internal/components/token-list/styles.scoped.css +25 -25
  99. package/internal/components/token-list/styles.selectors.js +10 -10
  100. package/internal/environment.js +3 -3
  101. package/internal/environment.json +3 -3
  102. package/internal/generated/styles/tokens.js +8 -8
  103. package/internal/generated/theming/index.cjs +24 -24
  104. package/internal/generated/theming/index.js +24 -24
  105. package/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
  106. package/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
  107. package/internal/hooks/use-portal-mode-classes/index.js +2 -2
  108. package/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
  109. package/internal/manifest.json +1 -1
  110. package/internal/plugins/controllers/drawers.d.ts +2 -2
  111. package/internal/plugins/controllers/drawers.d.ts.map +1 -1
  112. package/internal/plugins/controllers/drawers.js.map +1 -1
  113. package/internal/plugins/widget/interfaces.d.ts +2 -2
  114. package/internal/plugins/widget/interfaces.d.ts.map +1 -1
  115. package/internal/plugins/widget/interfaces.js.map +1 -1
  116. package/key-value-pairs/styles.css.js +8 -8
  117. package/key-value-pairs/styles.scoped.css +10 -10
  118. package/key-value-pairs/styles.selectors.js +8 -8
  119. package/link/index.js +25 -11
  120. package/link/interfaces.d.ts +3 -2
  121. package/link/styles.css.js +20 -20
  122. package/link/styles.scoped.css +91 -91
  123. package/link/styles.selectors.js +20 -20
  124. package/navigable-group/index.js +19 -4
  125. package/package.json +4 -1
  126. package/popover/internal.js +1 -1
  127. package/popover/internal.js.map +1 -1
  128. package/popover/styles.css.js +57 -57
  129. package/popover/styles.scoped.css +87 -87
  130. package/popover/styles.selectors.js +57 -57
  131. package/progress-bar/index.d.ts +1 -0
  132. package/progress-bar/index.js +52 -14
  133. package/progress-bar/interfaces.d.ts +1 -0
  134. package/progress-bar/styles.css.js +19 -19
  135. package/progress-bar/styles.scoped.css +31 -31
  136. package/progress-bar/styles.selectors.js +19 -19
  137. package/prompt-input/index.js +19 -11
  138. package/prompt-input/interfaces.d.ts +4 -3
  139. package/radio-button/index.js +19 -4
  140. package/radio-group/index.js +20 -11
  141. package/radio-group/interfaces.d.ts +1 -1
  142. package/segmented-control/index.js +14 -13
  143. package/segmented-control/interfaces.d.ts +1 -0
  144. package/select/interfaces.d.ts +1 -1
  145. package/select/interfaces.js.map +1 -1
  146. package/side-navigation/styles.css.js +30 -30
  147. package/side-navigation/styles.scoped.css +47 -47
  148. package/side-navigation/styles.selectors.js +30 -30
  149. package/space-between/index.js +10 -13
  150. package/space-between/interfaces.d.ts +2 -1
  151. package/spinner/index.js +10 -13
  152. package/spinner/interfaces.d.ts +2 -1
  153. package/split-panel/icons/styles.css.js +22 -22
  154. package/split-panel/icons/styles.scoped.css +25 -25
  155. package/split-panel/icons/styles.selectors.js +22 -22
  156. package/status-indicator/index.js +10 -13
  157. package/status-indicator/interfaces.d.ts +2 -1
  158. package/steps/index.js +11 -11
  159. package/steps/interfaces.d.ts +6 -2
  160. package/table/header-cell/index.d.ts +1 -1
  161. package/table/header-cell/index.d.ts.map +1 -1
  162. package/table/header-cell/index.js +1 -1
  163. package/table/header-cell/index.js.map +1 -1
  164. package/table/header-cell/th-element.d.ts +1 -1
  165. package/table/header-cell/th-element.d.ts.map +1 -1
  166. package/table/header-cell/th-element.js.map +1 -1
  167. package/table/resizer/index.d.ts +3 -1
  168. package/table/resizer/index.d.ts.map +1 -1
  169. package/table/resizer/index.js +8 -5
  170. package/table/resizer/index.js.map +1 -1
  171. package/table/resizer/styles.css.js +13 -12
  172. package/table/resizer/styles.scoped.css +22 -22
  173. package/table/resizer/styles.selectors.js +13 -12
  174. package/table/thead.d.ts +1 -1
  175. package/table/thead.d.ts.map +1 -1
  176. package/table/thead.js.map +1 -1
  177. package/tag-editor/styles.css.js +3 -3
  178. package/tag-editor/styles.scoped.css +13 -13
  179. package/tag-editor/styles.selectors.js +3 -3
  180. package/test-utils/dom/drawer/index.d.ts +1 -0
  181. package/test-utils/dom/drawer/index.js +3 -0
  182. package/test-utils/dom/drawer/index.js.map +1 -1
  183. package/test-utils/selectors/drawer/index.d.ts +1 -0
  184. package/test-utils/selectors/drawer/index.js +3 -0
  185. package/test-utils/selectors/drawer/index.js.map +1 -1
  186. package/text-content/styles.css.js +1 -1
  187. package/text-content/styles.scoped.css +66 -66
  188. package/text-content/styles.selectors.js +1 -1
  189. package/text-filter/index.js +17 -10
  190. package/text-filter/interfaces.d.ts +1 -0
  191. package/textarea/index.js +65 -12
  192. package/textarea/interfaces.d.ts +3 -2
  193. package/time-input/index.js +15 -11
  194. package/toggle/index.js +6 -10
  195. package/toggle/interfaces.d.ts +3 -2
  196. package/toggle-button/index.js +14 -11
  197. package/token/styles.css.js +14 -14
  198. package/token/styles.scoped.css +29 -29
  199. package/token/styles.selectors.js +14 -14
  200. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  201. package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
  202. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  203. package/wizard/index.js +35 -13
  204. package/wizard/interfaces.d.ts +1 -1
  205. package/autosuggest/internal-do-not-use-core.js +0 -35
  206. package/badge/internal-do-not-use-core.js +0 -19
  207. package/box/internal-do-not-use-core.js +0 -23
  208. package/button/internal-do-not-use-core.js +0 -19
  209. package/button-dropdown/internal-do-not-use-core.js +0 -34
  210. package/button-group/internal-do-not-use-core.js +0 -49
  211. package/checkbox/internal-do-not-use-core.js +0 -16
  212. package/container/internal-do-not-use-core.js +0 -34
  213. package/date-input/internal-do-not-use-core.js +0 -16
  214. package/flashbar/internal-do-not-use-core.js +0 -15
  215. package/icon/internal-do-not-use-core.js +0 -13
  216. package/input/internal-do-not-use-core.js +0 -59
  217. package/link/internal-do-not-use-core.js +0 -32
  218. package/progress-bar/internal-do-not-use-core.js +0 -56
  219. package/prompt-input/internal-do-not-use-core.js +0 -26
  220. package/radio-group/internal-do-not-use-core.js +0 -27
  221. package/segmented-control/internal-do-not-use-core.js +0 -19
  222. package/space-between/internal-do-not-use-core.js +0 -15
  223. package/spinner/internal-do-not-use-core.js +0 -15
  224. package/status-indicator/internal-do-not-use-core.js +0 -15
  225. package/steps/internal-do-not-use-core.js +0 -18
  226. package/text-filter/internal-do-not-use-core.js +0 -25
  227. package/textarea/internal-do-not-use-core.js +0 -71
  228. package/time-input/internal-do-not-use-core.js +0 -22
  229. package/toggle/internal-do-not-use-core.js +0 -14
  230. package/toggle-button/internal-do-not-use-core.js +0 -21
  231. package/wizard/internal-do-not-use-core.js +0 -40
  232. /package/autosuggest/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  233. /package/badge/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  234. /package/box/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  235. /package/button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  236. /package/button-dropdown/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  237. /package/button-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  238. /package/checkbox/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  239. /package/container/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  240. /package/date-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  241. /package/flashbar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  242. /package/icon/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  243. /package/input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  244. /package/link/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  245. /package/progress-bar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  246. /package/prompt-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  247. /package/radio-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  248. /package/segmented-control/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  249. /package/space-between/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  250. /package/spinner/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  251. /package/status-indicator/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  252. /package/steps/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  253. /package/text-filter/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  254. /package/textarea/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  255. /package/time-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  256. /package/toggle/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  257. /package/toggle-button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  258. /package/wizard/{internal-do-not-use-core.js.map → index.js.map} +0 -0
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_root_1i2wg_16pp7_161:not(#\9) {
161
+ .awsui_root_1i2wg_18qq8_161:not(#\9) {
162
162
  border-collapse: separate;
163
163
  border-spacing: 0;
164
164
  box-sizing: border-box;
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  -moz-osx-font-smoothing: auto;
191
191
  }
192
192
 
193
- .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9) {
193
+ .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9) {
194
194
  align-self: flex-start;
195
195
  margin-block-end: 0;
196
196
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
@@ -198,18 +198,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
198
198
  border-inline: var(--border-width-field-2xc78x, 1px) solid transparent;
199
199
  padding-block: 0;
200
200
  padding-inline: var(--space-xxs-hwfkai, 4px);
201
- color: var(--color-text-button-inline-icon-default-f8xgpk, #006ce0);
201
+ color: var(--color-text-button-inline-icon-default-sm4ql6, #006ce0);
202
202
  background-color: transparent;
203
203
  cursor: pointer;
204
204
  }
205
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus {
205
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):focus {
206
206
  position: relative;
207
207
  }
208
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus {
208
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):focus {
209
209
  outline: 2px dotted transparent;
210
210
  outline-offset: calc(0px - 1px);
211
211
  }
212
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus::before {
212
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):focus::before {
213
213
  content: " ";
214
214
  display: block;
215
215
  position: absolute;
@@ -223,50 +223,50 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_16pp7_193:not(#\
223
223
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
224
224
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
225
225
  }
226
- .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):focus {
226
+ .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):focus {
227
227
  outline: none;
228
228
  text-decoration: none;
229
229
  }
230
- .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):hover {
231
- color: var(--color-text-button-inline-icon-hover-c08r6g, #002b66);
230
+ .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):hover {
231
+ color: var(--color-text-button-inline-icon-hover-rbyzfc, #002b66);
232
232
  }
233
- .awsui_dismiss-button-inline_1i2wg_16pp7_233:not(#\9) {
233
+ .awsui_dismiss-button-inline_1i2wg_18qq8_233:not(#\9) {
234
234
  padding-inline: 0;
235
235
  display: flex;
236
236
  align-items: center;
237
237
  align-self: center;
238
238
  }
239
239
 
240
- .awsui_icon_1i2wg_16pp7_240:not(#\9) {
240
+ .awsui_icon_1i2wg_18qq8_240:not(#\9) {
241
241
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
242
242
  align-self: flex-start;
243
243
  display: flex;
244
244
  flex-shrink: 0;
245
245
  }
246
- .awsui_icon-inline_1i2wg_16pp7_246:not(#\9) {
246
+ .awsui_icon-inline_1i2wg_18qq8_246:not(#\9) {
247
247
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
248
248
  align-self: center;
249
249
  }
250
250
 
251
- .awsui_token-normal_1i2wg_16pp7_251:not(#\9) {
251
+ .awsui_token-normal_1i2wg_18qq8_251:not(#\9) {
252
252
  block-size: 100%;
253
253
  display: flex;
254
254
  flex-direction: column;
255
255
  gap: var(--space-xxs-hwfkai, 4px);
256
256
  }
257
257
 
258
- .awsui_token-inline_1i2wg_16pp7_258:not(#\9) {
258
+ .awsui_token-inline_1i2wg_18qq8_258:not(#\9) {
259
259
  display: inline-flex;
260
260
  max-inline-size: 100%;
261
261
  }
262
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9):focus {
262
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_18qq8_258:not(#\9):focus {
263
263
  position: relative;
264
264
  }
265
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9):focus {
265
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_18qq8_258:not(#\9):focus {
266
266
  outline: 2px dotted transparent;
267
267
  outline-offset: calc(0px - 1px);
268
268
  }
269
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9):focus::before {
269
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_18qq8_258:not(#\9):focus::before {
270
270
  content: " ";
271
271
  display: block;
272
272
  position: absolute;
@@ -281,11 +281,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9)
281
281
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
282
282
  }
283
283
 
284
- .awsui_token-option-inline_1i2wg_16pp7_284:not(#\9) {
284
+ .awsui_token-option-inline_1i2wg_18qq8_284:not(#\9) {
285
285
  max-block-size: 20px;
286
286
  }
287
287
 
288
- .awsui_token-box_1i2wg_16pp7_288:not(#\9) {
288
+ .awsui_token-box_1i2wg_18qq8_288:not(#\9) {
289
289
  position: relative;
290
290
  block-size: 100%;
291
291
  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--color-border-item-selected-wl5ttm, #006ce0);
@@ -304,11 +304,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9)
304
304
  color: var(--color-text-body-default-vvtq8u, #0f141a);
305
305
  box-sizing: border-box;
306
306
  }
307
- .awsui_token-box-without-dismiss_1i2wg_16pp7_307:not(#\9) {
307
+ .awsui_token-box-without-dismiss_1i2wg_18qq8_307:not(#\9) {
308
308
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
309
309
  }
310
310
 
311
- .awsui_token-box-inline_1i2wg_16pp7_311:not(#\9) {
311
+ .awsui_token-box-inline_1i2wg_18qq8_311:not(#\9) {
312
312
  position: relative;
313
313
  block-size: 20px;
314
314
  max-block-size: 20px;
@@ -328,30 +328,30 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_16pp7_258:not(#\9)
328
328
  max-inline-size: 100%;
329
329
  }
330
330
 
331
- .awsui_disable-padding_1i2wg_16pp7_331:not(#\9) {
331
+ .awsui_disable-padding_1i2wg_18qq8_331:not(#\9) {
332
332
  padding-block-start: 0;
333
333
  padding-block-end: 0;
334
334
  padding-inline-start: 0;
335
335
  padding-inline-end: 0;
336
336
  }
337
337
 
338
- .awsui_token-box-readonly_1i2wg_16pp7_338:not(#\9),
339
- .awsui_token-box-disabled_1i2wg_16pp7_339:not(#\9) {
338
+ .awsui_token-box-readonly_1i2wg_18qq8_338:not(#\9),
339
+ .awsui_token-box-disabled_1i2wg_18qq8_339:not(#\9) {
340
340
  border-color: var(--color-border-input-disabled-zgnzvk, #ebebf0);
341
341
  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
342
342
  pointer-events: none;
343
343
  }
344
- .awsui_token-box-readonly_1i2wg_16pp7_338 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9),
345
- .awsui_token-box-disabled_1i2wg_16pp7_339 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9) {
344
+ .awsui_token-box-readonly_1i2wg_18qq8_338 > .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9),
345
+ .awsui_token-box-disabled_1i2wg_18qq8_339 > .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9) {
346
346
  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
347
347
  cursor: initial;
348
348
  }
349
- .awsui_token-box-readonly_1i2wg_16pp7_338 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):hover,
350
- .awsui_token-box-disabled_1i2wg_16pp7_339 > .awsui_dismiss-button_1i2wg_16pp7_193:not(#\9):hover {
349
+ .awsui_token-box-readonly_1i2wg_18qq8_338 > .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):hover,
350
+ .awsui_token-box-disabled_1i2wg_18qq8_339 > .awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):hover {
351
351
  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
352
352
  }
353
353
 
354
- .awsui_token-box-disabled_1i2wg_16pp7_339:not(#\9) {
354
+ .awsui_token-box-disabled_1i2wg_18qq8_339:not(#\9) {
355
355
  border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
356
356
  color: var(--color-text-disabled-rox5hg, #b4b4bb);
357
357
  }
@@ -2,19 +2,19 @@
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_1i2wg_16pp7_161",
6
- "dismiss-button": "awsui_dismiss-button_1i2wg_16pp7_193",
7
- "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_16pp7_233",
8
- "icon": "awsui_icon_1i2wg_16pp7_240",
9
- "icon-inline": "awsui_icon-inline_1i2wg_16pp7_246",
10
- "token-normal": "awsui_token-normal_1i2wg_16pp7_251",
11
- "token-inline": "awsui_token-inline_1i2wg_16pp7_258",
12
- "token-option-inline": "awsui_token-option-inline_1i2wg_16pp7_284",
13
- "token-box": "awsui_token-box_1i2wg_16pp7_288",
14
- "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_16pp7_307",
15
- "token-box-inline": "awsui_token-box-inline_1i2wg_16pp7_311",
16
- "disable-padding": "awsui_disable-padding_1i2wg_16pp7_331",
17
- "token-box-readonly": "awsui_token-box-readonly_1i2wg_16pp7_338",
18
- "token-box-disabled": "awsui_token-box-disabled_1i2wg_16pp7_339"
5
+ "root": "awsui_root_1i2wg_18qq8_161",
6
+ "dismiss-button": "awsui_dismiss-button_1i2wg_18qq8_193",
7
+ "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_18qq8_233",
8
+ "icon": "awsui_icon_1i2wg_18qq8_240",
9
+ "icon-inline": "awsui_icon-inline_1i2wg_18qq8_246",
10
+ "token-normal": "awsui_token-normal_1i2wg_18qq8_251",
11
+ "token-inline": "awsui_token-inline_1i2wg_18qq8_258",
12
+ "token-option-inline": "awsui_token-option-inline_1i2wg_18qq8_284",
13
+ "token-box": "awsui_token-box_1i2wg_18qq8_288",
14
+ "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_18qq8_307",
15
+ "token-box-inline": "awsui_token-box-inline_1i2wg_18qq8_311",
16
+ "disable-padding": "awsui_disable-padding_1i2wg_18qq8_331",
17
+ "token-box-readonly": "awsui_token-box-readonly_1i2wg_18qq8_338",
18
+ "token-box-disabled": "awsui_token-box-disabled_1i2wg_18qq8_339"
19
19
  };
20
20
 
@@ -1,23 +1,23 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "content-enter": "awsui_content-enter_ig8mp_1s82y_193",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_1s82y_1",
6
- "tutorial-list": "awsui_tutorial-list_ig8mp_1s82y_215",
7
- "tutorial-box": "awsui_tutorial-box_ig8mp_1s82y_251",
8
- "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_1s82y_295",
9
- "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_1s82y_301",
10
- "tutorial-description": "awsui_tutorial-description_ig8mp_1s82y_301",
11
- "expandable-section": "awsui_expandable-section_ig8mp_1s82y_312",
12
- "expanded": "awsui_expanded_ig8mp_1s82y_316",
13
- "button-wrapper": "awsui_button-wrapper_ig8mp_1s82y_320",
14
- "start": "awsui_start_ig8mp_1s82y_325",
15
- "expand-button": "awsui_expand-button_ig8mp_1s82y_329",
16
- "collapse-button": "awsui_collapse-button_ig8mp_1s82y_333",
17
- "learn-more-link": "awsui_learn-more-link_ig8mp_1s82y_337",
18
- "title": "awsui_title_ig8mp_1s82y_341",
19
- "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_1s82y_345",
20
- "completed": "awsui_completed_ig8mp_1s82y_349",
21
- "download-link": "awsui_download-link_ig8mp_1s82y_353"
4
+ "content-enter": "awsui_content-enter_ig8mp_15k2z_193",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_15k2z_1",
6
+ "tutorial-list": "awsui_tutorial-list_ig8mp_15k2z_215",
7
+ "tutorial-box": "awsui_tutorial-box_ig8mp_15k2z_251",
8
+ "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_15k2z_295",
9
+ "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_15k2z_301",
10
+ "tutorial-description": "awsui_tutorial-description_ig8mp_15k2z_301",
11
+ "expandable-section": "awsui_expandable-section_ig8mp_15k2z_312",
12
+ "expanded": "awsui_expanded_ig8mp_15k2z_316",
13
+ "button-wrapper": "awsui_button-wrapper_ig8mp_15k2z_320",
14
+ "start": "awsui_start_ig8mp_15k2z_325",
15
+ "expand-button": "awsui_expand-button_ig8mp_15k2z_329",
16
+ "collapse-button": "awsui_collapse-button_ig8mp_15k2z_333",
17
+ "learn-more-link": "awsui_learn-more-link_ig8mp_15k2z_337",
18
+ "title": "awsui_title_ig8mp_15k2z_341",
19
+ "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_15k2z_345",
20
+ "completed": "awsui_completed_ig8mp_15k2z_349",
21
+ "download-link": "awsui_download-link_ig8mp_15k2z_353"
22
22
  };
23
23
 
@@ -190,10 +190,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
191
191
  SPDX-License-Identifier: Apache-2.0
192
192
  */
193
- .awsui_content-enter_ig8mp_1s82y_193:not(#\9) {
194
- animation: awsui_awsui-motion-fade-in_ig8mp_1s82y_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
193
+ .awsui_content-enter_ig8mp_15k2z_193:not(#\9) {
194
+ animation: awsui_awsui-motion-fade-in_ig8mp_15k2z_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
195
195
  }
196
- @keyframes awsui_awsui-motion-fade-in_ig8mp_1s82y_1 {
196
+ @keyframes awsui_awsui-motion-fade-in_ig8mp_15k2z_1 {
197
197
  from {
198
198
  opacity: 0.2;
199
199
  }
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
202
202
  }
203
203
  }
204
204
  @media (prefers-reduced-motion: reduce) {
205
- .awsui_content-enter_ig8mp_1s82y_193:not(#\9) {
205
+ .awsui_content-enter_ig8mp_15k2z_193:not(#\9) {
206
206
  animation: none;
207
207
  transition: none;
208
208
  }
209
209
  }
210
- .awsui-motion-disabled .awsui_content-enter_ig8mp_1s82y_193:not(#\9), .awsui-mode-entering .awsui_content-enter_ig8mp_1s82y_193:not(#\9) {
210
+ .awsui-motion-disabled .awsui_content-enter_ig8mp_15k2z_193:not(#\9), .awsui-mode-entering .awsui_content-enter_ig8mp_15k2z_193:not(#\9) {
211
211
  animation: none;
212
212
  transition: none;
213
213
  }
214
214
 
215
- .awsui_tutorial-list_ig8mp_1s82y_215:not(#\9) {
215
+ .awsui_tutorial-list_ig8mp_15k2z_215:not(#\9) {
216
216
  border-collapse: separate;
217
217
  border-spacing: 0;
218
218
  box-sizing: border-box;
@@ -248,7 +248,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
248
248
  margin-inline: 0;
249
249
  }
250
250
 
251
- .awsui_tutorial-box_ig8mp_1s82y_251:not(#\9) {
251
+ .awsui_tutorial-box_ig8mp_15k2z_251:not(#\9) {
252
252
  border-collapse: separate;
253
253
  border-spacing: 0;
254
254
  box-sizing: border-box;
@@ -288,69 +288,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
288
288
  padding-block: var(--space-m-dsumyt, 16px);
289
289
  padding-inline: var(--space-m-dsumyt, 16px);
290
290
  }
291
- .awsui_tutorial-box_ig8mp_1s82y_251:not(#\9):not(:first-child) {
291
+ .awsui_tutorial-box_ig8mp_15k2z_251:not(#\9):not(:first-child) {
292
292
  margin-block-start: var(--space-l-2ud1p3, 20px);
293
293
  }
294
294
 
295
- .awsui_tutorial-box-title_ig8mp_1s82y_295:not(#\9) {
295
+ .awsui_tutorial-box-title_ig8mp_15k2z_295:not(#\9) {
296
296
  display: flex;
297
297
  align-items: flex-start;
298
298
  justify-content: space-between;
299
299
  }
300
300
 
301
- .awsui_tutorial-description-plaintext_ig8mp_1s82y_301:not(#\9) {
301
+ .awsui_tutorial-description-plaintext_ig8mp_15k2z_301:not(#\9) {
302
302
  white-space: pre-line;
303
303
  }
304
304
 
305
- .awsui_tutorial-description_ig8mp_1s82y_301:not(#\9) {
305
+ .awsui_tutorial-description_ig8mp_15k2z_301:not(#\9) {
306
306
  /* stylelint-disable-next-line @cloudscape-design/no-implicit-descendant, selector-max-type -- Customers can nest their list items inside Box components. */
307
307
  }
308
- .awsui_tutorial-description_ig8mp_1s82y_301 ul:not(#\9) {
308
+ .awsui_tutorial-description_ig8mp_15k2z_301 ul:not(#\9) {
309
309
  list-style-type: initial;
310
310
  }
311
311
 
312
- .awsui_expandable-section_ig8mp_1s82y_312:not(#\9) {
312
+ .awsui_expandable-section_ig8mp_15k2z_312:not(#\9) {
313
313
  display: none;
314
314
  margin-block-start: var(--space-m-dsumyt, 16px);
315
315
  }
316
- .awsui_expandable-section_ig8mp_1s82y_312.awsui_expanded_ig8mp_1s82y_316:not(#\9) {
316
+ .awsui_expandable-section_ig8mp_15k2z_312.awsui_expanded_ig8mp_15k2z_316:not(#\9) {
317
317
  display: block;
318
318
  }
319
319
 
320
- .awsui_button-wrapper_ig8mp_1s82y_320:not(#\9) {
320
+ .awsui_button-wrapper_ig8mp_15k2z_320:not(#\9) {
321
321
  margin-block: calc(-1 * var(--space-xxs-hwfkai, 4px) - var(--border-width-button-jm0qg7, 2px));
322
322
  margin-inline: calc(-1 * var(--space-xxs-hwfkai, 4px) - var(--border-width-button-jm0qg7, 2px));
323
323
  }
324
324
 
325
- .awsui_start_ig8mp_1s82y_325:not(#\9) {
325
+ .awsui_start_ig8mp_15k2z_325:not(#\9) {
326
326
  /* used in test-utils */
327
327
  }
328
328
 
329
- .awsui_expand-button_ig8mp_1s82y_329:not(#\9) {
329
+ .awsui_expand-button_ig8mp_15k2z_329:not(#\9) {
330
330
  /* used in test-utils */
331
331
  }
332
332
 
333
- .awsui_collapse-button_ig8mp_1s82y_333:not(#\9) {
333
+ .awsui_collapse-button_ig8mp_15k2z_333:not(#\9) {
334
334
  /* used in test-utils */
335
335
  }
336
336
 
337
- .awsui_learn-more-link_ig8mp_1s82y_337:not(#\9) {
337
+ .awsui_learn-more-link_ig8mp_15k2z_337:not(#\9) {
338
338
  /* used in test-utils */
339
339
  }
340
340
 
341
- .awsui_title_ig8mp_1s82y_341:not(#\9) {
341
+ .awsui_title_ig8mp_15k2z_341:not(#\9) {
342
342
  /* used in test-utils */
343
343
  }
344
344
 
345
- .awsui_prerequisites-alert_ig8mp_1s82y_345:not(#\9) {
345
+ .awsui_prerequisites-alert_ig8mp_15k2z_345:not(#\9) {
346
346
  /* used in test-utils */
347
347
  }
348
348
 
349
- .awsui_completed_ig8mp_1s82y_349:not(#\9) {
349
+ .awsui_completed_ig8mp_15k2z_349:not(#\9) {
350
350
  /* used in test-utils */
351
351
  }
352
352
 
353
- .awsui_download-link_ig8mp_1s82y_353:not(#\9) {
353
+ .awsui_download-link_ig8mp_15k2z_353:not(#\9) {
354
354
  border-collapse: separate;
355
355
  border-spacing: 0;
356
356
  box-sizing: border-box;
@@ -384,20 +384,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
384
384
  display: inline;
385
385
  white-space: inherit;
386
386
  letter-spacing: 0.005em;
387
- color: var(--color-text-body-secondary-bcbgoi, #424650);
387
+ color: var(--color-text-body-secondary-yna5sb, #424650);
388
388
  }
389
- .awsui_download-link_ig8mp_1s82y_353:not(#\9):hover {
389
+ .awsui_download-link_ig8mp_15k2z_353:not(#\9):hover {
390
390
  cursor: pointer;
391
391
  }
392
- .awsui_download-link_ig8mp_1s82y_353:not(#\9):focus {
392
+ .awsui_download-link_ig8mp_15k2z_353:not(#\9):focus {
393
393
  outline: none;
394
394
  }
395
- .awsui_download-link_ig8mp_1s82y_353:not(#\9):active, .awsui_download-link_ig8mp_1s82y_353:not(#\9):focus, .awsui_download-link_ig8mp_1s82y_353:not(#\9):hover {
395
+ .awsui_download-link_ig8mp_15k2z_353:not(#\9):active, .awsui_download-link_ig8mp_15k2z_353:not(#\9):focus, .awsui_download-link_ig8mp_15k2z_353:not(#\9):hover {
396
396
  text-decoration: underline;
397
397
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
398
398
  text-decoration-color: currentColor;
399
399
  }
400
- body[data-awsui-focus-visible=true] .awsui_download-link_ig8mp_1s82y_353:not(#\9):focus {
400
+ body[data-awsui-focus-visible=true] .awsui_download-link_ig8mp_15k2z_353:not(#\9):focus {
401
401
  outline: thin dotted;
402
402
  outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
403
403
  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_1s82y_193",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_1s82y_1",
7
- "tutorial-list": "awsui_tutorial-list_ig8mp_1s82y_215",
8
- "tutorial-box": "awsui_tutorial-box_ig8mp_1s82y_251",
9
- "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_1s82y_295",
10
- "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_1s82y_301",
11
- "tutorial-description": "awsui_tutorial-description_ig8mp_1s82y_301",
12
- "expandable-section": "awsui_expandable-section_ig8mp_1s82y_312",
13
- "expanded": "awsui_expanded_ig8mp_1s82y_316",
14
- "button-wrapper": "awsui_button-wrapper_ig8mp_1s82y_320",
15
- "start": "awsui_start_ig8mp_1s82y_325",
16
- "expand-button": "awsui_expand-button_ig8mp_1s82y_329",
17
- "collapse-button": "awsui_collapse-button_ig8mp_1s82y_333",
18
- "learn-more-link": "awsui_learn-more-link_ig8mp_1s82y_337",
19
- "title": "awsui_title_ig8mp_1s82y_341",
20
- "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_1s82y_345",
21
- "completed": "awsui_completed_ig8mp_1s82y_349",
22
- "download-link": "awsui_download-link_ig8mp_1s82y_353"
5
+ "content-enter": "awsui_content-enter_ig8mp_15k2z_193",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_15k2z_1",
7
+ "tutorial-list": "awsui_tutorial-list_ig8mp_15k2z_215",
8
+ "tutorial-box": "awsui_tutorial-box_ig8mp_15k2z_251",
9
+ "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_15k2z_295",
10
+ "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_15k2z_301",
11
+ "tutorial-description": "awsui_tutorial-description_ig8mp_15k2z_301",
12
+ "expandable-section": "awsui_expandable-section_ig8mp_15k2z_312",
13
+ "expanded": "awsui_expanded_ig8mp_15k2z_316",
14
+ "button-wrapper": "awsui_button-wrapper_ig8mp_15k2z_320",
15
+ "start": "awsui_start_ig8mp_15k2z_325",
16
+ "expand-button": "awsui_expand-button_ig8mp_15k2z_329",
17
+ "collapse-button": "awsui_collapse-button_ig8mp_15k2z_333",
18
+ "learn-more-link": "awsui_learn-more-link_ig8mp_15k2z_337",
19
+ "title": "awsui_title_ig8mp_15k2z_341",
20
+ "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_15k2z_345",
21
+ "completed": "awsui_completed_ig8mp_15k2z_349",
22
+ "download-link": "awsui_download-link_ig8mp_15k2z_353"
23
23
  };
24
24
 
package/wizard/index.js CHANGED
@@ -1,18 +1,40 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
- import React from 'react';
4
-
5
- import CoreComponent from './internal-do-not-use-core';
3
+ 'use client';
4
+ import React, { useEffect } from 'react';
5
+ import { AnalyticsFunnel } from '../internal/analytics/components/analytics-funnel';
6
+ import { useFunnel } from '../internal/analytics/hooks/use-funnel';
7
+ import { getAnalyticsMetadataProps } from '../internal/base-component';
8
+ import useBaseComponent from '../internal/hooks/use-base-component';
6
9
  import { applyDisplayName } from '../internal/utils/apply-display-name';
7
- import { validateProps } from '@cloudscape-design/component-toolkit/internal';
8
-
9
-
10
-
11
- const Wizard = (props) => {
12
- validateProps('Wizard', props, ["customPrimaryActions"], {}, 'console');
13
- return React.createElement(CoreComponent, props);
14
- };
15
-
16
-
10
+ import { getExternalProps } from '../internal/utils/external-props';
11
+ import { getStepConfiguration } from './analytics';
12
+ import InternalWizard from './internal';
13
+ import analyticsSelectors from './analytics-metadata/styles.css.js';
14
+ function Wizard({ isLoadingNextStep = false, allowSkipTo = false, ...props }) {
15
+ const analyticsMetadata = getAnalyticsMetadataProps(props);
16
+ const baseComponentProps = useBaseComponent('Wizard', {
17
+ props: {
18
+ allowSkipTo,
19
+ flowType: analyticsMetadata.flowType,
20
+ },
21
+ metadata: {
22
+ hasInstanceIdentifier: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier),
23
+ hasResourceType: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType),
24
+ },
25
+ }, analyticsMetadata);
26
+ const { wizardCount } = useFunnel();
27
+ const externalProps = getExternalProps(props);
28
+ useEffect(() => {
29
+ wizardCount.current++;
30
+ // eslint-disable-next-line react-hooks/exhaustive-deps
31
+ return () => void wizardCount.current--;
32
+ }, [wizardCount]);
33
+ return (React.createElement(AnalyticsFunnel, { funnelIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, funnelFlowType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.flowType, funnelErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, funnelResourceType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType, funnelType: "multi-page", optionalStepNumbers: props.steps
34
+ .map((step, index) => (step.isOptional ? index + 1 : -1))
35
+ .filter(step => step !== -1), totalFunnelSteps: props.steps.length, stepConfiguration: getStepConfiguration(props.steps), componentSelectors: () => [`.${analyticsSelectors.root}`] },
36
+ React.createElement(InternalWizard, { isLoadingNextStep: isLoadingNextStep, allowSkipTo: allowSkipTo, ...externalProps, ...baseComponentProps, __injectAnalyticsComponentMetadata: true })));
37
+ }
17
38
  applyDisplayName(Wizard, 'Wizard');
18
39
  export default Wizard;
40
+ //# sourceMappingURL=index.js.map
@@ -96,7 +96,7 @@ export interface WizardProps extends BaseComponentProps {
96
96
  *
97
97
  * @awsuiSystem core
98
98
  */
99
-
99
+ customPrimaryActions?: React.ReactNode;
100
100
  /**
101
101
  * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.
102
102
  */
@@ -1,35 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- 'use client';
4
- import React from 'react';
5
- import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
6
- import useBaseComponent from '../internal/hooks/use-base-component';
7
- import { applyDisplayName } from '../internal/utils/apply-display-name';
8
- import { getExternalProps } from '../internal/utils/external-props';
9
- import InternalAutosuggest from './internal';
10
- const Autosuggest = React.forwardRef(({ filteringType = 'auto', statusType = 'finished', disableBrowserAutocorrect = false, hideEnteredTextOption = false, ...props }, ref) => {
11
- const baseComponentProps = useBaseComponent('Autosuggest', {
12
- props: {
13
- autoFocus: props.autoFocus,
14
- disableBrowserAutocorrect,
15
- expandToViewport: props.expandToViewport,
16
- filteringType,
17
- readOnly: props.readOnly,
18
- virtualScroll: props.virtualScroll,
19
- hideEnteredTextOption,
20
- },
21
- });
22
- const componentAnalyticsMetadata = {
23
- name: 'awsui.Autosuggest',
24
- label: 'input',
25
- properties: {
26
- disabled: `${!!props.disabled}`,
27
- value: props.value || '',
28
- },
29
- };
30
- const externalProps = getExternalProps(props);
31
- return (React.createElement(InternalAutosuggest, { filteringType: filteringType, statusType: statusType, disableBrowserAutocorrect: disableBrowserAutocorrect, hideEnteredTextOption: hideEnteredTextOption, ...externalProps, ...baseComponentProps, ref: ref, ...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata }) }));
32
- });
33
- applyDisplayName(Autosuggest, 'Autosuggest');
34
- export default Autosuggest;
35
- //# sourceMappingURL=internal-do-not-use-core.js.map
@@ -1,19 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- 'use client';
4
- import React from 'react';
5
- import clsx from 'clsx';
6
- import { getBaseProps } from '../internal/base-component';
7
- import useBaseComponent from '../internal/hooks/use-base-component';
8
- import { applyDisplayName } from '../internal/utils/apply-display-name';
9
- import WithNativeAttributes from '../internal/utils/with-native-attributes';
10
- import { getBadgeStyles } from './style';
11
- import styles from './styles.css.js';
12
- export default function Badge({ color = 'grey', children, style, nativeAttributes, ...rest }) {
13
- const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });
14
- const baseProps = getBaseProps(rest);
15
- const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);
16
- return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "span", componentName: "Badge", nativeAttributes: nativeAttributes, className: className, ref: __internalRootRef, style: getBadgeStyles(style) }, children));
17
- }
18
- applyDisplayName(Badge, 'Badge');
19
- //# sourceMappingURL=internal-do-not-use-core.js.map
@@ -1,23 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- 'use client';
4
- import React from 'react';
5
- import useBaseComponent from '../internal/hooks/use-base-component';
6
- import { applyDisplayName } from '../internal/utils/apply-display-name';
7
- import InternalBox from './internal';
8
- export default function Box({ variant = 'div', margin = {}, padding = {}, ...props }) {
9
- const baseComponentProps = useBaseComponent('Box', {
10
- props: {
11
- color: props.color,
12
- display: props.display,
13
- float: props.float,
14
- fontSize: props.fontSize,
15
- fontWeight: props.fontWeight,
16
- textAlign: props.textAlign,
17
- variant,
18
- },
19
- });
20
- return React.createElement(InternalBox, { variant: variant, margin: margin, padding: padding, ...props, ...baseComponentProps });
21
- }
22
- applyDisplayName(Box, 'Box');
23
- //# sourceMappingURL=internal-do-not-use-core.js.map
@@ -1,19 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- 'use client';
4
- import React from 'react';
5
- import { getBaseProps } from '../internal/base-component';
6
- import useBaseComponent from '../internal/hooks/use-base-component';
7
- import { applyDisplayName } from '../internal/utils/apply-display-name';
8
- import { InternalButton } from './internal';
9
- const Button = React.forwardRef(({ children, iconName, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, disabledReason, wrapText = true, href, target, rel, external = false, download, formAction = 'submit', ariaLabel, ariaDescribedby, onClick, onFollow, ariaExpanded, ariaControls, fullWidth, form, i18nStrings, style, nativeButtonAttributes, nativeAnchorAttributes, ...props }, ref) => {
10
- const baseComponentProps = useBaseComponent('Button', {
11
- props: { formAction, fullWidth, iconAlign, iconName, rel, target, external, variant, wrapText },
12
- metadata: { hasDisabledReason: Boolean(disabledReason) },
13
- });
14
- const baseProps = getBaseProps(props);
15
- return (React.createElement(InternalButton, { ...baseProps, ...baseComponentProps, ref: ref, iconName: iconName, iconAlign: iconAlign, iconUrl: iconUrl, iconSvg: iconSvg, iconAlt: iconAlt, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, disabledReason: disabledReason, wrapText: wrapText, href: href, target: target, rel: rel, external: external, download: download, formAction: formAction, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, onClick: onClick, onFollow: onFollow, ariaExpanded: ariaExpanded, ariaControls: ariaControls, fullWidth: fullWidth, form: form, i18nStrings: i18nStrings, style: style, nativeButtonAttributes: nativeButtonAttributes, nativeAnchorAttributes: nativeAnchorAttributes, __injectAnalyticsComponentMetadata: true }, children));
16
- });
17
- applyDisplayName(Button, 'Button');
18
- export default Button;
19
- //# sourceMappingURL=internal-do-not-use-core.js.map