@cloudscape-design/components-themeable 3.0.847 → 3.0.848

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 (107) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +3 -3
  3. package/lib/internal/scss/anchor-navigation/styles.scss +1 -1
  4. package/lib/internal/scss/flashbar/collapsible.scss +2 -2
  5. package/lib/internal/scss/flashbar/styles.scss +1 -1
  6. package/lib/internal/scss/internal/styles/forms/constants.scss +1 -1
  7. package/lib/internal/scss/internal/styles/forms/mixins.scss +2 -2
  8. package/lib/internal/scss/internal/styles/typography/mixins.scss +1 -1
  9. package/lib/internal/scss/link/constants.scss +2 -2
  10. package/lib/internal/scss/popover/arrow.scss +1 -5
  11. package/lib/internal/scss/popover/body.scss +1 -1
  12. package/lib/internal/scss/popover/container.scss +2 -2
  13. package/lib/internal/scss/property-filter/filtering-token/styles.scss +2 -2
  14. package/lib/internal/scss/select/parts/styles.scss +3 -3
  15. package/lib/internal/scss/token-group/mixins.scss +2 -2
  16. package/lib/internal/template/alert/styles.css.js +28 -28
  17. package/lib/internal/template/alert/styles.scoped.css +46 -46
  18. package/lib/internal/template/alert/styles.selectors.js +28 -28
  19. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  20. package/lib/internal/template/anchor-navigation/styles.scoped.css +19 -19
  21. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  22. package/lib/internal/template/button/styles.css.js +21 -21
  23. package/lib/internal/template/button/styles.scoped.css +157 -157
  24. package/lib/internal/template/button/styles.selectors.js +21 -21
  25. package/lib/internal/template/button-dropdown/item-element/styles.css.js +13 -13
  26. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +22 -22
  27. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +13 -13
  28. package/lib/internal/template/button-dropdown/styles.css.js +17 -17
  29. package/lib/internal/template/button-dropdown/styles.scoped.css +30 -30
  30. package/lib/internal/template/button-dropdown/styles.selectors.js +17 -17
  31. package/lib/internal/template/expandable-section/styles.css.js +34 -34
  32. package/lib/internal/template/expandable-section/styles.scoped.css +67 -67
  33. package/lib/internal/template/expandable-section/styles.selectors.js +34 -34
  34. package/lib/internal/template/file-token-group/styles.css.js +22 -22
  35. package/lib/internal/template/file-token-group/styles.scoped.css +31 -31
  36. package/lib/internal/template/file-token-group/styles.selectors.js +22 -22
  37. package/lib/internal/template/flashbar/styles.css.js +50 -50
  38. package/lib/internal/template/flashbar/styles.scoped.css +151 -151
  39. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  40. package/lib/internal/template/input/styles.css.js +13 -13
  41. package/lib/internal/template/input/styles.scoped.css +44 -44
  42. package/lib/internal/template/input/styles.selectors.js +13 -13
  43. package/lib/internal/template/internal/base-component/styles.scoped.css +7 -3
  44. package/lib/internal/template/internal/components/button-trigger/styles.css.js +13 -13
  45. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +37 -37
  46. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +13 -13
  47. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
  48. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +10 -10
  49. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
  50. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  51. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +39 -39
  52. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  53. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  54. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +14 -14
  55. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  56. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  57. package/lib/internal/template/internal/components/token-list/styles.scoped.css +26 -26
  58. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  59. package/lib/internal/template/internal/environment.js +1 -1
  60. package/lib/internal/template/internal/environment.json +1 -1
  61. package/lib/internal/template/internal/generated/styles/tokens.d.ts +4 -2
  62. package/lib/internal/template/internal/generated/styles/tokens.js +4 -2
  63. package/lib/internal/template/internal/generated/theming/index.cjs +22 -8
  64. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +32 -0
  65. package/lib/internal/template/internal/generated/theming/index.d.ts +32 -0
  66. package/lib/internal/template/internal/generated/theming/index.js +22 -8
  67. package/lib/internal/template/link/styles.css.js +20 -20
  68. package/lib/internal/template/link/styles.scoped.css +73 -73
  69. package/lib/internal/template/link/styles.selectors.js +20 -20
  70. package/lib/internal/template/pagination/styles.css.js +9 -9
  71. package/lib/internal/template/pagination/styles.scoped.css +27 -27
  72. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  73. package/lib/internal/template/popover/styles.css.js +52 -52
  74. package/lib/internal/template/popover/styles.scoped.css +72 -75
  75. package/lib/internal/template/popover/styles.selectors.js +52 -52
  76. package/lib/internal/template/prompt-input/styles.css.js +14 -14
  77. package/lib/internal/template/prompt-input/styles.scoped.css +56 -56
  78. package/lib/internal/template/prompt-input/styles.selectors.js +14 -14
  79. package/lib/internal/template/property-filter/filtering-token/styles.css.js +18 -18
  80. package/lib/internal/template/property-filter/filtering-token/styles.scoped.css +45 -45
  81. package/lib/internal/template/property-filter/filtering-token/styles.selectors.js +18 -18
  82. package/lib/internal/template/property-filter/styles.css.js +39 -39
  83. package/lib/internal/template/property-filter/styles.scoped.css +42 -42
  84. package/lib/internal/template/property-filter/styles.selectors.js +39 -39
  85. package/lib/internal/template/segmented-control/styles.css.js +15 -15
  86. package/lib/internal/template/segmented-control/styles.scoped.css +38 -38
  87. package/lib/internal/template/segmented-control/styles.selectors.js +15 -15
  88. package/lib/internal/template/select/parts/styles.css.js +21 -21
  89. package/lib/internal/template/select/parts/styles.scoped.css +26 -26
  90. package/lib/internal/template/select/parts/styles.selectors.js +21 -21
  91. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  92. package/lib/internal/template/textarea/styles.css.js +5 -5
  93. package/lib/internal/template/textarea/styles.scoped.css +24 -24
  94. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  95. package/lib/internal/template/tiles/styles.css.js +30 -30
  96. package/lib/internal/template/tiles/styles.scoped.css +79 -79
  97. package/lib/internal/template/tiles/styles.selectors.js +30 -30
  98. package/lib/internal/template/token-group/styles.css.js +8 -8
  99. package/lib/internal/template/token-group/styles.scoped.css +18 -18
  100. package/lib/internal/template/token-group/styles.selectors.js +8 -8
  101. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  102. package/lib/internal/template/top-navigation/styles.scoped.css +67 -67
  103. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  104. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  105. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +29 -29
  106. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  107. package/package.json +1 -1
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "1b5b3e9be876e8dd7c9cdf01b5a36bbc0788118c"
2
+ "commit": "c1f9dc901cf57f8ec19cb6d00662b47e73059161"
3
3
  }
@@ -25,8 +25,8 @@
25
25
  position: relative;
26
26
  display: grid;
27
27
  grid-template-columns: 1fr;
28
- border-block: awsui.$border-field-width solid;
29
- border-inline: awsui.$border-field-width solid;
28
+ border-block: awsui.$border-width-alert solid;
29
+ border-inline: awsui.$border-width-alert solid;
30
30
  border-start-start-radius: awsui.$border-radius-alert;
31
31
  border-start-end-radius: awsui.$border-radius-alert;
32
32
  border-end-start-radius: awsui.$border-radius-alert;
@@ -90,7 +90,7 @@
90
90
  .text {
91
91
  min-inline-size: 0;
92
92
  // To account for vertical misalignment due to button borders
93
- padding-block: awsui.$border-field-width;
93
+ padding-block: awsui.$border-width-alert;
94
94
  padding-inline: 0;
95
95
  margin-block: awsui.$space-scaled-xxs;
96
96
  margin-inline: awsui.$space-xxs;
@@ -117,7 +117,7 @@ $guide-line-offset: -2px; // Negative to expand 2px beyond the element
117
117
  margin-inline-start: awsui.$space-xs;
118
118
  @include styles.font-body-s;
119
119
  @include styles.font-smoothing;
120
- font-weight: awsui.$font-button-weight;
120
+ font-weight: styles.$font-weight-bold;
121
121
  letter-spacing: typography.$letter-spacing-bold-link;
122
122
  color: awsui.$color-text-link-default;
123
123
  }
@@ -85,7 +85,7 @@ the grid layout will be:
85
85
  */
86
86
  min-block-size: calc(
87
87
  #{awsui.$line-height-body-m} + (
88
- #{awsui.$space-scaled-xs} + #{awsui.$border-field-width} + #{awsui.$space-scaled-xxs}
88
+ #{awsui.$space-scaled-xs} + #{awsui.$border-width-field} + #{awsui.$space-scaled-xxs}
89
89
  ) * 2
90
90
  );
91
91
  }
@@ -241,7 +241,7 @@ the grid layout will be:
241
241
  row-gap: 0;
242
242
 
243
243
  > .header {
244
- font-weight: awsui.$font-button-weight;
244
+ font-weight: awsui.$font-weight-button;
245
245
  display: inline-block;
246
246
  }
247
247
 
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  .flash-text {
83
- margin-block: awsui.$border-field-width;
83
+ margin-block: awsui.$border-width-field;
84
84
  margin-inline: 0;
85
85
  padding-block: awsui.$space-scaled-xxs;
86
86
  padding-inline: awsui.$space-xxs;
@@ -6,7 +6,7 @@
6
6
  @use '../utils/theming' as theming;
7
7
  @use '../tokens' as awsui;
8
8
 
9
- $control-border-width: awsui.$border-field-width;
9
+ $control-border-width: awsui.$border-width-field;
10
10
  $control-border-radius: awsui.$border-radius-input;
11
11
 
12
12
  // Use for options in dropdowns
@@ -238,8 +238,8 @@
238
238
  inset-inline-start: 0px;
239
239
  inset-inline-end: 0px;
240
240
  background-color: transparent;
241
- border-block: awsui.$border-field-width solid awsui.$color-border-dropdown-container;
242
- border-inline: awsui.$border-field-width solid awsui.$color-border-dropdown-container;
241
+ border-block: awsui.$border-width-field solid awsui.$color-border-dropdown-container;
242
+ border-inline: awsui.$border-width-field solid awsui.$color-border-dropdown-container;
243
243
  border-start-start-radius: awsui.$border-radius-dropdown;
244
244
  border-start-end-radius: awsui.$border-radius-dropdown;
245
245
  border-end-start-radius: awsui.$border-radius-dropdown;
@@ -94,7 +94,7 @@
94
94
  }
95
95
 
96
96
  @mixin font-button {
97
- font-weight: awsui.$font-button-weight;
97
+ font-weight: awsui.$font-weight-button;
98
98
  @include font-smoothing;
99
99
  }
100
100
 
@@ -71,7 +71,7 @@ $link-variants: (
71
71
  'text-color-default': awsui.$color-text-link-default,
72
72
  'text-color-hover': awsui.$color-text-link-hover,
73
73
  'text-color-active': awsui.$color-text-link-hover,
74
- 'font-weight': awsui.$font-button-weight,
74
+ 'font-weight': styles.$font-weight-bold,
75
75
  'decoration-line': none,
76
76
  'decoration-color': transparent,
77
77
  'decoration-color-hover': awsui.$color-text-link-button-underline-hover,
@@ -118,7 +118,7 @@ $link-styles: (
118
118
  'text-color-default': awsui.$color-text-link-button-normal-default,
119
119
  'text-color-hover': awsui.$color-text-link-button-normal-hover,
120
120
  'text-color-active': awsui.$color-text-link-button-normal-active,
121
- 'font-weight': awsui.$font-button-weight,
121
+ 'font-weight': styles.$font-weight-bold,
122
122
  'decoration-line': none,
123
123
  'decoration-color': transparent,
124
124
  'decoration-color-hover': transparent,
@@ -71,11 +71,7 @@
71
71
  }
72
72
 
73
73
  &-inner {
74
- inset-block-start: 2px;
75
-
76
- &.refresh {
77
- inset-block-start: 3px;
78
- }
74
+ inset-block-start: calc(awsui.$border-width-popover + 1px);
79
75
 
80
76
  &::after {
81
77
  border-start-start-radius: 1px;
@@ -28,7 +28,7 @@ $header-row-margin-block-end: awsui.$space-xs;
28
28
  .dismiss {
29
29
  margin-block: calc(-1 * $header-row-margin-block-end);
30
30
  margin-inline-start: 0;
31
- margin-inline-end: calc(-1 * (#{awsui.$space-xxs} + #{awsui.$border-field-width}));
31
+ margin-inline-end: calc(-1 * (#{awsui.$space-xxs} + #{awsui.$border-width-popover}));
32
32
  flex: 0 0 auto;
33
33
  order: 1;
34
34
  }
@@ -22,8 +22,8 @@
22
22
  border-end-end-radius: awsui.$border-radius-popover;
23
23
  background-color: awsui.$color-background-popover;
24
24
  box-shadow: awsui.$shadow-popover;
25
- border-block: awsui.$border-field-width solid awsui.$color-border-popover;
26
- border-inline: awsui.$border-field-width solid awsui.$color-border-popover;
25
+ border-block: awsui.$border-width-popover solid awsui.$color-border-popover;
26
+ border-inline: awsui.$border-width-popover solid awsui.$color-border-popover;
27
27
  }
28
28
 
29
29
  .container-body-variant-annotation {
@@ -40,8 +40,8 @@ $border-radius-inner-token: calc(#{awsui.$border-radius-token} / 2);
40
40
 
41
41
  .token,
42
42
  .inner-token {
43
- border-block: awsui.$border-field-width solid constants.$token-border-color;
44
- border-inline: awsui.$border-field-width solid constants.$token-border-color;
43
+ border-block: awsui.$border-width-field solid constants.$token-border-color;
44
+ border-inline: awsui.$border-width-field solid constants.$token-border-color;
45
45
  display: flex;
46
46
  align-items: stretch;
47
47
  background: constants.$token-background;
@@ -88,8 +88,8 @@ $inlineLabel-border-radius: 2px;
88
88
  min-inline-size: max-content;
89
89
  block-size: 18px;
90
90
 
91
- border-block: awsui.$border-field-width solid awsui.$color-border-item-selected;
92
- border-inline: awsui.$border-field-width solid awsui.$color-border-item-selected;
91
+ border-block: awsui.$border-width-field solid awsui.$color-border-item-selected;
92
+ border-inline: awsui.$border-width-field solid awsui.$color-border-item-selected;
93
93
  padding-block: 0;
94
94
  padding-inline: awsui.$space-xxs;
95
95
  background: awsui.$color-background-item-selected;
@@ -135,7 +135,7 @@ $inlineLabel-border-radius: 2px;
135
135
  // Stepped gradient background for inline label overlap between input and background.
136
136
  background-image: linear-gradient(
137
137
  to bottom,
138
- transparent calc(100% - (awsui.$border-field-width + awsui.$border-control-focus-ring-shadow-spread + 5px)),
138
+ transparent calc(100% - (awsui.$border-width-field + awsui.$border-control-focus-ring-shadow-spread + 5px)),
139
139
  awsui.$color-background-input-default 1px
140
140
  );
141
141
  background-position: bottom;
@@ -9,8 +9,8 @@
9
9
  @mixin token-box-styles {
10
10
  position: relative;
11
11
  block-size: 100%;
12
- border-block: awsui.$border-field-width solid constants.$token-border-color;
13
- border-inline: awsui.$border-field-width solid constants.$token-border-color;
12
+ border-block: awsui.$border-width-field solid constants.$token-border-color;
13
+ border-inline: awsui.$border-width-field solid constants.$token-border-color;
14
14
  padding-block-start: styles.$control-padding-vertical;
15
15
  padding-block-end: styles.$control-padding-vertical;
16
16
  padding-inline-start: styles.$control-padding-horizontal;
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "alert": "awsui_alert_mx3cw_zvebu_189",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_zvebu_1",
6
- "root": "awsui_root_mx3cw_zvebu_211",
7
- "hidden": "awsui_hidden_mx3cw_zvebu_249",
8
- "with-dismiss": "awsui_with-dismiss_mx3cw_zvebu_299",
9
- "with-action": "awsui_with-action_mx3cw_zvebu_299",
10
- "breakpoint-default": "awsui_breakpoint-default_mx3cw_zvebu_305",
11
- "initial-hidden": "awsui_initial-hidden_mx3cw_zvebu_316",
12
- "header": "awsui_header_mx3cw_zvebu_321",
13
- "header-replacement": "awsui_header-replacement_mx3cw_zvebu_322",
14
- "action": "awsui_action_mx3cw_zvebu_326",
15
- "action-slot": "awsui_action-slot_mx3cw_zvebu_331",
16
- "action-button": "awsui_action-button_mx3cw_zvebu_332",
17
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_zvebu_336",
18
- "text": "awsui_text_mx3cw_zvebu_365",
19
- "icon": "awsui_icon_mx3cw_zvebu_372",
20
- "message": "awsui_message_mx3cw_zvebu_375",
21
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_zvebu_383",
22
- "icon-size-big": "awsui_icon-size-big_mx3cw_zvebu_386",
23
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_zvebu_389",
24
- "content": "awsui_content_mx3cw_zvebu_393",
25
- "content-replacement": "awsui_content-replacement_mx3cw_zvebu_394",
26
- "dismiss": "awsui_dismiss_mx3cw_zvebu_398",
27
- "dismiss-button": "awsui_dismiss-button_mx3cw_zvebu_403",
28
- "type-error": "awsui_type-error_mx3cw_zvebu_407",
29
- "type-warning": "awsui_type-warning_mx3cw_zvebu_415",
30
- "type-success": "awsui_type-success_mx3cw_zvebu_423",
31
- "type-info": "awsui_type-info_mx3cw_zvebu_431"
4
+ "alert": "awsui_alert_mx3cw_17xjg_189",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17xjg_1",
6
+ "root": "awsui_root_mx3cw_17xjg_211",
7
+ "hidden": "awsui_hidden_mx3cw_17xjg_249",
8
+ "with-dismiss": "awsui_with-dismiss_mx3cw_17xjg_299",
9
+ "with-action": "awsui_with-action_mx3cw_17xjg_299",
10
+ "breakpoint-default": "awsui_breakpoint-default_mx3cw_17xjg_305",
11
+ "initial-hidden": "awsui_initial-hidden_mx3cw_17xjg_316",
12
+ "header": "awsui_header_mx3cw_17xjg_321",
13
+ "header-replacement": "awsui_header-replacement_mx3cw_17xjg_322",
14
+ "action": "awsui_action_mx3cw_17xjg_326",
15
+ "action-slot": "awsui_action-slot_mx3cw_17xjg_331",
16
+ "action-button": "awsui_action-button_mx3cw_17xjg_332",
17
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17xjg_336",
18
+ "text": "awsui_text_mx3cw_17xjg_365",
19
+ "icon": "awsui_icon_mx3cw_17xjg_372",
20
+ "message": "awsui_message_mx3cw_17xjg_375",
21
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_17xjg_383",
22
+ "icon-size-big": "awsui_icon-size-big_mx3cw_17xjg_386",
23
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_17xjg_389",
24
+ "content": "awsui_content_mx3cw_17xjg_393",
25
+ "content-replacement": "awsui_content-replacement_mx3cw_17xjg_394",
26
+ "dismiss": "awsui_dismiss_mx3cw_17xjg_398",
27
+ "dismiss-button": "awsui_dismiss-button_mx3cw_17xjg_403",
28
+ "type-error": "awsui_type-error_mx3cw_17xjg_407",
29
+ "type-warning": "awsui_type-warning_mx3cw_17xjg_415",
30
+ "type-success": "awsui_type-success_mx3cw_17xjg_423",
31
+ "type-info": "awsui_type-info_mx3cw_17xjg_431"
32
32
  };
33
33
 
@@ -186,10 +186,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_alert_mx3cw_zvebu_189:not(#\9) {
190
- animation: awsui_awsui-motion-fade-in_mx3cw_zvebu_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
189
+ .awsui_alert_mx3cw_17xjg_189:not(#\9) {
190
+ animation: awsui_awsui-motion-fade-in_mx3cw_17xjg_1 var(--motion-duration-show-paced-kxd6k3, 180ms) var(--motion-easing-show-paced-2zwyek, ease-out);
191
191
  }
192
- @keyframes awsui_awsui-motion-fade-in_mx3cw_zvebu_1 {
192
+ @keyframes awsui_awsui-motion-fade-in_mx3cw_17xjg_1 {
193
193
  from {
194
194
  opacity: 0.2;
195
195
  }
@@ -198,17 +198,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
198
198
  }
199
199
  }
200
200
  @media (prefers-reduced-motion: reduce) {
201
- .awsui_alert_mx3cw_zvebu_189:not(#\9) {
201
+ .awsui_alert_mx3cw_17xjg_189:not(#\9) {
202
202
  animation: none;
203
203
  transition: none;
204
204
  }
205
205
  }
206
- .awsui-motion-disabled .awsui_alert_mx3cw_zvebu_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_zvebu_189:not(#\9) {
206
+ .awsui-motion-disabled .awsui_alert_mx3cw_17xjg_189:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_17xjg_189:not(#\9) {
207
207
  animation: none;
208
208
  transition: none;
209
209
  }
210
210
 
211
- .awsui_root_mx3cw_zvebu_211:not(#\9) {
211
+ .awsui_root_mx3cw_17xjg_211:not(#\9) {
212
212
  border-collapse: separate;
213
213
  border-spacing: 0;
214
214
  box-sizing: border-box;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
247
247
  overflow: hidden;
248
248
  display: block;
249
249
  }
250
- .awsui_root_mx3cw_zvebu_211.awsui_hidden_mx3cw_zvebu_249:not(#\9) {
250
+ .awsui_root_mx3cw_17xjg_211.awsui_hidden_mx3cw_17xjg_249:not(#\9) {
251
251
  display: none;
252
252
  }
253
253
 
254
- .awsui_alert_mx3cw_zvebu_189:not(#\9) {
254
+ .awsui_alert_mx3cw_17xjg_189:not(#\9) {
255
255
  border-collapse: separate;
256
256
  border-spacing: 0;
257
257
  box-sizing: border-box;
@@ -288,8 +288,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
288
288
  position: relative;
289
289
  display: grid;
290
290
  grid-template-columns: 1fr;
291
- border-block: var(--border-field-width-fjuzc5, 1px) solid;
292
- border-inline: var(--border-field-width-fjuzc5, 1px) solid;
291
+ border-block: var(--border-width-alert-i75nxu, 1px) solid;
292
+ border-inline: var(--border-width-alert-i75nxu, 1px) solid;
293
293
  border-start-start-radius: var(--border-radius-alert-3xhrby, 2px);
294
294
  border-start-end-radius: var(--border-radius-alert-3xhrby, 2px);
295
295
  border-end-start-radius: var(--border-radius-alert-3xhrby, 2px);
@@ -298,58 +298,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
298
298
  padding-inline: var(--space-alert-horizontal-2ra2vu, 20px);
299
299
  background-color: var(--color-background-container-content-myy7cn, #ffffff);
300
300
  }
301
- .awsui_alert_mx3cw_zvebu_189.awsui_with-dismiss_mx3cw_zvebu_299:not(#\9), .awsui_alert_mx3cw_zvebu_189.awsui_with-action_mx3cw_zvebu_299:not(#\9) {
301
+ .awsui_alert_mx3cw_17xjg_189.awsui_with-dismiss_mx3cw_17xjg_299:not(#\9), .awsui_alert_mx3cw_17xjg_189.awsui_with-action_mx3cw_17xjg_299:not(#\9) {
302
302
  grid-template-columns: 1fr auto;
303
303
  }
304
- .awsui_alert_mx3cw_zvebu_189.awsui_with-action_mx3cw_zvebu_299.awsui_with-dismiss_mx3cw_zvebu_299:not(#\9) {
304
+ .awsui_alert_mx3cw_17xjg_189.awsui_with-action_mx3cw_17xjg_299.awsui_with-dismiss_mx3cw_17xjg_299:not(#\9) {
305
305
  grid-template-columns: 1fr auto auto;
306
306
  }
307
- .awsui_alert_mx3cw_zvebu_189.awsui_breakpoint-default_mx3cw_zvebu_305.awsui_with-action_mx3cw_zvebu_299:not(#\9) {
307
+ .awsui_alert_mx3cw_17xjg_189.awsui_breakpoint-default_mx3cw_17xjg_305.awsui_with-action_mx3cw_17xjg_299:not(#\9) {
308
308
  grid-template-columns: 1fr auto;
309
309
  }
310
- .awsui_alert_mx3cw_zvebu_189.awsui_breakpoint-default_mx3cw_zvebu_305:not(#\9):not(.awsui_with-dismiss_mx3cw_zvebu_299) {
310
+ .awsui_alert_mx3cw_17xjg_189.awsui_breakpoint-default_mx3cw_17xjg_305:not(#\9):not(.awsui_with-dismiss_mx3cw_17xjg_299) {
311
311
  grid-template-columns: 1fr;
312
312
  }
313
313
 
314
- .awsui_hidden_mx3cw_zvebu_249:not(#\9) {
314
+ .awsui_hidden_mx3cw_17xjg_249:not(#\9) {
315
315
  display: none;
316
316
  }
317
317
 
318
- .awsui_initial-hidden_mx3cw_zvebu_316:not(#\9) {
318
+ .awsui_initial-hidden_mx3cw_17xjg_316:not(#\9) {
319
319
  overflow: hidden;
320
320
  block-size: 0;
321
321
  }
322
322
 
323
- .awsui_header_mx3cw_zvebu_321:not(#\9),
324
- .awsui_header-replacement_mx3cw_zvebu_322:not(#\9) {
323
+ .awsui_header_mx3cw_17xjg_321:not(#\9),
324
+ .awsui_header-replacement_mx3cw_17xjg_322:not(#\9) {
325
325
  font-weight: 700;
326
326
  }
327
327
 
328
- .awsui_action_mx3cw_zvebu_326:not(#\9) {
328
+ .awsui_action_mx3cw_17xjg_326:not(#\9) {
329
329
  white-space: nowrap;
330
330
  margin-inline-start: var(--space-alert-action-left-soet49, 20px);
331
331
  }
332
332
 
333
- .awsui_action-slot_mx3cw_zvebu_331:not(#\9),
334
- .awsui_action-button_mx3cw_zvebu_332:not(#\9) {
333
+ .awsui_action-slot_mx3cw_17xjg_331:not(#\9),
334
+ .awsui_action-button_mx3cw_17xjg_332:not(#\9) {
335
335
  /* used in test-utils */
336
336
  }
337
337
 
338
- .awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9) {
338
+ .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9) {
339
339
  display: grid;
340
340
  grid-template-columns: min-content auto;
341
341
  }
342
- .awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9):focus {
342
+ .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
343
343
  outline: none;
344
344
  }
345
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9):focus {
345
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
346
346
  position: relative;
347
347
  }
348
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9):focus {
348
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus {
349
349
  outline: 2px dotted transparent;
350
350
  outline-offset: calc(var(--space-button-focus-outline-gutter-90p0io, 3px) - 1px);
351
351
  }
352
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:not(#\9):focus::before {
352
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_17xjg_336:not(#\9):focus::before {
353
353
  content: " ";
354
354
  display: block;
355
355
  position: absolute;
@@ -364,76 +364,76 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_zvebu_336:n
364
364
  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
365
365
  }
366
366
 
367
- .awsui_text_mx3cw_zvebu_365:not(#\9) {
367
+ .awsui_text_mx3cw_17xjg_365:not(#\9) {
368
368
  min-inline-size: 0;
369
- padding-block: var(--border-field-width-fjuzc5, 1px);
369
+ padding-block: var(--border-width-alert-i75nxu, 1px);
370
370
  padding-inline: 0;
371
371
  margin-block: var(--space-scaled-xxs-krq5fq, 4px);
372
372
  margin-inline: var(--space-xxs-y2432o, 4px);
373
373
  }
374
- .awsui_text_mx3cw_zvebu_365.awsui_icon_mx3cw_zvebu_372:not(#\9) {
374
+ .awsui_text_mx3cw_17xjg_365.awsui_icon_mx3cw_17xjg_372:not(#\9) {
375
375
  margin-inline-start: 0;
376
376
  }
377
- .awsui_text_mx3cw_zvebu_365.awsui_message_mx3cw_zvebu_375:not(#\9) {
377
+ .awsui_text_mx3cw_17xjg_365.awsui_message_mx3cw_17xjg_375:not(#\9) {
378
378
  margin-inline-end: var(--space-alert-message-right-6y4tnf, 0px);
379
379
  }
380
380
 
381
- .awsui_breakpoint-default_mx3cw_zvebu_305 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
381
+ .awsui_breakpoint-default_mx3cw_17xjg_305 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
382
382
  grid-row: 2;
383
383
  margin-block-end: var(--space-xxs-y2432o, 4px);
384
384
  }
385
- .awsui_breakpoint-default_mx3cw_zvebu_305.awsui_icon-size-medium_mx3cw_zvebu_383 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
385
+ .awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-medium_mx3cw_17xjg_383 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
386
386
  margin-inline-start: calc(var(--size-icon-medium-r52788, 16px) + var(--space-xs-6dgkww, 8px));
387
387
  }
388
- .awsui_breakpoint-default_mx3cw_zvebu_305.awsui_icon-size-big_mx3cw_zvebu_386 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
388
+ .awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-big_mx3cw_17xjg_386 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
389
389
  margin-inline-start: calc(var(--size-icon-big-fdyugp, 32px) + var(--space-xs-6dgkww, 8px));
390
390
  }
391
- .awsui_breakpoint-default_mx3cw_zvebu_305.awsui_icon-size-normal_mx3cw_zvebu_389 > .awsui_action_mx3cw_zvebu_326:not(#\9) {
391
+ .awsui_breakpoint-default_mx3cw_17xjg_305.awsui_icon-size-normal_mx3cw_17xjg_389 > .awsui_action_mx3cw_17xjg_326:not(#\9) {
392
392
  margin-inline-start: calc(var(--size-icon-normal-19036g, 16px) + var(--space-xs-6dgkww, 8px));
393
393
  }
394
394
 
395
- .awsui_content_mx3cw_zvebu_393:not(#\9),
396
- .awsui_content-replacement_mx3cw_zvebu_394:not(#\9) {
395
+ .awsui_content_mx3cw_17xjg_393:not(#\9),
396
+ .awsui_content-replacement_mx3cw_17xjg_394:not(#\9) {
397
397
  /* used in test-utils */
398
398
  }
399
399
 
400
- .awsui_dismiss_mx3cw_zvebu_398:not(#\9) {
400
+ .awsui_dismiss_mx3cw_17xjg_398:not(#\9) {
401
401
  margin-inline-end: calc(-1 * var(--space-xxs-y2432o, 4px));
402
402
  margin-inline-start: var(--space-s-vmutj3, 12px);
403
403
  }
404
404
 
405
- .awsui_dismiss-button_mx3cw_zvebu_403:not(#\9) {
405
+ .awsui_dismiss-button_mx3cw_17xjg_403:not(#\9) {
406
406
  /* used in test-utils */
407
407
  }
408
408
 
409
- .awsui_type-error_mx3cw_zvebu_407:not(#\9) {
409
+ .awsui_type-error_mx3cw_17xjg_407:not(#\9) {
410
410
  border-color: var(--color-border-status-error-5n723o, #d13212);
411
411
  background-color: var(--color-background-status-error-ljmwh5, #fdf3f1);
412
412
  }
413
- .awsui_type-error_mx3cw_zvebu_407 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
413
+ .awsui_type-error_mx3cw_17xjg_407 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
414
414
  color: var(--color-text-status-error-p5bdwa, #d13212);
415
415
  }
416
416
 
417
- .awsui_type-warning_mx3cw_zvebu_415:not(#\9) {
417
+ .awsui_type-warning_mx3cw_17xjg_415:not(#\9) {
418
418
  border-color: var(--color-border-status-warning-wkps52, #906806);
419
419
  background-color: var(--color-background-status-warning-bqz9of, #fffef0);
420
420
  }
421
- .awsui_type-warning_mx3cw_zvebu_415 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
421
+ .awsui_type-warning_mx3cw_17xjg_415 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
422
422
  color: var(--color-text-status-warning-3hbtsc, #906806);
423
423
  }
424
424
 
425
- .awsui_type-success_mx3cw_zvebu_423:not(#\9) {
425
+ .awsui_type-success_mx3cw_17xjg_423:not(#\9) {
426
426
  border-color: var(--color-border-status-success-acmcj0, #1d8102);
427
427
  background-color: var(--color-background-status-success-igaq7v, #f2f8f0);
428
428
  }
429
- .awsui_type-success_mx3cw_zvebu_423 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
429
+ .awsui_type-success_mx3cw_17xjg_423 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
430
430
  color: var(--color-text-status-success-sh9pg0, #1d8102);
431
431
  }
432
432
 
433
- .awsui_type-info_mx3cw_zvebu_431:not(#\9) {
433
+ .awsui_type-info_mx3cw_17xjg_431:not(#\9) {
434
434
  border-color: var(--color-border-status-info-7kw04i, #0073bb);
435
435
  background-color: var(--color-background-status-info-zgt1yi, #f1faff);
436
436
  }
437
- .awsui_type-info_mx3cw_zvebu_431 > .awsui_alert-focus-wrapper_mx3cw_zvebu_336 > .awsui_icon_mx3cw_zvebu_372:not(#\9) {
437
+ .awsui_type-info_mx3cw_17xjg_431 > .awsui_alert-focus-wrapper_mx3cw_17xjg_336 > .awsui_icon_mx3cw_17xjg_372:not(#\9) {
438
438
  color: var(--color-text-status-info-1ypqr6, #0073bb);
439
439
  }
@@ -2,33 +2,33 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "alert": "awsui_alert_mx3cw_zvebu_189",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_zvebu_1",
7
- "root": "awsui_root_mx3cw_zvebu_211",
8
- "hidden": "awsui_hidden_mx3cw_zvebu_249",
9
- "with-dismiss": "awsui_with-dismiss_mx3cw_zvebu_299",
10
- "with-action": "awsui_with-action_mx3cw_zvebu_299",
11
- "breakpoint-default": "awsui_breakpoint-default_mx3cw_zvebu_305",
12
- "initial-hidden": "awsui_initial-hidden_mx3cw_zvebu_316",
13
- "header": "awsui_header_mx3cw_zvebu_321",
14
- "header-replacement": "awsui_header-replacement_mx3cw_zvebu_322",
15
- "action": "awsui_action_mx3cw_zvebu_326",
16
- "action-slot": "awsui_action-slot_mx3cw_zvebu_331",
17
- "action-button": "awsui_action-button_mx3cw_zvebu_332",
18
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_zvebu_336",
19
- "text": "awsui_text_mx3cw_zvebu_365",
20
- "icon": "awsui_icon_mx3cw_zvebu_372",
21
- "message": "awsui_message_mx3cw_zvebu_375",
22
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_zvebu_383",
23
- "icon-size-big": "awsui_icon-size-big_mx3cw_zvebu_386",
24
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_zvebu_389",
25
- "content": "awsui_content_mx3cw_zvebu_393",
26
- "content-replacement": "awsui_content-replacement_mx3cw_zvebu_394",
27
- "dismiss": "awsui_dismiss_mx3cw_zvebu_398",
28
- "dismiss-button": "awsui_dismiss-button_mx3cw_zvebu_403",
29
- "type-error": "awsui_type-error_mx3cw_zvebu_407",
30
- "type-warning": "awsui_type-warning_mx3cw_zvebu_415",
31
- "type-success": "awsui_type-success_mx3cw_zvebu_423",
32
- "type-info": "awsui_type-info_mx3cw_zvebu_431"
5
+ "alert": "awsui_alert_mx3cw_17xjg_189",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_17xjg_1",
7
+ "root": "awsui_root_mx3cw_17xjg_211",
8
+ "hidden": "awsui_hidden_mx3cw_17xjg_249",
9
+ "with-dismiss": "awsui_with-dismiss_mx3cw_17xjg_299",
10
+ "with-action": "awsui_with-action_mx3cw_17xjg_299",
11
+ "breakpoint-default": "awsui_breakpoint-default_mx3cw_17xjg_305",
12
+ "initial-hidden": "awsui_initial-hidden_mx3cw_17xjg_316",
13
+ "header": "awsui_header_mx3cw_17xjg_321",
14
+ "header-replacement": "awsui_header-replacement_mx3cw_17xjg_322",
15
+ "action": "awsui_action_mx3cw_17xjg_326",
16
+ "action-slot": "awsui_action-slot_mx3cw_17xjg_331",
17
+ "action-button": "awsui_action-button_mx3cw_17xjg_332",
18
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_17xjg_336",
19
+ "text": "awsui_text_mx3cw_17xjg_365",
20
+ "icon": "awsui_icon_mx3cw_17xjg_372",
21
+ "message": "awsui_message_mx3cw_17xjg_375",
22
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_17xjg_383",
23
+ "icon-size-big": "awsui_icon-size-big_mx3cw_17xjg_386",
24
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_17xjg_389",
25
+ "content": "awsui_content_mx3cw_17xjg_393",
26
+ "content-replacement": "awsui_content-replacement_mx3cw_17xjg_394",
27
+ "dismiss": "awsui_dismiss_mx3cw_17xjg_398",
28
+ "dismiss-button": "awsui_dismiss-button_mx3cw_17xjg_403",
29
+ "type-error": "awsui_type-error_mx3cw_17xjg_407",
30
+ "type-warning": "awsui_type-warning_mx3cw_17xjg_415",
31
+ "type-success": "awsui_type-success_mx3cw_17xjg_423",
32
+ "type-info": "awsui_type-info_mx3cw_17xjg_431"
33
33
  };
34
34
 
@@ -1,13 +1,13 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_swimc_19xau_185",
5
- "anchor-list": "awsui_anchor-list_swimc_19xau_220",
6
- "anchor-item": "awsui_anchor-item_swimc_19xau_243",
7
- "anchor-item--active": "awsui_anchor-item--active_swimc_19xau_263",
8
- "anchor-link": "awsui_anchor-link_swimc_19xau_280",
9
- "anchor-link--active": "awsui_anchor-link--active_swimc_19xau_322",
10
- "anchor-link-text": "awsui_anchor-link-text_swimc_19xau_329",
11
- "anchor-link-info": "awsui_anchor-link-info_swimc_19xau_333"
4
+ "root": "awsui_root_swimc_1xgmg_185",
5
+ "anchor-list": "awsui_anchor-list_swimc_1xgmg_220",
6
+ "anchor-item": "awsui_anchor-item_swimc_1xgmg_243",
7
+ "anchor-item--active": "awsui_anchor-item--active_swimc_1xgmg_263",
8
+ "anchor-link": "awsui_anchor-link_swimc_1xgmg_280",
9
+ "anchor-link--active": "awsui_anchor-link--active_swimc_1xgmg_322",
10
+ "anchor-link-text": "awsui_anchor-link-text_swimc_1xgmg_329",
11
+ "anchor-link-info": "awsui_anchor-link-info_swimc_1xgmg_333"
12
12
  };
13
13