@cloudscape-design/components 3.0.516 → 3.0.517

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 (43) hide show
  1. package/internal/environment.js +1 -1
  2. package/internal/environment.json +1 -1
  3. package/internal/manifest.json +1 -1
  4. package/package.json +1 -1
  5. package/pagination/styles.css.js +9 -9
  6. package/pagination/styles.scoped.css +37 -32
  7. package/pagination/styles.selectors.js +9 -9
  8. package/pie-chart/styles.css.js +27 -27
  9. package/pie-chart/styles.scoped.css +66 -72
  10. package/pie-chart/styles.selectors.js +27 -27
  11. package/popover/styles.css.js +50 -50
  12. package/popover/styles.scoped.css +134 -119
  13. package/popover/styles.selectors.js +50 -50
  14. package/progress-bar/styles.css.js +18 -18
  15. package/progress-bar/styles.scoped.css +79 -54
  16. package/progress-bar/styles.selectors.js +18 -18
  17. package/property-filter/styles.css.js +31 -31
  18. package/property-filter/styles.scoped.css +54 -53
  19. package/property-filter/styles.selectors.js +31 -31
  20. package/radio-group/styles.css.js +9 -9
  21. package/radio-group/styles.scoped.css +17 -17
  22. package/radio-group/styles.selectors.js +9 -9
  23. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  24. package/s3-resource-selector/s3-in-context/styles.scoped.css +18 -16
  25. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  26. package/segmented-control/styles.css.js +14 -14
  27. package/segmented-control/styles.scoped.css +55 -49
  28. package/segmented-control/styles.selectors.js +14 -14
  29. package/select/parts/styles.css.js +16 -16
  30. package/select/parts/styles.scoped.css +39 -31
  31. package/select/parts/styles.selectors.js +16 -16
  32. package/side-navigation/styles.css.js +28 -28
  33. package/side-navigation/styles.scoped.css +86 -73
  34. package/side-navigation/styles.selectors.js +28 -28
  35. package/spinner/styles.css.js +13 -13
  36. package/spinner/styles.scoped.css +49 -45
  37. package/spinner/styles.selectors.js +13 -13
  38. package/split-panel/styles.css.js +55 -55
  39. package/split-panel/styles.scoped.css +149 -131
  40. package/split-panel/styles.selectors.js +55 -55
  41. package/status-indicator/styles.css.js +23 -23
  42. package/status-indicator/styles.scoped.css +31 -31
  43. package/status-indicator/styles.selectors.js +23 -23
@@ -94,7 +94,7 @@ 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_1djwl_97:not(#\9) {
97
+ .awsui_segment_8cbea_7d5wh_97:not(#\9) {
98
98
  font-size: var(--font-size-body-m-x4okxb, 14px);
99
99
  line-height: var(--line-height-body-m-30ar75, 20px);
100
100
  word-wrap: break-word;
@@ -104,48 +104,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
104
104
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
105
105
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
106
106
  letter-spacing: 0.25px;
107
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
108
- padding: var(--space-scaled-xxs-7597g1, 4px) var(--space-button-horizontal-8jxzea, 20px);
109
- border-right-width: 0;
107
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
108
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-segment-default-a5zrkd, #414d5c);
109
+ padding-block: var(--space-scaled-xxs-7597g1, 4px);
110
+ padding-inline: var(--space-button-horizontal-8jxzea, 20px);
111
+ border-inline-end-width: 0;
110
112
  background: var(--color-background-segment-default-3arros, #ffffff);
111
113
  color: var(--color-text-segment-default-nncpby, #414d5c);
112
114
  overflow: visible;
113
115
  }
114
- .awsui_segment_8cbea_1djwl_97:not(#\9):focus {
116
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
115
117
  outline: none;
116
118
  }
117
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(1) {
119
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(1) {
118
120
  grid-column: 1;
119
121
  -ms-grid-column: 1;
120
122
  }
121
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(2) {
123
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(2) {
122
124
  grid-column: 2;
123
125
  -ms-grid-column: 2;
124
126
  }
125
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(3) {
127
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(3) {
126
128
  grid-column: 3;
127
129
  -ms-grid-column: 3;
128
130
  }
129
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(4) {
131
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(4) {
130
132
  grid-column: 4;
131
133
  -ms-grid-column: 4;
132
134
  }
133
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(5) {
135
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(5) {
134
136
  grid-column: 5;
135
137
  -ms-grid-column: 5;
136
138
  }
137
- .awsui_segment_8cbea_1djwl_97:not(#\9):nth-child(6) {
139
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):nth-child(6) {
138
140
  grid-column: 6;
139
141
  -ms-grid-column: 6;
140
142
  }
141
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus {
143
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
142
144
  position: relative;
143
145
  }
144
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus {
146
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus {
145
147
  outline: 2px dotted transparent;
146
148
  outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-gbye20, 4px) - 1px);
147
149
  }
148
- body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus::before {
150
+ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_7d5wh_97:not(#\9):focus::before {
149
151
  content: " ";
150
152
  display: block;
151
153
  position: absolute;
@@ -156,64 +158,68 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus
156
158
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
157
159
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
158
160
  }
159
- .awsui_segment_8cbea_1djwl_97:not(#\9):last-child {
160
- border-right-width: var(--border-field-width-09w7vk, 2px);
161
- border-radius: 0 var(--border-radius-button-ypmfry, 20px) var(--border-radius-button-ypmfry, 20px) 0;
161
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):last-child {
162
+ border-inline-end-width: var(--border-field-width-09w7vk, 2px);
163
+ border-start-start-radius: 0;
164
+ border-start-end-radius: var(--border-radius-button-ypmfry, 20px);
165
+ border-end-start-radius: 0;
166
+ border-end-end-radius: var(--border-radius-button-ypmfry, 20px);
162
167
  }
163
- .awsui_segment_8cbea_1djwl_97:not(#\9):first-child {
164
- border-radius: var(--border-radius-button-ypmfry, 20px) 0 0 var(--border-radius-button-ypmfry, 20px);
168
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):first-child {
169
+ border-start-start-radius: var(--border-radius-button-ypmfry, 20px);
170
+ border-start-end-radius: 0;
171
+ border-end-start-radius: var(--border-radius-button-ypmfry, 20px);
172
+ border-end-end-radius: 0;
165
173
  }
166
- .awsui_segment_8cbea_1djwl_97.awsui_disabled_8cbea_1djwl_166:not(#\9) {
174
+ .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174:not(#\9) {
167
175
  background: var(--color-background-segment-disabled-o4y9v5, #ffffff);
168
176
  border-color: var(--color-border-segment-disabled-ylnixy, #414d5c);
169
177
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
170
178
  }
171
- .awsui_segment_8cbea_1djwl_97:not(#\9):not(.awsui_disabled_8cbea_1djwl_166) + .awsui_segment_8cbea_1djwl_97.awsui_disabled_8cbea_1djwl_166 {
172
- border-left-color: var(--color-border-segment-default-a5zrkd, #414d5c);
179
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):not(.awsui_disabled_8cbea_7d5wh_174) + .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174 {
180
+ border-inline-start-color: var(--color-border-segment-default-a5zrkd, #414d5c);
173
181
  }
174
- .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174:not(#\9) {
182
+ .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182:not(#\9) {
175
183
  background: var(--color-background-segment-active-366806, #0972d3);
176
184
  border-color: var(--color-border-segment-active-9ah16u, #414d5c);
177
185
  color: var(--color-text-segment-active-6s77n9, #ffffff);
178
186
  }
179
- .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174 + .awsui_segment_8cbea_1djwl_97:not(#\9), .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174 + .awsui_segment_8cbea_1djwl_97.awsui_disabled_8cbea_1djwl_166:not(#\9) {
180
- border-left-color: var(--color-border-segment-active-9ah16u, #414d5c);
187
+ .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97:not(#\9), .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97.awsui_disabled_8cbea_7d5wh_174:not(#\9) {
188
+ border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
181
189
  }
182
- .awsui_segment_8cbea_1djwl_97:not(#\9):hover:not(.awsui_selected_8cbea_1djwl_174):not(.awsui_disabled_8cbea_1djwl_166):not(:focus) {
190
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) {
183
191
  background: var(--color-background-segment-hover-jysoxv, #ffffff);
184
192
  color: var(--color-text-segment-hover-k5ujfk, #0972d3);
185
193
  border-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
186
194
  cursor: pointer;
187
195
  }
188
- .awsui_segment_8cbea_1djwl_97:not(#\9):hover:not(.awsui_selected_8cbea_1djwl_174):not(.awsui_disabled_8cbea_1djwl_166):not(:focus) + .awsui_segment_8cbea_1djwl_97:not(.awsui_selected_8cbea_1djwl_174) {
189
- border-left-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
196
+ .awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) + .awsui_segment_8cbea_7d5wh_97:not(.awsui_selected_8cbea_7d5wh_182) {
197
+ border-inline-start-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
190
198
  }
191
- .awsui_segment_8cbea_1djwl_97.awsui_selected_8cbea_1djwl_174 + .awsui_segment_8cbea_1djwl_97:not(#\9):hover:not(.awsui_selected_8cbea_1djwl_174):not(.awsui_disabled_8cbea_1djwl_166):not(:focus) {
192
- border-left-color: var(--color-border-segment-active-9ah16u, #414d5c);
199
+ .awsui_segment_8cbea_7d5wh_97.awsui_selected_8cbea_7d5wh_182 + .awsui_segment_8cbea_7d5wh_97:not(#\9):hover:not(.awsui_selected_8cbea_7d5wh_182):not(.awsui_disabled_8cbea_7d5wh_174):not(:focus) {
200
+ border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
193
201
  }
194
202
 
195
- .awsui_icon_8cbea_1djwl_195:not(#\9) {
203
+ .awsui_icon_8cbea_7d5wh_203:not(#\9) {
196
204
  /* used in test-utils */
197
205
  }
198
206
 
199
- .awsui_with-text_8cbea_1djwl_199:not(#\9) {
207
+ .awsui_with-text_8cbea_7d5wh_207:not(#\9) {
200
208
  position: relative;
201
- left: calc(-1 * var(--space-xxs-p8yyaw, 4px));
202
- margin-right: var(--space-xxs-p8yyaw, 4px);
209
+ inset-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
210
+ margin-inline-end: var(--space-xxs-p8yyaw, 4px);
203
211
  }
204
212
 
205
- .awsui_with-no-text_8cbea_1djwl_205:not(#\9) {
206
- margin-right: auto;
207
- margin-left: auto;
208
- right: 0;
209
- left: 0;
213
+ .awsui_with-no-text_8cbea_7d5wh_213:not(#\9) {
214
+ margin-inline: auto;
215
+ inset-inline: 0;
210
216
  }
211
217
 
212
218
  /*
213
219
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
214
220
  SPDX-License-Identifier: Apache-2.0
215
221
  */
216
- .awsui_root_8cbea_1djwl_216:not(#\9) {
222
+ .awsui_root_8cbea_7d5wh_222:not(#\9) {
217
223
  border-collapse: separate;
218
224
  border-spacing: 0;
219
225
  box-sizing: border-box;
@@ -249,40 +255,40 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_1djwl_97:not(#\9):focus
249
255
  -moz-osx-font-smoothing: auto;
250
256
  }
251
257
 
252
- .awsui_segment-part_8cbea_1djwl_251:not(#\9) {
258
+ .awsui_segment-part_8cbea_7d5wh_257:not(#\9) {
253
259
  display: inline-grid;
254
260
  }
255
261
  @media (max-width: 688px) {
256
- .awsui_segment-part_8cbea_1djwl_251:not(#\9) {
262
+ .awsui_segment-part_8cbea_7d5wh_257:not(#\9) {
257
263
  display: none;
258
264
  }
259
265
  }
260
266
 
261
- .awsui_select_8cbea_1djwl_174:not(#\9) {
267
+ .awsui_select_8cbea_7d5wh_182:not(#\9) {
262
268
  display: none;
263
269
  }
264
270
  @media (max-width: 688px) {
265
- .awsui_select_8cbea_1djwl_174:not(#\9) {
271
+ .awsui_select_8cbea_7d5wh_182:not(#\9) {
266
272
  display: block;
267
273
  }
268
274
  }
269
275
 
270
- .awsui_segment-count-2_8cbea_1djwl_270:not(#\9) {
276
+ .awsui_segment-count-2_8cbea_7d5wh_276:not(#\9) {
271
277
  grid-template-columns: 1fr 1fr;
272
278
  }
273
279
 
274
- .awsui_segment-count-3_8cbea_1djwl_275:not(#\9) {
280
+ .awsui_segment-count-3_8cbea_7d5wh_281:not(#\9) {
275
281
  grid-template-columns: 1fr 1fr 1fr;
276
282
  }
277
283
 
278
- .awsui_segment-count-4_8cbea_1djwl_280:not(#\9) {
284
+ .awsui_segment-count-4_8cbea_7d5wh_286:not(#\9) {
279
285
  grid-template-columns: 1fr 1fr 1fr 1fr;
280
286
  }
281
287
 
282
- .awsui_segment-count-5_8cbea_1djwl_285:not(#\9) {
288
+ .awsui_segment-count-5_8cbea_7d5wh_291:not(#\9) {
283
289
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
284
290
  }
285
291
 
286
- .awsui_segment-count-6_8cbea_1djwl_290:not(#\9) {
292
+ .awsui_segment-count-6_8cbea_7d5wh_296:not(#\9) {
287
293
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
288
294
  }
@@ -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_1djwl_97",
6
- "disabled": "awsui_disabled_8cbea_1djwl_166",
7
- "selected": "awsui_selected_8cbea_1djwl_174",
8
- "icon": "awsui_icon_8cbea_1djwl_195",
9
- "with-text": "awsui_with-text_8cbea_1djwl_199",
10
- "with-no-text": "awsui_with-no-text_8cbea_1djwl_205",
11
- "root": "awsui_root_8cbea_1djwl_216",
12
- "segment-part": "awsui_segment-part_8cbea_1djwl_251",
13
- "select": "awsui_select_8cbea_1djwl_174",
14
- "segment-count-2": "awsui_segment-count-2_8cbea_1djwl_270",
15
- "segment-count-3": "awsui_segment-count-3_8cbea_1djwl_275",
16
- "segment-count-4": "awsui_segment-count-4_8cbea_1djwl_280",
17
- "segment-count-5": "awsui_segment-count-5_8cbea_1djwl_285",
18
- "segment-count-6": "awsui_segment-count-6_8cbea_1djwl_290"
5
+ "segment": "awsui_segment_8cbea_7d5wh_97",
6
+ "disabled": "awsui_disabled_8cbea_7d5wh_174",
7
+ "selected": "awsui_selected_8cbea_7d5wh_182",
8
+ "icon": "awsui_icon_8cbea_7d5wh_203",
9
+ "with-text": "awsui_with-text_8cbea_7d5wh_207",
10
+ "with-no-text": "awsui_with-no-text_8cbea_7d5wh_213",
11
+ "root": "awsui_root_8cbea_7d5wh_222",
12
+ "segment-part": "awsui_segment-part_8cbea_7d5wh_257",
13
+ "select": "awsui_select_8cbea_7d5wh_182",
14
+ "segment-count-2": "awsui_segment-count-2_8cbea_7d5wh_276",
15
+ "segment-count-3": "awsui_segment-count-3_8cbea_7d5wh_281",
16
+ "segment-count-4": "awsui_segment-count-4_8cbea_7d5wh_286",
17
+ "segment-count-5": "awsui_segment-count-5_8cbea_7d5wh_291",
18
+ "segment-count-6": "awsui_segment-count-6_8cbea_7d5wh_296"
19
19
  };
20
20
 
@@ -1,21 +1,21 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "placeholder": "awsui_placeholder_dwuol_6f8sc_93",
5
- "item": "awsui_item_dwuol_6f8sc_98",
6
- "checkbox": "awsui_checkbox_dwuol_6f8sc_102",
7
- "filter": "awsui_filter_dwuol_6f8sc_111",
8
- "trigger": "awsui_trigger_dwuol_6f8sc_116",
9
- "layout-strut": "awsui_layout-strut_dwuol_6f8sc_122",
10
- "list-bottom": "awsui_list-bottom_dwuol_6f8sc_128",
11
- "selected-icon": "awsui_selected-icon_dwuol_6f8sc_132",
12
- "show-label-tag": "awsui_show-label-tag_dwuol_6f8sc_136",
13
- "inline-token-trigger": "awsui_inline-token-trigger_dwuol_6f8sc_140",
14
- "inline-token-list": "awsui_inline-token-list_dwuol_6f8sc_147",
15
- "inline-token": "awsui_inline-token_dwuol_6f8sc_140",
16
- "visual-refresh": "awsui_visual-refresh_dwuol_6f8sc_168",
17
- "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_6f8sc_172",
18
- "inline-token-counter": "awsui_inline-token-counter_dwuol_6f8sc_178",
19
- "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_6f8sc_182"
4
+ "placeholder": "awsui_placeholder_dwuol_1bcs9_93",
5
+ "item": "awsui_item_dwuol_1bcs9_98",
6
+ "checkbox": "awsui_checkbox_dwuol_1bcs9_102",
7
+ "filter": "awsui_filter_dwuol_1bcs9_111",
8
+ "trigger": "awsui_trigger_dwuol_1bcs9_116",
9
+ "layout-strut": "awsui_layout-strut_dwuol_1bcs9_122",
10
+ "list-bottom": "awsui_list-bottom_dwuol_1bcs9_128",
11
+ "selected-icon": "awsui_selected-icon_dwuol_1bcs9_132",
12
+ "show-label-tag": "awsui_show-label-tag_dwuol_1bcs9_136",
13
+ "inline-token-trigger": "awsui_inline-token-trigger_dwuol_1bcs9_140",
14
+ "inline-token-list": "awsui_inline-token-list_dwuol_1bcs9_147",
15
+ "inline-token": "awsui_inline-token_dwuol_1bcs9_140",
16
+ "visual-refresh": "awsui_visual-refresh_dwuol_1bcs9_173",
17
+ "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1bcs9_180",
18
+ "inline-token-counter": "awsui_inline-token-counter_dwuol_1bcs9_186",
19
+ "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1bcs9_190"
20
20
  };
21
21
 
@@ -90,97 +90,105 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_placeholder_dwuol_6f8sc_93:not(#\9) {
93
+ .awsui_placeholder_dwuol_1bcs9_93:not(#\9) {
94
94
  color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
95
95
  font-style: italic;
96
96
  }
97
97
 
98
- .awsui_item_dwuol_6f8sc_98:not(#\9) {
98
+ .awsui_item_dwuol_1bcs9_98:not(#\9) {
99
99
  display: flex;
100
100
  align-items: center;
101
101
  }
102
- .awsui_item_dwuol_6f8sc_98 > .awsui_checkbox_dwuol_6f8sc_102:not(#\9) {
102
+ .awsui_item_dwuol_1bcs9_98 > .awsui_checkbox_dwuol_1bcs9_102:not(#\9) {
103
103
  position: relative;
104
- min-height: var(--size-control-28i7hr, 16px);
105
- min-width: var(--size-control-28i7hr, 16px);
106
- height: var(--size-control-28i7hr, 16px);
107
- width: var(--size-control-28i7hr, 16px);
108
- margin-right: var(--space-field-horizontal-gg19kw, 12px);
104
+ min-block-size: var(--size-control-28i7hr, 16px);
105
+ min-inline-size: var(--size-control-28i7hr, 16px);
106
+ block-size: var(--size-control-28i7hr, 16px);
107
+ inline-size: var(--size-control-28i7hr, 16px);
108
+ margin-inline-end: var(--space-field-horizontal-gg19kw, 12px);
109
109
  }
110
110
 
111
- .awsui_filter_dwuol_6f8sc_111:not(#\9) {
111
+ .awsui_filter_dwuol_1bcs9_111:not(#\9) {
112
112
  z-index: 4;
113
113
  flex-shrink: 0;
114
114
  }
115
115
 
116
- .awsui_trigger_dwuol_6f8sc_116:not(#\9) {
116
+ .awsui_trigger_dwuol_1bcs9_116:not(#\9) {
117
117
  white-space: nowrap;
118
118
  overflow: hidden;
119
119
  text-overflow: ellipsis;
120
120
  }
121
121
 
122
- .awsui_layout-strut_dwuol_6f8sc_122:not(#\9) {
123
- width: 100%;
122
+ .awsui_layout-strut_dwuol_1bcs9_122:not(#\9) {
123
+ inline-size: 100%;
124
124
  position: relative;
125
125
  transform: translate3d(0, 0, 0);
126
126
  }
127
127
 
128
- .awsui_list-bottom_dwuol_6f8sc_128:not(#\9) {
128
+ .awsui_list-bottom_dwuol_1bcs9_128:not(#\9) {
129
129
  /* used in unit-tests */
130
130
  }
131
131
 
132
- .awsui_selected-icon_dwuol_6f8sc_132:not(#\9) {
132
+ .awsui_selected-icon_dwuol_1bcs9_132:not(#\9) {
133
133
  color: var(--color-border-item-focused-b2ntyl, #0972d3);
134
134
  }
135
135
 
136
- .awsui_show-label-tag_dwuol_6f8sc_136 > .awsui_selected-icon_dwuol_6f8sc_132:not(#\9) {
137
- padding-left: var(--space-scaled-s-aqzyko, 12px);
136
+ .awsui_show-label-tag_dwuol_1bcs9_136 > .awsui_selected-icon_dwuol_1bcs9_132:not(#\9) {
137
+ padding-inline-start: var(--space-scaled-s-aqzyko, 12px);
138
138
  }
139
139
 
140
- .awsui_inline-token-trigger_dwuol_6f8sc_140:not(#\9) {
140
+ .awsui_inline-token-trigger_dwuol_1bcs9_140:not(#\9) {
141
141
  display: flex;
142
142
  flex-wrap: nowrap;
143
143
  column-gap: var(--space-xxs-p8yyaw, 4px);
144
- width: 100%;
144
+ inline-size: 100%;
145
145
  }
146
146
 
147
- .awsui_inline-token-list_dwuol_6f8sc_147:not(#\9) {
147
+ .awsui_inline-token-list_dwuol_1bcs9_147:not(#\9) {
148
148
  display: flex;
149
149
  flex-wrap: nowrap;
150
150
  align-items: center;
151
151
  gap: var(--space-xxs-p8yyaw, 4px);
152
- width: 100%;
152
+ inline-size: 100%;
153
153
  overflow-x: hidden;
154
154
  -webkit-mask-image: linear-gradient(270deg, transparent, white 20px, white);
155
155
  mask-image: linear-gradient(270deg, transparent, white 20px, white);
156
156
  }
157
- .awsui_inline-token-list_dwuol_6f8sc_147 > .awsui_inline-token_dwuol_6f8sc_140:not(#\9) {
157
+ .awsui_inline-token-list_dwuol_1bcs9_147 > .awsui_inline-token_dwuol_1bcs9_140:not(#\9) {
158
158
  display: flex;
159
159
  align-items: center;
160
- min-width: max-content;
161
- height: 18px;
162
- border: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
163
- padding: 0 var(--space-xxs-p8yyaw, 4px);
160
+ min-inline-size: max-content;
161
+ block-size: 18px;
162
+ border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
163
+ border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
164
+ padding-block: 0;
165
+ padding-inline: var(--space-xxs-p8yyaw, 4px);
164
166
  background: var(--color-background-item-selected-hcx8l4, #f2f8fd);
165
- border-radius: var(--border-radius-token-923jqq, 8px);
167
+ border-start-start-radius: var(--border-radius-token-923jqq, 8px);
168
+ border-start-end-radius: var(--border-radius-token-923jqq, 8px);
169
+ border-end-start-radius: var(--border-radius-token-923jqq, 8px);
170
+ border-end-end-radius: var(--border-radius-token-923jqq, 8px);
166
171
  color: var(--color-text-body-default-at06ol, #000716);
167
172
  }
168
173
 
169
- .awsui_visual-refresh_dwuol_6f8sc_168 > .awsui_inline-token-list_dwuol_6f8sc_147 > .awsui_inline-token_dwuol_6f8sc_140:not(#\9) {
170
- border-radius: var(--border-radius-badge-0z09dt, 4px);
174
+ .awsui_visual-refresh_dwuol_1bcs9_173 > .awsui_inline-token-list_dwuol_1bcs9_147 > .awsui_inline-token_dwuol_1bcs9_140:not(#\9) {
175
+ border-start-start-radius: var(--border-radius-badge-0z09dt, 4px);
176
+ border-start-end-radius: var(--border-radius-badge-0z09dt, 4px);
177
+ border-end-start-radius: var(--border-radius-badge-0z09dt, 4px);
178
+ border-end-end-radius: var(--border-radius-badge-0z09dt, 4px);
171
179
  }
172
180
 
173
- .awsui_inline-token-hidden-placeholder_dwuol_6f8sc_172:not(#\9) {
181
+ .awsui_inline-token-hidden-placeholder_dwuol_1bcs9_180:not(#\9) {
174
182
  position: absolute !important;
175
183
  top: -9999px !important;
176
184
  left: -9999px !important;
177
185
  }
178
186
 
179
- .awsui_inline-token-counter_dwuol_6f8sc_178:not(#\9) {
187
+ .awsui_inline-token-counter_dwuol_1bcs9_186:not(#\9) {
180
188
  white-space: nowrap;
181
189
  }
182
190
 
183
- .awsui_inline-token-trigger--disabled_dwuol_6f8sc_182 > .awsui_inline-token-list_dwuol_6f8sc_147 > .awsui_inline-token_dwuol_6f8sc_140:not(#\9) {
191
+ .awsui_inline-token-trigger--disabled_dwuol_1bcs9_190 > .awsui_inline-token-list_dwuol_1bcs9_147 > .awsui_inline-token_dwuol_1bcs9_140:not(#\9) {
184
192
  border-color: var(--color-border-control-disabled-bv2kkn, #d1d5db);
185
193
  background-color: var(--color-background-container-content-4un1ap, #ffffff);
186
194
  color: var(--color-text-disabled-f4c52h, #9ba7b6);
@@ -2,21 +2,21 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "placeholder": "awsui_placeholder_dwuol_6f8sc_93",
6
- "item": "awsui_item_dwuol_6f8sc_98",
7
- "checkbox": "awsui_checkbox_dwuol_6f8sc_102",
8
- "filter": "awsui_filter_dwuol_6f8sc_111",
9
- "trigger": "awsui_trigger_dwuol_6f8sc_116",
10
- "layout-strut": "awsui_layout-strut_dwuol_6f8sc_122",
11
- "list-bottom": "awsui_list-bottom_dwuol_6f8sc_128",
12
- "selected-icon": "awsui_selected-icon_dwuol_6f8sc_132",
13
- "show-label-tag": "awsui_show-label-tag_dwuol_6f8sc_136",
14
- "inline-token-trigger": "awsui_inline-token-trigger_dwuol_6f8sc_140",
15
- "inline-token-list": "awsui_inline-token-list_dwuol_6f8sc_147",
16
- "inline-token": "awsui_inline-token_dwuol_6f8sc_140",
17
- "visual-refresh": "awsui_visual-refresh_dwuol_6f8sc_168",
18
- "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_6f8sc_172",
19
- "inline-token-counter": "awsui_inline-token-counter_dwuol_6f8sc_178",
20
- "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_6f8sc_182"
5
+ "placeholder": "awsui_placeholder_dwuol_1bcs9_93",
6
+ "item": "awsui_item_dwuol_1bcs9_98",
7
+ "checkbox": "awsui_checkbox_dwuol_1bcs9_102",
8
+ "filter": "awsui_filter_dwuol_1bcs9_111",
9
+ "trigger": "awsui_trigger_dwuol_1bcs9_116",
10
+ "layout-strut": "awsui_layout-strut_dwuol_1bcs9_122",
11
+ "list-bottom": "awsui_list-bottom_dwuol_1bcs9_128",
12
+ "selected-icon": "awsui_selected-icon_dwuol_1bcs9_132",
13
+ "show-label-tag": "awsui_show-label-tag_dwuol_1bcs9_136",
14
+ "inline-token-trigger": "awsui_inline-token-trigger_dwuol_1bcs9_140",
15
+ "inline-token-list": "awsui_inline-token-list_dwuol_1bcs9_147",
16
+ "inline-token": "awsui_inline-token_dwuol_1bcs9_140",
17
+ "visual-refresh": "awsui_visual-refresh_dwuol_1bcs9_173",
18
+ "inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1bcs9_180",
19
+ "inline-token-counter": "awsui_inline-token-counter_dwuol_1bcs9_186",
20
+ "inline-token-trigger--disabled": "awsui_inline-token-trigger--disabled_dwuol_1bcs9_190"
21
21
  };
22
22
 
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_l0dv0_74006_93",
5
- "header": "awsui_header_l0dv0_74006_130",
6
- "header-link": "awsui_header-link_l0dv0_74006_141",
7
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_74006_151",
8
- "header-link-text": "awsui_header-link-text_l0dv0_74006_151",
9
- "header-logo": "awsui_header-logo_l0dv0_74006_156",
10
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_74006_162",
11
- "list-container": "awsui_list-container_l0dv0_74006_167",
12
- "list": "awsui_list_l0dv0_74006_167",
13
- "list-variant-root": "awsui_list-variant-root_l0dv0_74006_177",
14
- "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_74006_181",
15
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_74006_185",
16
- "list-item": "awsui_list-item_l0dv0_74006_189",
17
- "section": "awsui_section_l0dv0_74006_195",
18
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_74006_196",
19
- "section--no-ident": "awsui_section--no-ident_l0dv0_74006_199",
20
- "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_74006_200",
21
- "refresh": "awsui_refresh_l0dv0_74006_209",
22
- "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_74006_217",
23
- "section-group": "awsui_section-group_l0dv0_74006_222",
24
- "section-group-title": "awsui_section-group-title_l0dv0_74006_232",
25
- "link": "awsui_link_l0dv0_74006_236",
26
- "link-active": "awsui_link-active_l0dv0_74006_245",
27
- "info": "awsui_info_l0dv0_74006_279",
28
- "external-icon": "awsui_external-icon_l0dv0_74006_283",
29
- "divider": "awsui_divider_l0dv0_74006_287",
30
- "divider-default": "awsui_divider-default_l0dv0_74006_292",
31
- "divider-header": "awsui_divider-header_l0dv0_74006_296"
4
+ "root": "awsui_root_l0dv0_ov21h_93",
5
+ "header": "awsui_header_l0dv0_ov21h_130",
6
+ "header-link": "awsui_header-link_l0dv0_ov21h_143",
7
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_ov21h_153",
8
+ "header-link-text": "awsui_header-link-text_l0dv0_ov21h_153",
9
+ "header-logo": "awsui_header-logo_l0dv0_ov21h_158",
10
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_ov21h_164",
11
+ "list-container": "awsui_list-container_l0dv0_ov21h_169",
12
+ "list": "awsui_list_l0dv0_ov21h_169",
13
+ "list-variant-root": "awsui_list-variant-root_l0dv0_ov21h_181",
14
+ "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_ov21h_188",
15
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_ov21h_192",
16
+ "list-item": "awsui_list-item_l0dv0_ov21h_196",
17
+ "section": "awsui_section_l0dv0_ov21h_204",
18
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_ov21h_205",
19
+ "section--no-ident": "awsui_section--no-ident_l0dv0_ov21h_208",
20
+ "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_ov21h_209",
21
+ "refresh": "awsui_refresh_l0dv0_ov21h_217",
22
+ "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_ov21h_225",
23
+ "section-group": "awsui_section-group_l0dv0_ov21h_232",
24
+ "section-group-title": "awsui_section-group-title_l0dv0_ov21h_243",
25
+ "link": "awsui_link_l0dv0_ov21h_247",
26
+ "link-active": "awsui_link-active_l0dv0_ov21h_256",
27
+ "info": "awsui_info_l0dv0_ov21h_290",
28
+ "external-icon": "awsui_external-icon_l0dv0_ov21h_294",
29
+ "divider": "awsui_divider_l0dv0_ov21h_298",
30
+ "divider-default": "awsui_divider-default_l0dv0_ov21h_304",
31
+ "divider-header": "awsui_divider-header_l0dv0_ov21h_309"
32
32
  };
33
33