@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.
- package/alert/index.js +1 -1
- package/alert/interfaces.d.ts +1 -2
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +21 -21
- package/anchor-navigation/styles.selectors.js +8 -8
- package/app-layout/runtime-drawer/index.d.ts.map +1 -1
- package/app-layout/runtime-drawer/index.js +20 -18
- package/app-layout/runtime-drawer/index.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +164 -163
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +86 -83
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
- package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
- package/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +28 -28
- package/attribute-editor/styles.selectors.js +15 -15
- package/autosuggest/index.js +28 -11
- package/autosuggest/interfaces.d.ts +2 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/badge/index.d.ts +2 -0
- package/badge/index.js +14 -13
- package/badge/interfaces.d.ts +3 -2
- package/box/index.js +18 -13
- package/box/interfaces.d.ts +2 -1
- package/box/styles.css.js +192 -192
- package/box/styles.scoped.css +241 -241
- package/box/styles.selectors.js +192 -192
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +28 -28
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/button/index.js +12 -11
- package/button/interfaces.d.ts +4 -2
- package/button/styles.css.js +22 -22
- package/button/styles.scoped.css +78 -78
- package/button/styles.selectors.js +22 -22
- package/button-dropdown/index.js +27 -11
- package/button-dropdown/interfaces.d.ts +6 -2
- package/button-dropdown/item-element/styles.css.js +20 -20
- package/button-dropdown/item-element/styles.scoped.css +35 -35
- package/button-dropdown/item-element/styles.selectors.js +20 -20
- package/button-group/index.js +42 -11
- package/button-group/interfaces.d.ts +10 -0
- package/button-group/interfaces.d.ts.map +1 -1
- package/button-group/interfaces.js.map +1 -1
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +51 -51
- package/cards/styles.selectors.js +39 -39
- package/checkbox/index.js +9 -11
- package/checkbox/interfaces.d.ts +3 -2
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +139 -139
- package/code-editor/styles.selectors.js +33 -33
- package/container/index.js +29 -13
- package/container/interfaces.d.ts +2 -1
- package/date-input/index.js +8 -10
- package/drawer/implementation.d.ts +1 -0
- package/drawer/implementation.d.ts.map +1 -1
- package/drawer/implementation.js +13 -4
- package/drawer/implementation.js.map +1 -1
- package/drawer/interfaces.d.ts +7 -0
- package/drawer/interfaces.d.ts.map +1 -1
- package/drawer/interfaces.js.map +1 -1
- package/drawer/styles.css.js +12 -8
- package/drawer/styles.scoped.css +35 -13
- package/drawer/styles.selectors.js +12 -8
- package/drawer/use-sticky-footer.d.ts +11 -0
- package/drawer/use-sticky-footer.d.ts.map +1 -0
- package/drawer/use-sticky-footer.js +35 -0
- package/drawer/use-sticky-footer.js.map +1 -0
- package/flashbar/index.js +10 -13
- package/flashbar/interfaces.d.ts +1 -0
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +75 -75
- package/help-panel/styles.selectors.js +6 -6
- package/icon/index.js +8 -13
- package/icon/interfaces.d.ts +2 -1
- package/icon/styles.css.js +39 -39
- package/icon/styles.scoped.css +87 -87
- package/icon/styles.selectors.js +39 -39
- package/icon-provider/index.js +12 -2
- package/index.d.ts +4 -1
- package/index.js +4 -0
- package/input/index.js +53 -12
- package/input/interfaces.d.ts +3 -1
- package/internal/base-component/styles.scoped.css +62 -50
- package/internal/components/button-trigger/styles.css.js +13 -13
- package/internal/components/button-trigger/styles.scoped.css +29 -29
- package/internal/components/button-trigger/styles.selectors.js +13 -13
- package/internal/components/cartesian-chart/styles.css.js +28 -28
- package/internal/components/cartesian-chart/styles.scoped.css +33 -33
- package/internal/components/cartesian-chart/styles.selectors.js +28 -28
- package/internal/components/radio-button/interfaces.d.ts +3 -3
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +25 -25
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +3 -3
- package/internal/environment.json +3 -3
- package/internal/generated/styles/tokens.js +8 -8
- package/internal/generated/theming/index.cjs +24 -24
- package/internal/generated/theming/index.js +24 -24
- package/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
- package/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
- package/internal/hooks/use-portal-mode-classes/index.js +2 -2
- package/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/plugins/controllers/drawers.d.ts +2 -2
- package/internal/plugins/controllers/drawers.d.ts.map +1 -1
- package/internal/plugins/controllers/drawers.js.map +1 -1
- package/internal/plugins/widget/interfaces.d.ts +2 -2
- package/internal/plugins/widget/interfaces.d.ts.map +1 -1
- package/internal/plugins/widget/interfaces.js.map +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +10 -10
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/index.js +25 -11
- package/link/interfaces.d.ts +3 -2
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +91 -91
- package/link/styles.selectors.js +20 -20
- package/navigable-group/index.js +19 -4
- package/package.json +4 -1
- package/popover/internal.js +1 -1
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +57 -57
- package/popover/styles.scoped.css +87 -87
- package/popover/styles.selectors.js +57 -57
- package/progress-bar/index.d.ts +1 -0
- package/progress-bar/index.js +52 -14
- package/progress-bar/interfaces.d.ts +1 -0
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +31 -31
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/index.js +19 -11
- package/prompt-input/interfaces.d.ts +4 -3
- package/radio-button/index.js +19 -4
- package/radio-group/index.js +20 -11
- package/radio-group/interfaces.d.ts +1 -1
- package/segmented-control/index.js +14 -13
- package/segmented-control/interfaces.d.ts +1 -0
- package/select/interfaces.d.ts +1 -1
- package/select/interfaces.js.map +1 -1
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +47 -47
- package/side-navigation/styles.selectors.js +30 -30
- package/space-between/index.js +10 -13
- package/space-between/interfaces.d.ts +2 -1
- package/spinner/index.js +10 -13
- package/spinner/interfaces.d.ts +2 -1
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +25 -25
- package/split-panel/icons/styles.selectors.js +22 -22
- package/status-indicator/index.js +10 -13
- package/status-indicator/interfaces.d.ts +2 -1
- package/steps/index.js +11 -11
- package/steps/interfaces.d.ts +6 -2
- package/table/header-cell/index.d.ts +1 -1
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +1 -1
- package/table/header-cell/index.js.map +1 -1
- package/table/header-cell/th-element.d.ts +1 -1
- package/table/header-cell/th-element.d.ts.map +1 -1
- package/table/header-cell/th-element.js.map +1 -1
- package/table/resizer/index.d.ts +3 -1
- package/table/resizer/index.d.ts.map +1 -1
- package/table/resizer/index.js +8 -5
- package/table/resizer/index.js.map +1 -1
- package/table/resizer/styles.css.js +13 -12
- package/table/resizer/styles.scoped.css +22 -22
- package/table/resizer/styles.selectors.js +13 -12
- package/table/thead.d.ts +1 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js.map +1 -1
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +13 -13
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/drawer/index.d.ts +1 -0
- package/test-utils/dom/drawer/index.js +3 -0
- package/test-utils/dom/drawer/index.js.map +1 -1
- package/test-utils/selectors/drawer/index.d.ts +1 -0
- package/test-utils/selectors/drawer/index.js +3 -0
- package/test-utils/selectors/drawer/index.js.map +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +66 -66
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/index.js +17 -10
- package/text-filter/interfaces.d.ts +1 -0
- package/textarea/index.js +65 -12
- package/textarea/interfaces.d.ts +3 -2
- package/time-input/index.js +15 -11
- package/toggle/index.js +6 -10
- package/toggle/interfaces.d.ts +3 -2
- package/toggle-button/index.js +14 -11
- package/token/styles.css.js +14 -14
- package/token/styles.scoped.css +29 -29
- package/token/styles.selectors.js +14 -14
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/wizard/index.js +35 -13
- package/wizard/interfaces.d.ts +1 -1
- package/autosuggest/internal-do-not-use-core.js +0 -35
- package/badge/internal-do-not-use-core.js +0 -19
- package/box/internal-do-not-use-core.js +0 -23
- package/button/internal-do-not-use-core.js +0 -19
- package/button-dropdown/internal-do-not-use-core.js +0 -34
- package/button-group/internal-do-not-use-core.js +0 -49
- package/checkbox/internal-do-not-use-core.js +0 -16
- package/container/internal-do-not-use-core.js +0 -34
- package/date-input/internal-do-not-use-core.js +0 -16
- package/flashbar/internal-do-not-use-core.js +0 -15
- package/icon/internal-do-not-use-core.js +0 -13
- package/input/internal-do-not-use-core.js +0 -59
- package/link/internal-do-not-use-core.js +0 -32
- package/progress-bar/internal-do-not-use-core.js +0 -56
- package/prompt-input/internal-do-not-use-core.js +0 -26
- package/radio-group/internal-do-not-use-core.js +0 -27
- package/segmented-control/internal-do-not-use-core.js +0 -19
- package/space-between/internal-do-not-use-core.js +0 -15
- package/spinner/internal-do-not-use-core.js +0 -15
- package/status-indicator/internal-do-not-use-core.js +0 -15
- package/steps/internal-do-not-use-core.js +0 -18
- package/text-filter/internal-do-not-use-core.js +0 -25
- package/textarea/internal-do-not-use-core.js +0 -71
- package/time-input/internal-do-not-use-core.js +0 -22
- package/toggle/internal-do-not-use-core.js +0 -14
- package/toggle-button/internal-do-not-use-core.js +0 -21
- package/wizard/internal-do-not-use-core.js +0 -40
- /package/autosuggest/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/badge/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/box/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/button-dropdown/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/button-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/checkbox/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/container/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/date-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/flashbar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/icon/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/link/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/progress-bar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/prompt-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/radio-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/segmented-control/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/space-between/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/spinner/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/status-indicator/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/steps/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/text-filter/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/textarea/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/time-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/toggle/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/toggle-button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
- /package/wizard/{internal-do-not-use-core.js.map → index.js.map} +0 -0
package/token/styles.scoped.css
CHANGED
|
@@ -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
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
226
|
+
.awsui_dismiss-button_1i2wg_18qq8_193:not(#\9):focus {
|
|
227
227
|
outline: none;
|
|
228
228
|
text-decoration: none;
|
|
229
229
|
}
|
|
230
|
-
.awsui_dismiss-
|
|
231
|
-
color: var(--color-text-button-inline-icon-hover-
|
|
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-
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
284
|
+
.awsui_token-option-inline_1i2wg_18qq8_284:not(#\9) {
|
|
285
285
|
max-block-size: 20px;
|
|
286
286
|
}
|
|
287
287
|
|
|
288
|
-
.awsui_token-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
339
|
-
.awsui_token-box-
|
|
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-
|
|
345
|
-
.awsui_token-box-
|
|
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-
|
|
350
|
-
.awsui_token-box-
|
|
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-
|
|
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": "
|
|
6
|
-
"dismiss-button": "awsui_dismiss-
|
|
7
|
-
"dismiss-button-inline": "awsui_dismiss-button-
|
|
8
|
-
"icon": "
|
|
9
|
-
"icon-inline": "awsui_icon-
|
|
10
|
-
"token-normal": "awsui_token-
|
|
11
|
-
"token-inline": "awsui_token-
|
|
12
|
-
"token-option-inline": "awsui_token-option-
|
|
13
|
-
"token-box": "awsui_token-
|
|
14
|
-
"token-box-without-dismiss": "awsui_token-box-without-
|
|
15
|
-
"token-box-inline": "awsui_token-box-
|
|
16
|
-
"disable-padding": "awsui_disable-
|
|
17
|
-
"token-box-readonly": "awsui_token-box-
|
|
18
|
-
"token-box-disabled": "awsui_token-box-
|
|
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-
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"tutorial-list": "awsui_tutorial-
|
|
7
|
-
"tutorial-box": "awsui_tutorial-
|
|
8
|
-
"tutorial-box-title": "awsui_tutorial-box-
|
|
9
|
-
"tutorial-description-plaintext": "awsui_tutorial-description-
|
|
10
|
-
"tutorial-description": "awsui_tutorial-
|
|
11
|
-
"expandable-section": "awsui_expandable-
|
|
12
|
-
"expanded": "
|
|
13
|
-
"button-wrapper": "awsui_button-
|
|
14
|
-
"start": "
|
|
15
|
-
"expand-button": "awsui_expand-
|
|
16
|
-
"collapse-button": "awsui_collapse-
|
|
17
|
-
"learn-more-link": "awsui_learn-more-
|
|
18
|
-
"title": "
|
|
19
|
-
"prerequisites-alert": "awsui_prerequisites-
|
|
20
|
-
"completed": "
|
|
21
|
-
"download-link": "awsui_download-
|
|
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-
|
|
194
|
-
animation: awsui_awsui-motion-fade-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
301
|
+
.awsui_tutorial-description-plaintext_ig8mp_15k2z_301:not(#\9) {
|
|
302
302
|
white-space: pre-line;
|
|
303
303
|
}
|
|
304
304
|
|
|
305
|
-
.awsui_tutorial-
|
|
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-
|
|
308
|
+
.awsui_tutorial-description_ig8mp_15k2z_301 ul:not(#\9) {
|
|
309
309
|
list-style-type: initial;
|
|
310
310
|
}
|
|
311
311
|
|
|
312
|
-
.awsui_expandable-
|
|
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-
|
|
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-
|
|
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
|
-
.
|
|
325
|
+
.awsui_start_ig8mp_15k2z_325:not(#\9) {
|
|
326
326
|
/* used in test-utils */
|
|
327
327
|
}
|
|
328
328
|
|
|
329
|
-
.awsui_expand-
|
|
329
|
+
.awsui_expand-button_ig8mp_15k2z_329:not(#\9) {
|
|
330
330
|
/* used in test-utils */
|
|
331
331
|
}
|
|
332
332
|
|
|
333
|
-
.awsui_collapse-
|
|
333
|
+
.awsui_collapse-button_ig8mp_15k2z_333:not(#\9) {
|
|
334
334
|
/* used in test-utils */
|
|
335
335
|
}
|
|
336
336
|
|
|
337
|
-
.awsui_learn-more-
|
|
337
|
+
.awsui_learn-more-link_ig8mp_15k2z_337:not(#\9) {
|
|
338
338
|
/* used in test-utils */
|
|
339
339
|
}
|
|
340
340
|
|
|
341
|
-
.
|
|
341
|
+
.awsui_title_ig8mp_15k2z_341:not(#\9) {
|
|
342
342
|
/* used in test-utils */
|
|
343
343
|
}
|
|
344
344
|
|
|
345
|
-
.awsui_prerequisites-
|
|
345
|
+
.awsui_prerequisites-alert_ig8mp_15k2z_345:not(#\9) {
|
|
346
346
|
/* used in test-utils */
|
|
347
347
|
}
|
|
348
348
|
|
|
349
|
-
.
|
|
349
|
+
.awsui_completed_ig8mp_15k2z_349:not(#\9) {
|
|
350
350
|
/* used in test-utils */
|
|
351
351
|
}
|
|
352
352
|
|
|
353
|
-
.awsui_download-
|
|
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-
|
|
387
|
+
color: var(--color-text-body-secondary-yna5sb, #424650);
|
|
388
388
|
}
|
|
389
|
-
.awsui_download-
|
|
389
|
+
.awsui_download-link_ig8mp_15k2z_353:not(#\9):hover {
|
|
390
390
|
cursor: pointer;
|
|
391
391
|
}
|
|
392
|
-
.awsui_download-
|
|
392
|
+
.awsui_download-link_ig8mp_15k2z_353:not(#\9):focus {
|
|
393
393
|
outline: none;
|
|
394
394
|
}
|
|
395
|
-
.awsui_download-
|
|
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-
|
|
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-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"tutorial-list": "awsui_tutorial-
|
|
8
|
-
"tutorial-box": "awsui_tutorial-
|
|
9
|
-
"tutorial-box-title": "awsui_tutorial-box-
|
|
10
|
-
"tutorial-description-plaintext": "awsui_tutorial-description-
|
|
11
|
-
"tutorial-description": "awsui_tutorial-
|
|
12
|
-
"expandable-section": "awsui_expandable-
|
|
13
|
-
"expanded": "
|
|
14
|
-
"button-wrapper": "awsui_button-
|
|
15
|
-
"start": "
|
|
16
|
-
"expand-button": "awsui_expand-
|
|
17
|
-
"collapse-button": "awsui_collapse-
|
|
18
|
-
"learn-more-link": "awsui_learn-more-
|
|
19
|
-
"title": "
|
|
20
|
-
"prerequisites-alert": "awsui_prerequisites-
|
|
21
|
-
"completed": "
|
|
22
|
-
"download-link": "awsui_download-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
import
|
|
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 {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
package/wizard/interfaces.d.ts
CHANGED
|
@@ -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
|