@cloudscape-design/components 3.0.1298 → 3.0.1300
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/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +29 -28
- package/attribute-editor/styles.selectors.js +15 -15
- package/autosuggest/interfaces.d.ts +0 -2
- package/autosuggest/interfaces.d.ts.map +1 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +30 -29
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.css.js +14 -14
- package/breadcrumb-group/styles.scoped.css +25 -25
- package/breadcrumb-group/styles.selectors.js +14 -14
- package/button-dropdown/category-elements/category-element.js +1 -1
- package/button-dropdown/category-elements/category-element.js.map +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/item-element/index.js +1 -1
- package/button-dropdown/item-element/index.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +21 -21
- package/button-dropdown/item-element/styles.scoped.css +38 -37
- package/button-dropdown/item-element/styles.selectors.js +21 -21
- package/copy-to-clipboard/index.d.ts +1 -0
- package/copy-to-clipboard/index.d.ts.map +1 -1
- package/copy-to-clipboard/index.js +2 -2
- package/copy-to-clipboard/index.js.map +1 -1
- package/copy-to-clipboard/interfaces.d.ts +5 -0
- package/copy-to-clipboard/interfaces.d.ts.map +1 -1
- package/copy-to-clipboard/interfaces.js.map +1 -1
- package/copy-to-clipboard/internal.d.ts +1 -0
- package/copy-to-clipboard/internal.d.ts.map +1 -1
- package/copy-to-clipboard/internal.js +3 -3
- package/copy-to-clipboard/internal.js.map +1 -1
- package/copy-to-clipboard/styles.css.js +5 -3
- package/copy-to-clipboard/styles.scoped.css +18 -3
- package/copy-to-clipboard/styles.selectors.js +5 -3
- package/drawer/implementation.d.ts +3 -3
- package/drawer/implementation.d.ts.map +1 -1
- package/drawer/implementation.js +3 -2
- package/drawer/implementation.js.map +1 -1
- package/drawer/index.d.ts +2 -10
- package/drawer/index.d.ts.map +1 -1
- package/drawer/index.js +21 -9
- package/drawer/index.js.map +1 -1
- package/drawer/interfaces.d.ts +45 -18
- package/drawer/interfaces.d.ts.map +1 -1
- package/drawer/interfaces.js.map +1 -1
- package/drawer/styles.css.js +29 -25
- package/drawer/styles.scoped.css +43 -34
- package/drawer/styles.selectors.js +29 -25
- package/drawer/utils.d.ts +2 -2
- package/drawer/utils.d.ts.map +1 -1
- package/drawer/utils.js +6 -5
- package/drawer/utils.js.map +1 -1
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +41 -41
- package/form-field/styles.selectors.js +24 -24
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +73 -71
- package/help-panel/styles.selectors.js +6 -6
- package/internal/base-component/styles.scoped.css +31 -13
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +24 -23
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +25 -12
- package/internal/generated/styles/tokens.js +25 -12
- package/internal/generated/theming/index.cjs +196 -58
- package/internal/generated/theming/index.cjs.d.ts +234 -99
- package/internal/generated/theming/index.d.ts +234 -99
- package/internal/generated/theming/index.js +196 -58
- package/internal/manifest.json +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +13 -12
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/internal.js +1 -1
- package/link/internal.js.map +1 -1
- package/link/styles.css.js +21 -21
- package/link/styles.scoped.css +94 -84
- package/link/styles.selectors.js +21 -21
- package/manifest.json +5 -0
- package/multiselect/interfaces.d.ts +0 -2
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/package.json +1 -1
- package/pagination/index.d.ts.map +1 -1
- package/pagination/index.js +4 -1
- package/pagination/index.js.map +1 -1
- package/prompt-input/interfaces.d.ts +0 -2
- package/prompt-input/interfaces.d.ts.map +1 -1
- package/prompt-input/interfaces.js.map +1 -1
- package/select/interfaces.d.ts +0 -2
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/status-indicator/internal.js +1 -1
- package/status-indicator/internal.js.map +1 -1
- package/table/body-cell/td-element.js +1 -1
- package/table/body-cell/td-element.js.map +1 -1
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +12 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/drawer/index.d.ts +2 -0
- package/test-utils/dom/drawer/index.js +6 -0
- package/test-utils/dom/drawer/index.js.map +1 -1
- package/test-utils/selectors/drawer/index.d.ts +2 -0
- package/test-utils/selectors/drawer/index.js +6 -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 +68 -66
- package/text-content/styles.selectors.js +1 -1
- package/tooltip/index.d.ts +0 -3
- package/tooltip/index.d.ts.map +1 -1
- package/tooltip/index.js +0 -3
- package/tooltip/index.js.map +1 -1
- package/wizard/interfaces.d.ts +0 -2
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
- package/drawer/next.d.ts +0 -5
- package/drawer/next.d.ts.map +0 -1
- package/drawer/next.js +0 -38
- package/drawer/next.js.map +0 -1
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
*/
|
|
144
144
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
145
145
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
146
|
-
.awsui_text-
|
|
146
|
+
.awsui_text-content_6absk_1a04e_146:not(#\9) {
|
|
147
147
|
border-collapse: separate;
|
|
148
148
|
border-spacing: 0;
|
|
149
149
|
box-sizing: border-box;
|
|
@@ -176,12 +176,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
176
176
|
/* stylelint-disable no-descending-specificity */
|
|
177
177
|
/* stylelint-enable no-descending-specificity */
|
|
178
178
|
}
|
|
179
|
-
.awsui_text-
|
|
180
|
-
.awsui_text-
|
|
181
|
-
.awsui_text-
|
|
182
|
-
.awsui_text-
|
|
183
|
-
.awsui_text-
|
|
184
|
-
.awsui_text-
|
|
179
|
+
.awsui_text-content_6absk_1a04e_146 h1:not(#\9),
|
|
180
|
+
.awsui_text-content_6absk_1a04e_146 h2:not(#\9),
|
|
181
|
+
.awsui_text-content_6absk_1a04e_146 h3:not(#\9),
|
|
182
|
+
.awsui_text-content_6absk_1a04e_146 h4:not(#\9),
|
|
183
|
+
.awsui_text-content_6absk_1a04e_146 h5:not(#\9),
|
|
184
|
+
.awsui_text-content_6absk_1a04e_146 p:not(#\9) {
|
|
185
185
|
font-family: inherit;
|
|
186
186
|
font-weight: var(--font-weight-normal-cxw1m3, 400);
|
|
187
187
|
text-decoration: none;
|
|
@@ -190,14 +190,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
190
190
|
padding-block: var(--space-xxs-hwfkai, 4px);
|
|
191
191
|
padding-inline: 0;
|
|
192
192
|
}
|
|
193
|
-
.awsui_text-
|
|
194
|
-
.awsui_text-
|
|
195
|
-
.awsui_text-
|
|
196
|
-
.awsui_text-
|
|
197
|
-
.awsui_text-
|
|
193
|
+
.awsui_text-content_6absk_1a04e_146 h1:not(#\9),
|
|
194
|
+
.awsui_text-content_6absk_1a04e_146 h2:not(#\9),
|
|
195
|
+
.awsui_text-content_6absk_1a04e_146 h3:not(#\9),
|
|
196
|
+
.awsui_text-content_6absk_1a04e_146 h4:not(#\9),
|
|
197
|
+
.awsui_text-content_6absk_1a04e_146 h5:not(#\9) {
|
|
198
198
|
color: var(--color-text-heading-default-izpp46, #0f141a);
|
|
199
199
|
}
|
|
200
|
-
.awsui_text-
|
|
200
|
+
.awsui_text-content_6absk_1a04e_146 h1:not(#\9) {
|
|
201
201
|
font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
202
202
|
font-size: var(--font-size-heading-xl-wvkbur, 24px);
|
|
203
203
|
line-height: var(--line-height-heading-xl-hko6p0, 30px);
|
|
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
206
206
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
207
207
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
208
208
|
}
|
|
209
|
-
.awsui_text-
|
|
209
|
+
.awsui_text-content_6absk_1a04e_146 h2:not(#\9) {
|
|
210
210
|
font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
211
211
|
font-size: var(--font-size-heading-l-vnacx6, 20px);
|
|
212
212
|
line-height: var(--line-height-heading-l-mg5bx6, 24px);
|
|
@@ -215,7 +215,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
215
215
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
216
216
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
217
217
|
}
|
|
218
|
-
.awsui_text-
|
|
218
|
+
.awsui_text-content_6absk_1a04e_146 h3:not(#\9) {
|
|
219
219
|
font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
220
220
|
font-size: var(--font-size-heading-m-170yiy, 18px);
|
|
221
221
|
line-height: var(--line-height-heading-m-uoaqdh, 22px);
|
|
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
224
224
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
225
225
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
226
226
|
}
|
|
227
|
-
.awsui_text-
|
|
227
|
+
.awsui_text-content_6absk_1a04e_146 h4:not(#\9) {
|
|
228
228
|
font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
229
229
|
font-size: var(--font-size-heading-s-zp08en, 16px);
|
|
230
230
|
line-height: var(--line-height-heading-s-hmi4vc, 20px);
|
|
@@ -233,7 +233,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
233
233
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
234
234
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
235
235
|
}
|
|
236
|
-
.awsui_text-
|
|
236
|
+
.awsui_text-content_6absk_1a04e_146 h5:not(#\9) {
|
|
237
237
|
font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
238
238
|
font-size: var(--font-size-heading-xs-j8yzxv, 14px);
|
|
239
239
|
line-height: var(--line-height-heading-xs-q9j004, 18px);
|
|
@@ -242,109 +242,111 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
242
242
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
243
243
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
244
244
|
}
|
|
245
|
-
.awsui_text-
|
|
246
|
-
.awsui_text-
|
|
245
|
+
.awsui_text-content_6absk_1a04e_146 b:not(#\9),
|
|
246
|
+
.awsui_text-content_6absk_1a04e_146 strong:not(#\9) {
|
|
247
247
|
font-weight: var(--font-weight-bold-fo1afg, 700);
|
|
248
248
|
}
|
|
249
|
-
.awsui_text-
|
|
249
|
+
.awsui_text-content_6absk_1a04e_146 p:not(#\9) {
|
|
250
250
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
251
251
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
252
252
|
color: inherit;
|
|
253
253
|
}
|
|
254
|
-
.awsui_text-
|
|
254
|
+
.awsui_text-content_6absk_1a04e_146 small:not(#\9) {
|
|
255
255
|
display: inline-block;
|
|
256
256
|
font-size: var(--font-size-body-s-smc8cv, 12px);
|
|
257
257
|
line-height: var(--line-height-body-s-nu5hx1, 16px);
|
|
258
258
|
letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
|
|
259
259
|
color: var(--color-text-small-m1tr70, #656871);
|
|
260
260
|
}
|
|
261
|
-
.awsui_text-
|
|
261
|
+
.awsui_text-content_6absk_1a04e_146 small a:not(#\9) {
|
|
262
262
|
font-size: inherit;
|
|
263
263
|
text-underline-offset: 0.25em;
|
|
264
|
-
text-decoration-thickness: 1px;
|
|
264
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
265
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
265
266
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
|
|
266
267
|
font-weight: inherit;
|
|
267
268
|
letter-spacing: normal;
|
|
268
269
|
text-decoration-line: underline;
|
|
269
|
-
text-decoration-color: currentColor;
|
|
270
|
+
text-decoration-color: var(--color-text-link-decoration-default-0x8fhu, currentColor);
|
|
270
271
|
transition-property: color, -webkit-text-decoration;
|
|
271
272
|
transition-property: color, text-decoration;
|
|
272
273
|
transition-property: color, text-decoration, -webkit-text-decoration;
|
|
273
274
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
274
275
|
}
|
|
275
276
|
@media (prefers-reduced-motion: reduce) {
|
|
276
|
-
.awsui_text-
|
|
277
|
+
.awsui_text-content_6absk_1a04e_146 small a:not(#\9) {
|
|
277
278
|
animation: none;
|
|
278
279
|
transition: none;
|
|
279
280
|
}
|
|
280
281
|
}
|
|
281
|
-
.awsui-motion-disabled .awsui_text-
|
|
282
|
+
.awsui-motion-disabled .awsui_text-content_6absk_1a04e_146 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1a04e_146 small a:not(#\9) {
|
|
282
283
|
animation: none;
|
|
283
284
|
transition: none;
|
|
284
285
|
}
|
|
285
|
-
.awsui_text-
|
|
286
|
+
.awsui_text-content_6absk_1a04e_146 small a:not(#\9):hover {
|
|
286
287
|
cursor: pointer;
|
|
287
288
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
288
289
|
}
|
|
289
|
-
.awsui_text-
|
|
290
|
+
.awsui_text-content_6absk_1a04e_146 small a:not(#\9):focus {
|
|
290
291
|
outline: none;
|
|
291
292
|
}
|
|
292
|
-
.awsui_text-
|
|
293
|
+
.awsui_text-content_6absk_1a04e_146 small a:not(#\9):active {
|
|
293
294
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
294
295
|
}
|
|
295
|
-
.awsui_text-
|
|
296
|
+
.awsui_text-content_6absk_1a04e_146 small a:not(#\9):active, .awsui_text-content_6absk_1a04e_146 small a:not(#\9):focus, .awsui_text-content_6absk_1a04e_146 small a:not(#\9):hover {
|
|
296
297
|
text-decoration-line: underline;
|
|
297
|
-
text-decoration-color: currentColor;
|
|
298
|
+
text-decoration-color: var(--color-text-link-decoration-hover-kui2t9, currentColor);
|
|
298
299
|
}
|
|
299
|
-
.awsui_text-
|
|
300
|
-
.awsui_text-
|
|
301
|
-
.awsui_text-
|
|
300
|
+
.awsui_text-content_6absk_1a04e_146 code:not(#\9),
|
|
301
|
+
.awsui_text-content_6absk_1a04e_146 pre:not(#\9),
|
|
302
|
+
.awsui_text-content_6absk_1a04e_146 samp:not(#\9) {
|
|
302
303
|
font-family: var(--font-family-monospace-q47m7k, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
|
|
303
304
|
background: transparent;
|
|
304
305
|
}
|
|
305
|
-
.awsui_text-
|
|
306
|
+
.awsui_text-content_6absk_1a04e_146 code:not(#\9) {
|
|
306
307
|
font-size: var(--font-size-body-s-smc8cv, 12px);
|
|
307
308
|
line-height: var(--line-height-body-s-nu5hx1, 16px);
|
|
308
309
|
letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
|
|
309
310
|
}
|
|
310
|
-
.awsui_text-
|
|
311
|
+
.awsui_text-content_6absk_1a04e_146 a:not(#\9) {
|
|
311
312
|
text-underline-offset: 0.25em;
|
|
312
|
-
text-decoration-thickness: 1px;
|
|
313
|
+
text-decoration-thickness: var(--font-decoration-thickness-link-uesuo7, 1px);
|
|
314
|
+
text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
|
|
313
315
|
color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-hude44, #006ce0));
|
|
314
316
|
font-weight: inherit;
|
|
315
317
|
letter-spacing: normal;
|
|
316
318
|
text-decoration-line: underline;
|
|
317
|
-
text-decoration-color: currentColor;
|
|
319
|
+
text-decoration-color: var(--color-text-link-decoration-default-0x8fhu, currentColor);
|
|
318
320
|
transition-property: color, -webkit-text-decoration;
|
|
319
321
|
transition-property: color, text-decoration;
|
|
320
322
|
transition-property: color, text-decoration, -webkit-text-decoration;
|
|
321
323
|
transition-duration: var(--motion-duration-refresh-only-medium-5rbn3k, 165ms);
|
|
322
324
|
}
|
|
323
325
|
@media (prefers-reduced-motion: reduce) {
|
|
324
|
-
.awsui_text-
|
|
326
|
+
.awsui_text-content_6absk_1a04e_146 a:not(#\9) {
|
|
325
327
|
animation: none;
|
|
326
328
|
transition: none;
|
|
327
329
|
}
|
|
328
330
|
}
|
|
329
|
-
.awsui-motion-disabled .awsui_text-
|
|
331
|
+
.awsui-motion-disabled .awsui_text-content_6absk_1a04e_146 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_1a04e_146 a:not(#\9) {
|
|
330
332
|
animation: none;
|
|
331
333
|
transition: none;
|
|
332
334
|
}
|
|
333
|
-
.awsui_text-
|
|
335
|
+
.awsui_text-content_6absk_1a04e_146 a:not(#\9):hover {
|
|
334
336
|
cursor: pointer;
|
|
335
337
|
color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
336
338
|
}
|
|
337
|
-
.awsui_text-
|
|
339
|
+
.awsui_text-content_6absk_1a04e_146 a:not(#\9):focus {
|
|
338
340
|
outline: none;
|
|
339
341
|
}
|
|
340
|
-
.awsui_text-
|
|
342
|
+
.awsui_text-content_6absk_1a04e_146 a:not(#\9):active {
|
|
341
343
|
color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-2hfec2, #002b66));
|
|
342
344
|
}
|
|
343
|
-
.awsui_text-
|
|
345
|
+
.awsui_text-content_6absk_1a04e_146 a:not(#\9):active, .awsui_text-content_6absk_1a04e_146 a:not(#\9):focus, .awsui_text-content_6absk_1a04e_146 a:not(#\9):hover {
|
|
344
346
|
text-decoration-line: underline;
|
|
345
|
-
text-decoration-color: currentColor;
|
|
347
|
+
text-decoration-color: var(--color-text-link-decoration-hover-kui2t9, currentColor);
|
|
346
348
|
}
|
|
347
|
-
.awsui_text-
|
|
349
|
+
.awsui_text-content_6absk_1a04e_146 a:not(#\9):focus {
|
|
348
350
|
outline: thin dotted;
|
|
349
351
|
outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
|
|
350
352
|
outline-offset: 2px;
|
|
@@ -355,33 +357,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
355
357
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
356
358
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
|
|
357
359
|
}
|
|
358
|
-
.awsui_text-
|
|
359
|
-
.awsui_text-
|
|
360
|
+
.awsui_text-content_6absk_1a04e_146 ul:not(#\9),
|
|
361
|
+
.awsui_text-content_6absk_1a04e_146 ol:not(#\9) {
|
|
360
362
|
padding-inline-start: var(--space-l-2ud1p3, 20px);
|
|
361
363
|
margin-block: var(--space-scaled-xs-xwoogq, 8px);
|
|
362
364
|
margin-inline: 0;
|
|
363
365
|
list-style-position: outside;
|
|
364
366
|
}
|
|
365
|
-
.awsui_text-
|
|
366
|
-
.awsui_text-
|
|
367
|
-
.awsui_text-
|
|
368
|
-
.awsui_text-
|
|
369
|
-
.awsui_text-
|
|
370
|
-
.awsui_text-
|
|
371
|
-
.awsui_text-
|
|
372
|
-
.awsui_text-
|
|
373
|
-
.awsui_text-
|
|
374
|
-
.awsui_text-
|
|
375
|
-
.awsui_text-
|
|
376
|
-
.awsui_text-
|
|
377
|
-
.awsui_text-
|
|
378
|
-
.awsui_text-
|
|
367
|
+
.awsui_text-content_6absk_1a04e_146 ul + ul:not(#\9),
|
|
368
|
+
.awsui_text-content_6absk_1a04e_146 ul + ol:not(#\9),
|
|
369
|
+
.awsui_text-content_6absk_1a04e_146 ul > li + ul:not(#\9),
|
|
370
|
+
.awsui_text-content_6absk_1a04e_146 ul > li + li:not(#\9),
|
|
371
|
+
.awsui_text-content_6absk_1a04e_146 ul > li + ol:not(#\9),
|
|
372
|
+
.awsui_text-content_6absk_1a04e_146 ul > li > ul:not(#\9),
|
|
373
|
+
.awsui_text-content_6absk_1a04e_146 ul > li > ol:not(#\9),
|
|
374
|
+
.awsui_text-content_6absk_1a04e_146 ol + ul:not(#\9),
|
|
375
|
+
.awsui_text-content_6absk_1a04e_146 ol + ol:not(#\9),
|
|
376
|
+
.awsui_text-content_6absk_1a04e_146 ol > li + ul:not(#\9),
|
|
377
|
+
.awsui_text-content_6absk_1a04e_146 ol > li + li:not(#\9),
|
|
378
|
+
.awsui_text-content_6absk_1a04e_146 ol > li + ol:not(#\9),
|
|
379
|
+
.awsui_text-content_6absk_1a04e_146 ol > li > ul:not(#\9),
|
|
380
|
+
.awsui_text-content_6absk_1a04e_146 ol > li > ol:not(#\9) {
|
|
379
381
|
padding-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
380
382
|
}
|
|
381
|
-
.awsui_text-
|
|
382
|
-
.awsui_text-
|
|
383
|
-
.awsui_text-
|
|
384
|
-
.awsui_text-
|
|
383
|
+
.awsui_text-content_6absk_1a04e_146 ul > li > ul:not(#\9),
|
|
384
|
+
.awsui_text-content_6absk_1a04e_146 ul > li > ol:not(#\9),
|
|
385
|
+
.awsui_text-content_6absk_1a04e_146 ol > li > ul:not(#\9),
|
|
386
|
+
.awsui_text-content_6absk_1a04e_146 ol > li > ol:not(#\9) {
|
|
385
387
|
margin-block: 0;
|
|
386
388
|
margin-inline: 0;
|
|
387
389
|
}
|
package/tooltip/index.d.ts
CHANGED
package/tooltip/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAgB,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,eAO1E"}
|
package/tooltip/index.js
CHANGED
|
@@ -6,9 +6,6 @@ import useBaseComponent from '../internal/hooks/use-base-component';
|
|
|
6
6
|
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
7
7
|
import { getExternalProps } from '../internal/utils/external-props';
|
|
8
8
|
import InternalTooltip from './internal';
|
|
9
|
-
/**
|
|
10
|
-
* @awsuiSystem core
|
|
11
|
-
*/
|
|
12
9
|
export default function Tooltip({ position = 'top', ...rest }) {
|
|
13
10
|
const baseComponentProps = useBaseComponent('Tooltip', {
|
|
14
11
|
props: { position },
|
package/tooltip/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,eAAe,MAAM,YAAY,CAAC;AAIzC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAgB;IACzE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,SAAS,EAAE;QACrD,KAAK,EAAE,EAAE,QAAQ,EAAE;KACpB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAE7C,OAAO,oBAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,KAAM,aAAa,KAAM,kBAAkB,GAAI,CAAC;AAC5F,CAAC;AACD,gBAAgB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { TooltipProps } from './interfaces';\nimport InternalTooltip from './internal';\n\nexport { TooltipProps };\n\nexport default function Tooltip({ position = 'top', ...rest }: TooltipProps) {\n const baseComponentProps = useBaseComponent('Tooltip', {\n props: { position },\n });\n const externalProps = getExternalProps(rest);\n\n return <InternalTooltip position={position} {...externalProps} {...baseComponentProps} />;\n}\napplyDisplayName(Tooltip, 'Tooltip');\n"]}
|
package/wizard/interfaces.d.ts
CHANGED
|
@@ -93,8 +93,6 @@ export interface WizardProps extends BaseComponentProps {
|
|
|
93
93
|
allowSkipTo?: boolean;
|
|
94
94
|
/**
|
|
95
95
|
* Specifies right-aligned custom primary actions for the wizard. Overwrites existing buttons (e.g. Cancel, Next, Finish).
|
|
96
|
-
*
|
|
97
|
-
* @awsuiSystem core
|
|
98
96
|
*/
|
|
99
97
|
customPrimaryActions?: React.ReactNode;
|
|
100
98
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,YAAY,CAAC;KAC7B;CACF;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAElD;;;;;;;;;;;;;;OAcG;IACH,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC;IAEtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"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"}
|
package/wizard/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext, FlowType } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace WizardProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: FlowType;\n resourceType?: string;\n errorContext?: ErrorContext;\n }\n}\n\nexport interface WizardProps extends BaseComponentProps {\n /**\n * Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * * `flowType` - Identifies the type of flow represented by the component.\n * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.\n * @analytics\n */\n analyticsMetadata?: WizardProps.AnalyticsMetadata;\n\n /**\n * Array of step objects. Each object represents a step in the wizard with the following properties:\n *\n * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.\n * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.\n * The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.\n * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.\n * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.\n * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.\n * Use this for rendering actionable server-side validation failure messages.\n * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`\n * is rendered next to the `title` in the navigation step label and the form header title.\n * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n * @analytics\n */\n steps: ReadonlyArray<WizardProps.Step>;\n\n /**\n * Index of the step that's currently displayed. The first step has an index of zero (0).\n *\n * If you don't set this property, the component starts on the first step and switches step automatically\n * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).\n *\n * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when\n * a user navigates (that is, controlled behavior).\n *\n * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.\n */\n activeStepIndex?: number;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n *\n * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),\n * and returns a human-readable, localized string displaying the step number in the navigation pane. For example, \"Step 1\" or \"Step 2\".\n * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),\n * and returns a string responsible for the navigation summary on smaller screens. For example, \"Step 1 of 3\". The parameters are as follows:\n * - `stepNumber` (number) - The step number that the user is currently on.\n * - `stepsCount` (number) - The total number of steps in the wizard.\n * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object\n * and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, \"Skip to Step 2\" or \"Skip to end\".\n * - `navigationAriaLabel` (string) - The aria label for the navigation pane.\n * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.\n * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.\n * - `nextButton` (string) - The text of the button that enables the user to move to the next step.\n * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.\n * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.\n * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.\n * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.\n * @i18n\n */\n i18nStrings?: WizardProps.I18nStrings;\n\n /**\n * The text of the button that enables the user to submit the form.\n */\n submitButtonText?: string;\n\n /**\n * Renders the *next* or *submit* button in a loading state.\n *\n * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.\n */\n isLoadingNextStep?: boolean;\n\n /**\n * When set to `false`, the *skip-to* button is never shown.\n * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.\n *\n * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional\n * steps ahead having no required steps in-between.\n *\n * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.\n *\n * Defaults to `false`.\n */\n allowSkipTo?: boolean;\n\n /**\n * Specifies right-aligned custom primary actions for the wizard. Overwrites existing buttons (e.g. Cancel, Next, Finish).\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext, FlowType } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace WizardProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: FlowType;\n resourceType?: string;\n errorContext?: ErrorContext;\n }\n}\n\nexport interface WizardProps extends BaseComponentProps {\n /**\n * Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * * `flowType` - Identifies the type of flow represented by the component.\n * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.\n * @analytics\n */\n analyticsMetadata?: WizardProps.AnalyticsMetadata;\n\n /**\n * Array of step objects. Each object represents a step in the wizard with the following properties:\n *\n * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.\n * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.\n * The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.\n * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.\n * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.\n * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.\n * Use this for rendering actionable server-side validation failure messages.\n * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`\n * is rendered next to the `title` in the navigation step label and the form header title.\n * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n * @analytics\n */\n steps: ReadonlyArray<WizardProps.Step>;\n\n /**\n * Index of the step that's currently displayed. The first step has an index of zero (0).\n *\n * If you don't set this property, the component starts on the first step and switches step automatically\n * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).\n *\n * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when\n * a user navigates (that is, controlled behavior).\n *\n * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.\n */\n activeStepIndex?: number;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n *\n * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),\n * and returns a human-readable, localized string displaying the step number in the navigation pane. For example, \"Step 1\" or \"Step 2\".\n * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),\n * and returns a string responsible for the navigation summary on smaller screens. For example, \"Step 1 of 3\". The parameters are as follows:\n * - `stepNumber` (number) - The step number that the user is currently on.\n * - `stepsCount` (number) - The total number of steps in the wizard.\n * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object\n * and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, \"Skip to Step 2\" or \"Skip to end\".\n * - `navigationAriaLabel` (string) - The aria label for the navigation pane.\n * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.\n * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.\n * - `nextButton` (string) - The text of the button that enables the user to move to the next step.\n * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.\n * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.\n * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.\n * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.\n * @i18n\n */\n i18nStrings?: WizardProps.I18nStrings;\n\n /**\n * The text of the button that enables the user to submit the form.\n */\n submitButtonText?: string;\n\n /**\n * Renders the *next* or *submit* button in a loading state.\n *\n * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.\n */\n isLoadingNextStep?: boolean;\n\n /**\n * When set to `false`, the *skip-to* button is never shown.\n * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.\n *\n * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional\n * steps ahead having no required steps in-between.\n *\n * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.\n *\n * Defaults to `false`.\n */\n allowSkipTo?: boolean;\n\n /**\n * Specifies right-aligned custom primary actions for the wizard. Overwrites existing buttons (e.g. Cancel, Next, Finish).\n */\n customPrimaryActions?: React.ReactNode;\n\n /**\n * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.\n */\n secondaryActions?: React.ReactNode;\n\n /**\n * Called when a user clicks the *cancel* button.\n * If a user has entered data in the form, you should prompt the user with a modal before exiting the wizard flow.\n */\n onCancel?: NonCancelableEventHandler;\n\n /**\n * Called when a user clicks the *submit* button.\n */\n onSubmit?: NonCancelableEventHandler;\n\n /**\n * Called when a user clicks the *next* button, the *previous* button, or an enabled step link in the navigation pane.\n *\n * The event `detail` includes the following:\n * - `requestedStepIndex` - The index of the requested step.\n * - `reason` - The user action that triggered the navigation event. It can be `next` (when the user clicks the *next* button),\n * `previous` (when the user clicks the *previous* button), `step` (an enabled step link in the navigation pane),\n * or `skip` (when navigated using navigation pane or the *skip-to* button to the previously unvisited step).\n */\n onNavigate?: NonCancelableEventHandler<WizardProps.NavigateDetail>;\n}\n\nexport namespace WizardProps {\n export interface StepAnalyticsMetadata {\n instanceIdentifier?: string;\n errorContext?: ErrorContext;\n }\n export interface Step {\n title: string;\n info?: React.ReactNode;\n description?: React.ReactNode;\n content: React.ReactNode;\n errorText?: React.ReactNode;\n isOptional?: boolean;\n analyticsMetadata?: StepAnalyticsMetadata;\n }\n\n export interface I18nStrings {\n /**\n * @deprecated Use `submitButtonText` on the component instead.\n */\n submitButton?: string;\n\n stepNumberLabel?(stepNumber: number): string;\n collapsedStepsLabel?(stepNumber: number, stepsCount: number): string;\n skipToButtonLabel?(targetStep: WizardProps.Step, targetStepNumber: number): string;\n navigationAriaLabel?: string;\n errorIconAriaLabel?: string;\n cancelButton?: string;\n previousButton?: string;\n nextButton?: string;\n optional?: string;\n nextButtonLoadingAnnouncement?: string;\n submitButtonLoadingAnnouncement?: string;\n }\n\n export interface NavigateDetail {\n requestedStepIndex: number;\n reason: WizardProps.NavigationReason;\n }\n\n export type NavigationReason = 'next' | 'previous' | 'step' | 'skip';\n}\n"]}
|
package/drawer/next.d.ts
DELETED
package/drawer/next.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../../src/drawer/next.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAK3B,QAAA,MAAM,MAAM,6FAwEV,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
package/drawer/next.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
// eslint-disable-next-line @cloudscape-design/build-tools/react-server-components-directive
|
|
4
|
-
'use client';
|
|
5
|
-
import React, { forwardRef } from 'react';
|
|
6
|
-
import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
|
|
7
|
-
import useBaseComponent from '../internal/hooks/use-base-component';
|
|
8
|
-
import { applyDisplayName } from '../internal/utils/apply-display-name';
|
|
9
|
-
import { getExternalProps } from '../internal/utils/external-props';
|
|
10
|
-
import { InternalDrawer } from './internal';
|
|
11
|
-
// Matches App Layout drawers z-index.
|
|
12
|
-
const DEFAULT_Z_INDEX = 830;
|
|
13
|
-
const Drawer = forwardRef(function Drawer({ header, headerActions, footer, disableContentPaddings = false, loading = false, position = 'static', placement = 'end', offset, stickyOffset, zIndex = DEFAULT_Z_INDEX, closeAction, hideCloseAction = false, open, backdrop = false, onClose, focusBehavior, role, ...props }, ref) {
|
|
14
|
-
if (backdrop && position !== 'fixed' && position !== 'absolute') {
|
|
15
|
-
warnOnce('Drawer', `\`backdrop\` is not supported with position="${position}" and will be ignored.`);
|
|
16
|
-
}
|
|
17
|
-
if (open !== undefined && !onClose) {
|
|
18
|
-
warnOnce('Drawer', 'You provided `open` without an `onClose` handler. The drawer will not respond to close actions.');
|
|
19
|
-
}
|
|
20
|
-
const baseComponentProps = useBaseComponent('Drawer', {
|
|
21
|
-
props: { disableContentPaddings, loading, placement, position, zIndex, hideCloseAction, backdrop, role },
|
|
22
|
-
metadata: {
|
|
23
|
-
hasHeader: !!header,
|
|
24
|
-
hasHeaderActions: !!headerActions,
|
|
25
|
-
hasFooter: !!footer,
|
|
26
|
-
hasOffset: !!offset,
|
|
27
|
-
hasStickyOffset: !!stickyOffset,
|
|
28
|
-
hasCloseAction: !!closeAction,
|
|
29
|
-
autoFocus: !!(focusBehavior === null || focusBehavior === void 0 ? void 0 : focusBehavior.autoFocus),
|
|
30
|
-
trapFocus: !!(focusBehavior === null || focusBehavior === void 0 ? void 0 : focusBehavior.trapFocus),
|
|
31
|
-
returnFocus: !!(focusBehavior === null || focusBehavior === void 0 ? void 0 : focusBehavior.returnFocus),
|
|
32
|
-
},
|
|
33
|
-
});
|
|
34
|
-
return (React.createElement(InternalDrawer, { ...getExternalProps(props), ...baseComponentProps, __ref: ref, header: header, headerActions: headerActions, footer: footer, disableContentPaddings: disableContentPaddings, loading: loading, placement: placement, position: position, offset: offset, stickyOffset: stickyOffset, zIndex: zIndex, closeAction: closeAction, hideCloseAction: hideCloseAction, open: open, backdrop: backdrop, onClose: onClose, focusBehavior: focusBehavior, role: role }));
|
|
35
|
-
});
|
|
36
|
-
export default Drawer;
|
|
37
|
-
applyDisplayName(Drawer, 'Drawer');
|
|
38
|
-
//# sourceMappingURL=next.js.map
|
package/drawer/next.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"next.js","sourceRoot":"","sources":["../../../src/drawer/next.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\n\n// eslint-disable-next-line @cloudscape-design/build-tools/react-server-components-directive\n'use client';\nimport React, { forwardRef } from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { getExternalProps } from '../internal/utils/external-props';\nimport { NextDrawerProps } from './interfaces';\nimport { InternalDrawer } from './internal';\n\nexport { NextDrawerProps };\n\n// Matches App Layout drawers z-index.\nconst DEFAULT_Z_INDEX = 830;\n\nconst Drawer = forwardRef(function Drawer(\n {\n header,\n headerActions,\n footer,\n disableContentPaddings = false,\n loading = false,\n position = 'static',\n placement = 'end',\n offset,\n stickyOffset,\n zIndex = DEFAULT_Z_INDEX,\n closeAction,\n hideCloseAction = false,\n open,\n backdrop = false,\n onClose,\n focusBehavior,\n role,\n ...props\n }: NextDrawerProps,\n ref: React.Ref<NextDrawerProps.Ref>\n) {\n if (backdrop && position !== 'fixed' && position !== 'absolute') {\n warnOnce('Drawer', `\\`backdrop\\` is not supported with position=\"${position}\" and will be ignored.`);\n }\n if (open !== undefined && !onClose) {\n warnOnce(\n 'Drawer',\n 'You provided `open` without an `onClose` handler. The drawer will not respond to close actions.'\n );\n }\n\n const baseComponentProps = useBaseComponent('Drawer', {\n props: { disableContentPaddings, loading, placement, position, zIndex, hideCloseAction, backdrop, role },\n metadata: {\n hasHeader: !!header,\n hasHeaderActions: !!headerActions,\n hasFooter: !!footer,\n hasOffset: !!offset,\n hasStickyOffset: !!stickyOffset,\n hasCloseAction: !!closeAction,\n autoFocus: !!focusBehavior?.autoFocus,\n trapFocus: !!focusBehavior?.trapFocus,\n returnFocus: !!focusBehavior?.returnFocus,\n },\n });\n\n return (\n <InternalDrawer\n {...getExternalProps(props)}\n {...baseComponentProps}\n __ref={ref}\n header={header}\n headerActions={headerActions}\n footer={footer}\n disableContentPaddings={disableContentPaddings}\n loading={loading}\n placement={placement}\n position={position}\n offset={offset}\n stickyOffset={stickyOffset}\n zIndex={zIndex}\n closeAction={closeAction}\n hideCloseAction={hideCloseAction}\n open={open}\n backdrop={backdrop}\n onClose={onClose}\n focusBehavior={focusBehavior}\n role={role}\n />\n );\n});\n\nexport default Drawer;\n\napplyDisplayName(Drawer, 'Drawer');\n"]}
|