@cloudscape-design/components-themeable 3.0.1371 → 3.0.1372

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 (74) hide show
  1. package/lib/__tests__/theming.test.js +14 -0
  2. package/lib/__tests__/theming.test.js.map +1 -1
  3. package/lib/internal/manifest.json +1 -1
  4. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +1 -4
  5. package/lib/internal/scss/button-dropdown/item-element/styles.scss +1 -4
  6. package/lib/internal/scss/dropdown/styles.scss +23 -4
  7. package/lib/internal/scss/internal/components/selectable-item/styles.scss +2 -8
  8. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  9. package/lib/internal/scss/internal/styles/links.scss +15 -6
  10. package/lib/internal/scss/internal/styles/utils/mixins.scss +7 -0
  11. package/lib/internal/scss/link/styles.scss +35 -16
  12. package/lib/internal/scss/status-indicator/styles.scss +3 -2
  13. package/lib/internal/template/box/interfaces.d.ts +3 -0
  14. package/lib/internal/template/box/interfaces.d.ts.map +1 -1
  15. package/lib/internal/template/box/interfaces.js.map +1 -1
  16. package/lib/internal/template/button/interfaces.d.ts +0 -1
  17. package/lib/internal/template/button/interfaces.d.ts.map +1 -1
  18. package/lib/internal/template/button/interfaces.js.map +1 -1
  19. package/lib/internal/template/button/internal.d.ts.map +1 -1
  20. package/lib/internal/template/button/internal.js +8 -1
  21. package/lib/internal/template/button/internal.js.map +1 -1
  22. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
  23. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +32 -32
  24. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
  25. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  26. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +38 -38
  27. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  28. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts +0 -1
  29. package/lib/internal/template/copy-to-clipboard/interfaces.d.ts.map +1 -1
  30. package/lib/internal/template/copy-to-clipboard/interfaces.js.map +1 -1
  31. package/lib/internal/template/dropdown/index.d.ts.map +1 -1
  32. package/lib/internal/template/dropdown/index.js +1 -1
  33. package/lib/internal/template/dropdown/index.js.map +1 -1
  34. package/lib/internal/template/dropdown/internal.d.ts +5 -1
  35. package/lib/internal/template/dropdown/internal.d.ts.map +1 -1
  36. package/lib/internal/template/dropdown/internal.js +4 -4
  37. package/lib/internal/template/dropdown/internal.js.map +1 -1
  38. package/lib/internal/template/dropdown/styles.css.js +20 -20
  39. package/lib/internal/template/dropdown/styles.scoped.css +69 -48
  40. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  41. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  42. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  43. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +53 -49
  44. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  45. package/lib/internal/template/internal/environment.js +2 -2
  46. package/lib/internal/template/internal/environment.json +2 -2
  47. package/lib/internal/template/link/index.d.ts.map +1 -1
  48. package/lib/internal/template/link/index.js +1 -1
  49. package/lib/internal/template/link/index.js.map +1 -1
  50. package/lib/internal/template/link/internal.d.ts +4 -0
  51. package/lib/internal/template/link/internal.d.ts.map +1 -1
  52. package/lib/internal/template/link/internal.js +2 -2
  53. package/lib/internal/template/link/internal.js.map +1 -1
  54. package/lib/internal/template/link/styles.css.js +21 -21
  55. package/lib/internal/template/link/styles.scoped.css +121 -104
  56. package/lib/internal/template/link/styles.selectors.js +21 -21
  57. package/lib/internal/template/status-indicator/internal.d.ts +5 -1
  58. package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
  59. package/lib/internal/template/status-indicator/internal.js +2 -2
  60. package/lib/internal/template/status-indicator/internal.js.map +1 -1
  61. package/lib/internal/template/status-indicator/styles.css.js +26 -25
  62. package/lib/internal/template/status-indicator/styles.scoped.css +47 -47
  63. package/lib/internal/template/status-indicator/styles.selectors.js +26 -25
  64. package/lib/internal/template/steps/internal.js +1 -1
  65. package/lib/internal/template/steps/internal.js.map +1 -1
  66. package/lib/internal/template/theming/index.d.ts +4 -2
  67. package/lib/internal/template/theming/index.d.ts.map +1 -1
  68. package/lib/internal/template/theming/index.js +7 -4
  69. package/lib/internal/template/theming/index.js.map +1 -1
  70. package/lib/theming.d.ts +5 -0
  71. package/lib/theming.d.ts.map +1 -1
  72. package/lib/theming.js +12 -0
  73. package/lib/theming.js.map +1 -1
  74. package/package.json +1 -1
package/lib/internal/template/dropdown/styles.scoped.css CHANGED
@@ -10,10 +10,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
10
10
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
11
  SPDX-License-Identifier: Apache-2.0
12
12
  */
13
- .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
14
- animation: awsui_awsui-motion-fade-in-dropdown_9duf6_n6iaf_1 var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-show-quick-gb8584, ease-out);
13
+ .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
14
+ animation: awsui_awsui-motion-fade-in-dropdown_9duf6_1e1bk_1 var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-show-quick-gb8584, ease-out);
15
15
  }
16
- @keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_n6iaf_1 {
16
+ @keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_1e1bk_1 {
17
17
  from {
18
18
  opacity: 0.4;
19
19
  }
@@ -22,22 +22,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
22
22
  }
23
23
  }
24
24
  @media (prefers-reduced-motion: reduce) {
25
- .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
25
+ .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
26
26
  animation: none;
27
27
  transition: none;
28
28
  }
29
29
  }
30
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
30
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
31
31
  animation: none;
32
32
  transition: none;
33
33
  }
34
- .awsui_dropdown-content-wrapper_9duf6_n6iaf_13.awsui_refresh_9duf6_n6iaf_34:not(#\9) {
34
+ .awsui_dropdown-content-wrapper_9duf6_1e1bk_13.awsui_refresh_9duf6_1e1bk_34:not(#\9) {
35
35
  transform-origin: top;
36
- animation-name: awsui_awsui-motion-fade-in-0_9duf6_n6iaf_1;
36
+ animation-name: awsui_awsui-motion-fade-in-0_9duf6_1e1bk_1;
37
37
  animation-duration: var(--motion-duration-show-quick-24aj9c, 135ms);
38
38
  animation-timing-function: var(--motion-easing-show-quick-gb8584, ease-out);
39
39
  }
40
- @keyframes awsui_awsui-motion-fade-in-0_9duf6_n6iaf_1 {
40
+ @keyframes awsui_awsui-motion-fade-in-0_9duf6_1e1bk_1 {
41
41
  from {
42
42
  opacity: 0;
43
43
  }
@@ -46,17 +46,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
46
46
  }
47
47
  }
48
48
  @media (prefers-reduced-motion: reduce) {
49
- .awsui_dropdown-content-wrapper_9duf6_n6iaf_13.awsui_refresh_9duf6_n6iaf_34:not(#\9) {
49
+ .awsui_dropdown-content-wrapper_9duf6_1e1bk_13.awsui_refresh_9duf6_1e1bk_34:not(#\9) {
50
50
  animation: none;
51
51
  transition: none;
52
52
  }
53
53
  }
54
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_n6iaf_13.awsui_refresh_9duf6_n6iaf_34:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_n6iaf_13.awsui_refresh_9duf6_n6iaf_34:not(#\9) {
54
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1e1bk_13.awsui_refresh_9duf6_1e1bk_34:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1e1bk_13.awsui_refresh_9duf6_1e1bk_34:not(#\9) {
55
55
  animation: none;
56
56
  transition: none;
57
57
  }
58
58
 
59
- .awsui_root_9duf6_n6iaf_59:not(#\9) {
59
+ @property --awsui-style-background-color {
60
+ syntax: "*";
61
+ inherits: false;
62
+ }
63
+ @property --awsui-style-border-color {
64
+ syntax: "*";
65
+ inherits: false;
66
+ }
67
+ @property --awsui-style-border-width {
68
+ syntax: "*";
69
+ inherits: false;
70
+ }
71
+ @property --awsui-style-border-radius {
72
+ syntax: "*";
73
+ inherits: false;
74
+ }
75
+ /* awsui:style-api-slot name=dropdown tokens=background-color, border-color, border-width, border-radius */
76
+ .awsui_root_9duf6_1e1bk_76:not(#\9) {
60
77
  border-collapse: separate;
61
78
  border-spacing: 0;
62
79
  box-sizing: border-box;
@@ -89,34 +106,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
89
106
  position: relative;
90
107
  white-space: inherit;
91
108
  }
92
- .awsui_root_9duf6_n6iaf_59.awsui_interior_9duf6_n6iaf_92:not(#\9) {
109
+ .awsui_root_9duf6_1e1bk_76.awsui_interior_9duf6_1e1bk_109:not(#\9) {
93
110
  position: static;
94
111
  }
95
112
 
96
- .awsui_dropdown_9duf6_n6iaf_13:not(#\9) {
113
+ .awsui_dropdown_9duf6_1e1bk_13:not(#\9) {
97
114
  position: absolute;
98
115
  display: none;
99
116
  z-index: 2000;
100
117
  transform-origin: top;
101
118
  }
102
- .awsui_dropdown_9duf6_n6iaf_13.awsui_use-portal_9duf6_n6iaf_102:not(#\9) {
119
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_use-portal_9duf6_1e1bk_119:not(#\9) {
103
120
  z-index: 7000;
104
121
  }
105
- .awsui_dropdown_9duf6_n6iaf_13:not(#\9):not(.awsui_interior_9duf6_n6iaf_92) {
122
+ .awsui_dropdown_9duf6_1e1bk_13:not(#\9):not(.awsui_interior_9duf6_1e1bk_109) {
106
123
  transform: translateY(0px);
107
124
  transition: transform var(--motion-duration-show-quick-24aj9c, 135ms);
108
125
  }
109
126
  @media (prefers-reduced-motion: reduce) {
110
- .awsui_dropdown_9duf6_n6iaf_13:not(#\9):not(.awsui_interior_9duf6_n6iaf_92) {
127
+ .awsui_dropdown_9duf6_1e1bk_13:not(#\9):not(.awsui_interior_9duf6_1e1bk_109) {
111
128
  animation: none;
112
129
  transition: none;
113
130
  }
114
131
  }
115
- .awsui-motion-disabled .awsui_dropdown_9duf6_n6iaf_13:not(#\9):not(.awsui_interior_9duf6_n6iaf_92), .awsui-mode-entering .awsui_dropdown_9duf6_n6iaf_13:not(#\9):not(.awsui_interior_9duf6_n6iaf_92) {
132
+ .awsui-motion-disabled .awsui_dropdown_9duf6_1e1bk_13:not(#\9):not(.awsui_interior_9duf6_1e1bk_109), .awsui-mode-entering .awsui_dropdown_9duf6_1e1bk_13:not(#\9):not(.awsui_interior_9duf6_1e1bk_109) {
116
133
  animation: none;
117
134
  transition: none;
118
135
  }
119
- .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
136
+ .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
120
137
  border-collapse: separate;
121
138
  border-spacing: 0;
122
139
  box-sizing: border-box;
@@ -146,19 +163,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
163
  font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
147
164
  -webkit-font-smoothing: auto;
148
165
  -moz-osx-font-smoothing: auto;
166
+ --awsui-internal-style-background-color: var(--awsui-style-background-color);
167
+ --awsui-internal-style-border-color: var(--awsui-style-border-color);
168
+ --awsui-internal-style-border-width: var(--awsui-style-border-width);
169
+ --awsui-internal-style-border-radius: var(--awsui-style-border-radius);
149
170
  white-space: inherit;
150
171
  position: relative;
151
- background-color: var(--color-background-dropdown-item-default-x5ga9w, #ffffff);
172
+ background-color: var(--awsui-internal-style-background-color, var(--color-background-dropdown-item-default-x5ga9w, #ffffff));
152
173
  outline: none;
153
174
  box-shadow: var(--shadow-dropdown-ogwesf, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
154
- border-start-start-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
155
- border-start-end-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
156
- border-end-start-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
157
- border-end-end-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
175
+ border-start-start-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
176
+ border-start-end-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
177
+ border-end-start-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
178
+ border-end-end-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
158
179
  border-block: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
159
180
  box-sizing: border-box;
160
181
  }
161
- .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9)::after {
182
+ .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9)::after {
162
183
  content: "";
163
184
  position: absolute;
164
185
  z-index: 1;
@@ -167,74 +188,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
167
188
  inset-inline-start: 0px;
168
189
  inset-inline-end: 0px;
169
190
  background-color: transparent;
170
- border-block: var(--awsui-dropdown-content-border-width-66120l, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-66120l, var(--color-border-dropdown-container-zmsfa8, transparent));
171
- border-inline: var(--awsui-dropdown-content-border-width-66120l, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-66120l, var(--color-border-dropdown-container-zmsfa8, transparent));
172
- border-start-start-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
173
- border-start-end-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
174
- border-end-start-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
175
- border-end-end-radius: var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px));
191
+ border-block: var(--awsui-internal-style-border-width, var(--awsui-dropdown-content-border-width-66120l, var(--border-width-popover-snsxri, 1px))) solid var(--awsui-internal-style-border-color, var(--awsui-dropdown-content-border-color-66120l, var(--color-border-dropdown-container-zmsfa8, transparent)));
192
+ border-inline: var(--awsui-internal-style-border-width, var(--awsui-dropdown-content-border-width-66120l, var(--border-width-popover-snsxri, 1px))) solid var(--awsui-internal-style-border-color, var(--awsui-dropdown-content-border-color-66120l, var(--color-border-dropdown-container-zmsfa8, transparent)));
193
+ border-start-start-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
194
+ border-start-end-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
195
+ border-end-start-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
196
+ border-end-end-radius: var(--awsui-internal-style-border-radius, var(--awsui-dropdown-content-border-radius-66120l, var(--border-radius-dropdown-azs8zp, 0px)));
176
197
  pointer-events: none;
177
198
  }
178
- .awsui_dropdown-content-wrapper_9duf6_n6iaf_13.awsui_is-empty_9duf6_n6iaf_178:not(#\9)::after {
199
+ .awsui_dropdown-content-wrapper_9duf6_1e1bk_13.awsui_is-empty_9duf6_1e1bk_199:not(#\9)::after {
179
200
  display: none;
180
201
  }
181
- .awsui_dropdown_9duf6_n6iaf_13 > .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
202
+ .awsui_dropdown_9duf6_1e1bk_13 > .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
182
203
  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
183
204
  border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-group-y5droz, #eaeded);
184
205
  }
185
- .awsui_dropdown-drop-up_9duf6_n6iaf_185 > .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
206
+ .awsui_dropdown-drop-up_9duf6_1e1bk_206 > .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
186
207
  transform-origin: bottom;
187
208
  box-shadow: var(--shadow-dropup-40ssty, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
188
209
  }
189
- .awsui_dropdown-drop-up_9duf6_n6iaf_185.awsui_with-limited-width_9duf6_n6iaf_189 > .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
210
+ .awsui_dropdown-drop-up_9duf6_1e1bk_206.awsui_with-limited-width_9duf6_1e1bk_210 > .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
190
211
  border-block-start: none;
191
212
  }
192
- .awsui_dropdown-drop-left_9duf6_n6iaf_192:not(#\9) {
213
+ .awsui_dropdown-drop-left_9duf6_1e1bk_213:not(#\9) {
193
214
  inset-inline-end: 0;
194
215
  }
195
- .awsui_dropdown-drop-right_9duf6_n6iaf_195:not(#\9) {
216
+ .awsui_dropdown-drop-right_9duf6_1e1bk_216:not(#\9) {
196
217
  inset-inline-start: 0;
197
218
  }
198
- .awsui_dropdown_9duf6_n6iaf_13.awsui_occupy-entire-width_9duf6_n6iaf_198:not(#\9) {
219
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_occupy-entire-width_9duf6_1e1bk_219:not(#\9) {
199
220
  min-inline-size: 100%;
200
221
  }
201
- .awsui_dropdown_9duf6_n6iaf_13.awsui_use-flexible-width_9duf6_n6iaf_201:not(#\9) {
222
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_use-flexible-width_9duf6_1e1bk_222:not(#\9) {
202
223
  inline-size: max-content;
203
224
  max-inline-size: var(--awsui-dropdown-default-max-width-66120l, none);
204
225
  min-inline-size: var(--awsui-dropdown-default-min-width-66120l, auto);
205
226
  }
206
- .awsui_dropdown_9duf6_n6iaf_13.awsui_interior_9duf6_n6iaf_92 > .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
227
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_interior_9duf6_1e1bk_109 > .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
207
228
  margin-block-start: -1px;
208
229
  }
209
- .awsui_dropdown_9duf6_n6iaf_13.awsui_hide-block-border_9duf6_n6iaf_209 > .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
230
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_hide-block-border_9duf6_1e1bk_230 > .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
210
231
  border-block-start: none;
211
232
  }
212
- .awsui_dropdown_9duf6_n6iaf_13.awsui_hide-block-border_9duf6_n6iaf_209:not(#\9):not(.awsui_dropdown-drop-up_9duf6_n6iaf_185) > .awsui_dropdown-content-wrapper_9duf6_n6iaf_13 {
233
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_hide-block-border_9duf6_1e1bk_230:not(#\9):not(.awsui_dropdown-drop-up_9duf6_1e1bk_206) > .awsui_dropdown-content-wrapper_9duf6_1e1bk_13 {
213
234
  border-block-end: none;
214
235
  }
215
- .awsui_dropdown_9duf6_n6iaf_13.awsui_hide-block-border_9duf6_n6iaf_209.awsui_refresh_9duf6_n6iaf_34 > .awsui_dropdown-content-wrapper_9duf6_n6iaf_13:not(#\9) {
236
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_hide-block-border_9duf6_1e1bk_230.awsui_refresh_9duf6_1e1bk_34 > .awsui_dropdown-content-wrapper_9duf6_1e1bk_13:not(#\9) {
216
237
  border-block-end: none;
217
238
  }
218
- .awsui_dropdown_9duf6_n6iaf_13.awsui_open_9duf6_n6iaf_218:not(#\9) {
239
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_open_9duf6_1e1bk_239:not(#\9) {
219
240
  display: block;
220
241
  }
221
- .awsui_dropdown_9duf6_n6iaf_13.awsui_open_9duf6_n6iaf_218:not(#\9):not(.awsui_interior_9duf6_n6iaf_92).awsui_refresh_9duf6_n6iaf_34[data-animating=true] {
242
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_open_9duf6_1e1bk_239:not(#\9):not(.awsui_interior_9duf6_1e1bk_109).awsui_refresh_9duf6_1e1bk_34[data-animating=true] {
222
243
  transform: translateY(4px);
223
244
  }
224
- .awsui_dropdown_9duf6_n6iaf_13.awsui_open_9duf6_n6iaf_218:not(#\9):not(.awsui_interior_9duf6_n6iaf_92).awsui_refresh_9duf6_n6iaf_34[data-animating=true].awsui_dropdown-drop-up_9duf6_n6iaf_185 {
245
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_open_9duf6_1e1bk_239:not(#\9):not(.awsui_interior_9duf6_1e1bk_109).awsui_refresh_9duf6_1e1bk_34[data-animating=true].awsui_dropdown-drop-up_9duf6_1e1bk_206 {
225
246
  transform: translateY(-4px);
226
247
  }
227
- .awsui_dropdown_9duf6_n6iaf_13.awsui_open_9duf6_n6iaf_218.awsui_nowrap_9duf6_n6iaf_227:not(#\9) {
248
+ .awsui_dropdown_9duf6_1e1bk_13.awsui_open_9duf6_1e1bk_239.awsui_nowrap_9duf6_1e1bk_248:not(#\9) {
228
249
  white-space: nowrap;
229
250
  overflow: scroll;
230
251
  }
231
252
 
232
- .awsui_dropdown-content_9duf6_n6iaf_13:not(#\9) {
253
+ .awsui_dropdown-content_9duf6_1e1bk_13:not(#\9) {
233
254
  display: flex;
234
255
  flex-direction: column;
235
256
  inline-size: 100%;
236
257
  }
237
258
 
238
- .awsui_stretch-trigger-height_9duf6_n6iaf_238:not(#\9) {
259
+ .awsui_stretch-trigger-height_9duf6_1e1bk_259:not(#\9) {
239
260
  block-size: 100%;
240
261
  }
package/lib/internal/template/dropdown/styles.selectors.js CHANGED
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_n6iaf_13",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_n6iaf_1",
7
- "refresh": "awsui_refresh_9duf6_n6iaf_34",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_n6iaf_1",
9
- "root": "awsui_root_9duf6_n6iaf_59",
10
- "interior": "awsui_interior_9duf6_n6iaf_92",
11
- "dropdown": "awsui_dropdown_9duf6_n6iaf_13",
12
- "use-portal": "awsui_use-portal_9duf6_n6iaf_102",
13
- "is-empty": "awsui_is-empty_9duf6_n6iaf_178",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_n6iaf_185",
15
- "with-limited-width": "awsui_with-limited-width_9duf6_n6iaf_189",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_n6iaf_192",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_n6iaf_195",
18
- "occupy-entire-width": "awsui_occupy-entire-width_9duf6_n6iaf_198",
19
- "use-flexible-width": "awsui_use-flexible-width_9duf6_n6iaf_201",
20
- "hide-block-border": "awsui_hide-block-border_9duf6_n6iaf_209",
21
- "open": "awsui_open_9duf6_n6iaf_218",
22
- "nowrap": "awsui_nowrap_9duf6_n6iaf_227",
23
- "dropdown-content": "awsui_dropdown-content_9duf6_n6iaf_13",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_n6iaf_238"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_1e1bk_13",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1e1bk_1",
7
+ "refresh": "awsui_refresh_9duf6_1e1bk_34",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1e1bk_1",
9
+ "root": "awsui_root_9duf6_1e1bk_76",
10
+ "interior": "awsui_interior_9duf6_1e1bk_109",
11
+ "dropdown": "awsui_dropdown_9duf6_1e1bk_13",
12
+ "use-portal": "awsui_use-portal_9duf6_1e1bk_119",
13
+ "is-empty": "awsui_is-empty_9duf6_1e1bk_199",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1e1bk_206",
15
+ "with-limited-width": "awsui_with-limited-width_9duf6_1e1bk_210",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1e1bk_213",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1e1bk_216",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1e1bk_219",
19
+ "use-flexible-width": "awsui_use-flexible-width_9duf6_1e1bk_222",
20
+ "hide-block-border": "awsui_hide-block-border_9duf6_1e1bk_230",
21
+ "open": "awsui_open_9duf6_1e1bk_239",
22
+ "nowrap": "awsui_nowrap_9duf6_1e1bk_248",
23
+ "dropdown-content": "awsui_dropdown-content_9duf6_1e1bk_13",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1e1bk_259"
25
25
  };
26
26
 
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -56,5 +56,5 @@
56
56
  }
57
57
  }
58
58
  :root {
59
- --awsui-version-info-4b4d1f4b: true;
59
+ --awsui-version-info-9963282c: true;
60
60
  }
package/lib/internal/template/internal/components/selectable-item/styles.css.js CHANGED
@@ -1,27 +1,27 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "selectable-item": "awsui_selectable-item_15o6u_ttfpp_9",
5
- "parent": "awsui_parent_15o6u_ttfpp_28",
6
- "interactiveGroups": "awsui_interactiveGroups_15o6u_ttfpp_28",
7
- "highlighted": "awsui_highlighted_15o6u_ttfpp_28",
8
- "selected": "awsui_selected_15o6u_ttfpp_28",
9
- "selectable-item-content": "awsui_selectable-item-content_15o6u_ttfpp_31",
10
- "pad-bottom": "awsui_pad-bottom_15o6u_ttfpp_35",
11
- "virtual": "awsui_virtual_15o6u_ttfpp_42",
12
- "has-background": "awsui_has-background_15o6u_ttfpp_45",
13
- "child": "awsui_child_15o6u_ttfpp_48",
14
- "disabled": "awsui_disabled_15o6u_ttfpp_54",
15
- "is-keyboard": "awsui_is-keyboard_15o6u_ttfpp_69",
16
- "visual-refresh": "awsui_visual-refresh_15o6u_ttfpp_79",
17
- "next-item-selected": "awsui_next-item-selected_15o6u_ttfpp_93",
18
- "previous-item-selected": "awsui_previous-item-selected_15o6u_ttfpp_103",
19
- "sticky": "awsui_sticky_15o6u_ttfpp_135",
20
- "with-scrollbar": "awsui_with-scrollbar_15o6u_ttfpp_154",
21
- "after-header": "awsui_after-header_15o6u_ttfpp_157",
22
- "measure-strut": "awsui_measure-strut_15o6u_ttfpp_186",
23
- "screenreader-content": "awsui_screenreader-content_15o6u_ttfpp_198",
24
- "option-content": "awsui_option-content_15o6u_ttfpp_204",
25
- "select-all": "awsui_select-all_15o6u_ttfpp_208"
4
+ "selectable-item": "awsui_selectable-item_15o6u_1mhnc_9",
5
+ "parent": "awsui_parent_15o6u_1mhnc_28",
6
+ "interactiveGroups": "awsui_interactiveGroups_15o6u_1mhnc_28",
7
+ "highlighted": "awsui_highlighted_15o6u_1mhnc_28",
8
+ "selected": "awsui_selected_15o6u_1mhnc_28",
9
+ "selectable-item-content": "awsui_selectable-item-content_15o6u_1mhnc_31",
10
+ "pad-bottom": "awsui_pad-bottom_15o6u_1mhnc_35",
11
+ "virtual": "awsui_virtual_15o6u_1mhnc_42",
12
+ "has-background": "awsui_has-background_15o6u_1mhnc_45",
13
+ "child": "awsui_child_15o6u_1mhnc_48",
14
+ "disabled": "awsui_disabled_15o6u_1mhnc_54",
15
+ "is-keyboard": "awsui_is-keyboard_15o6u_1mhnc_73",
16
+ "visual-refresh": "awsui_visual-refresh_15o6u_1mhnc_83",
17
+ "next-item-selected": "awsui_next-item-selected_15o6u_1mhnc_97",
18
+ "previous-item-selected": "awsui_previous-item-selected_15o6u_1mhnc_107",
19
+ "sticky": "awsui_sticky_15o6u_1mhnc_139",
20
+ "with-scrollbar": "awsui_with-scrollbar_15o6u_1mhnc_158",
21
+ "after-header": "awsui_after-header_15o6u_1mhnc_161",
22
+ "measure-strut": "awsui_measure-strut_15o6u_1mhnc_190",
23
+ "screenreader-content": "awsui_screenreader-content_15o6u_1mhnc_202",
24
+ "option-content": "awsui_option-content_15o6u_1mhnc_208",
25
+ "select-all": "awsui_select-all_15o6u_1mhnc_212"
26
26
  };
27
27
 
package/lib/internal/template/internal/components/selectable-item/styles.scoped.css CHANGED
@@ -6,7 +6,7 @@
6
6
  /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
7
7
  /* Style used for links in slots/components that are text heavy, to help links stand out among
8
8
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
9
- .awsui_selectable-item_15o6u_ttfpp_9:not(#\9) {
9
+ .awsui_selectable-item_15o6u_1mhnc_9:not(#\9) {
10
10
  font-size: var(--font-size-body-m-tq5a14, 14px);
11
11
  line-height: var(--line-height-body-m-5xw6xo, 22px);
12
12
  color: var(--color-text-body-default-b2us04, #16191f);
@@ -25,165 +25,169 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
25
25
  overflow: hidden;
26
26
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
27
27
  }
28
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28.awsui_interactiveGroups_15o6u_ttfpp_28:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28) {
28
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_parent_15o6u_1mhnc_28.awsui_interactiveGroups_15o6u_1mhnc_28:not(#\9):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28) {
29
29
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
30
30
  }
31
- .awsui_selectable-item_15o6u_ttfpp_9 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
31
+ .awsui_selectable-item_15o6u_1mhnc_9 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
32
32
  padding-block: var(--space-option-padding-vertical-hggcse, 4px);
33
33
  padding-inline: var(--space-field-horizontal-anki5k, 8px);
34
34
  }
35
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_pad-bottom_15o6u_ttfpp_35:not(#\9) {
35
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_pad-bottom_15o6u_1mhnc_35:not(#\9) {
36
36
  padding-block-end: var(--border-item-width-pyfg4s, 1px);
37
37
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
38
38
  }
39
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_pad-bottom_15o6u_ttfpp_35 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
39
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_pad-bottom_15o6u_1mhnc_35 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
40
40
  padding-block-end: calc(var(--space-option-padding-vertical-hggcse, 4px) + var(--space-xxxs-3ulqs3, 2px));
41
41
  }
42
- .awsui_selectable-item_15o6u_ttfpp_9:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42:not(#\9) {
42
+ .awsui_selectable-item_15o6u_1mhnc_9:not(#\9):not(:first-child), .awsui_selectable-item_15o6u_1mhnc_9.awsui_virtual_15o6u_1mhnc_42:not(#\9) {
43
43
  margin-block-start: calc(-1 * var(--border-item-width-pyfg4s, 1px));
44
44
  }
45
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_has-background_15o6u_ttfpp_45:not(#\9) {
45
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_has-background_15o6u_1mhnc_45:not(#\9) {
46
46
  background-color: var(--awsui-option-background-highlighted-66120l, var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3));
47
47
  }
48
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_child_15o6u_ttfpp_48:not(#\9) {
48
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_child_15o6u_1mhnc_48:not(#\9) {
49
49
  padding-inline-start: var(--border-item-width-pyfg4s, 1px);
50
50
  }
51
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_child_15o6u_ttfpp_48 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
51
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_child_15o6u_1mhnc_48 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
52
52
  padding-inline-start: var(--space-xxl-xj5vu7, 32px);
53
53
  }
54
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_disabled_15o6u_ttfpp_54 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
54
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_disabled_15o6u_1mhnc_54 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
55
55
  color: var(--awsui-option-color-disabled-66120l, var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8));
56
56
  }
57
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28:not(#\9) {
57
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_highlighted_15o6u_1mhnc_28:not(#\9), .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28:not(#\9) {
58
58
  color: var(--awsui-option-color-highlighted-66120l, var(--color-text-dropdown-item-highlighted-dikwgu, #16191f));
59
59
  border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
60
60
  border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
61
61
  border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
62
62
  border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
63
63
  }
64
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28:not(#\9) {
64
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_highlighted_15o6u_1mhnc_28:not(#\9) {
65
65
  z-index: 3;
66
66
  background-color: var(--awsui-option-background-highlighted-66120l, var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3));
67
67
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-y2b7z1, #879596);
68
+ border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
69
+ border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
70
+ border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
71
+ border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
68
72
  }
69
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28.awsui_is-keyboard_15o6u_ttfpp_69:not(#\9) {
73
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_highlighted_15o6u_1mhnc_28.awsui_is-keyboard_15o6u_1mhnc_73:not(#\9) {
70
74
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
71
75
  }
72
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28.awsui_disabled_15o6u_ttfpp_54:not(#\9) {
76
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_highlighted_15o6u_1mhnc_28.awsui_disabled_15o6u_1mhnc_54:not(#\9) {
73
77
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-dimmed-hover-54pdcr, #879596);
74
78
  background-color: var(--color-background-dropdown-item-dimmed-vz24i5, transparent);
75
79
  }
76
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28.awsui_disabled_15o6u_ttfpp_54 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
80
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_highlighted_15o6u_1mhnc_28.awsui_disabled_15o6u_1mhnc_54 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
77
81
  color: var(--color-text-dropdown-item-dimmed-asp9ue, #aab7b8);
78
82
  }
79
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_highlighted_15o6u_ttfpp_28:not(#\9):not(.awsui_visual-refresh_15o6u_ttfpp_79).awsui_is-keyboard_15o6u_ttfpp_69 {
83
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_highlighted_15o6u_1mhnc_28:not(#\9):not(.awsui_visual-refresh_15o6u_1mhnc_83).awsui_is-keyboard_15o6u_1mhnc_73 {
80
84
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
81
85
  }
82
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28:not(#\9) {
86
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28:not(#\9) {
83
87
  z-index: 2;
84
88
  background-color: var(--awsui-option-background-selected-66120l, var(--color-background-dropdown-item-selected-jwgsiw, #f1faff));
85
89
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-y1kt81, #eaeded);
86
90
  }
87
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28:not(#\9) {
91
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28.awsui_highlighted_15o6u_1mhnc_28:not(#\9) {
88
92
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-y1kt81, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-hover-y2b7z1, #879596);
89
93
  }
90
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28.awsui_is-keyboard_15o6u_ttfpp_69:not(#\9) {
94
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28.awsui_highlighted_15o6u_1mhnc_28.awsui_is-keyboard_15o6u_1mhnc_73:not(#\9) {
91
95
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-selected-y1kt81, #eaeded), inset 0 0 0 calc(2 * var(--border-width-item-selected-l41fek, 1px)) var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
92
96
  }
93
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_next-item-selected_15o6u_ttfpp_93:not(#\9) {
97
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28.awsui_next-item-selected_15o6u_1mhnc_97:not(#\9) {
94
98
  border-end-start-radius: 0;
95
99
  border-end-end-radius: 0;
96
100
  }
97
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28:not(#\9):not(.awsui_visual-refresh_15o6u_ttfpp_79) {
101
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28.awsui_highlighted_15o6u_1mhnc_28:not(#\9):not(.awsui_visual-refresh_15o6u_1mhnc_83) {
98
102
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-hover-y2b7z1, #879596);
99
103
  }
100
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28:not(#\9):not(.awsui_visual-refresh_15o6u_ttfpp_79).awsui_is-keyboard_15o6u_ttfpp_69 {
104
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28.awsui_highlighted_15o6u_1mhnc_28:not(#\9):not(.awsui_visual-refresh_15o6u_1mhnc_83).awsui_is-keyboard_15o6u_1mhnc_73 {
101
105
  box-shadow: inset 0 0 0 var(--border-width-item-selected-l41fek, 1px) var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
102
106
  }
103
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28 + .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_selected_15o6u_ttfpp_28.awsui_previous-item-selected_15o6u_ttfpp_103:not(#\9) {
107
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28 + .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28:not(#\9), .awsui_selectable-item_15o6u_1mhnc_9.awsui_selected_15o6u_1mhnc_28.awsui_previous-item-selected_15o6u_1mhnc_107:not(#\9) {
104
108
  border-start-start-radius: 0;
105
109
  border-start-end-radius: 0;
106
110
  }
107
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_disabled_15o6u_ttfpp_54) > .awsui_selectable-item-content_15o6u_ttfpp_31 {
111
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_parent_15o6u_1mhnc_28:not(#\9):not(.awsui_disabled_15o6u_1mhnc_54) > .awsui_selectable-item-content_15o6u_1mhnc_31 {
108
112
  color: var(--awsui-option-group-label-color-66120l, var(--color-text-dropdown-group-label-gquzok, #545b64));
109
113
  }
110
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28) {
114
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_parent_15o6u_1mhnc_28:not(#\9):not(.awsui_interactiveGroups_15o6u_1mhnc_28) {
111
115
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-y5droz, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
112
116
  padding-block: 0;
113
117
  padding-inline: 0;
114
118
  }
115
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28):not(:has(> .awsui_selectable-item-content_15o6u_ttfpp_31)) {
119
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_parent_15o6u_1mhnc_28:not(#\9):not(.awsui_interactiveGroups_15o6u_1mhnc_28):not(:has(> .awsui_selectable-item-content_15o6u_1mhnc_31)) {
116
120
  padding-block: var(--border-item-width-pyfg4s, 1px);
117
121
  padding-inline: var(--border-item-width-pyfg4s, 1px);
118
122
  }
119
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28) > .awsui_selectable-item-content_15o6u_ttfpp_31 {
123
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_parent_15o6u_1mhnc_28:not(#\9):not(.awsui_interactiveGroups_15o6u_1mhnc_28) > .awsui_selectable-item-content_15o6u_1mhnc_31 {
120
124
  padding-block: var(--space-xs-m9b7jf, 8px);
121
125
  padding-inline: var(--space-xs-m9b7jf, 8px);
122
126
  font-weight: var(--font-weight-bold-xpar9m, 700);
123
127
  }
124
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28.awsui_interactiveGroups_15o6u_ttfpp_28 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
128
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_parent_15o6u_1mhnc_28.awsui_interactiveGroups_15o6u_1mhnc_28 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
125
129
  padding-block: var(--space-xs-m9b7jf, 8px);
126
130
  padding-inline: var(--space-field-horizontal-anki5k, 8px);
127
131
  font-weight: var(--font-weight-bold-xpar9m, 700);
128
132
  }
129
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_parent_15o6u_ttfpp_28.awsui_interactiveGroups_15o6u_ttfpp_28.awsui_highlighted_15o6u_ttfpp_28 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
133
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_parent_15o6u_1mhnc_28.awsui_interactiveGroups_15o6u_1mhnc_28.awsui_highlighted_15o6u_1mhnc_28 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
130
134
  color: var(--color-text-dropdown-item-highlighted-dikwgu, #16191f);
131
135
  }
132
- .awsui_selectable-item_15o6u_ttfpp_9:not(#\9):not(.awsui_disabled_15o6u_ttfpp_54):not(.awsui_parent_15o6u_ttfpp_28), .awsui_selectable-item_15o6u_ttfpp_9.awsui_interactiveGroups_15o6u_ttfpp_28:not(#\9):not(.awsui_disabled_15o6u_ttfpp_54) {
136
+ .awsui_selectable-item_15o6u_1mhnc_9:not(#\9):not(.awsui_disabled_15o6u_1mhnc_54):not(.awsui_parent_15o6u_1mhnc_28), .awsui_selectable-item_15o6u_1mhnc_9.awsui_interactiveGroups_15o6u_1mhnc_28:not(#\9):not(.awsui_disabled_15o6u_1mhnc_54) {
133
137
  cursor: pointer;
134
138
  }
135
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135 + .awsui_selectable-item_15o6u_ttfpp_9:not(#\9):not(.awsui_sticky_15o6u_ttfpp_135):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28) {
139
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139 + .awsui_selectable-item_15o6u_1mhnc_9:not(#\9):not(.awsui_sticky_15o6u_1mhnc_139):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28) {
136
140
  box-shadow: inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
137
141
  }
138
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9) {
142
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(#\9) {
139
143
  position: sticky;
140
144
  inset-block-start: 0;
141
145
  margin-block-end: var(--border-item-width-pyfg4s, 1px);
142
146
  z-index: 4;
143
147
  padding-inline: var(--border-item-width-pyfg4s, 1px);
144
148
  }
145
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_highlighted_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_selected_15o6u_ttfpp_28:not(#\9) {
149
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139.awsui_highlighted_15o6u_1mhnc_28:not(#\9), .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139.awsui_selected_15o6u_1mhnc_28:not(#\9) {
146
150
  padding-inline: var(--border-item-width-pyfg4s, 1px);
147
151
  }
148
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135 > .awsui_selectable-item-content_15o6u_ttfpp_31:not(#\9) {
152
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139 > .awsui_selectable-item-content_15o6u_1mhnc_31:not(#\9) {
149
153
  padding-inline: var(--space-field-horizontal-anki5k, 8px);
150
154
  }
151
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28) {
155
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(#\9):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28) {
152
156
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
153
157
  }
154
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_with-scrollbar_15o6u_ttfpp_154) {
158
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(#\9):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28):not(.awsui_with-scrollbar_15o6u_1mhnc_158) {
155
159
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
156
160
  }
157
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_after-header_15o6u_ttfpp_157) {
161
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(#\9):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28):not(.awsui_after-header_15o6u_1mhnc_161) {
158
162
  border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
159
163
  }
160
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_after-header_15o6u_ttfpp_157):not(.awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28):not(.awsui_after-header_15o6u_ttfpp_157).awsui_with-scrollbar_15o6u_ttfpp_154) {
164
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(#\9):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28):not(.awsui_after-header_15o6u_1mhnc_161):not(.awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28):not(.awsui_after-header_15o6u_1mhnc_161).awsui_with-scrollbar_15o6u_1mhnc_158) {
161
165
  border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
162
166
  }
163
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28).awsui_after-header_15o6u_ttfpp_157 {
167
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(#\9):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28).awsui_after-header_15o6u_1mhnc_161 {
164
168
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-x5ga9w, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
165
169
  }
166
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135:not(#\9):not(.awsui_highlighted_15o6u_ttfpp_28):not(.awsui_selected_15o6u_ttfpp_28).awsui_after-header_15o6u_ttfpp_157:not(.awsui_with-scrollbar_15o6u_ttfpp_154) {
170
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139:not(#\9):not(.awsui_highlighted_15o6u_1mhnc_28):not(.awsui_selected_15o6u_1mhnc_28).awsui_after-header_15o6u_1mhnc_161:not(.awsui_with-scrollbar_15o6u_1mhnc_158) {
167
171
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-background-dropdown-item-default-x5ga9w, #ffffff), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded), inset var(--border-width-popover-snsxri, 1px) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent), inset calc(-1 * var(--border-width-popover-snsxri, 1px)) 0 0 0 var(--color-border-dropdown-container-zmsfa8, transparent);
168
172
  }
169
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_disabled_15o6u_ttfpp_54.awsui_highlighted_15o6u_ttfpp_28:not(#\9), .awsui_selectable-item_15o6u_ttfpp_9.awsui_sticky_15o6u_ttfpp_135.awsui_disabled_15o6u_ttfpp_54.awsui_selected_15o6u_ttfpp_28:not(#\9) {
173
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139.awsui_disabled_15o6u_1mhnc_54.awsui_highlighted_15o6u_1mhnc_28:not(#\9), .awsui_selectable-item_15o6u_1mhnc_9.awsui_sticky_15o6u_1mhnc_139.awsui_disabled_15o6u_1mhnc_54.awsui_selected_15o6u_1mhnc_28:not(#\9) {
170
174
  box-shadow: none;
171
175
  }
172
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42:not(#\9) {
176
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_virtual_15o6u_1mhnc_42:not(#\9) {
173
177
  position: absolute;
174
178
  inset-block-start: var(--border-dropdown-virtual-offset-width-a5kgm3, 0px);
175
179
  inset-inline-start: 0;
176
180
  inline-size: 100%;
177
181
  box-sizing: border-box;
178
182
  }
179
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42:not(#\9):first-of-type:not(.awsui_selected_15o6u_ttfpp_28, .awsui_highlighted_15o6u_ttfpp_28) {
183
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_virtual_15o6u_1mhnc_42:not(#\9):first-of-type:not(.awsui_selected_15o6u_1mhnc_28, .awsui_highlighted_15o6u_1mhnc_28) {
180
184
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-item-top-vxgkn8, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
181
185
  }
182
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42.awsui_parent_15o6u_ttfpp_28:not(#\9):not(.awsui_interactiveGroups_15o6u_ttfpp_28) {
186
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_virtual_15o6u_1mhnc_42.awsui_parent_15o6u_1mhnc_28:not(#\9):not(.awsui_interactiveGroups_15o6u_1mhnc_28) {
183
187
  box-shadow: inset 0 var(--border-divider-list-width-2qbfmz, 1px) 0 0 var(--color-border-dropdown-group-y5droz, #eaeded), inset 0 calc(-1 * var(--border-divider-list-width-2qbfmz, 1px)) 0 0 var(--color-border-dropdown-item-default-j9osbc, #eaeded);
184
188
  }
185
189
 
186
- .awsui_measure-strut_15o6u_ttfpp_186:not(#\9) {
190
+ .awsui_measure-strut_15o6u_1mhnc_190:not(#\9) {
187
191
  position: absolute;
188
192
  pointer-events: none;
189
193
  block-size: 100%;
@@ -191,20 +195,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
191
195
  inset-block-start: 0;
192
196
  inset-inline-start: 0;
193
197
  }
194
- .awsui_selectable-item_15o6u_ttfpp_9.awsui_virtual_15o6u_ttfpp_42 > .awsui_measure-strut_15o6u_ttfpp_186:not(#\9) {
198
+ .awsui_selectable-item_15o6u_1mhnc_9.awsui_virtual_15o6u_1mhnc_42 > .awsui_measure-strut_15o6u_1mhnc_190:not(#\9) {
195
199
  block-size: calc(100% - var(--border-width-item-selected-l41fek, 1px));
196
200
  }
197
201
 
198
- .awsui_screenreader-content_15o6u_ttfpp_198:not(#\9) {
202
+ .awsui_screenreader-content_15o6u_1mhnc_202:not(#\9) {
199
203
  position: absolute !important;
200
204
  inset-block-start: -9999px !important;
201
205
  inset-inline-start: -9999px !important;
202
206
  }
203
207
 
204
- .awsui_option-content_15o6u_ttfpp_204:not(#\9) {
208
+ .awsui_option-content_15o6u_1mhnc_208:not(#\9) {
205
209
  /* used in test-utils */
206
210
  }
207
211
 
208
- .awsui_select-all_15o6u_ttfpp_208:not(#\9) {
212
+ .awsui_select-all_15o6u_1mhnc_212:not(#\9) {
209
213
  /* used in test-utils */
210
214
  }