@cloudscape-design/components 3.0.814 → 3.0.816
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/app-layout/{runtime-api.d.ts → runtime-drawer/index.d.ts} +3 -3
- package/app-layout/runtime-drawer/index.d.ts.map +1 -0
- package/app-layout/{runtime-api.js → runtime-drawer/index.js} +30 -6
- package/app-layout/runtime-drawer/index.js.map +1 -0
- package/app-layout/utils/use-drawers.js +1 -1
- package/app-layout/utils/use-drawers.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +10 -10
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +13 -13
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/drawer/implementation.js +1 -1
- package/drawer/implementation.js.map +1 -1
- package/drawer/styles.css.js +5 -4
- package/drawer/styles.scoped.css +16 -20
- package/drawer/styles.selectors.js +5 -4
- package/help-panel/implementation.d.ts.map +1 -1
- package/help-panel/implementation.js +4 -2
- package/help-panel/implementation.js.map +1 -1
- package/help-panel/styles.css.js +6 -5
- package/help-panel/styles.scoped.css +75 -80
- package/help-panel/styles.selectors.js +6 -5
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/internal/plugins/helpers/index.d.ts +0 -1
- package/internal/plugins/helpers/index.d.ts.map +1 -1
- package/internal/plugins/helpers/index.js +0 -1
- package/internal/plugins/helpers/index.js.map +1 -1
- package/internal/plugins/helpers/use-discovered-action.d.ts.map +1 -1
- package/internal/plugins/helpers/use-discovered-action.js +13 -2
- package/internal/plugins/helpers/use-discovered-action.js.map +1 -1
- package/package.json +1 -1
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +65 -48
- package/side-navigation/styles.selectors.js +30 -30
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +45 -45
- package/split-panel/styles.selectors.js +26 -26
- package/app-layout/runtime-api.d.ts.map +0 -1
- package/app-layout/runtime-api.js.map +0 -1
- package/internal/plugins/helpers/runtime-content-wrapper.d.ts +0 -10
- package/internal/plugins/helpers/runtime-content-wrapper.d.ts.map +0 -1
- package/internal/plugins/helpers/runtime-content-wrapper.js +0 -29
- package/internal/plugins/helpers/runtime-content-wrapper.js.map +0 -1
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
*/
|
|
175
175
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
176
176
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
177
|
-
.awsui_help-
|
|
177
|
+
.awsui_help-panel_1d237_17b17_177:not(#\9) {
|
|
178
178
|
border-collapse: separate;
|
|
179
179
|
border-spacing: 0;
|
|
180
180
|
box-sizing: border-box;
|
|
@@ -211,44 +211,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
211
211
|
word-wrap: break-word;
|
|
212
212
|
padding-block-start: var(--space-panel-header-vertical-gv9pti, 20px);
|
|
213
213
|
padding-block-end: 0;
|
|
214
|
-
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
215
|
-
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
216
214
|
/* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
217
215
|
/* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
218
216
|
}
|
|
219
|
-
.awsui_help-
|
|
220
|
-
padding-block-start: var(--space-static-m-lrhgl2, 16px);
|
|
221
|
-
}
|
|
222
|
-
.awsui_help-panel_1d237_1x0ik_177 hr:not(#\9) {
|
|
217
|
+
.awsui_help-panel_1d237_17b17_177 hr:not(#\9) {
|
|
223
218
|
border-block: none;
|
|
224
219
|
border-inline: none;
|
|
225
220
|
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
226
221
|
margin-block: var(--space-scaled-xl-kswcw7, 24px);
|
|
227
222
|
margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
|
|
228
223
|
}
|
|
229
|
-
.awsui_help-
|
|
230
|
-
.awsui_help-
|
|
224
|
+
.awsui_help-panel_1d237_17b17_177 ol:not(#\9),
|
|
225
|
+
.awsui_help-panel_1d237_17b17_177 ul:not(#\9) {
|
|
231
226
|
padding-inline-start: var(--space-l-t419sm, 20px);
|
|
232
227
|
list-style-position: outside;
|
|
233
228
|
margin-block: var(--space-s-34lx8l, 12px);
|
|
234
229
|
margin-inline: 0;
|
|
235
230
|
}
|
|
236
|
-
.awsui_help-
|
|
231
|
+
.awsui_help-panel_1d237_17b17_177 li:not(#\9) {
|
|
237
232
|
margin-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
238
233
|
margin-inline: 0;
|
|
239
234
|
}
|
|
240
|
-
.awsui_help-
|
|
241
|
-
.awsui_help-
|
|
242
|
-
.awsui_help-
|
|
243
|
-
.awsui_help-
|
|
244
|
-
.awsui_help-
|
|
245
|
-
.awsui_help-
|
|
246
|
-
.awsui_help-
|
|
235
|
+
.awsui_help-panel_1d237_17b17_177 a:not(#\9),
|
|
236
|
+
.awsui_help-panel_1d237_17b17_177 h2:not(#\9),
|
|
237
|
+
.awsui_help-panel_1d237_17b17_177 h3:not(#\9),
|
|
238
|
+
.awsui_help-panel_1d237_17b17_177 h4:not(#\9),
|
|
239
|
+
.awsui_help-panel_1d237_17b17_177 h5:not(#\9),
|
|
240
|
+
.awsui_help-panel_1d237_17b17_177 pre:not(#\9),
|
|
241
|
+
.awsui_help-panel_1d237_17b17_177 code:not(#\9) {
|
|
247
242
|
margin-block: var(--space-xs-zb16t3, 8px);
|
|
248
243
|
margin-inline: 0;
|
|
249
244
|
padding-block: 0;
|
|
250
245
|
}
|
|
251
|
-
.awsui_help-
|
|
246
|
+
.awsui_help-panel_1d237_17b17_177 code:not(#\9) {
|
|
252
247
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
253
248
|
line-height: var(--line-height-body-s-7zv1j5, 16px);
|
|
254
249
|
letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
|
|
@@ -259,7 +254,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
259
254
|
word-wrap: break-word;
|
|
260
255
|
white-space: pre-wrap;
|
|
261
256
|
}
|
|
262
|
-
.awsui_help-
|
|
257
|
+
.awsui_help-panel_1d237_17b17_177 pre:not(#\9) {
|
|
263
258
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
264
259
|
line-height: var(--line-height-body-s-7zv1j5, 16px);
|
|
265
260
|
letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
|
|
@@ -272,41 +267,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
272
267
|
padding-block: var(--space-xxs-p8yyaw, 4px);
|
|
273
268
|
padding-inline: var(--space-xxs-p8yyaw, 4px);
|
|
274
269
|
}
|
|
275
|
-
.awsui_help-
|
|
270
|
+
.awsui_help-panel_1d237_17b17_177 dl:not(#\9) {
|
|
276
271
|
margin-block: var(--space-s-34lx8l, 12px);
|
|
277
272
|
margin-inline: 0;
|
|
278
273
|
/* stylelint-disable-next-line selector-max-universal */
|
|
279
274
|
}
|
|
280
|
-
.awsui_help-
|
|
275
|
+
.awsui_help-panel_1d237_17b17_177 dl *:not(#\9) {
|
|
281
276
|
margin-block: 0;
|
|
282
277
|
}
|
|
283
|
-
.awsui_help-
|
|
278
|
+
.awsui_help-panel_1d237_17b17_177 dt:not(#\9) {
|
|
284
279
|
margin-block-start: var(--space-xs-zb16t3, 8px);
|
|
285
280
|
font-weight: 700;
|
|
286
281
|
}
|
|
287
|
-
.awsui_help-
|
|
282
|
+
.awsui_help-panel_1d237_17b17_177 dd:not(#\9) {
|
|
288
283
|
margin-block-start: 0;
|
|
289
284
|
margin-block-end: var(--space-xs-zb16t3, 8px);
|
|
290
285
|
margin-inline: 0;
|
|
291
286
|
}
|
|
292
|
-
.awsui_help-
|
|
293
|
-
.awsui_help-
|
|
294
|
-
.awsui_help-
|
|
295
|
-
.awsui_help-
|
|
296
|
-
.awsui_help-
|
|
287
|
+
.awsui_help-panel_1d237_17b17_177 h2:not(#\9),
|
|
288
|
+
.awsui_help-panel_1d237_17b17_177 h3:not(#\9),
|
|
289
|
+
.awsui_help-panel_1d237_17b17_177 h4:not(#\9),
|
|
290
|
+
.awsui_help-panel_1d237_17b17_177 h5:not(#\9),
|
|
291
|
+
.awsui_help-panel_1d237_17b17_177 h6:not(#\9) {
|
|
297
292
|
margin-block-start: var(--space-xl-lmui9r, 24px);
|
|
298
293
|
color: var(--color-text-heading-default-jen9ei, #0f141a);
|
|
299
294
|
}
|
|
300
|
-
.awsui_help-
|
|
295
|
+
.awsui_help-panel_1d237_17b17_177 > :not(#\9):last-child {
|
|
301
296
|
margin-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
|
|
302
297
|
}
|
|
303
|
-
.awsui_help-
|
|
298
|
+
.awsui_help-panel_1d237_17b17_177 p:not(#\9) {
|
|
304
299
|
color: inherit;
|
|
305
300
|
text-decoration: none;
|
|
306
301
|
margin-block: var(--space-s-34lx8l, 12px);
|
|
307
302
|
margin-inline: 0;
|
|
308
303
|
}
|
|
309
|
-
.awsui_help-
|
|
304
|
+
.awsui_help-panel_1d237_17b17_177 h1:not(#\9) {
|
|
310
305
|
font-size: var(--font-size-heading-xl-ypc05a, 24px);
|
|
311
306
|
line-height: var(--line-height-heading-xl-avbttk, 30px);
|
|
312
307
|
letter-spacing: var(--letter-spacing-heading-xl-sagq9c, -0.02em);
|
|
@@ -314,7 +309,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
314
309
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
315
310
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
316
311
|
}
|
|
317
|
-
.awsui_help-
|
|
312
|
+
.awsui_help-panel_1d237_17b17_177 h2:not(#\9) {
|
|
318
313
|
font-size: var(--font-size-heading-l-ou0d0l, 20px);
|
|
319
314
|
line-height: var(--line-height-heading-l-mmm3my, 24px);
|
|
320
315
|
letter-spacing: var(--letter-spacing-heading-l-qqjd4y, -0.015em);
|
|
@@ -322,7 +317,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
322
317
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
323
318
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
324
319
|
}
|
|
325
|
-
.awsui_help-
|
|
320
|
+
.awsui_help-panel_1d237_17b17_177 h3:not(#\9) {
|
|
326
321
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
327
322
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
328
323
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
@@ -330,7 +325,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
330
325
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
331
326
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
332
327
|
}
|
|
333
|
-
.awsui_help-
|
|
328
|
+
.awsui_help-panel_1d237_17b17_177 h4:not(#\9) {
|
|
334
329
|
font-size: var(--font-size-heading-s-yykzif, 16px);
|
|
335
330
|
line-height: var(--line-height-heading-s-4i6ewn, 20px);
|
|
336
331
|
letter-spacing: var(--letter-spacing-heading-s-jr3mor, -0.005em);
|
|
@@ -338,19 +333,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
338
333
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
339
334
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
340
335
|
}
|
|
341
|
-
.awsui_help-
|
|
336
|
+
.awsui_help-panel_1d237_17b17_177 h5:not(#\9) {
|
|
342
337
|
font-size: var(--font-size-heading-xs-wo4hpf, 14px);
|
|
343
338
|
line-height: var(--line-height-heading-xs-aeleja, 18px);
|
|
344
339
|
font-weight: var(--font-weight-heading-xs-l7rqme, 700);
|
|
345
340
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
346
341
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
347
342
|
}
|
|
348
|
-
.awsui_help-
|
|
349
|
-
.awsui_help-
|
|
343
|
+
.awsui_help-panel_1d237_17b17_177 b:not(#\9),
|
|
344
|
+
.awsui_help-panel_1d237_17b17_177 strong:not(#\9) {
|
|
350
345
|
font-weight: 700;
|
|
351
346
|
}
|
|
352
347
|
|
|
353
|
-
.
|
|
348
|
+
.awsui_loading_1d237_17b17_347:not(#\9) {
|
|
349
|
+
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
350
|
+
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
.awsui_header_1d237_17b17_352:not(#\9) {
|
|
354
354
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
355
355
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
356
356
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -364,21 +364,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
364
364
|
border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-nnst86, #c6c6cd);
|
|
365
365
|
margin-block-start: 0;
|
|
366
366
|
margin-block-end: var(--space-panel-content-top-wac3yp, 20px);
|
|
367
|
-
margin-inline-end: calc(-1 * var(--space-panel-side-right-xofg51, 24px));
|
|
368
|
-
margin-inline-start: calc(-1 * var(--space-panel-side-left-5t0who, 28px));
|
|
369
367
|
/* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
370
368
|
/* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
371
369
|
}
|
|
372
|
-
.awsui_with-
|
|
370
|
+
.awsui_with-toolbar_1d237_17b17_369 > .awsui_header_1d237_17b17_352:not(#\9) {
|
|
373
371
|
border-color: transparent;
|
|
374
|
-
padding-block-end: var(--space-static-m-lrhgl2, 16px);
|
|
375
372
|
margin-block-end: 0px;
|
|
376
373
|
}
|
|
377
|
-
.
|
|
378
|
-
.
|
|
379
|
-
.
|
|
380
|
-
.
|
|
381
|
-
.
|
|
374
|
+
.awsui_header_1d237_17b17_352 h2:not(#\9),
|
|
375
|
+
.awsui_header_1d237_17b17_352 h3:not(#\9),
|
|
376
|
+
.awsui_header_1d237_17b17_352 h4:not(#\9),
|
|
377
|
+
.awsui_header_1d237_17b17_352 h5:not(#\9),
|
|
378
|
+
.awsui_header_1d237_17b17_352 h6:not(#\9) {
|
|
382
379
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
383
380
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
384
381
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -388,19 +385,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
388
385
|
margin-block: 0;
|
|
389
386
|
}
|
|
390
387
|
|
|
391
|
-
.
|
|
388
|
+
.awsui_content_1d237_17b17_387:not(#\9) {
|
|
392
389
|
color: var(--color-text-body-secondary-cwla8d, #424650);
|
|
390
|
+
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
391
|
+
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
393
392
|
/* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
394
393
|
/* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
395
394
|
}
|
|
396
|
-
.
|
|
397
|
-
.
|
|
398
|
-
.
|
|
399
|
-
.
|
|
400
|
-
.
|
|
395
|
+
.awsui_content_1d237_17b17_387 h2:not(#\9):first-child,
|
|
396
|
+
.awsui_content_1d237_17b17_387 h3:not(#\9):first-child,
|
|
397
|
+
.awsui_content_1d237_17b17_387 h4:not(#\9):first-child,
|
|
398
|
+
.awsui_content_1d237_17b17_387 h5:not(#\9):first-child,
|
|
399
|
+
.awsui_content_1d237_17b17_387 h6:not(#\9):first-child,
|
|
400
|
+
.awsui_content_1d237_17b17_387 p:not(#\9):first-child {
|
|
401
401
|
margin-block-start: 0;
|
|
402
402
|
}
|
|
403
|
-
.
|
|
403
|
+
.awsui_content_1d237_17b17_387 a:not(#\9) {
|
|
404
404
|
text-underline-offset: 0.25em;
|
|
405
405
|
text-decoration-thickness: 1px;
|
|
406
406
|
color: var(--color-text-link-default-enwvrt, #006ce0);
|
|
@@ -414,48 +414,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
414
414
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
415
415
|
}
|
|
416
416
|
@media (prefers-reduced-motion: reduce) {
|
|
417
|
-
.
|
|
417
|
+
.awsui_content_1d237_17b17_387 a:not(#\9) {
|
|
418
418
|
animation: none;
|
|
419
419
|
transition: none;
|
|
420
420
|
}
|
|
421
421
|
}
|
|
422
|
-
.awsui-motion-disabled .
|
|
422
|
+
.awsui-motion-disabled .awsui_content_1d237_17b17_387 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_17b17_387 a:not(#\9) {
|
|
423
423
|
animation: none;
|
|
424
424
|
transition: none;
|
|
425
425
|
}
|
|
426
|
-
.
|
|
426
|
+
.awsui_content_1d237_17b17_387 a:not(#\9):hover {
|
|
427
427
|
cursor: pointer;
|
|
428
428
|
color: var(--color-text-link-hover-49uoe9, #002b66);
|
|
429
429
|
}
|
|
430
|
-
.
|
|
430
|
+
.awsui_content_1d237_17b17_387 a:not(#\9):focus {
|
|
431
431
|
outline: none;
|
|
432
432
|
}
|
|
433
|
-
.
|
|
433
|
+
.awsui_content_1d237_17b17_387 a:not(#\9):active {
|
|
434
434
|
color: var(--color-text-link-hover-49uoe9, #002b66);
|
|
435
435
|
}
|
|
436
|
-
.
|
|
436
|
+
.awsui_content_1d237_17b17_387 a:not(#\9):active, .awsui_content_1d237_17b17_387 a:not(#\9):focus, .awsui_content_1d237_17b17_387 a:not(#\9):hover {
|
|
437
437
|
text-decoration-line: underline;
|
|
438
438
|
text-decoration-color: currentColor;
|
|
439
439
|
}
|
|
440
440
|
|
|
441
|
-
.
|
|
441
|
+
.awsui_footer_1d237_17b17_438:not(#\9) {
|
|
442
442
|
color: var(--color-text-body-secondary-cwla8d, #424650);
|
|
443
|
-
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
444
|
-
margin-block: var(--space-scaled-xl-kswcw7, 24px);
|
|
445
|
-
margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
|
|
446
443
|
padding-block: 0;
|
|
447
|
-
padding-inline: var(--space-panel-
|
|
444
|
+
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
445
|
+
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
448
446
|
/* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
449
447
|
/* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
450
448
|
}
|
|
451
|
-
.
|
|
452
|
-
margin-block-start: var(--space-scaled-xl-kswcw7, 24px);
|
|
453
|
-
}
|
|
454
|
-
.awsui_footer_1d237_1x0ik_438 ul:not(#\9) {
|
|
449
|
+
.awsui_footer_1d237_17b17_438 ul:not(#\9) {
|
|
455
450
|
list-style: none;
|
|
456
451
|
padding-inline-start: 0;
|
|
457
452
|
}
|
|
458
|
-
.
|
|
453
|
+
.awsui_footer_1d237_17b17_438 a:not(#\9) {
|
|
459
454
|
text-underline-offset: 0.25em;
|
|
460
455
|
text-decoration-thickness: 1px;
|
|
461
456
|
color: var(--color-text-link-default-enwvrt, #006ce0);
|
|
@@ -469,37 +464,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
469
464
|
transition-duration: var(--motion-duration-refresh-only-medium-nf6485, 165ms);
|
|
470
465
|
}
|
|
471
466
|
@media (prefers-reduced-motion: reduce) {
|
|
472
|
-
.
|
|
467
|
+
.awsui_footer_1d237_17b17_438 a:not(#\9) {
|
|
473
468
|
animation: none;
|
|
474
469
|
transition: none;
|
|
475
470
|
}
|
|
476
471
|
}
|
|
477
|
-
.awsui-motion-disabled .
|
|
472
|
+
.awsui-motion-disabled .awsui_footer_1d237_17b17_438 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_17b17_438 a:not(#\9) {
|
|
478
473
|
animation: none;
|
|
479
474
|
transition: none;
|
|
480
475
|
}
|
|
481
|
-
.
|
|
476
|
+
.awsui_footer_1d237_17b17_438 a:not(#\9):hover {
|
|
482
477
|
cursor: pointer;
|
|
483
478
|
color: var(--color-text-link-hover-49uoe9, #002b66);
|
|
484
479
|
}
|
|
485
|
-
.
|
|
480
|
+
.awsui_footer_1d237_17b17_438 a:not(#\9):focus {
|
|
486
481
|
outline: none;
|
|
487
482
|
}
|
|
488
|
-
.
|
|
483
|
+
.awsui_footer_1d237_17b17_438 a:not(#\9):active {
|
|
489
484
|
color: var(--color-text-link-hover-49uoe9, #002b66);
|
|
490
485
|
}
|
|
491
|
-
.
|
|
486
|
+
.awsui_footer_1d237_17b17_438 a:not(#\9):active, .awsui_footer_1d237_17b17_438 a:not(#\9):focus, .awsui_footer_1d237_17b17_438 a:not(#\9):hover {
|
|
492
487
|
text-decoration-line: underline;
|
|
493
488
|
text-decoration-color: currentColor;
|
|
494
489
|
}
|
|
495
490
|
|
|
496
|
-
.
|
|
497
|
-
.
|
|
491
|
+
.awsui_content_1d237_17b17_387:not(#\9),
|
|
492
|
+
.awsui_footer_1d237_17b17_438:not(#\9) {
|
|
498
493
|
/* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
499
494
|
/* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
500
495
|
}
|
|
501
|
-
.
|
|
502
|
-
.
|
|
496
|
+
.awsui_content_1d237_17b17_387 a:not(#\9):focus,
|
|
497
|
+
.awsui_footer_1d237_17b17_438 a:not(#\9):focus {
|
|
503
498
|
outline: thin dotted;
|
|
504
499
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
505
500
|
outline-offset: 2px;
|
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"help-panel": "awsui_help-
|
|
6
|
-
"
|
|
7
|
-
"header": "
|
|
8
|
-
"
|
|
9
|
-
"
|
|
5
|
+
"help-panel": "awsui_help-panel_1d237_17b17_177",
|
|
6
|
+
"loading": "awsui_loading_1d237_17b17_347",
|
|
7
|
+
"header": "awsui_header_1d237_17b17_352",
|
|
8
|
+
"with-toolbar": "awsui_with-toolbar_1d237_17b17_369",
|
|
9
|
+
"content": "awsui_content_1d237_17b17_387",
|
|
10
|
+
"footer": "awsui_footer_1d237_17b17_438"
|
|
10
11
|
};
|
|
11
12
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
export { RuntimeContentWrapper } from './runtime-content-wrapper';
|
|
4
3
|
export { createUseDiscoveredAction } from './use-discovered-action';
|
|
5
4
|
export { createUseDiscoveredContent } from './use-discovered-content';
|
|
6
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { createUseDiscoveredAction } from './use-discovered-action';\nexport { createUseDiscoveredContent } from './use-discovered-content';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-discovered-action.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-discovered-action.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,uBAAuB,EAA+B,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"use-discovered-action.d.ts","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-discovered-action.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,uBAAuB,EAA+B,MAAM,+BAA+B,CAAC;AAqCrG,wBAAgB,yBAAyB,CAAC,kBAAkB,EAAE,uBAAuB,CAAC,oBAAoB,CAAC,UAC/D,MAAM;uBAC3B,MAAM,SAAS,EAAE;eACzB,MAAM,GAAG,CAAC,cAAc,CAAC;gBACxB,MAAM,GAAG,CAAC,cAAc,CAAC;EAcxC"}
|
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React, { useEffect, useRef, useState } from 'react';
|
|
4
|
-
|
|
4
|
+
function RuntimeActionWrapper({ mountContent, unmountContent, context }) {
|
|
5
|
+
const ref = useRef(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const container = ref.current;
|
|
8
|
+
mountContent(container, context);
|
|
9
|
+
return () => {
|
|
10
|
+
unmountContent(container);
|
|
11
|
+
};
|
|
12
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
|
+
}, []);
|
|
14
|
+
return React.createElement("div", { ref: ref });
|
|
15
|
+
}
|
|
5
16
|
function convertRuntimeAction(action, context) {
|
|
6
17
|
if (!action) {
|
|
7
18
|
return null;
|
|
8
19
|
}
|
|
9
|
-
return (React.createElement(
|
|
20
|
+
return (React.createElement(RuntimeActionWrapper, { key: action.id + '-' + context.type, context: context, mountContent: action.mountContent, unmountContent: action.unmountContent }));
|
|
10
21
|
}
|
|
11
22
|
export function createUseDiscoveredAction(onActionRegistered) {
|
|
12
23
|
return function useDiscoveredAction(type) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-discovered-action.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-discovered-action.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-discovered-action.js","sourceRoot":"","sources":["../../../../../src/internal/plugins/helpers/use-discovered-action.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAU3D,SAAS,oBAAoB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAA6B;IAChG,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,GAAG,CAAC,OAAQ,CAAC;QAC/B,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACjC,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,SAAS,CAAC,CAAC;QAC5B,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6BAAK,GAAG,EAAE,GAAG,GAAQ,CAAC;AAC/B,CAAC;AAED,SAAS,oBAAoB,CAAC,MAA2B,EAAE,OAAsB;IAC/E,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAE,MAAM,CAAC,EAAE,GAAG,GAAG,GAAG,OAAO,CAAC,IAAI,EACnC,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,cAAc,EAAE,MAAM,CAAC,cAAc,GACrC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,kBAAiE;IACzG,OAAO,SAAS,mBAAmB,CAAC,IAAY;QAK9C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;QACvF,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAC/C,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;QAEhD,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,kBAAkB,CAAC,OAAO,CAAC,EAAE;gBAClC,oBAAoB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,oBAAoB,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;YAC7G,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;QAEX,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;IACtD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { ActionButtonsController, ActionConfig, ActionContext } from '../controllers/action-buttons';\n\ninterface RuntimeActionWrapperProps {\n context: ActionContext;\n mountContent: ActionConfig['mountContent'];\n unmountContent: ActionConfig['unmountContent'];\n}\n\nfunction RuntimeActionWrapper({ mountContent, unmountContent, context }: RuntimeActionWrapperProps) {\n const ref = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const container = ref.current!;\n mountContent(container, context);\n return () => {\n unmountContent(container);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return <div ref={ref}></div>;\n}\n\nfunction convertRuntimeAction(action: ActionConfig | null, context: ActionContext) {\n if (!action) {\n return null;\n }\n return (\n <RuntimeActionWrapper\n key={action.id + '-' + context.type}\n context={context}\n mountContent={action.mountContent}\n unmountContent={action.unmountContent}\n />\n );\n}\n\nexport function createUseDiscoveredAction(onActionRegistered: ActionButtonsController['onActionRegistered']) {\n return function useDiscoveredAction(type: string): {\n discoveredActions: React.ReactNode[];\n headerRef: React.Ref<HTMLDivElement>;\n contentRef: React.Ref<HTMLDivElement>;\n } {\n const [discoveredActions, setDiscoveredActions] = useState<Array<React.ReactNode>>([]);\n const headerRef = useRef<HTMLDivElement>(null);\n const contentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n return onActionRegistered(actions => {\n setDiscoveredActions(actions.map(action => convertRuntimeAction(action, { type, headerRef, contentRef })));\n });\n }, [type]);\n\n return { discoveredActions, headerRef, contentRef };\n };\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"header": "
|
|
6
|
-
"
|
|
7
|
-
"header-link": "awsui_header-
|
|
8
|
-
"header-link
|
|
9
|
-
"header-
|
|
10
|
-
"header-logo": "awsui_header-
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"list
|
|
16
|
-
"list-variant-root
|
|
17
|
-
"list-variant-
|
|
18
|
-
"list-
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"expandable-link-group
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"section-group": "
|
|
26
|
-
"section-group
|
|
27
|
-
"
|
|
28
|
-
"link
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"divider-default": "awsui_divider-
|
|
33
|
-
"divider-header": "awsui_divider-
|
|
4
|
+
"root": "awsui_root_l0dv0_f34m1_141",
|
|
5
|
+
"header": "awsui_header_l0dv0_f34m1_178",
|
|
6
|
+
"header-link": "awsui_header-link_l0dv0_f34m1_191",
|
|
7
|
+
"header-link--has-logo": "awsui_header-link--has-logo_l0dv0_f34m1_201",
|
|
8
|
+
"header-link-text": "awsui_header-link-text_l0dv0_f34m1_201",
|
|
9
|
+
"header-logo": "awsui_header-logo_l0dv0_f34m1_206",
|
|
10
|
+
"header-logo--stretched": "awsui_header-logo--stretched_l0dv0_f34m1_212",
|
|
11
|
+
"items-control": "awsui_items-control_l0dv0_f34m1_217",
|
|
12
|
+
"list-container": "awsui_list-container_l0dv0_f34m1_221",
|
|
13
|
+
"with-toolbar": "awsui_with-toolbar_l0dv0_f34m1_224",
|
|
14
|
+
"divider": "awsui_divider_l0dv0_f34m1_224",
|
|
15
|
+
"list": "awsui_list_l0dv0_f34m1_221",
|
|
16
|
+
"list-variant-root": "awsui_list-variant-root_l0dv0_f34m1_236",
|
|
17
|
+
"list-variant-root--last": "awsui_list-variant-root--last_l0dv0_f34m1_243",
|
|
18
|
+
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_f34m1_247",
|
|
19
|
+
"list-item": "awsui_list-item_l0dv0_f34m1_251",
|
|
20
|
+
"section": "awsui_section_l0dv0_f34m1_263",
|
|
21
|
+
"refresh": "awsui_refresh_l0dv0_f34m1_263",
|
|
22
|
+
"expandable-link-group": "awsui_expandable-link-group_l0dv0_f34m1_275",
|
|
23
|
+
"section--no-ident": "awsui_section--no-ident_l0dv0_f34m1_278",
|
|
24
|
+
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_f34m1_279",
|
|
25
|
+
"list-variant-section-group": "awsui_list-variant-section-group_l0dv0_f34m1_299",
|
|
26
|
+
"section-group": "awsui_section-group_l0dv0_f34m1_306",
|
|
27
|
+
"section-group-title": "awsui_section-group-title_l0dv0_f34m1_317",
|
|
28
|
+
"link": "awsui_link_l0dv0_f34m1_321",
|
|
29
|
+
"link-active": "awsui_link-active_l0dv0_f34m1_330",
|
|
30
|
+
"info": "awsui_info_l0dv0_f34m1_367",
|
|
31
|
+
"external-icon": "awsui_external-icon_l0dv0_f34m1_371",
|
|
32
|
+
"divider-default": "awsui_divider-default_l0dv0_f34m1_380",
|
|
33
|
+
"divider-header": "awsui_divider-header_l0dv0_f34m1_386"
|
|
34
34
|
};
|
|
35
35
|
|