@cloudscape-design/components-themeable 3.0.1081 → 3.0.1083

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/button/styles.scss +4 -0
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  4. package/lib/internal/template/alert/interfaces.d.ts +0 -16
  5. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  6. package/lib/internal/template/alert/interfaces.js.map +1 -1
  7. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js +3 -3
  8. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js.map +1 -1
  9. package/lib/internal/template/badge/interfaces.d.ts +0 -9
  10. package/lib/internal/template/badge/interfaces.d.ts.map +1 -1
  11. package/lib/internal/template/badge/interfaces.js.map +1 -1
  12. package/lib/internal/template/button/interfaces.d.ts +6 -12
  13. package/lib/internal/template/button/interfaces.d.ts.map +1 -1
  14. package/lib/internal/template/button/interfaces.js.map +1 -1
  15. package/lib/internal/template/button/style.d.ts.map +1 -1
  16. package/lib/internal/template/button/style.js +17 -12
  17. package/lib/internal/template/button/style.js.map +1 -1
  18. package/lib/internal/template/button/styles.css.js +22 -22
  19. package/lib/internal/template/button/styles.scoped.css +113 -69
  20. package/lib/internal/template/button/styles.selectors.js +22 -22
  21. package/lib/internal/template/checkbox/interfaces.d.ts +0 -1
  22. package/lib/internal/template/checkbox/interfaces.d.ts.map +1 -1
  23. package/lib/internal/template/checkbox/interfaces.js.map +1 -1
  24. package/lib/internal/template/container/interfaces.d.ts +0 -15
  25. package/lib/internal/template/container/interfaces.d.ts.map +1 -1
  26. package/lib/internal/template/container/interfaces.js.map +1 -1
  27. package/lib/internal/template/date-range-picker/time-offset.js +3 -3
  28. package/lib/internal/template/date-range-picker/time-offset.js.map +1 -1
  29. package/lib/internal/template/flashbar/interfaces.d.ts +0 -24
  30. package/lib/internal/template/flashbar/interfaces.d.ts.map +1 -1
  31. package/lib/internal/template/flashbar/interfaces.js.map +1 -1
  32. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  33. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts +2 -0
  34. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
  35. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js +35 -4
  36. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  37. package/lib/internal/template/internal/environment.js +2 -2
  38. package/lib/internal/template/internal/environment.json +2 -2
  39. package/lib/internal/template/internal/hooks/use-virtual/index.d.ts.map +1 -1
  40. package/lib/internal/template/internal/hooks/use-virtual/index.js +5 -1
  41. package/lib/internal/template/internal/hooks/use-virtual/index.js.map +1 -1
  42. package/lib/internal/template/internal/utils/date-time/format-time-offset.d.ts +11 -0
  43. package/lib/internal/template/internal/utils/date-time/format-time-offset.d.ts.map +1 -1
  44. package/lib/internal/template/internal/utils/date-time/format-time-offset.js +17 -0
  45. package/lib/internal/template/internal/utils/date-time/format-time-offset.js.map +1 -1
  46. package/lib/internal/template/internal/utils/date-time/index.d.ts +1 -1
  47. package/lib/internal/template/internal/utils/date-time/index.d.ts.map +1 -1
  48. package/lib/internal/template/internal/utils/date-time/index.js +1 -1
  49. package/lib/internal/template/internal/utils/date-time/index.js.map +1 -1
  50. package/lib/internal/template/link/interfaces.d.ts +0 -6
  51. package/lib/internal/template/link/interfaces.d.ts.map +1 -1
  52. package/lib/internal/template/link/interfaces.js.map +1 -1
  53. package/lib/internal/template/radio-group/interfaces.d.ts +0 -1
  54. package/lib/internal/template/radio-group/interfaces.d.ts.map +1 -1
  55. package/lib/internal/template/radio-group/interfaces.js.map +1 -1
  56. package/lib/internal/template/toggle/interfaces.d.ts +0 -1
  57. package/lib/internal/template/toggle/interfaces.d.ts.map +1 -1
  58. package/lib/internal/template/toggle/interfaces.js.map +1 -1
  59. package/package.json +1 -1
package/lib/internal/template/button/styles.scoped.css CHANGED
@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_content_vjswe_sht5v_153:not(#\9) {
153
+ .awsui_content_vjswe_1qe56_153:not(#\9) {
154
154
  /* used in test-utils */
155
155
  }
156
156
 
157
- .awsui_button_vjswe_sht5v_157:not(#\9) {
157
+ .awsui_button_vjswe_1qe56_157:not(#\9) {
158
158
  border-collapse: separate;
159
159
  border-spacing: 0;
160
160
  box-sizing: border-box;
@@ -203,160 +203,185 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
203
203
  cursor: pointer;
204
204
  --awsui-style-focus-ring-box-shadow-kiajpc: 0 0 0 var(--awsui-style-focus-ring-border-width-kiajpc, 2px) var(--awsui-style-focus-ring-border-color-kiajpc, var(--color-border-item-focused-r5f6xl, #0073bb));
205
205
  }
206
- .awsui_button_vjswe_sht5v_157.awsui_variant-normal_vjswe_sht5v_206:not(#\9) {
206
+ .awsui_button_vjswe_1qe56_157.awsui_variant-normal_vjswe_1qe56_206:not(#\9) {
207
207
  background: var(--awsui-style-background-default-kiajpc, var(--color-background-button-normal-default-dtyxp3, #ffffff));
208
208
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-button-normal-default-u1ylq9, #545b64));
209
209
  border-color: var(--awsui-style-border-color-default-kiajpc, var(--color-border-button-normal-default-5cyqxe, #545b64));
210
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
210
211
  position: relative;
211
212
  text-decoration: none;
212
213
  }
213
- .awsui_button_vjswe_sht5v_157.awsui_variant-normal_vjswe_sht5v_206:not(#\9):hover {
214
+ .awsui_button_vjswe_1qe56_157.awsui_variant-normal_vjswe_1qe56_206:not(#\9):hover {
214
215
  background: var(--awsui-style-background-hover-kiajpc, var(--color-background-button-normal-hover-ljmwt8, #fafafa));
215
216
  border-color: var(--awsui-style-border-color-hover-kiajpc, var(--color-border-button-normal-hover-hv11nu, #16191f));
216
217
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-button-normal-hover-p4pvoi, #16191f));
218
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
217
219
  text-decoration: none;
218
220
  }
219
- .awsui_button_vjswe_sht5v_157.awsui_variant-normal_vjswe_sht5v_206:not(#\9):active {
221
+ .awsui_button_vjswe_1qe56_157.awsui_variant-normal_vjswe_1qe56_206:not(#\9):active {
220
222
  background: var(--awsui-style-background-active-kiajpc, var(--color-background-button-normal-active-1mvgjj, #eaeded));
221
223
  border-color: var(--awsui-style-border-color-active-kiajpc, var(--color-border-button-normal-active-up8asc, #545b64));
222
224
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-button-normal-active-oypp2s, #16191f));
225
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
223
226
  }
224
- .awsui_button_vjswe_sht5v_157.awsui_variant-normal_vjswe_sht5v_206.awsui_disabled_vjswe_sht5v_224:not(#\9) {
227
+ .awsui_button_vjswe_1qe56_157.awsui_variant-normal_vjswe_1qe56_206.awsui_disabled_vjswe_1qe56_227:not(#\9) {
225
228
  background: var(--awsui-style-background-disabled-kiajpc, var(--color-background-button-normal-disabled-rd09ns, #ffffff));
226
229
  border-color: var(--awsui-style-border-color-disabled-kiajpc, var(--color-border-button-normal-disabled-iu8edd, #d5dbdb));
227
230
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-button-normal-disabled-sr2mjc, #879596));
231
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
228
232
  text-decoration: none;
229
233
  cursor: auto;
230
234
  }
231
- .awsui_button_vjswe_sht5v_157.awsui_variant-primary_vjswe_sht5v_231:not(#\9) {
235
+ .awsui_button_vjswe_1qe56_157.awsui_variant-primary_vjswe_1qe56_235:not(#\9) {
232
236
  background: var(--awsui-style-background-default-kiajpc, var(--color-background-button-primary-default-3w82vy, #0073bb));
233
237
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-button-primary-default-p4hpbt, #ffffff));
234
238
  border-color: var(--awsui-style-border-color-default-kiajpc, var(--color-background-button-primary-default-3w82vy, #0073bb));
239
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
235
240
  position: relative;
236
241
  text-decoration: none;
237
242
  }
238
- .awsui_button_vjswe_sht5v_157.awsui_variant-primary_vjswe_sht5v_231:not(#\9):hover {
243
+ .awsui_button_vjswe_1qe56_157.awsui_variant-primary_vjswe_1qe56_235:not(#\9):hover {
239
244
  background: var(--awsui-style-background-hover-kiajpc, var(--color-background-button-primary-hover-o7mzaq, #0a4a74));
240
245
  border-color: var(--awsui-style-border-color-hover-kiajpc, var(--color-background-button-primary-hover-o7mzaq, #0a4a74));
241
246
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-button-primary-hover-aa75h0, #ffffff));
247
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
242
248
  text-decoration: none;
243
249
  }
244
- .awsui_button_vjswe_sht5v_157.awsui_variant-primary_vjswe_sht5v_231:not(#\9):active {
250
+ .awsui_button_vjswe_1qe56_157.awsui_variant-primary_vjswe_1qe56_235:not(#\9):active {
245
251
  background: var(--awsui-style-background-active-kiajpc, var(--color-background-button-primary-active-78nndc, #12293b));
246
252
  border-color: var(--awsui-style-border-color-active-kiajpc, var(--color-background-button-primary-active-78nndc, #12293b));
247
253
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-button-primary-active-mc67wn, #ffffff));
254
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
248
255
  }
249
- .awsui_button_vjswe_sht5v_157.awsui_variant-primary_vjswe_sht5v_231.awsui_disabled_vjswe_sht5v_224:not(#\9) {
256
+ .awsui_button_vjswe_1qe56_157.awsui_variant-primary_vjswe_1qe56_235.awsui_disabled_vjswe_1qe56_227:not(#\9) {
250
257
  background: var(--awsui-style-background-disabled-kiajpc, var(--color-background-button-primary-disabled-1tc1nl, #ffffff));
251
258
  border-color: var(--awsui-style-border-color-disabled-kiajpc, var(--color-border-button-primary-disabled-xk738n, #d5dbdb));
252
259
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-button-primary-disabled-xs2e2t, #879596));
260
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
253
261
  text-decoration: none;
254
262
  cursor: auto;
255
263
  }
256
- .awsui_button_vjswe_sht5v_157.awsui_variant-link_vjswe_sht5v_256:not(#\9) {
264
+ .awsui_button_vjswe_1qe56_157.awsui_variant-link_vjswe_1qe56_264:not(#\9) {
257
265
  background: var(--awsui-style-background-default-kiajpc, transparent);
258
266
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-button-normal-default-u1ylq9, #545b64));
259
267
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
268
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
260
269
  position: relative;
261
270
  text-decoration: none;
262
271
  }
263
- .awsui_button_vjswe_sht5v_157.awsui_variant-link_vjswe_sht5v_256:not(#\9):hover {
272
+ .awsui_button_vjswe_1qe56_157.awsui_variant-link_vjswe_1qe56_264:not(#\9):hover {
264
273
  background: var(--awsui-style-background-hover-kiajpc, var(--color-background-button-link-hover-0o9e67, #fafafa));
265
274
  border-color: var(--awsui-style-border-color-hover-kiajpc, var(--color-background-button-link-hover-0o9e67, #fafafa));
266
275
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-button-normal-hover-p4pvoi, #16191f));
276
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
267
277
  text-decoration: none;
268
278
  }
269
- .awsui_button_vjswe_sht5v_157.awsui_variant-link_vjswe_sht5v_256:not(#\9):active {
279
+ .awsui_button_vjswe_1qe56_157.awsui_variant-link_vjswe_1qe56_264:not(#\9):active {
270
280
  background: var(--awsui-style-background-active-kiajpc, var(--color-background-button-link-active-twcnhp, #eaeded));
271
281
  border-color: var(--awsui-style-border-color-active-kiajpc, var(--color-background-button-link-active-twcnhp, #eaeded));
272
282
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-button-normal-active-oypp2s, #16191f));
283
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
273
284
  }
274
- .awsui_button_vjswe_sht5v_157.awsui_variant-link_vjswe_sht5v_256.awsui_disabled_vjswe_sht5v_224:not(#\9) {
285
+ .awsui_button_vjswe_1qe56_157.awsui_variant-link_vjswe_1qe56_264.awsui_disabled_vjswe_1qe56_227:not(#\9) {
275
286
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
276
287
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
277
288
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
289
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
278
290
  text-decoration: none;
279
291
  cursor: auto;
280
292
  }
281
- .awsui_button_vjswe_sht5v_157.awsui_variant-icon_vjswe_sht5v_281:not(#\9) {
293
+ .awsui_button_vjswe_1qe56_157.awsui_variant-icon_vjswe_1qe56_293:not(#\9) {
282
294
  background: var(--awsui-style-background-default-kiajpc, transparent);
283
295
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-interactive-default-qwoe3g, #545b64));
284
296
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
297
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
285
298
  position: relative;
286
299
  text-decoration: none;
287
300
  }
288
- .awsui_button_vjswe_sht5v_157.awsui_variant-icon_vjswe_sht5v_281:not(#\9):hover {
301
+ .awsui_button_vjswe_1qe56_157.awsui_variant-icon_vjswe_1qe56_293:not(#\9):hover {
289
302
  background: var(--awsui-style-background-hover-kiajpc, transparent);
290
303
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
291
304
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-interactive-hover-bu4gls, #16191f));
305
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
292
306
  text-decoration: none;
293
307
  }
294
- .awsui_button_vjswe_sht5v_157.awsui_variant-icon_vjswe_sht5v_281:not(#\9):active {
308
+ .awsui_button_vjswe_1qe56_157.awsui_variant-icon_vjswe_1qe56_293:not(#\9):active {
295
309
  background: var(--awsui-style-background-active-kiajpc, transparent);
296
310
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
297
311
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-interactive-default-qwoe3g, #545b64));
312
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
298
313
  }
299
- .awsui_button_vjswe_sht5v_157.awsui_variant-icon_vjswe_sht5v_281.awsui_disabled_vjswe_sht5v_224:not(#\9) {
314
+ .awsui_button_vjswe_1qe56_157.awsui_variant-icon_vjswe_1qe56_293.awsui_disabled_vjswe_1qe56_227:not(#\9) {
300
315
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
301
316
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
302
317
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-button-icon-disabled-xkerbo, #879596));
318
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
303
319
  text-decoration: none;
304
320
  cursor: auto;
305
321
  }
306
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon_vjswe_sht5v_306:not(#\9) {
322
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon_vjswe_1qe56_322:not(#\9) {
307
323
  background: var(--awsui-style-background-default-kiajpc, transparent);
308
324
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
309
325
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
326
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
310
327
  position: relative;
311
328
  text-decoration: none;
312
329
  }
313
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon_vjswe_sht5v_306:not(#\9):hover {
330
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon_vjswe_1qe56_322:not(#\9):hover {
314
331
  background: var(--awsui-style-background-hover-kiajpc, transparent);
315
332
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
316
333
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-button-inline-icon-hover-9zejqi, #16191f));
334
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
317
335
  text-decoration: none;
318
336
  }
319
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon_vjswe_sht5v_306:not(#\9):active {
337
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon_vjswe_1qe56_322:not(#\9):active {
320
338
  background: var(--awsui-style-background-active-kiajpc, transparent);
321
339
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
322
340
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
341
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
323
342
  }
324
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon_vjswe_sht5v_306.awsui_disabled_vjswe_sht5v_224:not(#\9) {
343
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon_vjswe_1qe56_322.awsui_disabled_vjswe_1qe56_227:not(#\9) {
325
344
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
326
345
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
327
346
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
347
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
328
348
  text-decoration: none;
329
349
  cursor: auto;
330
350
  }
331
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331:not(#\9) {
351
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351:not(#\9) {
332
352
  background: var(--awsui-style-background-default-kiajpc, transparent);
333
353
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
334
354
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
355
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
335
356
  position: relative;
336
357
  text-decoration: none;
337
358
  }
338
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331:not(#\9):hover {
359
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351:not(#\9):hover {
339
360
  background: var(--awsui-style-background-hover-kiajpc, transparent);
340
361
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
341
362
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-button-inline-icon-hover-9zejqi, #16191f));
363
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
342
364
  text-decoration: none;
343
365
  }
344
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331:not(#\9):active {
366
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351:not(#\9):active {
345
367
  background: var(--awsui-style-background-active-kiajpc, transparent);
346
368
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
347
369
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-button-inline-icon-default-1vy0j1, #545b64));
370
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
348
371
  }
349
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331.awsui_disabled_vjswe_sht5v_224:not(#\9) {
372
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351.awsui_disabled_vjswe_1qe56_227:not(#\9) {
350
373
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
351
374
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
352
375
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-button-inline-icon-disabled-o6nywg, #aab7b8));
376
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
353
377
  text-decoration: none;
354
378
  cursor: auto;
355
379
  }
356
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-link_vjswe_sht5v_356:not(#\9) {
380
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-link_vjswe_1qe56_380:not(#\9) {
357
381
  background: var(--awsui-style-background-default-kiajpc, transparent);
358
382
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-button-normal-default-u1ylq9, #545b64));
359
383
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
384
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
360
385
  border-block-width: 0;
361
386
  border-inline-width: 0;
362
387
  position: relative;
@@ -364,78 +389,90 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
364
389
  padding-block: 0;
365
390
  padding-inline: 0;
366
391
  }
367
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-link_vjswe_sht5v_356:not(#\9):hover {
392
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-link_vjswe_1qe56_380:not(#\9):hover {
368
393
  background: var(--awsui-style-background-hover-kiajpc, transparent);
369
394
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
370
395
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-button-normal-hover-p4pvoi, #16191f));
396
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
371
397
  text-decoration: none;
372
398
  }
373
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-link_vjswe_sht5v_356:not(#\9):active {
399
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-link_vjswe_1qe56_380:not(#\9):active {
374
400
  background: var(--awsui-style-background-active-kiajpc, transparent);
375
401
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
376
402
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-button-normal-active-oypp2s, #16191f));
403
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
377
404
  }
378
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-link_vjswe_sht5v_356.awsui_disabled_vjswe_sht5v_224:not(#\9) {
405
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-link_vjswe_1qe56_380.awsui_disabled_vjswe_1qe56_227:not(#\9) {
379
406
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
380
407
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
381
408
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
409
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
382
410
  text-decoration: none;
383
411
  cursor: auto;
384
412
  }
385
- .awsui_button_vjswe_sht5v_157.awsui_variant-modal-dismiss_vjswe_sht5v_385:not(#\9) {
413
+ .awsui_button_vjswe_1qe56_157.awsui_variant-modal-dismiss_vjswe_1qe56_413:not(#\9) {
386
414
  background: var(--awsui-style-background-default-kiajpc, transparent);
387
415
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-interactive-default-qwoe3g, #545b64));
388
416
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
417
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
389
418
  position: relative;
390
419
  text-decoration: none;
391
420
  }
392
- .awsui_button_vjswe_sht5v_157.awsui_variant-modal-dismiss_vjswe_sht5v_385:not(#\9):hover {
421
+ .awsui_button_vjswe_1qe56_157.awsui_variant-modal-dismiss_vjswe_1qe56_413:not(#\9):hover {
393
422
  background: var(--awsui-style-background-hover-kiajpc, transparent);
394
423
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
395
424
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-interactive-hover-bu4gls, #16191f));
425
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
396
426
  text-decoration: none;
397
427
  }
398
- .awsui_button_vjswe_sht5v_157.awsui_variant-modal-dismiss_vjswe_sht5v_385:not(#\9):active {
428
+ .awsui_button_vjswe_1qe56_157.awsui_variant-modal-dismiss_vjswe_1qe56_413:not(#\9):active {
399
429
  background: var(--awsui-style-background-active-kiajpc, transparent);
400
430
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
401
431
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-interactive-default-qwoe3g, #545b64));
432
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
402
433
  }
403
- .awsui_button_vjswe_sht5v_157.awsui_variant-modal-dismiss_vjswe_sht5v_385.awsui_disabled_vjswe_sht5v_224:not(#\9) {
434
+ .awsui_button_vjswe_1qe56_157.awsui_variant-modal-dismiss_vjswe_1qe56_413.awsui_disabled_vjswe_1qe56_227:not(#\9) {
404
435
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
405
436
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
406
437
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
438
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
407
439
  text-decoration: none;
408
440
  cursor: auto;
409
441
  }
410
- .awsui_button_vjswe_sht5v_157.awsui_variant-flashbar-icon_vjswe_sht5v_410:not(#\9) {
442
+ .awsui_button_vjswe_1qe56_157.awsui_variant-flashbar-icon_vjswe_1qe56_442:not(#\9) {
411
443
  background: var(--awsui-style-background-default-kiajpc, transparent);
412
444
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-interactive-inverted-default-hyioba, #d5dbdb));
413
445
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
446
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
414
447
  position: relative;
415
448
  text-decoration: none;
416
449
  }
417
- .awsui_button_vjswe_sht5v_157.awsui_variant-flashbar-icon_vjswe_sht5v_410:not(#\9):hover {
450
+ .awsui_button_vjswe_1qe56_157.awsui_variant-flashbar-icon_vjswe_1qe56_442:not(#\9):hover {
418
451
  background: var(--awsui-style-background-hover-kiajpc, transparent);
419
452
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
420
453
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-interactive-inverted-hover-p0x69h, #fafafa));
454
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
421
455
  text-decoration: none;
422
456
  }
423
- .awsui_button_vjswe_sht5v_157.awsui_variant-flashbar-icon_vjswe_sht5v_410:not(#\9):active {
457
+ .awsui_button_vjswe_1qe56_157.awsui_variant-flashbar-icon_vjswe_1qe56_442:not(#\9):active {
424
458
  background: var(--awsui-style-background-active-kiajpc, transparent);
425
459
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
426
460
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-interactive-inverted-default-hyioba, #d5dbdb));
461
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
427
462
  }
428
- .awsui_button_vjswe_sht5v_157.awsui_variant-flashbar-icon_vjswe_sht5v_410.awsui_disabled_vjswe_sht5v_224:not(#\9) {
463
+ .awsui_button_vjswe_1qe56_157.awsui_variant-flashbar-icon_vjswe_1qe56_442.awsui_disabled_vjswe_1qe56_227:not(#\9) {
429
464
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
430
465
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
431
466
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
467
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
432
468
  text-decoration: none;
433
469
  cursor: auto;
434
470
  }
435
- .awsui_button_vjswe_sht5v_157.awsui_variant-breadcrumb-group_vjswe_sht5v_435:not(#\9) {
471
+ .awsui_button_vjswe_1qe56_157.awsui_variant-breadcrumb-group_vjswe_1qe56_471:not(#\9) {
436
472
  background: var(--awsui-style-background-default-kiajpc, transparent);
437
473
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
438
474
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
475
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
439
476
  border-block-width: 0;
440
477
  border-inline-width: 0;
441
478
  position: relative;
@@ -444,61 +481,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
444
481
  padding-inline: 0;
445
482
  font-weight: normal;
446
483
  }
447
- .awsui_button_vjswe_sht5v_157.awsui_variant-breadcrumb-group_vjswe_sht5v_435:not(#\9):hover {
484
+ .awsui_button_vjswe_1qe56_157.awsui_variant-breadcrumb-group_vjswe_1qe56_471:not(#\9):hover {
448
485
  background: var(--awsui-style-background-hover-kiajpc, transparent);
449
486
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
450
487
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-link-hover-tk5gkv, #0a4a74));
488
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
451
489
  text-decoration: none;
452
490
  }
453
- .awsui_button_vjswe_sht5v_157.awsui_variant-breadcrumb-group_vjswe_sht5v_435:not(#\9):active {
491
+ .awsui_button_vjswe_1qe56_157.awsui_variant-breadcrumb-group_vjswe_1qe56_471:not(#\9):active {
454
492
  background: var(--awsui-style-background-active-kiajpc, transparent);
455
493
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
456
494
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-link-default-x6cnv5, #0073bb));
495
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
457
496
  }
458
- .awsui_button_vjswe_sht5v_157.awsui_variant-breadcrumb-group_vjswe_sht5v_435.awsui_disabled_vjswe_sht5v_224:not(#\9) {
497
+ .awsui_button_vjswe_1qe56_157.awsui_variant-breadcrumb-group_vjswe_1qe56_471.awsui_disabled_vjswe_1qe56_227:not(#\9) {
459
498
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
460
499
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
461
500
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
501
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
462
502
  text-decoration: none;
463
503
  cursor: auto;
464
504
  }
465
- .awsui_button_vjswe_sht5v_157.awsui_variant-menu-trigger_vjswe_sht5v_465:not(#\9) {
505
+ .awsui_button_vjswe_1qe56_157.awsui_variant-menu-trigger_vjswe_1qe56_505:not(#\9) {
466
506
  background: var(--awsui-style-background-default-kiajpc, transparent);
467
507
  color: var(--awsui-style-color-default-kiajpc, var(--color-text-button-normal-default-u1ylq9, #545b64));
468
508
  border-color: var(--awsui-style-border-color-default-kiajpc, transparent);
509
+ box-shadow: var(--awsui-style-box-shadow-default-kiajpc);
469
510
  position: relative;
470
511
  text-decoration: none;
471
512
  }
472
- .awsui_button_vjswe_sht5v_157.awsui_variant-menu-trigger_vjswe_sht5v_465:not(#\9):hover {
513
+ .awsui_button_vjswe_1qe56_157.awsui_variant-menu-trigger_vjswe_1qe56_505:not(#\9):hover {
473
514
  background: var(--awsui-style-background-hover-kiajpc, transparent);
474
515
  border-color: var(--awsui-style-border-color-hover-kiajpc, transparent);
475
516
  color: var(--awsui-style-color-hover-kiajpc, var(--color-text-button-normal-hover-p4pvoi, #16191f));
517
+ box-shadow: var(--awsui-style-box-shadow-hover-kiajpc);
476
518
  text-decoration: none;
477
519
  }
478
- .awsui_button_vjswe_sht5v_157.awsui_variant-menu-trigger_vjswe_sht5v_465:not(#\9):active {
520
+ .awsui_button_vjswe_1qe56_157.awsui_variant-menu-trigger_vjswe_1qe56_505:not(#\9):active {
479
521
  background: var(--awsui-style-background-active-kiajpc, transparent);
480
522
  border-color: var(--awsui-style-border-color-active-kiajpc, transparent);
481
523
  color: var(--awsui-style-color-active-kiajpc, var(--color-text-button-normal-active-oypp2s, #16191f));
524
+ box-shadow: var(--awsui-style-box-shadow-active-kiajpc);
482
525
  }
483
- .awsui_button_vjswe_sht5v_157.awsui_variant-menu-trigger_vjswe_sht5v_465.awsui_disabled_vjswe_sht5v_224:not(#\9) {
526
+ .awsui_button_vjswe_1qe56_157.awsui_variant-menu-trigger_vjswe_1qe56_505.awsui_disabled_vjswe_1qe56_227:not(#\9) {
484
527
  background: var(--awsui-style-background-disabled-kiajpc, transparent);
485
528
  border-color: var(--awsui-style-border-color-disabled-kiajpc, transparent);
486
529
  color: var(--awsui-style-color-disabled-kiajpc, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
530
+ box-shadow: var(--awsui-style-box-shadow-disabled-kiajpc);
487
531
  text-decoration: none;
488
532
  cursor: auto;
489
533
  }
490
- .awsui_button_vjswe_sht5v_157:not(#\9):focus {
534
+ .awsui_button_vjswe_1qe56_157:not(#\9):focus {
491
535
  outline: none;
492
536
  text-decoration: none;
493
537
  }
494
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus {
538
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus {
495
539
  position: relative;
496
540
  }
497
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus {
541
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus {
498
542
  outline: 2px dotted transparent;
499
543
  outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
500
544
  }
501
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus::before {
545
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus::before {
502
546
  content: " ";
503
547
  display: block;
504
548
  position: absolute;
@@ -512,14 +556,14 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus
512
556
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
513
557
  box-shadow: var(--awsui-style-focus-ring-box-shadow-kiajpc);
514
558
  }
515
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-icon_vjswe_sht5v_281, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_sht5v_385, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_sht5v_410 {
559
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-icon_vjswe_1qe56_293, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_1qe56_413, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_1qe56_442 {
516
560
  position: relative;
517
561
  }
518
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-icon_vjswe_sht5v_281, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_sht5v_385, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_sht5v_410 {
562
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-icon_vjswe_1qe56_293, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_1qe56_413, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_1qe56_442 {
519
563
  outline: 2px dotted transparent;
520
564
  outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
521
565
  }
522
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-icon_vjswe_sht5v_281::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_sht5v_385::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_sht5v_410::before {
566
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-icon_vjswe_1qe56_293::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-modal-dismiss_vjswe_1qe56_413::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-flashbar-icon_vjswe_1qe56_442::before {
523
567
  content: " ";
524
568
  display: block;
525
569
  position: absolute;
@@ -533,14 +577,14 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus
533
577
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
534
578
  box-shadow: var(--awsui-style-focus-ring-box-shadow-kiajpc);
535
579
  }
536
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_sht5v_306, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331 {
580
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_1qe56_322, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351 {
537
581
  position: relative;
538
582
  }
539
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_sht5v_306, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331 {
583
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_1qe56_322, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351 {
540
584
  outline: 2px dotted transparent;
541
585
  outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-cecatq, 3px) - 1px);
542
586
  }
543
- body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_sht5v_306::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331::before {
587
+ body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-inline-icon_vjswe_1qe56_322::before, body[data-awsui-focus-visible=true] .awsui_button_vjswe_1qe56_157:not(#\9):focus.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351::before {
544
588
  content: " ";
545
589
  display: block;
546
590
  position: absolute;
@@ -554,59 +598,59 @@ body[data-awsui-focus-visible=true] .awsui_button_vjswe_sht5v_157:not(#\9):focus
554
598
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
555
599
  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
556
600
  }
557
- .awsui_button_vjswe_sht5v_157.awsui_button-no-text_vjswe_sht5v_557:not(#\9) {
601
+ .awsui_button_vjswe_1qe56_157.awsui_button-no-text_vjswe_1qe56_601:not(#\9) {
558
602
  padding-inline-start: var(--space-button-icon-only-horizontal-67q6rd, 16px);
559
603
  padding-inline-end: var(--space-button-icon-only-horizontal-67q6rd, 16px);
560
604
  }
561
- .awsui_button_vjswe_sht5v_157.awsui_button-no-wrap_vjswe_sht5v_561:not(#\9) {
605
+ .awsui_button_vjswe_1qe56_157.awsui_button-no-wrap_vjswe_1qe56_605:not(#\9) {
562
606
  white-space: nowrap;
563
607
  }
564
- .awsui_button_vjswe_sht5v_157.awsui_full-width_vjswe_sht5v_564:not(#\9) {
608
+ .awsui_button_vjswe_1qe56_157.awsui_full-width_vjswe_1qe56_608:not(#\9) {
565
609
  inline-size: 100%;
566
610
  text-align: center;
567
611
  }
568
- .awsui_button_vjswe_sht5v_157.awsui_variant-icon_vjswe_sht5v_281:not(#\9), .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon_vjswe_sht5v_306:not(#\9), .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331:not(#\9), .awsui_button_vjswe_sht5v_157.awsui_variant-flashbar-icon_vjswe_sht5v_410:not(#\9) {
612
+ .awsui_button_vjswe_1qe56_157.awsui_variant-icon_vjswe_1qe56_293:not(#\9), .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon_vjswe_1qe56_322:not(#\9), .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351:not(#\9), .awsui_button_vjswe_1qe56_157.awsui_variant-flashbar-icon_vjswe_1qe56_442:not(#\9) {
569
613
  padding-inline: var(--space-xxs-jnczic, 4px);
570
614
  }
571
- .awsui_button_vjswe_sht5v_157.awsui_variant-modal-dismiss_vjswe_sht5v_385:not(#\9) {
615
+ .awsui_button_vjswe_1qe56_157.awsui_variant-modal-dismiss_vjswe_1qe56_413:not(#\9) {
572
616
  padding-block: var(--space-button-modal-dismiss-vertical-yopl9m, 4px);
573
617
  padding-inline: var(--space-xxs-jnczic, 4px);
574
618
  margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
575
619
  }
576
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon_vjswe_sht5v_306:not(#\9) {
620
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon_vjswe_1qe56_322:not(#\9) {
577
621
  padding-block: 0;
578
622
  border-block-width: 0;
579
623
  border-inline-width: 0;
580
624
  }
581
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331:not(#\9) {
625
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351:not(#\9) {
582
626
  padding-block: var(--space-xxxs-3w1kr2, 2px);
583
627
  border-block-width: 0;
584
628
  border-inline-width: 0;
585
629
  }
586
- .awsui_button_vjswe_sht5v_157 > .awsui_icon-left_vjswe_sht5v_586:not(#\9) {
630
+ .awsui_button_vjswe_1qe56_157 > .awsui_icon-left_vjswe_1qe56_630:not(#\9) {
587
631
  position: relative;
588
632
  inset-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
589
633
  margin-inline-end: var(--space-xxs-jnczic, 4px);
590
634
  }
591
- .awsui_button_vjswe_sht5v_157 > .awsui_icon-right_vjswe_sht5v_591:not(#\9) {
635
+ .awsui_button_vjswe_1qe56_157 > .awsui_icon-right_vjswe_1qe56_635:not(#\9) {
592
636
  position: relative;
593
637
  inset-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
594
638
  margin-inline-start: var(--space-xxs-jnczic, 4px);
595
639
  }
596
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-link_vjswe_sht5v_356 > .awsui_icon-left_vjswe_sht5v_586:not(#\9) {
640
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-link_vjswe_1qe56_380 > .awsui_icon-left_vjswe_1qe56_630:not(#\9) {
597
641
  inset-inline-start: 0;
598
642
  margin-inline-end: var(--space-xs-kw7k3v, 8px);
599
643
  }
600
- .awsui_button_vjswe_sht5v_157.awsui_variant-inline-link_vjswe_sht5v_356 > .awsui_icon-right_vjswe_sht5v_591:not(#\9) {
644
+ .awsui_button_vjswe_1qe56_157.awsui_variant-inline-link_vjswe_1qe56_380 > .awsui_icon-right_vjswe_1qe56_635:not(#\9) {
601
645
  inset-inline-end: 0;
602
646
  margin-inline-start: var(--space-xs-kw7k3v, 8px);
603
647
  }
604
- .awsui_button_vjswe_sht5v_157.awsui_button-no-text_vjswe_sht5v_557 > .awsui_icon_vjswe_sht5v_586:not(#\9) {
648
+ .awsui_button_vjswe_1qe56_157.awsui_button-no-text_vjswe_1qe56_601 > .awsui_icon_vjswe_1qe56_630:not(#\9) {
605
649
  margin-inline-start: auto;
606
650
  margin-inline-end: auto;
607
651
  inset-inline: 0;
608
652
  }
609
653
 
610
- .awsui_link_vjswe_sht5v_610.awsui_disabled_vjswe_sht5v_224:not(#\9):not(.awsui_disabled-with-reason_vjswe_sht5v_610) {
654
+ .awsui_link_vjswe_1qe56_654.awsui_disabled_vjswe_1qe56_227:not(#\9):not(.awsui_disabled-with-reason_vjswe_1qe56_654) {
611
655
  pointer-events: none;
612
656
  }
package/lib/internal/template/button/styles.selectors.js CHANGED
@@ -2,27 +2,27 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "content": "awsui_content_vjswe_sht5v_153",
6
- "button": "awsui_button_vjswe_sht5v_157",
7
- "variant-normal": "awsui_variant-normal_vjswe_sht5v_206",
8
- "disabled": "awsui_disabled_vjswe_sht5v_224",
9
- "variant-primary": "awsui_variant-primary_vjswe_sht5v_231",
10
- "variant-link": "awsui_variant-link_vjswe_sht5v_256",
11
- "variant-icon": "awsui_variant-icon_vjswe_sht5v_281",
12
- "variant-inline-icon": "awsui_variant-inline-icon_vjswe_sht5v_306",
13
- "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_sht5v_331",
14
- "variant-inline-link": "awsui_variant-inline-link_vjswe_sht5v_356",
15
- "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_sht5v_385",
16
- "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_sht5v_410",
17
- "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_sht5v_435",
18
- "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_sht5v_465",
19
- "button-no-text": "awsui_button-no-text_vjswe_sht5v_557",
20
- "button-no-wrap": "awsui_button-no-wrap_vjswe_sht5v_561",
21
- "full-width": "awsui_full-width_vjswe_sht5v_564",
22
- "icon-left": "awsui_icon-left_vjswe_sht5v_586",
23
- "icon-right": "awsui_icon-right_vjswe_sht5v_591",
24
- "icon": "awsui_icon_vjswe_sht5v_586",
25
- "link": "awsui_link_vjswe_sht5v_610",
26
- "disabled-with-reason": "awsui_disabled-with-reason_vjswe_sht5v_610"
5
+ "content": "awsui_content_vjswe_1qe56_153",
6
+ "button": "awsui_button_vjswe_1qe56_157",
7
+ "variant-normal": "awsui_variant-normal_vjswe_1qe56_206",
8
+ "disabled": "awsui_disabled_vjswe_1qe56_227",
9
+ "variant-primary": "awsui_variant-primary_vjswe_1qe56_235",
10
+ "variant-link": "awsui_variant-link_vjswe_1qe56_264",
11
+ "variant-icon": "awsui_variant-icon_vjswe_1qe56_293",
12
+ "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1qe56_322",
13
+ "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1qe56_351",
14
+ "variant-inline-link": "awsui_variant-inline-link_vjswe_1qe56_380",
15
+ "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1qe56_413",
16
+ "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1qe56_442",
17
+ "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1qe56_471",
18
+ "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1qe56_505",
19
+ "button-no-text": "awsui_button-no-text_vjswe_1qe56_601",
20
+ "button-no-wrap": "awsui_button-no-wrap_vjswe_1qe56_605",
21
+ "full-width": "awsui_full-width_vjswe_1qe56_608",
22
+ "icon-left": "awsui_icon-left_vjswe_1qe56_630",
23
+ "icon-right": "awsui_icon-right_vjswe_1qe56_635",
24
+ "icon": "awsui_icon_vjswe_1qe56_630",
25
+ "link": "awsui_link_vjswe_1qe56_654",
26
+ "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1qe56_654"
27
27
  };
28
28
 
package/lib/internal/template/checkbox/interfaces.d.ts CHANGED
@@ -22,7 +22,6 @@ export interface CheckboxProps extends BaseCheckboxProps {
22
22
  */
23
23
  ariaRequired?: boolean;
24
24
  /**
25
- * Specifies an object of selectors and properties that are used to apply custom styles.
26
25
  * @awsuiSystem core
27
26
  */
28
27
  style?: CheckboxProps.Style;
package/lib/internal/template/checkbox/interfaces.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/checkbox/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAEjE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AAED,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,KAAK,CAAC;KACtB;IAED,UAAiB,KAAK;QACpB,KAAK,CAAC,EAAE;YACN,IAAI,CAAC,EAAE;gBACL,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE;oBACP,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;oBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;oBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;iBACnB,CAAC;aACH,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;KACH;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/checkbox/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAEjE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AAED,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,YAAY;QAC3B,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,KAAK,CAAC;KACtB;IAED,UAAiB,KAAK;QACpB,KAAK,CAAC,EAAE;YACN,IAAI,CAAC,EAAE;gBACL,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE;oBACP,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;oBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;oBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;iBACnB,CAAC;aACH,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;KACH;CACF"}
package/lib/internal/template/checkbox/interfaces.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/checkbox/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 { NonCancelableEventHandler } from '../internal/events';\nimport { BaseCheckboxProps } from './base-checkbox';\n\nexport interface CheckboxProps extends BaseCheckboxProps {\n /**\n * The control's label that's displayed next to the checkbox. A state change occurs when a user clicks on it.\n * @displayname label\n */\n children?: React.ReactNode;\n\n /**\n * Specifies that the component is in an indeterminate state. The behavior of this property replicates\n * the behavior of [the respective property](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes)\n * in the native control.\n */\n indeterminate?: boolean;\n\n /**\n * Called when the user changes the component state. The event `detail` contains the current value for the `checked` property.\n */\n onChange?: NonCancelableEventHandler<CheckboxProps.ChangeDetail>;\n\n /**\n * Specifies whether to add `aria-required` to the native control.\n */\n ariaRequired?: boolean;\n\n /**\n * Specifies an object of selectors and properties that are used to apply custom styles.\n * @awsuiSystem core\n */\n style?: CheckboxProps.Style;\n}\n\nexport namespace CheckboxProps {\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n }\n\n export interface ChangeDetail {\n checked: boolean;\n indeterminate: false;\n }\n\n export interface Style {\n input?: {\n fill?: {\n checked?: string;\n default?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n stroke?: {\n checked?: string;\n default?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n check?: {\n stroke?: {\n checked?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n label?: {\n color?: {\n checked?: string;\n default?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n };\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/checkbox/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 { NonCancelableEventHandler } from '../internal/events';\nimport { BaseCheckboxProps } from './base-checkbox';\n\nexport interface CheckboxProps extends BaseCheckboxProps {\n /**\n * The control's label that's displayed next to the checkbox. A state change occurs when a user clicks on it.\n * @displayname label\n */\n children?: React.ReactNode;\n\n /**\n * Specifies that the component is in an indeterminate state. The behavior of this property replicates\n * the behavior of [the respective property](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes)\n * in the native control.\n */\n indeterminate?: boolean;\n\n /**\n * Called when the user changes the component state. The event `detail` contains the current value for the `checked` property.\n */\n onChange?: NonCancelableEventHandler<CheckboxProps.ChangeDetail>;\n\n /**\n * Specifies whether to add `aria-required` to the native control.\n */\n ariaRequired?: boolean;\n\n /**\n * @awsuiSystem core\n */\n style?: CheckboxProps.Style;\n}\n\nexport namespace CheckboxProps {\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n }\n\n export interface ChangeDetail {\n checked: boolean;\n indeterminate: false;\n }\n\n export interface Style {\n input?: {\n fill?: {\n checked?: string;\n default?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n stroke?: {\n checked?: string;\n default?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n check?: {\n stroke?: {\n checked?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n label?: {\n color?: {\n checked?: string;\n default?: string;\n disabled?: string;\n indeterminate?: string;\n readOnly?: string;\n };\n };\n }\n}\n"]}