@cloudscape-design/components-themeable 3.0.1308 → 3.0.1309

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 (59) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/badge/styles.scss +19 -6
  3. package/lib/internal/scss/expandable-section/styles.scss +2 -2
  4. package/lib/internal/scss/icon/mixins.scss +7 -0
  5. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  6. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.d.ts.map +1 -1
  7. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js +4 -2
  8. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-ai-drawer.js.map +1 -1
  9. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.d.ts.map +1 -1
  10. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.js +4 -2
  11. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-bottom-drawer.js.map +1 -1
  12. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
  13. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +3 -2
  14. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
  15. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +2 -2
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +1 -0
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +12 -1
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
  24. package/lib/internal/template/badge/styles.css.js +10 -10
  25. package/lib/internal/template/badge/styles.scoped.css +29 -16
  26. package/lib/internal/template/badge/styles.selectors.js +10 -10
  27. package/lib/internal/template/expandable-section/styles.css.js +35 -35
  28. package/lib/internal/template/expandable-section/styles.scoped.css +68 -68
  29. package/lib/internal/template/expandable-section/styles.selectors.js +35 -35
  30. package/lib/internal/template/icon/interfaces.d.ts +1 -1
  31. package/lib/internal/template/icon/interfaces.d.ts.map +1 -1
  32. package/lib/internal/template/icon/interfaces.js.map +1 -1
  33. package/lib/internal/template/icon/internal.js +2 -2
  34. package/lib/internal/template/icon/internal.js.map +1 -1
  35. package/lib/internal/template/icon/styles.css.js +41 -39
  36. package/lib/internal/template/icon/styles.scoped.css +104 -85
  37. package/lib/internal/template/icon/styles.selectors.js +41 -39
  38. package/lib/internal/template/internal/base-component/styles.scoped.css +57 -5
  39. package/lib/internal/template/internal/environment.js +2 -2
  40. package/lib/internal/template/internal/environment.json +2 -2
  41. package/lib/internal/template/internal/generated/styles/tokens.d.ts +23 -1
  42. package/lib/internal/template/internal/generated/styles/tokens.js +23 -1
  43. package/lib/internal/template/internal/generated/theming/index.cjs +476 -4
  44. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +216 -0
  45. package/lib/internal/template/internal/generated/theming/index.d.ts +216 -0
  46. package/lib/internal/template/internal/generated/theming/index.js +476 -4
  47. package/lib/internal/template/internal/hooks/use-width-change/index.d.ts +13 -0
  48. package/lib/internal/template/internal/hooks/use-width-change/index.d.ts.map +1 -0
  49. package/lib/internal/template/internal/hooks/use-width-change/index.js +33 -0
  50. package/lib/internal/template/internal/hooks/use-width-change/index.js.map +1 -0
  51. package/lib/internal/template/prompt-input/internal.d.ts.map +1 -1
  52. package/lib/internal/template/prompt-input/internal.js +9 -2
  53. package/lib/internal/template/prompt-input/internal.js.map +1 -1
  54. package/lib/internal/template/prompt-input/tokens/use-token-mode.d.ts.map +1 -1
  55. package/lib/internal/template/prompt-input/tokens/use-token-mode.js +0 -9
  56. package/lib/internal/template/prompt-input/tokens/use-token-mode.js.map +1 -1
  57. package/lib/internal/template/wizard/wizard-step-list.js +4 -4
  58. package/lib/internal/template/wizard/wizard-step-list.js.map +1 -1
  59. package/package.json +1 -1
package/lib/internal/template/icon/styles.css.js CHANGED
@@ -1,44 +1,46 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "icon": "awsui_icon_h11ix_ftt2l_189",
5
- "icon-flex-height": "awsui_icon-flex-height_h11ix_ftt2l_197",
6
- "size-small": "awsui_size-small_h11ix_ftt2l_225",
7
- "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_ftt2l_229",
8
- "size-normal": "awsui_size-normal_h11ix_ftt2l_244",
9
- "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_ftt2l_248",
10
- "size-medium": "awsui_size-medium_h11ix_ftt2l_263",
11
- "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_ftt2l_267",
12
- "size-big": "awsui_size-big_h11ix_ftt2l_282",
13
- "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_ftt2l_286",
14
- "size-large": "awsui_size-large_h11ix_ftt2l_301",
15
- "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_ftt2l_305",
16
- "variant-normal": "awsui_variant-normal_h11ix_ftt2l_320",
17
- "variant-disabled": "awsui_variant-disabled_h11ix_ftt2l_323",
18
- "variant-inverted": "awsui_variant-inverted_h11ix_ftt2l_326",
19
- "variant-subtle": "awsui_variant-subtle_h11ix_ftt2l_329",
20
- "variant-warning": "awsui_variant-warning_h11ix_ftt2l_332",
21
- "variant-error": "awsui_variant-error_h11ix_ftt2l_335",
22
- "variant-success": "awsui_variant-success_h11ix_ftt2l_338",
23
- "variant-link": "awsui_variant-link_h11ix_ftt2l_341",
24
- "name-angle-left-double": "awsui_name-angle-left-double_h11ix_ftt2l_344",
25
- "name-angle-left": "awsui_name-angle-left_h11ix_ftt2l_344",
26
- "name-angle-right-double": "awsui_name-angle-right-double_h11ix_ftt2l_346",
27
- "name-angle-right": "awsui_name-angle-right_h11ix_ftt2l_346",
28
- "name-arrow-left": "awsui_name-arrow-left_h11ix_ftt2l_348",
29
- "name-arrow-right": "awsui_name-arrow-right_h11ix_ftt2l_349",
30
- "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_ftt2l_350",
31
- "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_ftt2l_351",
32
- "name-audio-full": "awsui_name-audio-full_h11ix_ftt2l_352",
33
- "name-audio-half": "awsui_name-audio-half_h11ix_ftt2l_353",
34
- "name-audio-off": "awsui_name-audio-off_h11ix_ftt2l_354",
35
- "name-external": "awsui_name-external_h11ix_ftt2l_355",
36
- "name-redo": "awsui_name-redo_h11ix_ftt2l_356",
37
- "name-resize-area": "awsui_name-resize-area_h11ix_ftt2l_357",
38
- "name-send": "awsui_name-send_h11ix_ftt2l_358",
39
- "name-shrink": "awsui_name-shrink_h11ix_ftt2l_359",
40
- "name-undo": "awsui_name-undo_h11ix_ftt2l_360",
41
- "name-view-vertical": "awsui_name-view-vertical_h11ix_ftt2l_361",
42
- "badge": "awsui_badge_h11ix_ftt2l_385"
4
+ "icon": "awsui_icon_h11ix_5c1h7_189",
5
+ "icon-flex-height": "awsui_icon-flex-height_h11ix_5c1h7_197",
6
+ "size-x-small": "awsui_size-x-small_h11ix_5c1h7_225",
7
+ "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_5c1h7_229",
8
+ "size-small": "awsui_size-small_h11ix_5c1h7_244",
9
+ "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_5c1h7_248",
10
+ "size-normal": "awsui_size-normal_h11ix_5c1h7_263",
11
+ "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_5c1h7_267",
12
+ "size-medium": "awsui_size-medium_h11ix_5c1h7_282",
13
+ "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_5c1h7_286",
14
+ "size-big": "awsui_size-big_h11ix_5c1h7_301",
15
+ "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_5c1h7_305",
16
+ "size-large": "awsui_size-large_h11ix_5c1h7_320",
17
+ "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_5c1h7_324",
18
+ "variant-normal": "awsui_variant-normal_h11ix_5c1h7_339",
19
+ "variant-disabled": "awsui_variant-disabled_h11ix_5c1h7_342",
20
+ "variant-inverted": "awsui_variant-inverted_h11ix_5c1h7_345",
21
+ "variant-subtle": "awsui_variant-subtle_h11ix_5c1h7_348",
22
+ "variant-warning": "awsui_variant-warning_h11ix_5c1h7_351",
23
+ "variant-error": "awsui_variant-error_h11ix_5c1h7_354",
24
+ "variant-success": "awsui_variant-success_h11ix_5c1h7_357",
25
+ "variant-link": "awsui_variant-link_h11ix_5c1h7_360",
26
+ "name-angle-left-double": "awsui_name-angle-left-double_h11ix_5c1h7_363",
27
+ "name-angle-left": "awsui_name-angle-left_h11ix_5c1h7_363",
28
+ "name-angle-right-double": "awsui_name-angle-right-double_h11ix_5c1h7_365",
29
+ "name-angle-right": "awsui_name-angle-right_h11ix_5c1h7_365",
30
+ "name-arrow-left": "awsui_name-arrow-left_h11ix_5c1h7_367",
31
+ "name-arrow-right": "awsui_name-arrow-right_h11ix_5c1h7_368",
32
+ "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_5c1h7_369",
33
+ "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_5c1h7_370",
34
+ "name-audio-full": "awsui_name-audio-full_h11ix_5c1h7_371",
35
+ "name-audio-half": "awsui_name-audio-half_h11ix_5c1h7_372",
36
+ "name-audio-off": "awsui_name-audio-off_h11ix_5c1h7_373",
37
+ "name-external": "awsui_name-external_h11ix_5c1h7_374",
38
+ "name-redo": "awsui_name-redo_h11ix_5c1h7_375",
39
+ "name-resize-area": "awsui_name-resize-area_h11ix_5c1h7_376",
40
+ "name-send": "awsui_name-send_h11ix_5c1h7_377",
41
+ "name-shrink": "awsui_name-shrink_h11ix_5c1h7_378",
42
+ "name-undo": "awsui_name-undo_h11ix_5c1h7_379",
43
+ "name-view-vertical": "awsui_name-view-vertical_h11ix_5c1h7_380",
44
+ "badge": "awsui_badge_h11ix_5c1h7_404"
43
45
  };
44
46
 
package/lib/internal/template/icon/styles.scoped.css CHANGED
@@ -186,7 +186,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_icon_h11ix_ftt2l_189:not(#\9) {
189
+ .awsui_icon_h11ix_5c1h7_189:not(#\9) {
190
190
  position: relative;
191
191
  display: inline-block;
192
192
  vertical-align: top;
@@ -194,195 +194,214 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
194
  /* stylelint-disable selector-max-type, selector-max-universal */
195
195
  /* stylelint-enable selector-max-type, selector-max-universal */
196
196
  }
197
- .awsui_icon-flex-height_h11ix_ftt2l_197:not(#\9) {
197
+ .awsui_icon-flex-height_h11ix_5c1h7_197:not(#\9) {
198
198
  display: inline-flex;
199
199
  align-items: center;
200
200
  }
201
- .awsui_icon_h11ix_ftt2l_189 > svg:not(#\9) {
201
+ .awsui_icon_h11ix_5c1h7_189 > svg:not(#\9) {
202
202
  pointer-events: none;
203
203
  }
204
- .awsui_icon_h11ix_ftt2l_189 > svg:not(#\9) {
204
+ .awsui_icon_h11ix_5c1h7_189 > svg:not(#\9) {
205
205
  fill: none;
206
206
  }
207
- .awsui_icon_h11ix_ftt2l_189 > svg *:not(#\9) {
207
+ .awsui_icon_h11ix_5c1h7_189 > svg *:not(#\9) {
208
208
  stroke: currentColor;
209
209
  }
210
- .awsui_icon_h11ix_ftt2l_189 > svg .stroke-linejoin-round:not(#\9) {
210
+ .awsui_icon_h11ix_5c1h7_189 > svg .stroke-linejoin-round:not(#\9) {
211
211
  stroke-linejoin: round;
212
212
  }
213
- .awsui_icon_h11ix_ftt2l_189 > svg .stroke-linecap-square:not(#\9) {
213
+ .awsui_icon_h11ix_5c1h7_189 > svg .stroke-linecap-square:not(#\9) {
214
214
  stroke-linecap: square;
215
215
  }
216
- .awsui_icon_h11ix_ftt2l_189 > svg .stroke-linecap-round:not(#\9) {
216
+ .awsui_icon_h11ix_5c1h7_189 > svg .stroke-linecap-round:not(#\9) {
217
217
  stroke-linecap: round;
218
218
  }
219
- .awsui_icon_h11ix_ftt2l_189 > svg .filled:not(#\9) {
219
+ .awsui_icon_h11ix_5c1h7_189 > svg .filled:not(#\9) {
220
220
  fill: currentColor;
221
221
  }
222
- .awsui_icon_h11ix_ftt2l_189 > svg .no-stroke:not(#\9) {
222
+ .awsui_icon_h11ix_5c1h7_189 > svg .no-stroke:not(#\9) {
223
223
  stroke: none;
224
224
  }
225
- .awsui_icon_h11ix_ftt2l_189.awsui_size-small_h11ix_ftt2l_225:not(#\9) {
225
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-x-small_h11ix_5c1h7_225:not(#\9) {
226
+ inline-size: 12px;
227
+ box-sizing: border-box;
228
+ }
229
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-x-small-mapped-height_h11ix_5c1h7_229:not(#\9) {
230
+ block-size: var(--line-height-body-s-otgtsr, 16px);
231
+ padding-block: calc((var(--line-height-body-s-otgtsr, 16px) - 12px) / 2);
232
+ padding-inline: 0;
233
+ }
234
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-x-small_h11ix_5c1h7_225 > svg:not(#\9),
235
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-x-small_h11ix_5c1h7_225 > img:not(#\9) {
236
+ inline-size: 12px;
237
+ block-size: 12px;
238
+ vertical-align: top;
239
+ }
240
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-x-small_h11ix_5c1h7_225 > svg:not(#\9),
241
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-x-small_h11ix_5c1h7_225 > svg *:not(#\9) {
242
+ stroke-width: calc(var(--border-width-icon-x-small-ffpus7, 1.5px) / 0.75);
243
+ }
244
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-small_h11ix_5c1h7_244:not(#\9) {
226
245
  inline-size: var(--size-icon-normal-2f5zkr, 16px);
227
246
  box-sizing: border-box;
228
247
  }
229
- .awsui_icon_h11ix_ftt2l_189.awsui_size-small-mapped-height_h11ix_ftt2l_229:not(#\9) {
248
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-small-mapped-height_h11ix_5c1h7_248:not(#\9) {
230
249
  block-size: var(--line-height-body-s-otgtsr, 16px);
231
250
  padding-block: calc((var(--line-height-body-s-otgtsr, 16px) - var(--size-icon-normal-2f5zkr, 16px)) / 2);
232
251
  padding-inline: 0;
233
252
  }
234
- .awsui_icon_h11ix_ftt2l_189.awsui_size-small_h11ix_ftt2l_225 > svg:not(#\9),
235
- .awsui_icon_h11ix_ftt2l_189.awsui_size-small_h11ix_ftt2l_225 > img:not(#\9) {
253
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-small_h11ix_5c1h7_244 > svg:not(#\9),
254
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-small_h11ix_5c1h7_244 > img:not(#\9) {
236
255
  inline-size: var(--size-icon-normal-2f5zkr, 16px);
237
256
  block-size: var(--size-icon-normal-2f5zkr, 16px);
238
257
  vertical-align: top;
239
258
  }
240
- .awsui_icon_h11ix_ftt2l_189.awsui_size-small_h11ix_ftt2l_225 > svg:not(#\9),
241
- .awsui_icon_h11ix_ftt2l_189.awsui_size-small_h11ix_ftt2l_225 > svg *:not(#\9) {
259
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-small_h11ix_5c1h7_244 > svg:not(#\9),
260
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-small_h11ix_5c1h7_244 > svg *:not(#\9) {
242
261
  stroke-width: calc(var(--border-width-icon-small-vdkeni, 2px) / 1);
243
262
  }
244
- .awsui_icon_h11ix_ftt2l_189.awsui_size-normal_h11ix_ftt2l_244:not(#\9) {
263
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-normal_h11ix_5c1h7_263:not(#\9) {
245
264
  inline-size: var(--size-icon-normal-2f5zkr, 16px);
246
265
  box-sizing: border-box;
247
266
  }
248
- .awsui_icon_h11ix_ftt2l_189.awsui_size-normal-mapped-height_h11ix_ftt2l_248:not(#\9) {
267
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-normal-mapped-height_h11ix_5c1h7_267:not(#\9) {
249
268
  block-size: var(--line-height-body-m-bedeoh, 22px);
250
269
  padding-block: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / 2);
251
270
  padding-inline: 0;
252
271
  }
253
- .awsui_icon_h11ix_ftt2l_189.awsui_size-normal_h11ix_ftt2l_244 > svg:not(#\9),
254
- .awsui_icon_h11ix_ftt2l_189.awsui_size-normal_h11ix_ftt2l_244 > img:not(#\9) {
272
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-normal_h11ix_5c1h7_263 > svg:not(#\9),
273
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-normal_h11ix_5c1h7_263 > img:not(#\9) {
255
274
  inline-size: var(--size-icon-normal-2f5zkr, 16px);
256
275
  block-size: var(--size-icon-normal-2f5zkr, 16px);
257
276
  vertical-align: top;
258
277
  }
259
- .awsui_icon_h11ix_ftt2l_189.awsui_size-normal_h11ix_ftt2l_244 > svg:not(#\9),
260
- .awsui_icon_h11ix_ftt2l_189.awsui_size-normal_h11ix_ftt2l_244 > svg *:not(#\9) {
278
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-normal_h11ix_5c1h7_263 > svg:not(#\9),
279
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-normal_h11ix_5c1h7_263 > svg *:not(#\9) {
261
280
  stroke-width: calc(var(--border-width-icon-normal-yqojud, 2px) / 1);
262
281
  }
263
- .awsui_icon_h11ix_ftt2l_189.awsui_size-medium_h11ix_ftt2l_263:not(#\9) {
282
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-medium_h11ix_5c1h7_282:not(#\9) {
264
283
  inline-size: var(--size-icon-medium-3ovt3t, 16px);
265
284
  box-sizing: border-box;
266
285
  }
267
- .awsui_icon_h11ix_ftt2l_189.awsui_size-medium-mapped-height_h11ix_ftt2l_267:not(#\9) {
286
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-medium-mapped-height_h11ix_5c1h7_286:not(#\9) {
268
287
  block-size: var(--line-height-heading-l-vhgtnq, 22px);
269
288
  padding-block: calc((var(--line-height-heading-l-vhgtnq, 22px) - var(--size-icon-medium-3ovt3t, 16px)) / 2);
270
289
  padding-inline: 0;
271
290
  }
272
- .awsui_icon_h11ix_ftt2l_189.awsui_size-medium_h11ix_ftt2l_263 > svg:not(#\9),
273
- .awsui_icon_h11ix_ftt2l_189.awsui_size-medium_h11ix_ftt2l_263 > img:not(#\9) {
291
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-medium_h11ix_5c1h7_282 > svg:not(#\9),
292
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-medium_h11ix_5c1h7_282 > img:not(#\9) {
274
293
  inline-size: var(--size-icon-medium-3ovt3t, 16px);
275
294
  block-size: var(--size-icon-medium-3ovt3t, 16px);
276
295
  vertical-align: top;
277
296
  }
278
- .awsui_icon_h11ix_ftt2l_189.awsui_size-medium_h11ix_ftt2l_263 > svg:not(#\9),
279
- .awsui_icon_h11ix_ftt2l_189.awsui_size-medium_h11ix_ftt2l_263 > svg *:not(#\9) {
297
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-medium_h11ix_5c1h7_282 > svg:not(#\9),
298
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-medium_h11ix_5c1h7_282 > svg *:not(#\9) {
280
299
  stroke-width: calc(var(--border-width-icon-medium-hkvbnl, 2px) / 1.25);
281
300
  }
282
- .awsui_icon_h11ix_ftt2l_189.awsui_size-big_h11ix_ftt2l_282:not(#\9) {
301
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-big_h11ix_5c1h7_301:not(#\9) {
283
302
  inline-size: var(--size-icon-big-hnqj8f, 32px);
284
303
  box-sizing: border-box;
285
304
  }
286
- .awsui_icon_h11ix_ftt2l_189.awsui_size-big-mapped-height_h11ix_ftt2l_286:not(#\9) {
305
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-big-mapped-height_h11ix_5c1h7_305:not(#\9) {
287
306
  block-size: var(--line-height-heading-xl-vs1f23, 36px);
288
307
  padding-block: calc((var(--line-height-heading-xl-vs1f23, 36px) - var(--size-icon-big-hnqj8f, 32px)) / 2);
289
308
  padding-inline: 0;
290
309
  }
291
- .awsui_icon_h11ix_ftt2l_189.awsui_size-big_h11ix_ftt2l_282 > svg:not(#\9),
292
- .awsui_icon_h11ix_ftt2l_189.awsui_size-big_h11ix_ftt2l_282 > img:not(#\9) {
310
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-big_h11ix_5c1h7_301 > svg:not(#\9),
311
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-big_h11ix_5c1h7_301 > img:not(#\9) {
293
312
  inline-size: var(--size-icon-big-hnqj8f, 32px);
294
313
  block-size: var(--size-icon-big-hnqj8f, 32px);
295
314
  vertical-align: top;
296
315
  }
297
- .awsui_icon_h11ix_ftt2l_189.awsui_size-big_h11ix_ftt2l_282 > svg:not(#\9),
298
- .awsui_icon_h11ix_ftt2l_189.awsui_size-big_h11ix_ftt2l_282 > svg *:not(#\9) {
316
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-big_h11ix_5c1h7_301 > svg:not(#\9),
317
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-big_h11ix_5c1h7_301 > svg *:not(#\9) {
299
318
  stroke-width: calc(var(--border-width-icon-big-bbcgm5, 3px) / 2);
300
319
  }
301
- .awsui_icon_h11ix_ftt2l_189.awsui_size-large_h11ix_ftt2l_301:not(#\9) {
320
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-large_h11ix_5c1h7_320:not(#\9) {
302
321
  inline-size: var(--size-icon-large-gj7xfw, 48px);
303
322
  box-sizing: border-box;
304
323
  }
305
- .awsui_icon_h11ix_ftt2l_189.awsui_size-large-mapped-height_h11ix_ftt2l_305:not(#\9) {
324
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-large-mapped-height_h11ix_5c1h7_324:not(#\9) {
306
325
  block-size: var(--line-height-display-l-3zghmm, 56px);
307
326
  padding-block: calc((var(--line-height-display-l-3zghmm, 56px) - var(--size-icon-large-gj7xfw, 48px)) / 2);
308
327
  padding-inline: 0;
309
328
  }
310
- .awsui_icon_h11ix_ftt2l_189.awsui_size-large_h11ix_ftt2l_301 > svg:not(#\9),
311
- .awsui_icon_h11ix_ftt2l_189.awsui_size-large_h11ix_ftt2l_301 > img:not(#\9) {
329
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-large_h11ix_5c1h7_320 > svg:not(#\9),
330
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-large_h11ix_5c1h7_320 > img:not(#\9) {
312
331
  inline-size: var(--size-icon-large-gj7xfw, 48px);
313
332
  block-size: var(--size-icon-large-gj7xfw, 48px);
314
333
  vertical-align: top;
315
334
  }
316
- .awsui_icon_h11ix_ftt2l_189.awsui_size-large_h11ix_ftt2l_301 > svg:not(#\9),
317
- .awsui_icon_h11ix_ftt2l_189.awsui_size-large_h11ix_ftt2l_301 > svg *:not(#\9) {
335
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-large_h11ix_5c1h7_320 > svg:not(#\9),
336
+ .awsui_icon_h11ix_5c1h7_189.awsui_size-large_h11ix_5c1h7_320 > svg *:not(#\9) {
318
337
  stroke-width: calc(var(--border-width-icon-large-d362l9, 4px) / 3);
319
338
  }
320
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-normal_h11ix_ftt2l_320:not(#\9) {
339
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-normal_h11ix_5c1h7_339:not(#\9) {
321
340
  color: currentColor;
322
341
  }
323
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-disabled_h11ix_ftt2l_323:not(#\9) {
342
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-disabled_h11ix_5c1h7_342:not(#\9) {
324
343
  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
325
344
  }
326
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-inverted_h11ix_ftt2l_326:not(#\9) {
345
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-inverted_h11ix_5c1h7_345:not(#\9) {
327
346
  color: var(--color-text-inverted-2l365o, #ffffff);
328
347
  }
329
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-subtle_h11ix_ftt2l_329:not(#\9) {
348
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-subtle_h11ix_5c1h7_348:not(#\9) {
330
349
  color: var(--color-text-icon-subtle-4786by, #687078);
331
350
  }
332
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-warning_h11ix_ftt2l_332:not(#\9) {
351
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-warning_h11ix_5c1h7_351:not(#\9) {
333
352
  color: var(--color-text-status-warning-9b45qh, #906806);
334
353
  }
335
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-error_h11ix_ftt2l_335:not(#\9) {
354
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-error_h11ix_5c1h7_354:not(#\9) {
336
355
  color: var(--color-text-status-error-aknuvu, #d13212);
337
356
  }
338
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-success_h11ix_ftt2l_338:not(#\9) {
357
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-success_h11ix_5c1h7_357:not(#\9) {
339
358
  color: var(--color-text-status-success-yodf3z, #1d8102);
340
359
  }
341
- .awsui_icon_h11ix_ftt2l_189.awsui_variant-link_h11ix_ftt2l_341:not(#\9) {
360
+ .awsui_icon_h11ix_5c1h7_189.awsui_variant-link_h11ix_5c1h7_360:not(#\9) {
342
361
  color: var(--color-text-link-default-z7zuy8, #0073bb);
343
362
  }
344
- .awsui_icon_h11ix_ftt2l_189:not(#\9):is(.awsui_name-angle-left-double_h11ix_ftt2l_344,
345
- .awsui_name-angle-left_h11ix_ftt2l_344,
346
- .awsui_name-angle-right-double_h11ix_ftt2l_346,
347
- .awsui_name-angle-right_h11ix_ftt2l_346,
348
- .awsui_name-arrow-left_h11ix_ftt2l_348,
349
- .awsui_name-arrow-right_h11ix_ftt2l_349,
350
- .awsui_name-caret-left-filled_h11ix_ftt2l_350,
351
- .awsui_name-caret-right-filled_h11ix_ftt2l_351,
352
- .awsui_name-audio-full_h11ix_ftt2l_352,
353
- .awsui_name-audio-half_h11ix_ftt2l_353,
354
- .awsui_name-audio-off_h11ix_ftt2l_354,
355
- .awsui_name-external_h11ix_ftt2l_355,
356
- .awsui_name-redo_h11ix_ftt2l_356,
357
- .awsui_name-resize-area_h11ix_ftt2l_357,
358
- .awsui_name-send_h11ix_ftt2l_358,
359
- .awsui_name-shrink_h11ix_ftt2l_359,
360
- .awsui_name-undo_h11ix_ftt2l_360,
361
- .awsui_name-view-vertical_h11ix_ftt2l_361) {
363
+ .awsui_icon_h11ix_5c1h7_189:not(#\9):is(.awsui_name-angle-left-double_h11ix_5c1h7_363,
364
+ .awsui_name-angle-left_h11ix_5c1h7_363,
365
+ .awsui_name-angle-right-double_h11ix_5c1h7_365,
366
+ .awsui_name-angle-right_h11ix_5c1h7_365,
367
+ .awsui_name-arrow-left_h11ix_5c1h7_367,
368
+ .awsui_name-arrow-right_h11ix_5c1h7_368,
369
+ .awsui_name-caret-left-filled_h11ix_5c1h7_369,
370
+ .awsui_name-caret-right-filled_h11ix_5c1h7_370,
371
+ .awsui_name-audio-full_h11ix_5c1h7_371,
372
+ .awsui_name-audio-half_h11ix_5c1h7_372,
373
+ .awsui_name-audio-off_h11ix_5c1h7_373,
374
+ .awsui_name-external_h11ix_5c1h7_374,
375
+ .awsui_name-redo_h11ix_5c1h7_375,
376
+ .awsui_name-resize-area_h11ix_5c1h7_376,
377
+ .awsui_name-send_h11ix_5c1h7_377,
378
+ .awsui_name-shrink_h11ix_5c1h7_378,
379
+ .awsui_name-undo_h11ix_5c1h7_379,
380
+ .awsui_name-view-vertical_h11ix_5c1h7_380) {
362
381
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
363
382
  }
364
- .awsui_icon_h11ix_ftt2l_189:not(#\9):is(.awsui_name-angle-left-double_h11ix_ftt2l_344,
365
- .awsui_name-angle-left_h11ix_ftt2l_344,
366
- .awsui_name-angle-right-double_h11ix_ftt2l_346,
367
- .awsui_name-angle-right_h11ix_ftt2l_346,
368
- .awsui_name-arrow-left_h11ix_ftt2l_348,
369
- .awsui_name-arrow-right_h11ix_ftt2l_349,
370
- .awsui_name-caret-left-filled_h11ix_ftt2l_350,
371
- .awsui_name-caret-right-filled_h11ix_ftt2l_351,
372
- .awsui_name-audio-full_h11ix_ftt2l_352,
373
- .awsui_name-audio-half_h11ix_ftt2l_353,
374
- .awsui_name-audio-off_h11ix_ftt2l_354,
375
- .awsui_name-external_h11ix_ftt2l_355,
376
- .awsui_name-redo_h11ix_ftt2l_356,
377
- .awsui_name-resize-area_h11ix_ftt2l_357,
378
- .awsui_name-send_h11ix_ftt2l_358,
379
- .awsui_name-shrink_h11ix_ftt2l_359,
380
- .awsui_name-undo_h11ix_ftt2l_360,
381
- .awsui_name-view-vertical_h11ix_ftt2l_361):dir(rtl) {
383
+ .awsui_icon_h11ix_5c1h7_189:not(#\9):is(.awsui_name-angle-left-double_h11ix_5c1h7_363,
384
+ .awsui_name-angle-left_h11ix_5c1h7_363,
385
+ .awsui_name-angle-right-double_h11ix_5c1h7_365,
386
+ .awsui_name-angle-right_h11ix_5c1h7_365,
387
+ .awsui_name-arrow-left_h11ix_5c1h7_367,
388
+ .awsui_name-arrow-right_h11ix_5c1h7_368,
389
+ .awsui_name-caret-left-filled_h11ix_5c1h7_369,
390
+ .awsui_name-caret-right-filled_h11ix_5c1h7_370,
391
+ .awsui_name-audio-full_h11ix_5c1h7_371,
392
+ .awsui_name-audio-half_h11ix_5c1h7_372,
393
+ .awsui_name-audio-off_h11ix_5c1h7_373,
394
+ .awsui_name-external_h11ix_5c1h7_374,
395
+ .awsui_name-redo_h11ix_5c1h7_375,
396
+ .awsui_name-resize-area_h11ix_5c1h7_376,
397
+ .awsui_name-send_h11ix_5c1h7_377,
398
+ .awsui_name-shrink_h11ix_5c1h7_378,
399
+ .awsui_name-undo_h11ix_5c1h7_379,
400
+ .awsui_name-view-vertical_h11ix_5c1h7_380):dir(rtl) {
382
401
  transform: scaleX(-1);
383
402
  }
384
403
 
385
- .awsui_badge_h11ix_ftt2l_385:not(#\9)::after {
404
+ .awsui_badge_h11ix_5c1h7_404:not(#\9)::after {
386
405
  content: "";
387
406
  position: absolute;
388
407
  inline-size: 6px;
package/lib/internal/template/icon/styles.selectors.js CHANGED
@@ -2,44 +2,46 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "icon": "awsui_icon_h11ix_ftt2l_189",
6
- "icon-flex-height": "awsui_icon-flex-height_h11ix_ftt2l_197",
7
- "size-small": "awsui_size-small_h11ix_ftt2l_225",
8
- "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_ftt2l_229",
9
- "size-normal": "awsui_size-normal_h11ix_ftt2l_244",
10
- "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_ftt2l_248",
11
- "size-medium": "awsui_size-medium_h11ix_ftt2l_263",
12
- "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_ftt2l_267",
13
- "size-big": "awsui_size-big_h11ix_ftt2l_282",
14
- "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_ftt2l_286",
15
- "size-large": "awsui_size-large_h11ix_ftt2l_301",
16
- "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_ftt2l_305",
17
- "variant-normal": "awsui_variant-normal_h11ix_ftt2l_320",
18
- "variant-disabled": "awsui_variant-disabled_h11ix_ftt2l_323",
19
- "variant-inverted": "awsui_variant-inverted_h11ix_ftt2l_326",
20
- "variant-subtle": "awsui_variant-subtle_h11ix_ftt2l_329",
21
- "variant-warning": "awsui_variant-warning_h11ix_ftt2l_332",
22
- "variant-error": "awsui_variant-error_h11ix_ftt2l_335",
23
- "variant-success": "awsui_variant-success_h11ix_ftt2l_338",
24
- "variant-link": "awsui_variant-link_h11ix_ftt2l_341",
25
- "name-angle-left-double": "awsui_name-angle-left-double_h11ix_ftt2l_344",
26
- "name-angle-left": "awsui_name-angle-left_h11ix_ftt2l_344",
27
- "name-angle-right-double": "awsui_name-angle-right-double_h11ix_ftt2l_346",
28
- "name-angle-right": "awsui_name-angle-right_h11ix_ftt2l_346",
29
- "name-arrow-left": "awsui_name-arrow-left_h11ix_ftt2l_348",
30
- "name-arrow-right": "awsui_name-arrow-right_h11ix_ftt2l_349",
31
- "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_ftt2l_350",
32
- "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_ftt2l_351",
33
- "name-audio-full": "awsui_name-audio-full_h11ix_ftt2l_352",
34
- "name-audio-half": "awsui_name-audio-half_h11ix_ftt2l_353",
35
- "name-audio-off": "awsui_name-audio-off_h11ix_ftt2l_354",
36
- "name-external": "awsui_name-external_h11ix_ftt2l_355",
37
- "name-redo": "awsui_name-redo_h11ix_ftt2l_356",
38
- "name-resize-area": "awsui_name-resize-area_h11ix_ftt2l_357",
39
- "name-send": "awsui_name-send_h11ix_ftt2l_358",
40
- "name-shrink": "awsui_name-shrink_h11ix_ftt2l_359",
41
- "name-undo": "awsui_name-undo_h11ix_ftt2l_360",
42
- "name-view-vertical": "awsui_name-view-vertical_h11ix_ftt2l_361",
43
- "badge": "awsui_badge_h11ix_ftt2l_385"
5
+ "icon": "awsui_icon_h11ix_5c1h7_189",
6
+ "icon-flex-height": "awsui_icon-flex-height_h11ix_5c1h7_197",
7
+ "size-x-small": "awsui_size-x-small_h11ix_5c1h7_225",
8
+ "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_5c1h7_229",
9
+ "size-small": "awsui_size-small_h11ix_5c1h7_244",
10
+ "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_5c1h7_248",
11
+ "size-normal": "awsui_size-normal_h11ix_5c1h7_263",
12
+ "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_5c1h7_267",
13
+ "size-medium": "awsui_size-medium_h11ix_5c1h7_282",
14
+ "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_5c1h7_286",
15
+ "size-big": "awsui_size-big_h11ix_5c1h7_301",
16
+ "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_5c1h7_305",
17
+ "size-large": "awsui_size-large_h11ix_5c1h7_320",
18
+ "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_5c1h7_324",
19
+ "variant-normal": "awsui_variant-normal_h11ix_5c1h7_339",
20
+ "variant-disabled": "awsui_variant-disabled_h11ix_5c1h7_342",
21
+ "variant-inverted": "awsui_variant-inverted_h11ix_5c1h7_345",
22
+ "variant-subtle": "awsui_variant-subtle_h11ix_5c1h7_348",
23
+ "variant-warning": "awsui_variant-warning_h11ix_5c1h7_351",
24
+ "variant-error": "awsui_variant-error_h11ix_5c1h7_354",
25
+ "variant-success": "awsui_variant-success_h11ix_5c1h7_357",
26
+ "variant-link": "awsui_variant-link_h11ix_5c1h7_360",
27
+ "name-angle-left-double": "awsui_name-angle-left-double_h11ix_5c1h7_363",
28
+ "name-angle-left": "awsui_name-angle-left_h11ix_5c1h7_363",
29
+ "name-angle-right-double": "awsui_name-angle-right-double_h11ix_5c1h7_365",
30
+ "name-angle-right": "awsui_name-angle-right_h11ix_5c1h7_365",
31
+ "name-arrow-left": "awsui_name-arrow-left_h11ix_5c1h7_367",
32
+ "name-arrow-right": "awsui_name-arrow-right_h11ix_5c1h7_368",
33
+ "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_5c1h7_369",
34
+ "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_5c1h7_370",
35
+ "name-audio-full": "awsui_name-audio-full_h11ix_5c1h7_371",
36
+ "name-audio-half": "awsui_name-audio-half_h11ix_5c1h7_372",
37
+ "name-audio-off": "awsui_name-audio-off_h11ix_5c1h7_373",
38
+ "name-external": "awsui_name-external_h11ix_5c1h7_374",
39
+ "name-redo": "awsui_name-redo_h11ix_5c1h7_375",
40
+ "name-resize-area": "awsui_name-resize-area_h11ix_5c1h7_376",
41
+ "name-send": "awsui_name-send_h11ix_5c1h7_377",
42
+ "name-shrink": "awsui_name-shrink_h11ix_5c1h7_378",
43
+ "name-undo": "awsui_name-undo_h11ix_5c1h7_379",
44
+ "name-view-vertical": "awsui_name-view-vertical_h11ix_5c1h7_380",
45
+ "badge": "awsui_badge_h11ix_5c1h7_404"
44
46
  };
45
47