@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
package/side-navigation/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ 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_root_l0dv0_74006_93:not(#\9) {
93
+ .awsui_root_l0dv0_ov21h_93:not(#\9) {
94
94
  border-collapse: separate;
95
95
  border-spacing: 0;
96
96
  box-sizing: border-box;
@@ -128,113 +128,124 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
128
128
  word-break: break-word;
129
129
  }
130
130
 
131
- .awsui_header_l0dv0_74006_130:not(#\9) {
131
+ .awsui_header_l0dv0_ov21h_130:not(#\9) {
132
132
  font-size: var(--font-panel-header-size-edjz3l, 18px);
133
133
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
134
134
  font-weight: var(--font-weight-heading-l-f8711v, 700);
135
135
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
136
136
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
137
- margin: 0;
138
- padding: var(--space-scaled-l-0hpmd7, 20px) var(--space-panel-nav-left-b1g0mt, 28px);
139
- padding-right: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
137
+ margin-block: 0;
138
+ margin-inline: 0;
139
+ padding-block: var(--space-scaled-l-0hpmd7, 20px);
140
+ padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
141
+ padding-inline-end: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
140
142
  }
141
143
 
142
- .awsui_header-link_l0dv0_74006_141:not(#\9) {
144
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9) {
143
145
  font-size: var(--font-panel-header-size-edjz3l, 18px);
144
146
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
145
147
  font-weight: var(--font-weight-heading-l-f8711v, 700);
146
148
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
147
149
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
148
150
  color: var(--color-text-heading-default-lstrpn, #000716);
149
- min-height: var(--font-panel-header-line-height-kxi4u2, 22px);
151
+ min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
150
152
  display: flex;
151
153
  }
152
- .awsui_header-link--has-logo_l0dv0_74006_151 > .awsui_header-link-text_l0dv0_74006_151:not(#\9) {
154
+ .awsui_header-link--has-logo_l0dv0_ov21h_153 > .awsui_header-link-text_l0dv0_ov21h_153:not(#\9) {
153
155
  font-weight: 400;
154
156
  align-self: center;
155
157
  }
156
158
 
157
- .awsui_header-logo_l0dv0_74006_156:not(#\9) {
158
- margin-right: var(--space-s-34lx8l, 12px);
159
- margin-top: var(--space-xxxs-zbmxqb, 2px);
160
- max-width: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
159
+ .awsui_header-logo_l0dv0_ov21h_158:not(#\9) {
160
+ margin-inline-end: var(--space-s-34lx8l, 12px);
161
+ margin-block-start: var(--space-xxxs-zbmxqb, 2px);
162
+ max-inline-size: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
161
163
  align-self: flex-start;
162
164
  }
163
- .awsui_header-logo--stretched_l0dv0_74006_162:not(#\9) {
164
- max-width: 100%;
165
- margin-right: 0;
165
+ .awsui_header-logo--stretched_l0dv0_ov21h_164:not(#\9) {
166
+ max-inline-size: 100%;
167
+ margin-inline-end: 0;
166
168
  }
167
169
 
168
- .awsui_list-container_l0dv0_74006_167:not(#\9) {
169
- margin-top: var(--space-scaled-l-0hpmd7, 20px);
170
+ .awsui_list-container_l0dv0_ov21h_169:not(#\9) {
171
+ margin-block-start: var(--space-scaled-l-0hpmd7, 20px);
170
172
  }
171
173
 
172
- .awsui_list_l0dv0_74006_167:not(#\9) {
173
- margin: 0;
174
- padding: 0;
175
- padding-left: var(--space-l-t419sm, 20px);
174
+ .awsui_list_l0dv0_ov21h_169:not(#\9) {
175
+ margin-block: 0;
176
+ margin-inline: 0;
177
+ padding-block: 0;
178
+ padding-inline-end: 0;
179
+ padding-inline-start: var(--space-l-t419sm, 20px);
176
180
  }
177
181
 
178
- .awsui_list-variant-root_l0dv0_74006_177:not(#\9) {
179
- margin: 0;
180
- padding: 0 var(--space-panel-side-right-xofg51, 24px) 0 var(--space-panel-nav-left-b1g0mt, 28px);
182
+ .awsui_list-variant-root_l0dv0_ov21h_181:not(#\9) {
183
+ margin-block: 0;
184
+ margin-inline: 0;
185
+ padding-block: 0;
186
+ padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
187
+ padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
181
188
  }
182
- .awsui_list-variant-root--last_l0dv0_74006_181:not(#\9) {
183
- margin-bottom: var(--space-scaled-xxxl-fdg8ai, 40px);
189
+ .awsui_list-variant-root--last_l0dv0_ov21h_188:not(#\9) {
190
+ margin-block-end: var(--space-scaled-xxxl-fdg8ai, 40px);
184
191
  }
185
192
 
186
- .awsui_list-variant-expandable-link-group_l0dv0_74006_185:not(#\9) {
187
- padding-left: var(--space-xxxl-4x2gki, 40px);
193
+ .awsui_list-variant-expandable-link-group_l0dv0_ov21h_192:not(#\9) {
194
+ padding-inline-start: var(--space-xxxl-4x2gki, 40px);
188
195
  }
189
196
 
190
- .awsui_list-item_l0dv0_74006_189:not(#\9) {
191
- margin: var(--space-scaled-xs-26e2du, 8px) 0;
192
- padding: 0;
197
+ .awsui_list-item_l0dv0_ov21h_196:not(#\9) {
198
+ margin-block: var(--space-scaled-xs-26e2du, 8px);
199
+ margin-inline: 0;
200
+ padding-block: 0;
201
+ padding-inline: 0;
193
202
  list-style: none;
194
203
  }
195
204
 
196
- .awsui_section_l0dv0_74006_195:not(#\9),
197
- .awsui_expandable-link-group_l0dv0_74006_196:not(#\9) {
198
- margin-left: calc(-1 * var(--space-l-t419sm, 20px));
205
+ .awsui_section_l0dv0_ov21h_204:not(#\9),
206
+ .awsui_expandable-link-group_l0dv0_ov21h_205:not(#\9) {
207
+ margin-inline-start: calc(-1 * var(--space-l-t419sm, 20px));
199
208
  }
200
- .awsui_section--no-ident_l0dv0_74006_199:not(#\9),
201
- .awsui_expandable-link-group--no-ident_l0dv0_74006_200:not(#\9) {
202
- margin-left: 0;
209
+ .awsui_section--no-ident_l0dv0_ov21h_208:not(#\9),
210
+ .awsui_expandable-link-group--no-ident_l0dv0_ov21h_209:not(#\9) {
211
+ margin-inline-start: 0;
203
212
  }
204
213
 
205
- .awsui_section_l0dv0_74006_195:not(#\9) {
206
- margin-top: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
207
- margin-bottom: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
214
+ .awsui_section_l0dv0_ov21h_204:not(#\9) {
215
+ margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
208
216
  /* stylelint-disable-next-line selector-max-type */
209
217
  }
210
- .awsui_section_l0dv0_74006_195.awsui_refresh_l0dv0_74006_209:not(#\9) {
211
- margin-top: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
212
- margin-bottom: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
218
+ .awsui_section_l0dv0_ov21h_204.awsui_refresh_l0dv0_ov21h_217:not(#\9) {
219
+ margin-block: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
213
220
  }
214
- .awsui_section_l0dv0_74006_195 > div:not(#\9) {
215
- padding: 0;
221
+ .awsui_section_l0dv0_ov21h_204 > div:not(#\9) {
222
+ padding-block: 0;
223
+ padding-inline: 0;
216
224
  }
217
225
 
218
- .awsui_list-variant-section-group_l0dv0_74006_217:not(#\9) {
219
- margin: 0;
220
- padding: 0;
226
+ .awsui_list-variant-section-group_l0dv0_ov21h_225:not(#\9) {
227
+ margin-block: 0;
228
+ margin-inline: 0;
229
+ padding-block: 0;
230
+ padding-inline: 0;
221
231
  }
222
232
 
223
- .awsui_section-group_l0dv0_74006_222:not(#\9) {
233
+ .awsui_section-group_l0dv0_ov21h_232:not(#\9) {
224
234
  font-size: var(--font-size-heading-m-sjd256, 18px);
225
235
  line-height: var(--line-height-heading-m-50evfk, 22px);
226
236
  letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
227
237
  font-weight: var(--font-weight-heading-m-m2ekmb, 700);
228
238
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
229
239
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
230
- margin: 0;
240
+ margin-block: 0;
241
+ margin-inline: 0;
231
242
  }
232
243
 
233
- .awsui_section-group-title_l0dv0_74006_232:not(#\9) {
244
+ .awsui_section-group-title_l0dv0_ov21h_243:not(#\9) {
234
245
  /* used in test-utils */
235
246
  }
236
247
 
237
- .awsui_link_l0dv0_74006_236:not(#\9) {
248
+ .awsui_link_l0dv0_ov21h_247:not(#\9) {
238
249
  font-size: var(--font-size-body-m-x4okxb, 14px);
239
250
  line-height: var(--line-height-body-m-30ar75, 20px);
240
251
  color: var(--color-text-body-secondary-w9jvno, #414d5c);
@@ -243,30 +254,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
243
254
  -moz-osx-font-smoothing: auto;
244
255
  }
245
256
 
246
- .awsui_link-active_l0dv0_74006_245:not(#\9) {
257
+ .awsui_link-active_l0dv0_ov21h_256:not(#\9) {
247
258
  font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
248
259
  -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
249
260
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
250
261
  color: var(--color-text-accent-n2acxv, #0972d3);
251
262
  }
252
263
 
253
- .awsui_header-link_l0dv0_74006_141:not(#\9),
254
- .awsui_link_l0dv0_74006_236:not(#\9) {
264
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9),
265
+ .awsui_link_l0dv0_ov21h_247:not(#\9) {
255
266
  text-decoration: none;
256
267
  }
257
- .awsui_header-link_l0dv0_74006_141:not(#\9):hover,
258
- .awsui_link_l0dv0_74006_236:not(#\9):hover {
268
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9):hover,
269
+ .awsui_link_l0dv0_ov21h_247:not(#\9):hover {
259
270
  color: var(--color-text-accent-n2acxv, #0972d3);
260
271
  }
261
- .awsui_header-link_l0dv0_74006_141:not(#\9):focus,
262
- .awsui_link_l0dv0_74006_236:not(#\9):focus {
272
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9):focus,
273
+ .awsui_link_l0dv0_ov21h_247:not(#\9):focus {
263
274
  outline: none;
264
275
  }
265
- .awsui_header-link_l0dv0_74006_141:not(#\9):hover, .awsui_header-link_l0dv0_74006_141:not(#\9):focus, .awsui_link_l0dv0_74006_236:not(#\9):hover, .awsui_link_l0dv0_74006_236:not(#\9):focus {
276
+ .awsui_header-link_l0dv0_ov21h_143:not(#\9):hover, .awsui_header-link_l0dv0_ov21h_143:not(#\9):focus, .awsui_link_l0dv0_ov21h_247:not(#\9):hover, .awsui_link_l0dv0_ov21h_247:not(#\9):focus {
266
277
  text-decoration: none;
267
278
  }
268
- body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_74006_141:not(#\9):focus,
269
- body[data-awsui-focus-visible=true] .awsui_link_l0dv0_74006_236:not(#\9):focus {
279
+ body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_ov21h_143:not(#\9):focus,
280
+ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_ov21h_247:not(#\9):focus {
270
281
  outline: thin dotted;
271
282
  outline: var(--border-link-focus-ring-outline-kkfop6, 0);
272
283
  outline-offset: 2px;
@@ -275,23 +286,25 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_74006_236:not(#\9):focus {
275
286
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-b2ntyl, #0972d3);
276
287
  }
277
288
 
278
- .awsui_info_l0dv0_74006_279:not(#\9) {
279
- margin-left: var(--space-xs-zb16t3, 8px);
289
+ .awsui_info_l0dv0_ov21h_290:not(#\9) {
290
+ margin-inline-start: var(--space-xs-zb16t3, 8px);
280
291
  }
281
292
 
282
- .awsui_external-icon_l0dv0_74006_283:not(#\9) {
283
- margin-left: var(--space-xxs-p8yyaw, 4px);
293
+ .awsui_external-icon_l0dv0_ov21h_294:not(#\9) {
294
+ margin-inline-start: var(--space-xxs-p8yyaw, 4px);
284
295
  }
285
296
 
286
- .awsui_divider_l0dv0_74006_287:not(#\9) {
287
- border: none;
288
- border-top: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
297
+ .awsui_divider_l0dv0_ov21h_298:not(#\9) {
298
+ border-block: none;
299
+ border-inline: none;
300
+ border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
289
301
  }
290
302
 
291
- .awsui_divider-default_l0dv0_74006_292:not(#\9) {
292
- margin: var(--space-scaled-2x-xl-udij7m, 24px) calc(-1 * var(--space-s-34lx8l, 12px));
303
+ .awsui_divider-default_l0dv0_ov21h_304:not(#\9) {
304
+ margin-block: var(--space-scaled-2x-xl-udij7m, 24px);
305
+ margin-inline: calc(-1 * var(--space-s-34lx8l, 12px));
293
306
  }
294
307
 
295
- .awsui_divider-header_l0dv0_74006_296:not(#\9) {
296
- margin-top: 0;
308
+ .awsui_divider-header_l0dv0_ov21h_309:not(#\9) {
309
+ margin-block-start: 0;
297
310
  }
package/side-navigation/styles.selectors.js CHANGED
@@ -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
- "root": "awsui_root_l0dv0_74006_93",
6
- "header": "awsui_header_l0dv0_74006_130",
7
- "header-link": "awsui_header-link_l0dv0_74006_141",
8
- "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_74006_151",
9
- "header-link-text": "awsui_header-link-text_l0dv0_74006_151",
10
- "header-logo": "awsui_header-logo_l0dv0_74006_156",
11
- "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_74006_162",
12
- "list-container": "awsui_list-container_l0dv0_74006_167",
13
- "list": "awsui_list_l0dv0_74006_167",
14
- "list-variant-root": "awsui_list-variant-root_l0dv0_74006_177",
15
- "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_74006_181",
16
- "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_74006_185",
17
- "list-item": "awsui_list-item_l0dv0_74006_189",
18
- "section": "awsui_section_l0dv0_74006_195",
19
- "expandable-link-group": "awsui_expandable-link-group_l0dv0_74006_196",
20
- "section--no-ident": "awsui_section--no-ident_l0dv0_74006_199",
21
- "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_74006_200",
22
- "refresh": "awsui_refresh_l0dv0_74006_209",
23
- "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_74006_217",
24
- "section-group": "awsui_section-group_l0dv0_74006_222",
25
- "section-group-title": "awsui_section-group-title_l0dv0_74006_232",
26
- "link": "awsui_link_l0dv0_74006_236",
27
- "link-active": "awsui_link-active_l0dv0_74006_245",
28
- "info": "awsui_info_l0dv0_74006_279",
29
- "external-icon": "awsui_external-icon_l0dv0_74006_283",
30
- "divider": "awsui_divider_l0dv0_74006_287",
31
- "divider-default": "awsui_divider-default_l0dv0_74006_292",
32
- "divider-header": "awsui_divider-header_l0dv0_74006_296"
5
+ "root": "awsui_root_l0dv0_ov21h_93",
6
+ "header": "awsui_header_l0dv0_ov21h_130",
7
+ "header-link": "awsui_header-link_l0dv0_ov21h_143",
8
+ "header-link--has-logo": "awsui_header-link--has-logo_l0dv0_ov21h_153",
9
+ "header-link-text": "awsui_header-link-text_l0dv0_ov21h_153",
10
+ "header-logo": "awsui_header-logo_l0dv0_ov21h_158",
11
+ "header-logo--stretched": "awsui_header-logo--stretched_l0dv0_ov21h_164",
12
+ "list-container": "awsui_list-container_l0dv0_ov21h_169",
13
+ "list": "awsui_list_l0dv0_ov21h_169",
14
+ "list-variant-root": "awsui_list-variant-root_l0dv0_ov21h_181",
15
+ "list-variant-root--last": "awsui_list-variant-root--last_l0dv0_ov21h_188",
16
+ "list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_ov21h_192",
17
+ "list-item": "awsui_list-item_l0dv0_ov21h_196",
18
+ "section": "awsui_section_l0dv0_ov21h_204",
19
+ "expandable-link-group": "awsui_expandable-link-group_l0dv0_ov21h_205",
20
+ "section--no-ident": "awsui_section--no-ident_l0dv0_ov21h_208",
21
+ "expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_ov21h_209",
22
+ "refresh": "awsui_refresh_l0dv0_ov21h_217",
23
+ "list-variant-section-group": "awsui_list-variant-section-group_l0dv0_ov21h_225",
24
+ "section-group": "awsui_section-group_l0dv0_ov21h_232",
25
+ "section-group-title": "awsui_section-group-title_l0dv0_ov21h_243",
26
+ "link": "awsui_link_l0dv0_ov21h_247",
27
+ "link-active": "awsui_link-active_l0dv0_ov21h_256",
28
+ "info": "awsui_info_l0dv0_ov21h_290",
29
+ "external-icon": "awsui_external-icon_l0dv0_ov21h_294",
30
+ "divider": "awsui_divider_l0dv0_ov21h_298",
31
+ "divider-default": "awsui_divider-default_l0dv0_ov21h_304",
32
+ "divider-header": "awsui_divider-header_l0dv0_ov21h_309"
33
33
  };
34
34
 
package/spinner/styles.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1612d_1v79u_127",
5
- "spinner-rotator": "awsui_spinner-rotator_1612d_1v79u_1",
6
- "size-normal": "awsui_size-normal_1612d_1v79u_135",
7
- "size-big": "awsui_size-big_1612d_1v79u_143",
8
- "size-large": "awsui_size-large_1612d_1v79u_151",
9
- "variant-normal": "awsui_variant-normal_1612d_1v79u_159",
10
- "variant-disabled": "awsui_variant-disabled_1612d_1v79u_162",
11
- "variant-inverted": "awsui_variant-inverted_1612d_1v79u_165",
12
- "circle": "awsui_circle_1612d_1v79u_169",
13
- "circle-left": "awsui_circle-left_1612d_1v79u_193",
14
- "spinner-line-left": "awsui_spinner-line-left_1612d_1v79u_1",
15
- "circle-right": "awsui_circle-right_1612d_1v79u_198",
16
- "spinner-line-right": "awsui_spinner-line-right_1612d_1v79u_1"
4
+ "root": "awsui_root_1612d_3zdze_127",
5
+ "spinner-rotator": "awsui_spinner-rotator_1612d_3zdze_1",
6
+ "size-normal": "awsui_size-normal_1612d_3zdze_135",
7
+ "size-big": "awsui_size-big_1612d_3zdze_143",
8
+ "size-large": "awsui_size-large_1612d_3zdze_151",
9
+ "variant-normal": "awsui_variant-normal_1612d_3zdze_159",
10
+ "variant-disabled": "awsui_variant-disabled_1612d_3zdze_162",
11
+ "variant-inverted": "awsui_variant-inverted_1612d_3zdze_165",
12
+ "circle": "awsui_circle_1612d_3zdze_169",
13
+ "circle-left": "awsui_circle-left_1612d_3zdze_197",
14
+ "spinner-line-left": "awsui_spinner-line-left_1612d_3zdze_1",
15
+ "circle-right": "awsui_circle-right_1612d_3zdze_202",
16
+ "spinner-line-right": "awsui_spinner-line-right_1612d_3zdze_1"
17
17
  };
18
18
 
package/spinner/styles.scoped.css CHANGED
@@ -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
- @keyframes awsui_spinner-rotator_1612d_1v79u_1 {
97
+ @keyframes awsui_spinner-rotator_1612d_3zdze_1 {
98
98
  0% {
99
99
  transform: rotate(0deg);
100
100
  }
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
102
102
  transform: rotate(360deg);
103
103
  }
104
104
  }
105
- @keyframes awsui_spinner-line-left_1612d_1v79u_1 {
105
+ @keyframes awsui_spinner-line-left_1612d_3zdze_1 {
106
106
  0% {
107
107
  transform: rotate(0deg);
108
108
  }
@@ -113,7 +113,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
113
113
  transform: rotate(0deg);
114
114
  }
115
115
  }
116
- @keyframes awsui_spinner-line-right_1612d_1v79u_1 {
116
+ @keyframes awsui_spinner-line-right_1612d_3zdze_1 {
117
117
  0% {
118
118
  transform: rotate(90deg);
119
119
  }
@@ -124,79 +124,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  transform: rotate(90deg);
125
125
  }
126
126
  }
127
- .awsui_root_1612d_1v79u_127:not(#\9) {
127
+ .awsui_root_1612d_3zdze_127:not(#\9) {
128
128
  display: inline-block;
129
129
  vertical-align: top;
130
130
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
131
- animation: awsui_spinner-rotator_1612d_1v79u_1 0.7s linear infinite;
131
+ animation: awsui_spinner-rotator_1612d_3zdze_1 0.7s linear infinite;
132
132
  box-sizing: border-box;
133
133
  line-height: 0;
134
134
  }
135
- .awsui_root_1612d_1v79u_127.awsui_size-normal_1612d_1v79u_135:not(#\9) {
136
- width: var(--size-icon-normal-0m1722, 16px);
137
- height: var(--size-icon-normal-0m1722, 16px);
138
- padding: calc((var(--size-icon-normal-0m1722, 16px) - 12px) / 2);
139
- margin-top: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / 2);
140
- margin-bottom: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / 2);
135
+ .awsui_root_1612d_3zdze_127.awsui_size-normal_1612d_3zdze_135:not(#\9) {
136
+ inline-size: var(--size-icon-normal-0m1722, 16px);
137
+ block-size: var(--size-icon-normal-0m1722, 16px);
138
+ padding-block: calc((var(--size-icon-normal-0m1722, 16px) - 12px) / 2);
139
+ padding-inline: calc((var(--size-icon-normal-0m1722, 16px) - 12px) / 2);
140
+ margin-block: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / 2);
141
141
  box-sizing: border-box;
142
142
  }
143
- .awsui_root_1612d_1v79u_127.awsui_size-big_1612d_1v79u_143:not(#\9) {
144
- width: var(--size-icon-big-zkdryd, 32px);
145
- height: var(--size-icon-big-zkdryd, 32px);
146
- padding: calc((var(--size-icon-big-zkdryd, 32px) - 24px) / 2);
147
- margin-top: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-icon-big-zkdryd, 32px)) / 2);
148
- margin-bottom: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-icon-big-zkdryd, 32px)) / 2);
143
+ .awsui_root_1612d_3zdze_127.awsui_size-big_1612d_3zdze_143:not(#\9) {
144
+ inline-size: var(--size-icon-big-zkdryd, 32px);
145
+ block-size: var(--size-icon-big-zkdryd, 32px);
146
+ padding-block: calc((var(--size-icon-big-zkdryd, 32px) - 24px) / 2);
147
+ padding-inline: calc((var(--size-icon-big-zkdryd, 32px) - 24px) / 2);
148
+ margin-block: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-icon-big-zkdryd, 32px)) / 2);
149
149
  box-sizing: border-box;
150
150
  }
151
- .awsui_root_1612d_1v79u_127.awsui_size-large_1612d_1v79u_151:not(#\9) {
152
- width: var(--size-icon-large-bivhmh, 48px);
153
- height: var(--size-icon-large-bivhmh, 48px);
154
- padding: calc((var(--size-icon-large-bivhmh, 48px) - 36px) / 2);
155
- margin-top: calc((var(--line-height-display-l-8nioft, 48px) - var(--size-icon-large-bivhmh, 48px)) / 2);
156
- margin-bottom: calc((var(--line-height-display-l-8nioft, 48px) - var(--size-icon-large-bivhmh, 48px)) / 2);
151
+ .awsui_root_1612d_3zdze_127.awsui_size-large_1612d_3zdze_151:not(#\9) {
152
+ inline-size: var(--size-icon-large-bivhmh, 48px);
153
+ block-size: var(--size-icon-large-bivhmh, 48px);
154
+ padding-block: calc((var(--size-icon-large-bivhmh, 48px) - 36px) / 2);
155
+ padding-inline: calc((var(--size-icon-large-bivhmh, 48px) - 36px) / 2);
156
+ margin-block: calc((var(--line-height-display-l-8nioft, 48px) - var(--size-icon-large-bivhmh, 48px)) / 2);
157
157
  box-sizing: border-box;
158
158
  }
159
- .awsui_root_1612d_1v79u_127.awsui_variant-normal_1612d_1v79u_159:not(#\9) {
159
+ .awsui_root_1612d_3zdze_127.awsui_variant-normal_1612d_3zdze_159:not(#\9) {
160
160
  color: currentColor;
161
161
  }
162
- .awsui_root_1612d_1v79u_127.awsui_variant-disabled_1612d_1v79u_162:not(#\9) {
162
+ .awsui_root_1612d_3zdze_127.awsui_variant-disabled_1612d_3zdze_162:not(#\9) {
163
163
  color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
164
164
  }
165
- .awsui_root_1612d_1v79u_127.awsui_variant-inverted_1612d_1v79u_165:not(#\9) {
165
+ .awsui_root_1612d_3zdze_127.awsui_variant-inverted_1612d_3zdze_165:not(#\9) {
166
166
  color: var(--color-text-inverted-70cpkk, #ffffff);
167
167
  }
168
168
 
169
- .awsui_circle_1612d_1v79u_169:not(#\9) {
169
+ .awsui_circle_1612d_3zdze_169:not(#\9) {
170
170
  display: inline-block;
171
- width: 50%;
172
- height: 100%;
171
+ inline-size: 50%;
172
+ block-size: 100%;
173
173
  overflow: hidden;
174
174
  position: relative;
175
175
  }
176
- .awsui_circle_1612d_1v79u_169:not(#\9):after {
176
+ .awsui_circle_1612d_3zdze_169:not(#\9):after {
177
177
  position: absolute;
178
178
  box-sizing: border-box;
179
179
  content: "";
180
- border-radius: 50%;
181
- border: 2px solid;
182
- border-right-color: transparent;
183
- border-bottom-color: transparent;
180
+ border-start-start-radius: 50%;
181
+ border-start-end-radius: 50%;
182
+ border-end-start-radius: 50%;
183
+ border-end-end-radius: 50%;
184
+ border-block: 2px solid;
185
+ border-inline: 2px solid;
186
+ border-inline-end-color: transparent;
187
+ border-block-end-color: transparent;
184
188
  }
185
- .awsui_circle_1612d_1v79u_169:not(#\9):after {
189
+ .awsui_circle_1612d_3zdze_169:not(#\9):after {
186
190
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
187
191
  animation: 1.5s ease-in-out infinite;
188
- top: 0;
189
- left: 0;
190
- height: 100%;
191
- width: 200%;
192
+ inset-block-start: 0;
193
+ inset-inline-start: 0;
194
+ block-size: 100%;
195
+ inline-size: 200%;
192
196
  }
193
- .awsui_circle_1612d_1v79u_169.awsui_circle-left_1612d_1v79u_193:not(#\9):after {
194
- left: 0;
197
+ .awsui_circle_1612d_3zdze_169.awsui_circle-left_1612d_3zdze_197:not(#\9):after {
198
+ inset-inline-start: 0;
195
199
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
196
- animation-name: awsui_spinner-line-left_1612d_1v79u_1;
200
+ animation-name: awsui_spinner-line-left_1612d_3zdze_1;
197
201
  }
198
- .awsui_circle_1612d_1v79u_169.awsui_circle-right_1612d_1v79u_198:not(#\9):after {
199
- left: -100%;
202
+ .awsui_circle_1612d_3zdze_169.awsui_circle-right_1612d_3zdze_202:not(#\9):after {
203
+ inset-inline-start: -100%;
200
204
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
201
- animation-name: awsui_spinner-line-right_1612d_1v79u_1;
205
+ animation-name: awsui_spinner-line-right_1612d_3zdze_1;
202
206
  }
package/spinner/styles.selectors.js CHANGED
@@ -2,18 +2,18 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1612d_1v79u_127",
6
- "spinner-rotator": "awsui_spinner-rotator_1612d_1v79u_1",
7
- "size-normal": "awsui_size-normal_1612d_1v79u_135",
8
- "size-big": "awsui_size-big_1612d_1v79u_143",
9
- "size-large": "awsui_size-large_1612d_1v79u_151",
10
- "variant-normal": "awsui_variant-normal_1612d_1v79u_159",
11
- "variant-disabled": "awsui_variant-disabled_1612d_1v79u_162",
12
- "variant-inverted": "awsui_variant-inverted_1612d_1v79u_165",
13
- "circle": "awsui_circle_1612d_1v79u_169",
14
- "circle-left": "awsui_circle-left_1612d_1v79u_193",
15
- "spinner-line-left": "awsui_spinner-line-left_1612d_1v79u_1",
16
- "circle-right": "awsui_circle-right_1612d_1v79u_198",
17
- "spinner-line-right": "awsui_spinner-line-right_1612d_1v79u_1"
5
+ "root": "awsui_root_1612d_3zdze_127",
6
+ "spinner-rotator": "awsui_spinner-rotator_1612d_3zdze_1",
7
+ "size-normal": "awsui_size-normal_1612d_3zdze_135",
8
+ "size-big": "awsui_size-big_1612d_3zdze_143",
9
+ "size-large": "awsui_size-large_1612d_3zdze_151",
10
+ "variant-normal": "awsui_variant-normal_1612d_3zdze_159",
11
+ "variant-disabled": "awsui_variant-disabled_1612d_3zdze_162",
12
+ "variant-inverted": "awsui_variant-inverted_1612d_3zdze_165",
13
+ "circle": "awsui_circle_1612d_3zdze_169",
14
+ "circle-left": "awsui_circle-left_1612d_3zdze_197",
15
+ "spinner-line-left": "awsui_spinner-line-left_1612d_3zdze_1",
16
+ "circle-right": "awsui_circle-right_1612d_3zdze_202",
17
+ "spinner-line-right": "awsui_spinner-line-right_1612d_3zdze_1"
18
18
  };
19
19