@cloudscape-design/components 3.0.151 → 3.0.152

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 (72) hide show
  1. package/box/styles.css.js +189 -189
  2. package/box/styles.scoped.css +239 -233
  3. package/box/styles.selectors.js +189 -189
  4. package/button/styles.css.js +18 -18
  5. package/button/styles.scoped.css +140 -138
  6. package/button/styles.selectors.js +18 -18
  7. package/cards/styles.css.js +37 -37
  8. package/cards/styles.scoped.css +46 -44
  9. package/cards/styles.selectors.js +37 -37
  10. package/expandable-section/styles.css.js +21 -21
  11. package/expandable-section/styles.scoped.css +44 -42
  12. package/expandable-section/styles.selectors.js +21 -21
  13. package/header/internal.d.ts.map +1 -1
  14. package/header/internal.js +1 -1
  15. package/header/internal.js.map +1 -1
  16. package/header/styles.css.js +44 -40
  17. package/header/styles.scoped.css +74 -52
  18. package/header/styles.selectors.js +44 -40
  19. package/help-panel/styles.css.js +4 -4
  20. package/help-panel/styles.scoped.css +72 -58
  21. package/help-panel/styles.selectors.js +4 -4
  22. package/internal/base-component/styles.scoped.css +2 -0
  23. package/internal/components/menu-dropdown/styles.css.js +7 -7
  24. package/internal/components/menu-dropdown/styles.scoped.css +16 -14
  25. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  26. package/internal/environment.js +1 -1
  27. package/internal/generated/theming/index.cjs +6 -0
  28. package/internal/generated/theming/index.js +6 -0
  29. package/internal/manifest.json +1 -1
  30. package/link/styles.css.js +20 -20
  31. package/link/styles.scoped.css +75 -71
  32. package/link/styles.selectors.js +20 -20
  33. package/package.json +1 -1
  34. package/pagination/styles.css.js +9 -9
  35. package/pagination/styles.scoped.css +25 -23
  36. package/pagination/styles.selectors.js +9 -9
  37. package/pie-chart/styles.css.js +27 -27
  38. package/pie-chart/styles.scoped.css +45 -43
  39. package/pie-chart/styles.selectors.js +27 -27
  40. package/popover/styles.css.js +50 -50
  41. package/popover/styles.scoped.css +67 -63
  42. package/popover/styles.selectors.js +50 -50
  43. package/progress-bar/styles.css.js +18 -18
  44. package/progress-bar/styles.scoped.css +34 -32
  45. package/progress-bar/styles.selectors.js +18 -18
  46. package/segmented-control/styles.css.js +14 -14
  47. package/segmented-control/styles.scoped.css +37 -35
  48. package/segmented-control/styles.selectors.js +14 -14
  49. package/side-navigation/styles.css.js +22 -22
  50. package/side-navigation/styles.scoped.css +36 -32
  51. package/side-navigation/styles.selectors.js +22 -22
  52. package/split-panel/styles.css.js +59 -59
  53. package/split-panel/styles.scoped.css +83 -81
  54. package/split-panel/styles.selectors.js +59 -59
  55. package/table/header-cell/styles.css.js +18 -18
  56. package/table/header-cell/styles.scoped.css +32 -30
  57. package/table/header-cell/styles.selectors.js +18 -18
  58. package/tabs/styles.css.js +21 -21
  59. package/tabs/styles.scoped.css +40 -38
  60. package/tabs/styles.selectors.js +21 -21
  61. package/tag-editor/styles.css.js +3 -3
  62. package/tag-editor/styles.scoped.css +12 -10
  63. package/tag-editor/styles.selectors.js +3 -3
  64. package/text-content/styles.css.js +1 -1
  65. package/text-content/styles.scoped.css +70 -60
  66. package/text-content/styles.selectors.js +1 -1
  67. package/top-navigation/1.0-beta/styles.css.js +25 -25
  68. package/top-navigation/1.0-beta/styles.scoped.css +44 -42
  69. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  70. package/top-navigation/styles.css.js +47 -47
  71. package/top-navigation/styles.scoped.css +72 -66
  72. package/top-navigation/styles.selectors.js +47 -47
@@ -182,27 +182,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
182
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
- .awsui_progress_11huc_kp8rg_185:not(#\9)::-webkit-progress-value {
185
+ .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
186
186
  -webkit-transition: width var(--motion-duration-moderate-vgx1te, 135ms) linear;
187
187
  transition: width var(--motion-duration-moderate-vgx1te, 135ms) linear;
188
188
  }
189
189
  @media (prefers-reduced-motion: reduce) {
190
- .awsui_progress_11huc_kp8rg_185:not(#\9)::-webkit-progress-value {
190
+ .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
191
191
  animation: none;
192
192
  -webkit-transition: none;
193
193
  transition: none;
194
194
  }
195
195
  }
196
- .awsui-motion-disabled .awsui_progress_11huc_kp8rg_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_kp8rg_185:not(#\9)::-webkit-progress-value {
196
+ .awsui-motion-disabled .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
197
197
  animation: none;
198
198
  -webkit-transition: none;
199
199
  transition: none;
200
200
  }
201
201
 
202
- .awsui_result-state_11huc_kp8rg_199:not(#\9) {
203
- animation: awsui_awsui-motion-fade-in_11huc_kp8rg_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
202
+ .awsui_result-state_11huc_vlatf_199:not(#\9) {
203
+ animation: awsui_awsui-motion-fade-in_11huc_vlatf_1 var(--motion-duration-transition-show-paced-ai4wlf, 180ms) var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
204
204
  }
205
- @keyframes awsui_awsui-motion-fade-in_11huc_kp8rg_1 {
205
+ @keyframes awsui_awsui-motion-fade-in_11huc_vlatf_1 {
206
206
  from {
207
207
  opacity: 0.2;
208
208
  }
@@ -211,17 +211,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  }
212
212
  }
213
213
  @media (prefers-reduced-motion: reduce) {
214
- .awsui_result-state_11huc_kp8rg_199:not(#\9) {
214
+ .awsui_result-state_11huc_vlatf_199:not(#\9) {
215
215
  animation: none;
216
216
  transition: none;
217
217
  }
218
218
  }
219
- .awsui-motion-disabled .awsui_result-state_11huc_kp8rg_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_kp8rg_199:not(#\9) {
219
+ .awsui-motion-disabled .awsui_result-state_11huc_vlatf_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_vlatf_199:not(#\9) {
220
220
  animation: none;
221
221
  transition: none;
222
222
  }
223
223
 
224
- .awsui_root_11huc_kp8rg_221:not(#\9) {
224
+ .awsui_root_11huc_vlatf_221:not(#\9) {
225
225
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
226
226
  border-collapse: separate;
227
227
  border-spacing: 0;
@@ -258,51 +258,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
258
258
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
259
259
  }
260
260
 
261
- .awsui_with-result-button_11huc_kp8rg_232:not(#\9) {
261
+ .awsui_with-result-button_11huc_vlatf_232:not(#\9) {
262
262
  padding-right: var(--space-m-17eucw, 16px);
263
263
  }
264
264
 
265
- .awsui_result-text_11huc_kp8rg_236:not(#\9) {
265
+ .awsui_result-text_11huc_vlatf_236:not(#\9) {
266
266
  /* used in test-utils */
267
267
  }
268
268
 
269
- .awsui_result-container-error_11huc_kp8rg_240:not(#\9), .awsui_result-container-success_11huc_kp8rg_240:not(#\9) {
269
+ .awsui_result-container-error_11huc_vlatf_240:not(#\9), .awsui_result-container-success_11huc_vlatf_240:not(#\9) {
270
270
  /* used in test-utils */
271
271
  }
272
272
 
273
- .awsui_result-button_11huc_kp8rg_244:not(#\9) {
273
+ .awsui_result-button_11huc_vlatf_244:not(#\9) {
274
274
  display: inline-block;
275
275
  margin: var(--space-scaled-xxs-95dhkm, 4px) 0;
276
276
  }
277
277
 
278
- .awsui_word-wrap_11huc_kp8rg_249:not(#\9) {
278
+ .awsui_word-wrap_11huc_vlatf_249:not(#\9) {
279
279
  min-width: 0;
280
280
  -ms-word-break: break-all;
281
281
  word-break: break-word;
282
282
  }
283
283
 
284
- .awsui_label-flash_11huc_kp8rg_255:not(#\9) {
284
+ .awsui_label-flash_11huc_vlatf_255:not(#\9) {
285
285
  color: "inherit";
286
286
  font-weight: 700;
287
287
  }
288
- .awsui_label-key-value_11huc_kp8rg_259:not(#\9) {
288
+ .awsui_label-key-value_11huc_vlatf_259:not(#\9) {
289
+ font-size: var(--font-body-m-size-sregvd, 14px);
290
+ line-height: var(--font-body-m-line-height-i7xxvv, 22px);
289
291
  font-weight: var(--font-display-label-weight-m18hjh, 700);
290
292
  color: var(--color-text-label-gxskdy, #000716);
291
293
  margin-bottom: var(--space-scaled-xxxs-b6dm8t, 2px);
292
294
  }
293
295
 
294
- .awsui_flash_11huc_kp8rg_265:not(#\9) {
296
+ .awsui_flash_11huc_vlatf_267:not(#\9) {
295
297
  color: inherit;
296
298
  }
297
299
 
298
- .awsui_progress-container_11huc_kp8rg_269:not(#\9) {
300
+ .awsui_progress-container_11huc_vlatf_271:not(#\9) {
299
301
  display: flex;
300
302
  align-items: center;
301
303
  max-width: 800px;
302
304
  height: var(--font-body-m-line-height-i7xxvv, 22px);
303
305
  }
304
306
 
305
- .awsui_percentage-container_11huc_kp8rg_276:not(#\9) {
307
+ .awsui_percentage-container_11huc_vlatf_278:not(#\9) {
306
308
  width: 33px;
307
309
  flex-shrink: 0;
308
310
  white-space: nowrap;
@@ -312,11 +314,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
312
314
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
313
315
  }
314
316
 
315
- .awsui_percentage_11huc_kp8rg_276:not(#\9) {
317
+ .awsui_percentage_11huc_vlatf_278:not(#\9) {
316
318
  /* used in test-utils */
317
319
  }
318
320
 
319
- .awsui_progress_11huc_kp8rg_185:not(#\9) {
321
+ .awsui_progress_11huc_vlatf_185:not(#\9) {
320
322
  width: 100%;
321
323
  margin-right: var(--space-s-hv8c1d, 12px);
322
324
  min-width: 0;
@@ -326,44 +328,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
326
328
  border-radius: 10px;
327
329
  background-color: var(--color-background-progress-bar-layout-default-9xbpym, #e9ebed);
328
330
  }
329
- .awsui_progress_11huc_kp8rg_185:not(#\9)::-webkit-progress-bar {
331
+ .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-bar {
330
332
  height: 4px;
331
333
  border: 0 none;
332
334
  box-sizing: border-box;
333
335
  border-radius: 10px;
334
336
  background-color: var(--color-background-progress-bar-layout-default-9xbpym, #e9ebed);
335
337
  }
336
- .awsui_progress_11huc_kp8rg_185:not(#\9)::-webkit-progress-value {
338
+ .awsui_progress_11huc_vlatf_185:not(#\9)::-webkit-progress-value {
337
339
  border-radius: 10px 0px 0px 10px;
338
340
  background-color: var(--color-background-progress-bar-content-default-r4tyyh, #0972d3);
339
341
  }
340
- .awsui_progress_11huc_kp8rg_185.awsui_complete_11huc_kp8rg_311:not(#\9)::-webkit-progress-value {
342
+ .awsui_progress_11huc_vlatf_185.awsui_complete_11huc_vlatf_313:not(#\9)::-webkit-progress-value {
341
343
  border-radius: 10px;
342
344
  }
343
- .awsui_progress_11huc_kp8rg_185:not(#\9)::-moz-progress-bar {
345
+ .awsui_progress_11huc_vlatf_185:not(#\9)::-moz-progress-bar {
344
346
  border-radius: 10px 0px 0px 10px;
345
347
  background-color: var(--color-background-progress-bar-content-default-r4tyyh, #0972d3);
346
348
  }
347
- .awsui_progress_11huc_kp8rg_185:not(#\9)::-ms-fill {
349
+ .awsui_progress_11huc_vlatf_185:not(#\9)::-ms-fill {
348
350
  border-radius: 10px 0px 0px 10px;
349
351
  background-color: #0073bb;
350
352
  border: none;
351
353
  }
352
- .awsui_progress_11huc_kp8rg_185.awsui_complete_11huc_kp8rg_311:not(#\9)::-ms-fill {
354
+ .awsui_progress_11huc_vlatf_185.awsui_complete_11huc_vlatf_313:not(#\9)::-ms-fill {
353
355
  border-radius: 10px;
354
356
  }
355
- .awsui_progress_11huc_kp8rg_185.awsui_progress-in-flash_11huc_kp8rg_326:not(#\9) {
357
+ .awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9) {
356
358
  background-color: var(--color-background-progress-bar-layout-in-flash-phmfak, rgba(255, 255, 255, 0.25));
357
359
  }
358
- .awsui_progress_11huc_kp8rg_185.awsui_progress-in-flash_11huc_kp8rg_326:not(#\9)::-webkit-progress-bar {
360
+ .awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-webkit-progress-bar {
359
361
  background-color: var(--color-background-progress-bar-layout-in-flash-phmfak, rgba(255, 255, 255, 0.25));
360
362
  }
361
- .awsui_progress_11huc_kp8rg_185.awsui_progress-in-flash_11huc_kp8rg_326:not(#\9)::-webkit-progress-value {
363
+ .awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-webkit-progress-value {
362
364
  background-color: var(--color-background-progress-bar-content-in-flash-37g8fy, #ffffff);
363
365
  }
364
- .awsui_progress_11huc_kp8rg_185.awsui_progress-in-flash_11huc_kp8rg_326:not(#\9)::-moz-progress-bar {
366
+ .awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-moz-progress-bar {
365
367
  background-color: var(--color-background-progress-bar-content-in-flash-37g8fy, #ffffff);
366
368
  }
367
- .awsui_progress_11huc_kp8rg_185.awsui_progress-in-flash_11huc_kp8rg_326:not(#\9)::-ms-fill {
369
+ .awsui_progress_11huc_vlatf_185.awsui_progress-in-flash_11huc_vlatf_328:not(#\9)::-ms-fill {
368
370
  background-color: rgba(255, 255, 255, 0.7);
369
371
  }
@@ -2,23 +2,23 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "progress": "awsui_progress_11huc_kp8rg_185",
6
- "result-state": "awsui_result-state_11huc_kp8rg_199",
7
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_kp8rg_1",
8
- "root": "awsui_root_11huc_kp8rg_221",
9
- "with-result-button": "awsui_with-result-button_11huc_kp8rg_232",
10
- "result-text": "awsui_result-text_11huc_kp8rg_236",
11
- "result-container-error": "awsui_result-container-error_11huc_kp8rg_240",
12
- "result-container-success": "awsui_result-container-success_11huc_kp8rg_240",
13
- "result-button": "awsui_result-button_11huc_kp8rg_244",
14
- "word-wrap": "awsui_word-wrap_11huc_kp8rg_249",
15
- "label-flash": "awsui_label-flash_11huc_kp8rg_255",
16
- "label-key-value": "awsui_label-key-value_11huc_kp8rg_259",
17
- "flash": "awsui_flash_11huc_kp8rg_265",
18
- "progress-container": "awsui_progress-container_11huc_kp8rg_269",
19
- "percentage-container": "awsui_percentage-container_11huc_kp8rg_276",
20
- "percentage": "awsui_percentage_11huc_kp8rg_276",
21
- "complete": "awsui_complete_11huc_kp8rg_311",
22
- "progress-in-flash": "awsui_progress-in-flash_11huc_kp8rg_326"
5
+ "progress": "awsui_progress_11huc_vlatf_185",
6
+ "result-state": "awsui_result-state_11huc_vlatf_199",
7
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_vlatf_1",
8
+ "root": "awsui_root_11huc_vlatf_221",
9
+ "with-result-button": "awsui_with-result-button_11huc_vlatf_232",
10
+ "result-text": "awsui_result-text_11huc_vlatf_236",
11
+ "result-container-error": "awsui_result-container-error_11huc_vlatf_240",
12
+ "result-container-success": "awsui_result-container-success_11huc_vlatf_240",
13
+ "result-button": "awsui_result-button_11huc_vlatf_244",
14
+ "word-wrap": "awsui_word-wrap_11huc_vlatf_249",
15
+ "label-flash": "awsui_label-flash_11huc_vlatf_255",
16
+ "label-key-value": "awsui_label-key-value_11huc_vlatf_259",
17
+ "flash": "awsui_flash_11huc_vlatf_267",
18
+ "progress-container": "awsui_progress-container_11huc_vlatf_271",
19
+ "percentage-container": "awsui_percentage-container_11huc_vlatf_278",
20
+ "percentage": "awsui_percentage_11huc_vlatf_278",
21
+ "complete": "awsui_complete_11huc_vlatf_313",
22
+ "progress-in-flash": "awsui_progress-in-flash_11huc_vlatf_328"
23
23
  };
24
24
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_1d363_97",
5
- "disabled": "awsui_disabled_8cbea_1d363_164",
6
- "selected": "awsui_selected_8cbea_1d363_172",
7
- "icon": "awsui_icon_8cbea_1d363_193",
8
- "with-text": "awsui_with-text_8cbea_1d363_197",
9
- "with-no-text": "awsui_with-no-text_8cbea_1d363_203",
10
- "root": "awsui_root_8cbea_1d363_214",
11
- "segment-part": "awsui_segment-part_8cbea_1d363_225",
12
- "select": "awsui_select_8cbea_1d363_172",
13
- "segment-count-2": "awsui_segment-count-2_8cbea_1d363_244",
14
- "segment-count-3": "awsui_segment-count-3_8cbea_1d363_249",
15
- "segment-count-4": "awsui_segment-count-4_8cbea_1d363_254",
16
- "segment-count-5": "awsui_segment-count-5_8cbea_1d363_259",
17
- "segment-count-6": "awsui_segment-count-6_8cbea_1d363_264"
4
+ "segment": "awsui_segment_8cbea_9wsul_97",
5
+ "disabled": "awsui_disabled_8cbea_9wsul_166",
6
+ "selected": "awsui_selected_8cbea_9wsul_174",
7
+ "icon": "awsui_icon_8cbea_9wsul_195",
8
+ "with-text": "awsui_with-text_8cbea_9wsul_199",
9
+ "with-no-text": "awsui_with-no-text_8cbea_9wsul_205",
10
+ "root": "awsui_root_8cbea_9wsul_216",
11
+ "segment-part": "awsui_segment-part_8cbea_9wsul_227",
12
+ "select": "awsui_select_8cbea_9wsul_174",
13
+ "segment-count-2": "awsui_segment-count-2_8cbea_9wsul_246",
14
+ "segment-count-3": "awsui_segment-count-3_8cbea_9wsul_251",
15
+ "segment-count-4": "awsui_segment-count-4_8cbea_9wsul_256",
16
+ "segment-count-5": "awsui_segment-count-5_8cbea_9wsul_261",
17
+ "segment-count-6": "awsui_segment-count-6_8cbea_9wsul_266"
18
18
  };
19
19
 
@@ -94,56 +94,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_segment_8cbea_1d363_97:not(#\9) {
97
+ .awsui_segment_8cbea_9wsul_97:not(#\9) {
98
98
  font-size: var(--font-body-m-size-sregvd, 14px);
99
99
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
100
100
  word-wrap: break-word;
101
101
  max-width: 100%;
102
102
  overflow: hidden;
103
+ font-weight: var(--font-button-weight-7rj5fx, 800);
104
+ -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
105
+ -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
106
+ letter-spacing: 0.25px;
103
107
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-segment-default-091088, #414d5c);
104
108
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-l-4vl6xu, 20px);
105
109
  border-right-width: 0;
106
- font-weight: var(--font-button-weight-7rj5fx, 800);
107
- letter-spacing: 0.25px;
108
110
  background: var(--color-background-segment-default-5k37bj, #ffffff);
109
111
  color: var(--color-text-segment-default-bf7rka, #414d5c);
110
112
  overflow: visible;
111
113
  }
112
- .awsui_segment_8cbea_1d363_97:not(#\9):focus {
114
+ .awsui_segment_8cbea_9wsul_97:not(#\9):focus {
113
115
  outline: none;
114
116
  }
115
- .awsui_segment_8cbea_1d363_97:not(#\9):nth-child(1) {
117
+ .awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(1) {
116
118
  grid-column: 1;
117
119
  -ms-grid-column: 1;
118
120
  }
119
- .awsui_segment_8cbea_1d363_97:not(#\9):nth-child(2) {
121
+ .awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(2) {
120
122
  grid-column: 2;
121
123
  -ms-grid-column: 2;
122
124
  }
123
- .awsui_segment_8cbea_1d363_97:not(#\9):nth-child(3) {
125
+ .awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(3) {
124
126
  grid-column: 3;
125
127
  -ms-grid-column: 3;
126
128
  }
127
- .awsui_segment_8cbea_1d363_97:not(#\9):nth-child(4) {
129
+ .awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(4) {
128
130
  grid-column: 4;
129
131
  -ms-grid-column: 4;
130
132
  }
131
- .awsui_segment_8cbea_1d363_97:not(#\9):nth-child(5) {
133
+ .awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(5) {
132
134
  grid-column: 5;
133
135
  -ms-grid-column: 5;
134
136
  }
135
- .awsui_segment_8cbea_1d363_97:not(#\9):nth-child(6) {
137
+ .awsui_segment_8cbea_9wsul_97:not(#\9):nth-child(6) {
136
138
  grid-column: 6;
137
139
  -ms-grid-column: 6;
138
140
  }
139
- .awsui_segment_8cbea_1d363_97[data-awsui-focus-visible=true]:not(#\9):focus {
141
+ .awsui_segment_8cbea_9wsul_97[data-awsui-focus-visible=true]:not(#\9):focus {
140
142
  position: relative;
141
143
  }
142
- .awsui_segment_8cbea_1d363_97[data-awsui-focus-visible=true]:not(#\9):focus {
144
+ .awsui_segment_8cbea_9wsul_97[data-awsui-focus-visible=true]:not(#\9):focus {
143
145
  outline: 2px dotted transparent;
144
146
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-99x5b9, 4px) - 1px);
145
147
  }
146
- .awsui_segment_8cbea_1d363_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
148
+ .awsui_segment_8cbea_9wsul_97[data-awsui-focus-visible=true]:not(#\9):focus::before {
147
149
  content: " ";
148
150
  display: block;
149
151
  position: absolute;
@@ -154,53 +156,53 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
154
156
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
155
157
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
156
158
  }
157
- .awsui_segment_8cbea_1d363_97:not(#\9):last-child {
159
+ .awsui_segment_8cbea_9wsul_97:not(#\9):last-child {
158
160
  border-right-width: var(--border-field-width-idlekx, 2px);
159
161
  border-radius: 0 var(--border-radius-button-axewzv, 20px) var(--border-radius-button-axewzv, 20px) 0;
160
162
  }
161
- .awsui_segment_8cbea_1d363_97:not(#\9):first-child {
163
+ .awsui_segment_8cbea_9wsul_97:not(#\9):first-child {
162
164
  border-radius: var(--border-radius-button-axewzv, 20px) 0 0 var(--border-radius-button-axewzv, 20px);
163
165
  }
164
- .awsui_segment_8cbea_1d363_97.awsui_disabled_8cbea_1d363_164:not(#\9) {
166
+ .awsui_segment_8cbea_9wsul_97.awsui_disabled_8cbea_9wsul_166:not(#\9) {
165
167
  background: var(--color-background-segment-disabled-hgka10, #ffffff);
166
168
  border-color: var(--color-border-segment-disabled-6v5zlt, #414d5c);
167
169
  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
168
170
  }
169
- .awsui_segment_8cbea_1d363_97:not(#\9):not(.awsui_disabled_8cbea_1d363_164) + .awsui_segment_8cbea_1d363_97.awsui_disabled_8cbea_1d363_164 {
171
+ .awsui_segment_8cbea_9wsul_97:not(#\9):not(.awsui_disabled_8cbea_9wsul_166) + .awsui_segment_8cbea_9wsul_97.awsui_disabled_8cbea_9wsul_166 {
170
172
  border-left-color: var(--color-border-segment-default-091088, #414d5c);
171
173
  }
172
- .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172:not(#\9) {
174
+ .awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174:not(#\9) {
173
175
  background: var(--color-background-segment-active-bl0u6r, #0972d3);
174
176
  border-color: var(--color-border-segment-active-kdy5tm, #414d5c);
175
177
  color: var(--color-text-segment-active-gc2jjl, #ffffff);
176
178
  }
177
- .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172 + .awsui_segment_8cbea_1d363_97:not(#\9), .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172 + .awsui_segment_8cbea_1d363_97.awsui_disabled_8cbea_1d363_164:not(#\9) {
179
+ .awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174 + .awsui_segment_8cbea_9wsul_97:not(#\9), .awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174 + .awsui_segment_8cbea_9wsul_97.awsui_disabled_8cbea_9wsul_166:not(#\9) {
178
180
  border-left-color: var(--color-border-segment-active-kdy5tm, #414d5c);
179
181
  }
180
- .awsui_segment_8cbea_1d363_97:not(#\9):hover:not(.awsui_selected_8cbea_1d363_172):not(.awsui_disabled_8cbea_1d363_164):not(:focus) {
182
+ .awsui_segment_8cbea_9wsul_97:not(#\9):hover:not(.awsui_selected_8cbea_9wsul_174):not(.awsui_disabled_8cbea_9wsul_166):not(:focus) {
181
183
  background: var(--color-background-segment-hover-s3f27a, #ffffff);
182
184
  color: var(--color-text-segment-hover-5pccvg, #0972d3);
183
185
  border-color: var(--color-border-segment-hover-9notuw, #414d5c);
184
186
  cursor: pointer;
185
187
  }
186
- .awsui_segment_8cbea_1d363_97:not(#\9):hover:not(.awsui_selected_8cbea_1d363_172):not(.awsui_disabled_8cbea_1d363_164):not(:focus) + .awsui_segment_8cbea_1d363_97:not(.awsui_selected_8cbea_1d363_172) {
188
+ .awsui_segment_8cbea_9wsul_97:not(#\9):hover:not(.awsui_selected_8cbea_9wsul_174):not(.awsui_disabled_8cbea_9wsul_166):not(:focus) + .awsui_segment_8cbea_9wsul_97:not(.awsui_selected_8cbea_9wsul_174) {
187
189
  border-left-color: var(--color-border-segment-hover-9notuw, #414d5c);
188
190
  }
189
- .awsui_segment_8cbea_1d363_97.awsui_selected_8cbea_1d363_172 + .awsui_segment_8cbea_1d363_97:not(#\9):hover:not(.awsui_selected_8cbea_1d363_172):not(.awsui_disabled_8cbea_1d363_164):not(:focus) {
191
+ .awsui_segment_8cbea_9wsul_97.awsui_selected_8cbea_9wsul_174 + .awsui_segment_8cbea_9wsul_97:not(#\9):hover:not(.awsui_selected_8cbea_9wsul_174):not(.awsui_disabled_8cbea_9wsul_166):not(:focus) {
190
192
  border-left-color: var(--color-border-segment-active-kdy5tm, #414d5c);
191
193
  }
192
194
 
193
- .awsui_icon_8cbea_1d363_193:not(#\9) {
195
+ .awsui_icon_8cbea_9wsul_195:not(#\9) {
194
196
  /* used in test-utils */
195
197
  }
196
198
 
197
- .awsui_with-text_8cbea_1d363_197:not(#\9) {
199
+ .awsui_with-text_8cbea_9wsul_199:not(#\9) {
198
200
  position: relative;
199
201
  left: calc(-1 * var(--space-xxs-ynfts5, 4px));
200
202
  margin-right: var(--space-xxs-ynfts5, 4px);
201
203
  }
202
204
 
203
- .awsui_with-no-text_8cbea_1d363_203:not(#\9) {
205
+ .awsui_with-no-text_8cbea_9wsul_205:not(#\9) {
204
206
  margin-right: auto;
205
207
  margin-left: auto;
206
208
  right: 0;
@@ -211,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
213
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
212
214
  SPDX-License-Identifier: Apache-2.0
213
215
  */
214
- .awsui_root_8cbea_1d363_214:not(#\9) {
216
+ .awsui_root_8cbea_9wsul_216:not(#\9) {
215
217
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
216
218
  border-collapse: separate;
217
219
  border-spacing: 0;
@@ -248,40 +250,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
248
250
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
249
251
  }
250
252
 
251
- .awsui_segment-part_8cbea_1d363_225:not(#\9) {
253
+ .awsui_segment-part_8cbea_9wsul_227:not(#\9) {
252
254
  display: inline-grid;
253
255
  }
254
256
  @media (max-width: 688px) {
255
- .awsui_segment-part_8cbea_1d363_225:not(#\9) {
257
+ .awsui_segment-part_8cbea_9wsul_227:not(#\9) {
256
258
  display: none;
257
259
  }
258
260
  }
259
261
 
260
- .awsui_select_8cbea_1d363_172:not(#\9) {
262
+ .awsui_select_8cbea_9wsul_174:not(#\9) {
261
263
  display: none;
262
264
  }
263
265
  @media (max-width: 688px) {
264
- .awsui_select_8cbea_1d363_172:not(#\9) {
266
+ .awsui_select_8cbea_9wsul_174:not(#\9) {
265
267
  display: block;
266
268
  }
267
269
  }
268
270
 
269
- .awsui_segment-count-2_8cbea_1d363_244:not(#\9) {
271
+ .awsui_segment-count-2_8cbea_9wsul_246:not(#\9) {
270
272
  grid-template-columns: 1fr 1fr;
271
273
  }
272
274
 
273
- .awsui_segment-count-3_8cbea_1d363_249:not(#\9) {
275
+ .awsui_segment-count-3_8cbea_9wsul_251:not(#\9) {
274
276
  grid-template-columns: 1fr 1fr 1fr;
275
277
  }
276
278
 
277
- .awsui_segment-count-4_8cbea_1d363_254:not(#\9) {
279
+ .awsui_segment-count-4_8cbea_9wsul_256:not(#\9) {
278
280
  grid-template-columns: 1fr 1fr 1fr 1fr;
279
281
  }
280
282
 
281
- .awsui_segment-count-5_8cbea_1d363_259:not(#\9) {
283
+ .awsui_segment-count-5_8cbea_9wsul_261:not(#\9) {
282
284
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
283
285
  }
284
286
 
285
- .awsui_segment-count-6_8cbea_1d363_264:not(#\9) {
287
+ .awsui_segment-count-6_8cbea_9wsul_266:not(#\9) {
286
288
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
287
289
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "segment": "awsui_segment_8cbea_1d363_97",
6
- "disabled": "awsui_disabled_8cbea_1d363_164",
7
- "selected": "awsui_selected_8cbea_1d363_172",
8
- "icon": "awsui_icon_8cbea_1d363_193",
9
- "with-text": "awsui_with-text_8cbea_1d363_197",
10
- "with-no-text": "awsui_with-no-text_8cbea_1d363_203",
11
- "root": "awsui_root_8cbea_1d363_214",
12
- "segment-part": "awsui_segment-part_8cbea_1d363_225",
13
- "select": "awsui_select_8cbea_1d363_172",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_1d363_244",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_1d363_249",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_1d363_254",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_1d363_259",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_1d363_264"
5
+ "segment": "awsui_segment_8cbea_9wsul_97",
6
+ "disabled": "awsui_disabled_8cbea_9wsul_166",
7
+ "selected": "awsui_selected_8cbea_9wsul_174",
8
+ "icon": "awsui_icon_8cbea_9wsul_195",
9
+ "with-text": "awsui_with-text_8cbea_9wsul_199",
10
+ "with-no-text": "awsui_with-no-text_8cbea_9wsul_205",
11
+ "root": "awsui_root_8cbea_9wsul_216",
12
+ "segment-part": "awsui_segment-part_8cbea_9wsul_227",
13
+ "select": "awsui_select_8cbea_9wsul_174",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_9wsul_246",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_9wsul_251",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_9wsul_256",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_9wsul_261",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_9wsul_266"
19
19
  };
20
20
 
@@ -1,27 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_l0dv0_1mtlo_93",
5
- "header": "awsui_header_l0dv0_1mtlo_107",
6
- "header-link": "awsui_header-link_l0dv0_1mtlo_112",
7
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1mtlo_120",
8
- "header-link-text": "awsui_header-link-text_l0dv0_1mtlo_120",
9
- "header-logo": "awsui_header-logo_l0dv0_1mtlo_124",
10
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1mtlo_130",
11
- "list-container": "awsui_list-container_l0dv0_1mtlo_135",
12
- "list": "awsui_list_l0dv0_1mtlo_135",
13
- "list-variant-root": "awsui_list-variant-root_l0dv0_1mtlo_145",
14
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1mtlo_151",
15
- "list-item": "awsui_list-item_l0dv0_1mtlo_155",
16
- "section": "awsui_section_l0dv0_1mtlo_161",
17
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_1mtlo_162",
18
- "section-header": "awsui_section-header_l0dv0_1mtlo_175",
19
- "link": "awsui_link_l0dv0_1mtlo_180",
20
- "link-active": "awsui_link-active_l0dv0_1mtlo_187",
21
- "info": "awsui_info_l0dv0_1mtlo_219",
22
- "external-icon": "awsui_external-icon_l0dv0_1mtlo_223",
23
- "divider": "awsui_divider_l0dv0_1mtlo_227",
24
- "divider-default": "awsui_divider-default_l0dv0_1mtlo_232",
25
- "divider-header": "awsui_divider-header_l0dv0_1mtlo_236"
4
+ "root": "awsui_root_l0dv0_1mr3e_93",
5
+ "header": "awsui_header_l0dv0_1mr3e_107",
6
+ "header-link": "awsui_header-link_l0dv0_1mr3e_112",
7
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_1mr3e_122",
8
+ "header-link-text": "awsui_header-link-text_l0dv0_1mr3e_122",
9
+ "header-logo": "awsui_header-logo_l0dv0_1mr3e_126",
10
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_1mr3e_132",
11
+ "list-container": "awsui_list-container_l0dv0_1mr3e_137",
12
+ "list": "awsui_list_l0dv0_1mr3e_137",
13
+ "list-variant-root": "awsui_list-variant-root_l0dv0_1mr3e_147",
14
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_1mr3e_153",
15
+ "list-item": "awsui_list-item_l0dv0_1mr3e_157",
16
+ "section": "awsui_section_l0dv0_1mr3e_163",
17
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_1mr3e_164",
18
+ "section-header": "awsui_section-header_l0dv0_1mr3e_177",
19
+ "link": "awsui_link_l0dv0_1mr3e_182",
20
+ "link-active": "awsui_link-active_l0dv0_1mr3e_189",
21
+ "info": "awsui_info_l0dv0_1mr3e_223",
22
+ "external-icon": "awsui_external-icon_l0dv0_1mr3e_227",
23
+ "divider": "awsui_divider_l0dv0_1mr3e_231",
24
+ "divider-default": "awsui_divider-default_l0dv0_1mr3e_236",
25
+ "divider-header": "awsui_divider-header_l0dv0_1mr3e_240"
26
26
  };
27
27