@cloudscape-design/components-themeable 3.0.1372 → 3.0.1374

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 (216) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/checkbox/styles.scss +34 -9
  3. package/lib/internal/scss/dialog/styles.scss +101 -0
  4. package/lib/internal/scss/dialog/test-classes/styles.scss +13 -0
  5. package/lib/internal/scss/expandable-section/styles.scss +8 -3
  6. package/lib/internal/scss/icon/mixins.scss +18 -0
  7. package/lib/internal/scss/icon/styles.scss +9 -0
  8. package/lib/internal/scss/internal/components/checkbox-icon/motion.scss +35 -0
  9. package/lib/internal/scss/internal/components/checkbox-icon/styles.scss +14 -9
  10. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  11. package/lib/internal/scss/internal/styles/links.scss +15 -10
  12. package/lib/internal/scss/internal/styles/style-api.scss +3 -2
  13. package/lib/internal/template/button-dropdown/interfaces.d.ts +5 -0
  14. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  15. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  16. package/lib/internal/template/button-dropdown/internal-interfaces.d.ts +1 -1
  17. package/lib/internal/template/button-dropdown/internal-interfaces.d.ts.map +1 -1
  18. package/lib/internal/template/button-dropdown/internal-interfaces.js.map +1 -1
  19. package/lib/internal/template/button-dropdown/internal.js +2 -2
  20. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  21. package/lib/internal/template/button-dropdown/items-list.d.ts +1 -1
  22. package/lib/internal/template/button-dropdown/items-list.d.ts.map +1 -1
  23. package/lib/internal/template/button-dropdown/items-list.js +2 -2
  24. package/lib/internal/template/button-dropdown/items-list.js.map +1 -1
  25. package/lib/internal/template/button-dropdown/utils/move-highlight.d.ts +3 -2
  26. package/lib/internal/template/button-dropdown/utils/move-highlight.d.ts.map +1 -1
  27. package/lib/internal/template/button-dropdown/utils/move-highlight.js +13 -21
  28. package/lib/internal/template/button-dropdown/utils/move-highlight.js.map +1 -1
  29. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +1 -1
  30. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  31. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +8 -6
  32. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  33. package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.d.ts +2 -2
  34. package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.d.ts.map +1 -1
  35. package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.js +14 -4
  36. package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.js.map +1 -1
  37. package/lib/internal/template/button-dropdown/utils/utils.d.ts +1 -0
  38. package/lib/internal/template/button-dropdown/utils/utils.d.ts.map +1 -1
  39. package/lib/internal/template/button-dropdown/utils/utils.js +1 -0
  40. package/lib/internal/template/button-dropdown/utils/utils.js.map +1 -1
  41. package/lib/internal/template/calendar/interfaces.d.ts +2 -1
  42. package/lib/internal/template/calendar/interfaces.d.ts.map +1 -1
  43. package/lib/internal/template/calendar/interfaces.js.map +1 -1
  44. package/lib/internal/template/calendar/internal.d.ts.map +1 -1
  45. package/lib/internal/template/calendar/internal.js +3 -1
  46. package/lib/internal/template/calendar/internal.js.map +1 -1
  47. package/lib/internal/template/checkbox/internal.d.ts +6 -0
  48. package/lib/internal/template/checkbox/internal.d.ts.map +1 -1
  49. package/lib/internal/template/checkbox/internal.js +2 -2
  50. package/lib/internal/template/checkbox/internal.js.map +1 -1
  51. package/lib/internal/template/checkbox/styles.css.js +7 -3
  52. package/lib/internal/template/checkbox/styles.scoped.css +72 -16
  53. package/lib/internal/template/checkbox/styles.selectors.js +7 -3
  54. package/lib/internal/template/date-range-picker/index.d.ts.map +1 -1
  55. package/lib/internal/template/date-range-picker/index.js +3 -2
  56. package/lib/internal/template/date-range-picker/index.js.map +1 -1
  57. package/lib/internal/template/date-range-picker/interfaces.d.ts +2 -1
  58. package/lib/internal/template/date-range-picker/interfaces.d.ts.map +1 -1
  59. package/lib/internal/template/date-range-picker/interfaces.js.map +1 -1
  60. package/lib/internal/template/dialog/index.d.ts +4 -0
  61. package/lib/internal/template/dialog/index.d.ts.map +1 -0
  62. package/lib/internal/template/dialog/index.js +21 -0
  63. package/lib/internal/template/dialog/index.js.map +1 -0
  64. package/lib/internal/template/dialog/interfaces.d.ts +41 -0
  65. package/lib/internal/template/dialog/interfaces.d.ts.map +1 -0
  66. package/lib/internal/template/dialog/interfaces.js +2 -0
  67. package/lib/internal/template/dialog/interfaces.js.map +1 -0
  68. package/lib/internal/template/dialog/internal.d.ts +6 -0
  69. package/lib/internal/template/dialog/internal.d.ts.map +1 -0
  70. package/lib/internal/template/dialog/internal.js +39 -0
  71. package/lib/internal/template/dialog/internal.js.map +1 -0
  72. package/lib/internal/template/dialog/styles.css.js +13 -0
  73. package/lib/internal/template/dialog/styles.scoped.css +126 -0
  74. package/lib/internal/template/dialog/styles.selectors.js +14 -0
  75. package/lib/internal/template/dialog/test-classes/styles.css.js +11 -0
  76. package/lib/internal/template/dialog/test-classes/styles.scoped.css +12 -0
  77. package/lib/internal/template/dialog/test-classes/styles.selectors.js +12 -0
  78. package/lib/internal/template/dialog/use-focus-restore.d.ts +6 -0
  79. package/lib/internal/template/dialog/use-focus-restore.d.ts.map +1 -0
  80. package/lib/internal/template/dialog/use-focus-restore.js +34 -0
  81. package/lib/internal/template/dialog/use-focus-restore.js.map +1 -0
  82. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  83. package/lib/internal/template/expandable-section/expandable-section-header.js +9 -2
  84. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  85. package/lib/internal/template/expandable-section/styles.css.js +44 -43
  86. package/lib/internal/template/expandable-section/styles.scoped.css +92 -88
  87. package/lib/internal/template/expandable-section/styles.selectors.js +44 -43
  88. package/lib/internal/template/i18n/messages/all.all.js +1 -1
  89. package/lib/internal/template/i18n/messages/all.all.json +1 -1
  90. package/lib/internal/template/i18n/messages/all.de.js +1 -1
  91. package/lib/internal/template/i18n/messages/all.de.json +1 -1
  92. package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
  93. package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
  94. package/lib/internal/template/i18n/messages/all.en.js +1 -1
  95. package/lib/internal/template/i18n/messages/all.en.json +1 -1
  96. package/lib/internal/template/i18n/messages/all.es.js +1 -1
  97. package/lib/internal/template/i18n/messages/all.es.json +1 -1
  98. package/lib/internal/template/i18n/messages/all.fr.js +1 -1
  99. package/lib/internal/template/i18n/messages/all.fr.json +1 -1
  100. package/lib/internal/template/i18n/messages/all.id.js +1 -1
  101. package/lib/internal/template/i18n/messages/all.id.json +1 -1
  102. package/lib/internal/template/i18n/messages/all.it.js +1 -1
  103. package/lib/internal/template/i18n/messages/all.it.json +1 -1
  104. package/lib/internal/template/i18n/messages/all.ja.js +1 -1
  105. package/lib/internal/template/i18n/messages/all.ja.json +1 -1
  106. package/lib/internal/template/i18n/messages/all.ko.js +1 -1
  107. package/lib/internal/template/i18n/messages/all.ko.json +1 -1
  108. package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
  109. package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
  110. package/lib/internal/template/i18n/messages/all.tr.js +1 -1
  111. package/lib/internal/template/i18n/messages/all.tr.json +1 -1
  112. package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
  113. package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
  114. package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
  115. package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
  116. package/lib/internal/template/i18n/messages-types.d.ts +3 -0
  117. package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
  118. package/lib/internal/template/i18n/messages-types.js.map +1 -1
  119. package/lib/internal/template/icon/internal.d.ts +3 -1
  120. package/lib/internal/template/icon/internal.d.ts.map +1 -1
  121. package/lib/internal/template/icon/internal.js +10 -2
  122. package/lib/internal/template/icon/internal.js.map +1 -1
  123. package/lib/internal/template/icon/styles.css.js +43 -42
  124. package/lib/internal/template/icon/styles.scoped.css +126 -98
  125. package/lib/internal/template/icon/styles.selectors.js +43 -42
  126. package/lib/internal/template/icon-provider/context.d.ts +2 -0
  127. package/lib/internal/template/icon-provider/context.d.ts.map +1 -1
  128. package/lib/internal/template/icon-provider/context.js +2 -0
  129. package/lib/internal/template/icon-provider/context.js.map +1 -1
  130. package/lib/internal/template/icon-provider/interfaces.d.ts +39 -1
  131. package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
  132. package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
  133. package/lib/internal/template/icon-provider/internal.d.ts +1 -1
  134. package/lib/internal/template/icon-provider/internal.d.ts.map +1 -1
  135. package/lib/internal/template/icon-provider/internal.js +17 -3
  136. package/lib/internal/template/icon-provider/internal.js.map +1 -1
  137. package/lib/internal/template/icon-provider/use-component-icons.d.ts +4 -0
  138. package/lib/internal/template/icon-provider/use-component-icons.d.ts.map +1 -0
  139. package/lib/internal/template/icon-provider/use-component-icons.js +9 -0
  140. package/lib/internal/template/icon-provider/use-component-icons.js.map +1 -0
  141. package/lib/internal/template/index.d.ts +1 -0
  142. package/lib/internal/template/index.d.ts.map +1 -1
  143. package/lib/internal/template/index.js +1 -0
  144. package/lib/internal/template/index.js.map +1 -1
  145. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  146. package/lib/internal/template/internal/base-theme/styles.scoped.css +36 -0
  147. package/lib/internal/template/internal/components/abstract-switch/index.d.ts +3 -1
  148. package/lib/internal/template/internal/components/abstract-switch/index.d.ts.map +1 -1
  149. package/lib/internal/template/internal/components/abstract-switch/index.js +5 -3
  150. package/lib/internal/template/internal/components/abstract-switch/index.js.map +1 -1
  151. package/lib/internal/template/internal/components/checkbox-icon/index.d.ts.map +1 -1
  152. package/lib/internal/template/internal/components/checkbox-icon/index.js +8 -2
  153. package/lib/internal/template/internal/components/checkbox-icon/index.js.map +1 -1
  154. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
  155. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
  156. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
  157. package/lib/internal/template/internal/components/customizable-icon/index.d.ts +19 -0
  158. package/lib/internal/template/internal/components/customizable-icon/index.d.ts.map +1 -0
  159. package/lib/internal/template/internal/components/customizable-icon/index.js +12 -0
  160. package/lib/internal/template/internal/components/customizable-icon/index.js.map +1 -0
  161. package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts +4 -1
  162. package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts.map +1 -1
  163. package/lib/internal/template/internal/components/expand-toggle-button/index.js +6 -3
  164. package/lib/internal/template/internal/components/expand-toggle-button/index.js.map +1 -1
  165. package/lib/internal/template/internal/environment.js +2 -2
  166. package/lib/internal/template/internal/environment.json +2 -2
  167. package/lib/internal/template/internal/generated/styles/tokens.d.ts +11 -0
  168. package/lib/internal/template/internal/generated/styles/tokens.js +11 -0
  169. package/lib/internal/template/internal/generated/theming/index.cjs +157 -1
  170. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +582 -5
  171. package/lib/internal/template/internal/generated/theming/index.d.cts +4308 -0
  172. package/lib/internal/template/internal/generated/theming/index.d.ts +99 -0
  173. package/lib/internal/template/internal/generated/theming/index.js +157 -1
  174. package/lib/internal/template/internal/utils/locale/normalize-locale.js +8 -5
  175. package/lib/internal/template/internal/utils/locale/normalize-locale.js.map +1 -1
  176. package/lib/internal/template/package.json +3 -0
  177. package/lib/internal/template/split-panel/bottom.d.ts +2 -1
  178. package/lib/internal/template/split-panel/bottom.d.ts.map +1 -1
  179. package/lib/internal/template/split-panel/bottom.js.map +1 -1
  180. package/lib/internal/template/split-panel/content-props.d.ts +17 -0
  181. package/lib/internal/template/split-panel/content-props.d.ts.map +1 -0
  182. package/lib/internal/template/split-panel/content-props.js +2 -0
  183. package/lib/internal/template/split-panel/content-props.js.map +1 -0
  184. package/lib/internal/template/split-panel/interfaces.d.ts +0 -13
  185. package/lib/internal/template/split-panel/interfaces.d.ts.map +1 -1
  186. package/lib/internal/template/split-panel/interfaces.js.map +1 -1
  187. package/lib/internal/template/split-panel/side.d.ts +2 -1
  188. package/lib/internal/template/split-panel/side.d.ts.map +1 -1
  189. package/lib/internal/template/split-panel/side.js.map +1 -1
  190. package/lib/internal/template/table/body-cell/td-element.d.ts.map +1 -1
  191. package/lib/internal/template/table/body-cell/td-element.js +3 -1
  192. package/lib/internal/template/table/body-cell/td-element.js.map +1 -1
  193. package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
  194. package/lib/internal/template/table/header-cell/index.js +8 -2
  195. package/lib/internal/template/table/header-cell/index.js.map +1 -1
  196. package/lib/internal/template/table/internal.js +1 -1
  197. package/lib/internal/template/table/internal.js.map +1 -1
  198. package/lib/internal/template/test-utils/dom/dialog/index.d.ts +25 -0
  199. package/lib/internal/template/test-utils/dom/dialog/index.js +43 -0
  200. package/lib/internal/template/test-utils/dom/dialog/index.js.map +1 -0
  201. package/lib/internal/template/test-utils/dom/index.d.ts +28 -0
  202. package/lib/internal/template/test-utils/dom/index.js +21 -2
  203. package/lib/internal/template/test-utils/dom/index.js.map +1 -1
  204. package/lib/internal/template/test-utils/selectors/dialog/index.d.ts +25 -0
  205. package/lib/internal/template/test-utils/selectors/dialog/index.js +43 -0
  206. package/lib/internal/template/test-utils/selectors/dialog/index.js.map +1 -0
  207. package/lib/internal/template/test-utils/selectors/index.d.ts +18 -0
  208. package/lib/internal/template/test-utils/selectors/index.js +16 -2
  209. package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
  210. package/lib/internal/template/tree-view/interfaces.d.ts +3 -0
  211. package/lib/internal/template/tree-view/interfaces.d.ts.map +1 -1
  212. package/lib/internal/template/tree-view/interfaces.js.map +1 -1
  213. package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
  214. package/lib/internal/template/tree-view/tree-item/index.js +3 -1
  215. package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
  216. package/package.json +1 -1
@@ -10,7 +10,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
10
10
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
11
  SPDX-License-Identifier: Apache-2.0
12
12
  */
13
- .awsui_icon_h11ix_f9az4_13:not(#\9) {
13
+ .awsui_icon_h11ix_1k8yc_13:not(#\9) {
14
14
  position: relative;
15
15
  display: inline-block;
16
16
  vertical-align: top;
@@ -18,235 +18,235 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
18
18
  /* stylelint-disable selector-max-type, selector-max-universal */
19
19
  /* stylelint-enable selector-max-type, selector-max-universal */
20
20
  }
21
- .awsui_icon-flex-height_h11ix_f9az4_21:not(#\9) {
21
+ .awsui_icon-flex-height_h11ix_1k8yc_21:not(#\9) {
22
22
  display: inline-flex;
23
23
  align-items: center;
24
24
  }
25
- .awsui_icon_h11ix_f9az4_13 > svg:not(#\9) {
25
+ .awsui_icon_h11ix_1k8yc_13 > svg:not(#\9) {
26
26
  pointer-events: none;
27
27
  }
28
- .awsui_icon_h11ix_f9az4_13 > svg:not(#\9) {
28
+ .awsui_icon_h11ix_1k8yc_13 > svg:not(#\9) {
29
29
  fill: none;
30
30
  }
31
- .awsui_icon_h11ix_f9az4_13 > svg *:not(#\9) {
31
+ .awsui_icon_h11ix_1k8yc_13 > svg *:not(#\9) {
32
32
  stroke: currentColor;
33
33
  }
34
- .awsui_icon_h11ix_f9az4_13 > svg .stroke-linejoin-round:not(#\9) {
34
+ .awsui_icon_h11ix_1k8yc_13 > svg .stroke-linejoin-round:not(#\9) {
35
35
  stroke-linejoin: round;
36
36
  }
37
- .awsui_icon_h11ix_f9az4_13 > svg .stroke-linecap-square:not(#\9) {
37
+ .awsui_icon_h11ix_1k8yc_13 > svg .stroke-linecap-square:not(#\9) {
38
38
  stroke-linecap: square;
39
39
  }
40
- .awsui_icon_h11ix_f9az4_13 > svg .stroke-linecap-round:not(#\9) {
40
+ .awsui_icon_h11ix_1k8yc_13 > svg .stroke-linecap-round:not(#\9) {
41
41
  stroke-linecap: round;
42
42
  }
43
- .awsui_icon_h11ix_f9az4_13 > svg .filled:not(#\9) {
43
+ .awsui_icon_h11ix_1k8yc_13 > svg .filled:not(#\9) {
44
44
  fill: currentColor;
45
45
  }
46
- .awsui_icon_h11ix_f9az4_13 > svg .no-stroke:not(#\9) {
46
+ .awsui_icon_h11ix_1k8yc_13 > svg .no-stroke:not(#\9) {
47
47
  stroke: none;
48
48
  }
49
- .awsui_icon_h11ix_f9az4_13.awsui_size-x-small_h11ix_f9az4_49:not(#\9) {
49
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49:not(#\9) {
50
50
  inline-size: 12px;
51
51
  box-sizing: border-box;
52
52
  }
53
- .awsui_icon_h11ix_f9az4_13.awsui_size-x-small-mapped-height_h11ix_f9az4_53:not(#\9) {
53
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-x-small-mapped-height_h11ix_1k8yc_53:not(#\9) {
54
54
  block-size: var(--line-height-body-s-gako33, 16px);
55
55
  padding-block: calc((var(--line-height-body-s-gako33, 16px) - 12px) / 2);
56
56
  padding-inline: 0;
57
57
  }
58
- .awsui_icon_h11ix_f9az4_13.awsui_size-x-small_h11ix_f9az4_49 > svg:not(#\9),
59
- .awsui_icon_h11ix_f9az4_13.awsui_size-x-small_h11ix_f9az4_49 > img:not(#\9) {
58
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg:not(#\9),
59
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > img:not(#\9) {
60
60
  inline-size: 12px;
61
61
  block-size: 12px;
62
62
  vertical-align: top;
63
63
  }
64
- .awsui_icon_h11ix_f9az4_13.awsui_size-x-small_h11ix_f9az4_49 > svg:not(#\9) {
64
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg:not(#\9) {
65
65
  --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-x-small-3m5wt5, 1.5px) / 0.75);
66
66
  }
67
- .awsui_icon_h11ix_f9az4_13.awsui_size-x-small_h11ix_f9az4_49 > svg:not(#\9),
68
- .awsui_icon_h11ix_f9az4_13.awsui_size-x-small_h11ix_f9az4_49 > svg *:not(#\9) {
67
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg:not(#\9),
68
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg *:not(#\9) {
69
69
  stroke-width: calc(var(--border-width-icon-x-small-3m5wt5, 1.5px) / 0.75);
70
70
  }
71
- .awsui_icon_h11ix_f9az4_13.awsui_size-small_h11ix_f9az4_71:not(#\9) {
71
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71:not(#\9) {
72
72
  inline-size: var(--size-icon-normal-311gry, 16px);
73
73
  box-sizing: border-box;
74
74
  }
75
- .awsui_icon_h11ix_f9az4_13.awsui_size-small-mapped-height_h11ix_f9az4_75:not(#\9) {
75
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-small-mapped-height_h11ix_1k8yc_75:not(#\9) {
76
76
  block-size: var(--line-height-body-s-gako33, 16px);
77
77
  padding-block: calc((var(--line-height-body-s-gako33, 16px) - var(--size-icon-normal-311gry, 16px)) / 2);
78
78
  padding-inline: 0;
79
79
  }
80
- .awsui_icon_h11ix_f9az4_13.awsui_size-small_h11ix_f9az4_71 > svg:not(#\9),
81
- .awsui_icon_h11ix_f9az4_13.awsui_size-small_h11ix_f9az4_71 > img:not(#\9) {
80
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg:not(#\9),
81
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > img:not(#\9) {
82
82
  inline-size: var(--size-icon-normal-311gry, 16px);
83
83
  block-size: var(--size-icon-normal-311gry, 16px);
84
84
  vertical-align: top;
85
85
  }
86
- .awsui_icon_h11ix_f9az4_13.awsui_size-small_h11ix_f9az4_71 > svg:not(#\9) {
86
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg:not(#\9) {
87
87
  --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-small-m3z2f5, 2px) / 1);
88
88
  }
89
- .awsui_icon_h11ix_f9az4_13.awsui_size-small_h11ix_f9az4_71 > svg:not(#\9),
90
- .awsui_icon_h11ix_f9az4_13.awsui_size-small_h11ix_f9az4_71 > svg *:not(#\9) {
89
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg:not(#\9),
90
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg *:not(#\9) {
91
91
  stroke-width: calc(var(--border-width-icon-small-m3z2f5, 2px) / 1);
92
92
  }
93
- .awsui_icon_h11ix_f9az4_13.awsui_size-normal_h11ix_f9az4_93:not(#\9) {
93
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93:not(#\9) {
94
94
  inline-size: var(--size-icon-normal-311gry, 16px);
95
95
  box-sizing: border-box;
96
96
  }
97
- .awsui_icon_h11ix_f9az4_13.awsui_size-normal-mapped-height_h11ix_f9az4_97:not(#\9) {
97
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-normal-mapped-height_h11ix_1k8yc_97:not(#\9) {
98
98
  block-size: var(--line-height-body-m-5xw6xo, 22px);
99
99
  padding-block: calc((var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / 2);
100
100
  padding-inline: 0;
101
101
  }
102
- .awsui_icon_h11ix_f9az4_13.awsui_size-normal_h11ix_f9az4_93 > svg:not(#\9),
103
- .awsui_icon_h11ix_f9az4_13.awsui_size-normal_h11ix_f9az4_93 > img:not(#\9) {
102
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg:not(#\9),
103
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > img:not(#\9) {
104
104
  inline-size: var(--size-icon-normal-311gry, 16px);
105
105
  block-size: var(--size-icon-normal-311gry, 16px);
106
106
  vertical-align: top;
107
107
  }
108
- .awsui_icon_h11ix_f9az4_13.awsui_size-normal_h11ix_f9az4_93 > svg:not(#\9) {
108
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg:not(#\9) {
109
109
  --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-normal-swx9va, 2px) / 1);
110
110
  }
111
- .awsui_icon_h11ix_f9az4_13.awsui_size-normal_h11ix_f9az4_93 > svg:not(#\9),
112
- .awsui_icon_h11ix_f9az4_13.awsui_size-normal_h11ix_f9az4_93 > svg *:not(#\9) {
111
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg:not(#\9),
112
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg *:not(#\9) {
113
113
  stroke-width: calc(var(--border-width-icon-normal-swx9va, 2px) / 1);
114
114
  }
115
- .awsui_icon_h11ix_f9az4_13.awsui_size-medium_h11ix_f9az4_115:not(#\9) {
115
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115:not(#\9) {
116
116
  inline-size: var(--size-icon-medium-0cbske, 16px);
117
117
  box-sizing: border-box;
118
118
  }
119
- .awsui_icon_h11ix_f9az4_13.awsui_size-medium-mapped-height_h11ix_f9az4_119:not(#\9) {
119
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-medium-mapped-height_h11ix_1k8yc_119:not(#\9) {
120
120
  block-size: var(--line-height-heading-l-zmt48b, 22px);
121
121
  padding-block: calc((var(--line-height-heading-l-zmt48b, 22px) - var(--size-icon-medium-0cbske, 16px)) / 2);
122
122
  padding-inline: 0;
123
123
  }
124
- .awsui_icon_h11ix_f9az4_13.awsui_size-medium_h11ix_f9az4_115 > svg:not(#\9),
125
- .awsui_icon_h11ix_f9az4_13.awsui_size-medium_h11ix_f9az4_115 > img:not(#\9) {
124
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg:not(#\9),
125
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > img:not(#\9) {
126
126
  inline-size: var(--size-icon-medium-0cbske, 16px);
127
127
  block-size: var(--size-icon-medium-0cbske, 16px);
128
128
  vertical-align: top;
129
129
  }
130
- .awsui_icon_h11ix_f9az4_13.awsui_size-medium_h11ix_f9az4_115 > svg:not(#\9) {
130
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg:not(#\9) {
131
131
  --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-medium-4yajvt, 2px) / 1.25);
132
132
  }
133
- .awsui_icon_h11ix_f9az4_13.awsui_size-medium_h11ix_f9az4_115 > svg:not(#\9),
134
- .awsui_icon_h11ix_f9az4_13.awsui_size-medium_h11ix_f9az4_115 > svg *:not(#\9) {
133
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg:not(#\9),
134
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg *:not(#\9) {
135
135
  stroke-width: calc(var(--border-width-icon-medium-4yajvt, 2px) / 1.25);
136
136
  }
137
- .awsui_icon_h11ix_f9az4_13.awsui_size-big_h11ix_f9az4_137:not(#\9) {
137
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137:not(#\9) {
138
138
  inline-size: var(--size-icon-big-z6z1yl, 32px);
139
139
  box-sizing: border-box;
140
140
  }
141
- .awsui_icon_h11ix_f9az4_13.awsui_size-big-mapped-height_h11ix_f9az4_141:not(#\9) {
141
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-big-mapped-height_h11ix_1k8yc_141:not(#\9) {
142
142
  block-size: var(--line-height-heading-xl-pi61pg, 36px);
143
143
  padding-block: calc((var(--line-height-heading-xl-pi61pg, 36px) - var(--size-icon-big-z6z1yl, 32px)) / 2);
144
144
  padding-inline: 0;
145
145
  }
146
- .awsui_icon_h11ix_f9az4_13.awsui_size-big_h11ix_f9az4_137 > svg:not(#\9),
147
- .awsui_icon_h11ix_f9az4_13.awsui_size-big_h11ix_f9az4_137 > img:not(#\9) {
146
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg:not(#\9),
147
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > img:not(#\9) {
148
148
  inline-size: var(--size-icon-big-z6z1yl, 32px);
149
149
  block-size: var(--size-icon-big-z6z1yl, 32px);
150
150
  vertical-align: top;
151
151
  }
152
- .awsui_icon_h11ix_f9az4_13.awsui_size-big_h11ix_f9az4_137 > svg:not(#\9) {
152
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg:not(#\9) {
153
153
  --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-big-telu48, 3px) / 2);
154
154
  }
155
- .awsui_icon_h11ix_f9az4_13.awsui_size-big_h11ix_f9az4_137 > svg:not(#\9),
156
- .awsui_icon_h11ix_f9az4_13.awsui_size-big_h11ix_f9az4_137 > svg *:not(#\9) {
155
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg:not(#\9),
156
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg *:not(#\9) {
157
157
  stroke-width: calc(var(--border-width-icon-big-telu48, 3px) / 2);
158
158
  }
159
- .awsui_icon_h11ix_f9az4_13.awsui_size-large_h11ix_f9az4_159:not(#\9) {
159
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159:not(#\9) {
160
160
  inline-size: var(--size-icon-large-uba15s, 48px);
161
161
  box-sizing: border-box;
162
162
  }
163
- .awsui_icon_h11ix_f9az4_13.awsui_size-large-mapped-height_h11ix_f9az4_163:not(#\9) {
163
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-large-mapped-height_h11ix_1k8yc_163:not(#\9) {
164
164
  block-size: var(--line-height-display-l-tjudur, 56px);
165
165
  padding-block: calc((var(--line-height-display-l-tjudur, 56px) - var(--size-icon-large-uba15s, 48px)) / 2);
166
166
  padding-inline: 0;
167
167
  }
168
- .awsui_icon_h11ix_f9az4_13.awsui_size-large_h11ix_f9az4_159 > svg:not(#\9),
169
- .awsui_icon_h11ix_f9az4_13.awsui_size-large_h11ix_f9az4_159 > img:not(#\9) {
168
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg:not(#\9),
169
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > img:not(#\9) {
170
170
  inline-size: var(--size-icon-large-uba15s, 48px);
171
171
  block-size: var(--size-icon-large-uba15s, 48px);
172
172
  vertical-align: top;
173
173
  }
174
- .awsui_icon_h11ix_f9az4_13.awsui_size-large_h11ix_f9az4_159 > svg:not(#\9) {
174
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg:not(#\9) {
175
175
  --awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-large-cvs2dx, 4px) / 3);
176
176
  }
177
- .awsui_icon_h11ix_f9az4_13.awsui_size-large_h11ix_f9az4_159 > svg:not(#\9),
178
- .awsui_icon_h11ix_f9az4_13.awsui_size-large_h11ix_f9az4_159 > svg *:not(#\9) {
177
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg:not(#\9),
178
+ .awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg *:not(#\9) {
179
179
  stroke-width: calc(var(--border-width-icon-large-cvs2dx, 4px) / 3);
180
180
  }
181
- .awsui_icon_h11ix_f9az4_13.awsui_variant-normal_h11ix_f9az4_181:not(#\9) {
181
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-normal_h11ix_1k8yc_181:not(#\9) {
182
182
  color: currentColor;
183
183
  }
184
- .awsui_icon_h11ix_f9az4_13.awsui_variant-disabled_h11ix_f9az4_184:not(#\9) {
184
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-disabled_h11ix_1k8yc_184:not(#\9) {
185
185
  color: var(--color-text-interactive-disabled-tuxgxq, #aab7b8);
186
186
  }
187
- .awsui_icon_h11ix_f9az4_13.awsui_variant-inverted_h11ix_f9az4_187:not(#\9) {
187
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-inverted_h11ix_1k8yc_187:not(#\9) {
188
188
  color: var(--color-text-inverted-fflnsl, #ffffff);
189
189
  }
190
- .awsui_icon_h11ix_f9az4_13.awsui_variant-subtle_h11ix_f9az4_190:not(#\9) {
190
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-subtle_h11ix_1k8yc_190:not(#\9) {
191
191
  color: var(--color-text-icon-subtle-83jiby, #687078);
192
192
  }
193
- .awsui_icon_h11ix_f9az4_13.awsui_variant-warning_h11ix_f9az4_193:not(#\9) {
193
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-warning_h11ix_1k8yc_193:not(#\9) {
194
194
  color: var(--color-text-status-warning-fabq6h, #906806);
195
195
  }
196
- .awsui_icon_h11ix_f9az4_13.awsui_variant-error_h11ix_f9az4_196:not(#\9) {
196
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-error_h11ix_1k8yc_196:not(#\9) {
197
197
  color: var(--color-text-status-error-ri38gt, #d13212);
198
198
  }
199
- .awsui_icon_h11ix_f9az4_13.awsui_variant-success_h11ix_f9az4_199:not(#\9) {
199
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-success_h11ix_1k8yc_199:not(#\9) {
200
200
  color: var(--color-text-status-success-1i2jf8, #1d8102);
201
201
  }
202
- .awsui_icon_h11ix_f9az4_13.awsui_variant-link_h11ix_f9az4_202:not(#\9) {
202
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-link_h11ix_1k8yc_202:not(#\9) {
203
203
  color: var(--color-text-link-default-qabnuk, #0073bb);
204
204
  }
205
- .awsui_icon_h11ix_f9az4_13.awsui_variant-info_h11ix_f9az4_205:not(#\9) {
205
+ .awsui_icon_h11ix_1k8yc_13.awsui_variant-info_h11ix_1k8yc_205:not(#\9) {
206
206
  color: var(--color-text-status-info-su6k9n, #0073bb);
207
207
  }
208
- .awsui_icon_h11ix_f9az4_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_f9az4_208,
209
- .awsui_name-angle-left_h11ix_f9az4_208,
210
- .awsui_name-angle-right-double_h11ix_f9az4_210,
211
- .awsui_name-angle-right_h11ix_f9az4_210,
212
- .awsui_name-arrow-left_h11ix_f9az4_212,
213
- .awsui_name-arrow-right_h11ix_f9az4_213,
214
- .awsui_name-caret-left-filled_h11ix_f9az4_214,
215
- .awsui_name-caret-right-filled_h11ix_f9az4_215,
216
- .awsui_name-audio-full_h11ix_f9az4_216,
217
- .awsui_name-audio-half_h11ix_f9az4_217,
218
- .awsui_name-audio-off_h11ix_f9az4_218,
219
- .awsui_name-external_h11ix_f9az4_219,
220
- .awsui_name-redo_h11ix_f9az4_220,
221
- .awsui_name-resize-area_h11ix_f9az4_221,
222
- .awsui_name-send_h11ix_f9az4_222,
223
- .awsui_name-shrink_h11ix_f9az4_223,
224
- .awsui_name-undo_h11ix_f9az4_224,
225
- .awsui_name-view-vertical_h11ix_f9az4_225) {
208
+ .awsui_icon_h11ix_1k8yc_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_1k8yc_208,
209
+ .awsui_name-angle-left_h11ix_1k8yc_208,
210
+ .awsui_name-angle-right-double_h11ix_1k8yc_210,
211
+ .awsui_name-angle-right_h11ix_1k8yc_210,
212
+ .awsui_name-arrow-left_h11ix_1k8yc_212,
213
+ .awsui_name-arrow-right_h11ix_1k8yc_213,
214
+ .awsui_name-caret-left-filled_h11ix_1k8yc_214,
215
+ .awsui_name-caret-right-filled_h11ix_1k8yc_215,
216
+ .awsui_name-audio-full_h11ix_1k8yc_216,
217
+ .awsui_name-audio-half_h11ix_1k8yc_217,
218
+ .awsui_name-audio-off_h11ix_1k8yc_218,
219
+ .awsui_name-external_h11ix_1k8yc_219,
220
+ .awsui_name-redo_h11ix_1k8yc_220,
221
+ .awsui_name-resize-area_h11ix_1k8yc_221,
222
+ .awsui_name-send_h11ix_1k8yc_222,
223
+ .awsui_name-shrink_h11ix_1k8yc_223,
224
+ .awsui_name-undo_h11ix_1k8yc_224,
225
+ .awsui_name-view-vertical_h11ix_1k8yc_225) {
226
226
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
227
227
  }
228
- .awsui_icon_h11ix_f9az4_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_f9az4_208,
229
- .awsui_name-angle-left_h11ix_f9az4_208,
230
- .awsui_name-angle-right-double_h11ix_f9az4_210,
231
- .awsui_name-angle-right_h11ix_f9az4_210,
232
- .awsui_name-arrow-left_h11ix_f9az4_212,
233
- .awsui_name-arrow-right_h11ix_f9az4_213,
234
- .awsui_name-caret-left-filled_h11ix_f9az4_214,
235
- .awsui_name-caret-right-filled_h11ix_f9az4_215,
236
- .awsui_name-audio-full_h11ix_f9az4_216,
237
- .awsui_name-audio-half_h11ix_f9az4_217,
238
- .awsui_name-audio-off_h11ix_f9az4_218,
239
- .awsui_name-external_h11ix_f9az4_219,
240
- .awsui_name-redo_h11ix_f9az4_220,
241
- .awsui_name-resize-area_h11ix_f9az4_221,
242
- .awsui_name-send_h11ix_f9az4_222,
243
- .awsui_name-shrink_h11ix_f9az4_223,
244
- .awsui_name-undo_h11ix_f9az4_224,
245
- .awsui_name-view-vertical_h11ix_f9az4_225):dir(rtl) {
228
+ .awsui_icon_h11ix_1k8yc_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_1k8yc_208,
229
+ .awsui_name-angle-left_h11ix_1k8yc_208,
230
+ .awsui_name-angle-right-double_h11ix_1k8yc_210,
231
+ .awsui_name-angle-right_h11ix_1k8yc_210,
232
+ .awsui_name-arrow-left_h11ix_1k8yc_212,
233
+ .awsui_name-arrow-right_h11ix_1k8yc_213,
234
+ .awsui_name-caret-left-filled_h11ix_1k8yc_214,
235
+ .awsui_name-caret-right-filled_h11ix_1k8yc_215,
236
+ .awsui_name-audio-full_h11ix_1k8yc_216,
237
+ .awsui_name-audio-half_h11ix_1k8yc_217,
238
+ .awsui_name-audio-off_h11ix_1k8yc_218,
239
+ .awsui_name-external_h11ix_1k8yc_219,
240
+ .awsui_name-redo_h11ix_1k8yc_220,
241
+ .awsui_name-resize-area_h11ix_1k8yc_221,
242
+ .awsui_name-send_h11ix_1k8yc_222,
243
+ .awsui_name-shrink_h11ix_1k8yc_223,
244
+ .awsui_name-undo_h11ix_1k8yc_224,
245
+ .awsui_name-view-vertical_h11ix_1k8yc_225):dir(rtl) {
246
246
  transform: scaleX(-1);
247
247
  }
248
248
 
249
- .awsui_badge_h11ix_f9az4_249:not(#\9)::after {
249
+ .awsui_badge_h11ix_1k8yc_249:not(#\9)::after {
250
250
  content: "";
251
251
  position: absolute;
252
252
  inline-size: 6px;
@@ -258,4 +258,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
258
258
  background-color: var(--color-background-badge-icon-7pcuv1, #d13212);
259
259
  inset-block-start: 0px;
260
260
  inset-inline-end: -3px;
261
+ }
262
+
263
+ .awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263:not(#\9) {
264
+ display: contents;
265
+ }
266
+ .awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-x-small_h11ix_1k8yc_49:not(#\9) {
267
+ font-size: var(--font-size-body-s-89y7qg, 12px);
268
+ line-height: 12px;
269
+ }
270
+ .awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-small_h11ix_1k8yc_71:not(#\9) {
271
+ font-size: var(--font-size-body-m-tq5a14, 14px);
272
+ line-height: var(--size-icon-normal-311gry, 16px);
273
+ }
274
+ .awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-normal_h11ix_1k8yc_93:not(#\9) {
275
+ font-size: var(--font-size-body-m-tq5a14, 14px);
276
+ line-height: var(--size-icon-normal-311gry, 16px);
277
+ }
278
+ .awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-medium_h11ix_1k8yc_115:not(#\9) {
279
+ font-size: var(--font-size-heading-l-cax9xk, 18px);
280
+ line-height: var(--size-icon-medium-0cbske, 16px);
281
+ }
282
+ .awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-big_h11ix_1k8yc_137:not(#\9) {
283
+ font-size: var(--font-size-heading-xl-0tgqx0, 28px);
284
+ line-height: var(--size-icon-big-z6z1yl, 32px);
285
+ }
286
+ .awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-large_h11ix_1k8yc_159:not(#\9) {
287
+ font-size: var(--font-size-display-l-pdduqq, 44px);
288
+ line-height: var(--size-icon-large-uba15s, 48px);
261
289
  }
@@ -2,47 +2,48 @@
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_f9az4_13",
6
- "icon-flex-height": "awsui_icon-flex-height_h11ix_f9az4_21",
7
- "size-x-small": "awsui_size-x-small_h11ix_f9az4_49",
8
- "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_f9az4_53",
9
- "size-small": "awsui_size-small_h11ix_f9az4_71",
10
- "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_f9az4_75",
11
- "size-normal": "awsui_size-normal_h11ix_f9az4_93",
12
- "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_f9az4_97",
13
- "size-medium": "awsui_size-medium_h11ix_f9az4_115",
14
- "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_f9az4_119",
15
- "size-big": "awsui_size-big_h11ix_f9az4_137",
16
- "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_f9az4_141",
17
- "size-large": "awsui_size-large_h11ix_f9az4_159",
18
- "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_f9az4_163",
19
- "variant-normal": "awsui_variant-normal_h11ix_f9az4_181",
20
- "variant-disabled": "awsui_variant-disabled_h11ix_f9az4_184",
21
- "variant-inverted": "awsui_variant-inverted_h11ix_f9az4_187",
22
- "variant-subtle": "awsui_variant-subtle_h11ix_f9az4_190",
23
- "variant-warning": "awsui_variant-warning_h11ix_f9az4_193",
24
- "variant-error": "awsui_variant-error_h11ix_f9az4_196",
25
- "variant-success": "awsui_variant-success_h11ix_f9az4_199",
26
- "variant-link": "awsui_variant-link_h11ix_f9az4_202",
27
- "variant-info": "awsui_variant-info_h11ix_f9az4_205",
28
- "name-angle-left-double": "awsui_name-angle-left-double_h11ix_f9az4_208",
29
- "name-angle-left": "awsui_name-angle-left_h11ix_f9az4_208",
30
- "name-angle-right-double": "awsui_name-angle-right-double_h11ix_f9az4_210",
31
- "name-angle-right": "awsui_name-angle-right_h11ix_f9az4_210",
32
- "name-arrow-left": "awsui_name-arrow-left_h11ix_f9az4_212",
33
- "name-arrow-right": "awsui_name-arrow-right_h11ix_f9az4_213",
34
- "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_f9az4_214",
35
- "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_f9az4_215",
36
- "name-audio-full": "awsui_name-audio-full_h11ix_f9az4_216",
37
- "name-audio-half": "awsui_name-audio-half_h11ix_f9az4_217",
38
- "name-audio-off": "awsui_name-audio-off_h11ix_f9az4_218",
39
- "name-external": "awsui_name-external_h11ix_f9az4_219",
40
- "name-redo": "awsui_name-redo_h11ix_f9az4_220",
41
- "name-resize-area": "awsui_name-resize-area_h11ix_f9az4_221",
42
- "name-send": "awsui_name-send_h11ix_f9az4_222",
43
- "name-shrink": "awsui_name-shrink_h11ix_f9az4_223",
44
- "name-undo": "awsui_name-undo_h11ix_f9az4_224",
45
- "name-view-vertical": "awsui_name-view-vertical_h11ix_f9az4_225",
46
- "badge": "awsui_badge_h11ix_f9az4_249"
5
+ "icon": "awsui_icon_h11ix_1k8yc_13",
6
+ "icon-flex-height": "awsui_icon-flex-height_h11ix_1k8yc_21",
7
+ "size-x-small": "awsui_size-x-small_h11ix_1k8yc_49",
8
+ "size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_1k8yc_53",
9
+ "size-small": "awsui_size-small_h11ix_1k8yc_71",
10
+ "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_1k8yc_75",
11
+ "size-normal": "awsui_size-normal_h11ix_1k8yc_93",
12
+ "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_1k8yc_97",
13
+ "size-medium": "awsui_size-medium_h11ix_1k8yc_115",
14
+ "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_1k8yc_119",
15
+ "size-big": "awsui_size-big_h11ix_1k8yc_137",
16
+ "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_1k8yc_141",
17
+ "size-large": "awsui_size-large_h11ix_1k8yc_159",
18
+ "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_1k8yc_163",
19
+ "variant-normal": "awsui_variant-normal_h11ix_1k8yc_181",
20
+ "variant-disabled": "awsui_variant-disabled_h11ix_1k8yc_184",
21
+ "variant-inverted": "awsui_variant-inverted_h11ix_1k8yc_187",
22
+ "variant-subtle": "awsui_variant-subtle_h11ix_1k8yc_190",
23
+ "variant-warning": "awsui_variant-warning_h11ix_1k8yc_193",
24
+ "variant-error": "awsui_variant-error_h11ix_1k8yc_196",
25
+ "variant-success": "awsui_variant-success_h11ix_1k8yc_199",
26
+ "variant-link": "awsui_variant-link_h11ix_1k8yc_202",
27
+ "variant-info": "awsui_variant-info_h11ix_1k8yc_205",
28
+ "name-angle-left-double": "awsui_name-angle-left-double_h11ix_1k8yc_208",
29
+ "name-angle-left": "awsui_name-angle-left_h11ix_1k8yc_208",
30
+ "name-angle-right-double": "awsui_name-angle-right-double_h11ix_1k8yc_210",
31
+ "name-angle-right": "awsui_name-angle-right_h11ix_1k8yc_210",
32
+ "name-arrow-left": "awsui_name-arrow-left_h11ix_1k8yc_212",
33
+ "name-arrow-right": "awsui_name-arrow-right_h11ix_1k8yc_213",
34
+ "name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_1k8yc_214",
35
+ "name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_1k8yc_215",
36
+ "name-audio-full": "awsui_name-audio-full_h11ix_1k8yc_216",
37
+ "name-audio-half": "awsui_name-audio-half_h11ix_1k8yc_217",
38
+ "name-audio-off": "awsui_name-audio-off_h11ix_1k8yc_218",
39
+ "name-external": "awsui_name-external_h11ix_1k8yc_219",
40
+ "name-redo": "awsui_name-redo_h11ix_1k8yc_220",
41
+ "name-resize-area": "awsui_name-resize-area_h11ix_1k8yc_221",
42
+ "name-send": "awsui_name-send_h11ix_1k8yc_222",
43
+ "name-shrink": "awsui_name-shrink_h11ix_1k8yc_223",
44
+ "name-undo": "awsui_name-undo_h11ix_1k8yc_224",
45
+ "name-view-vertical": "awsui_name-view-vertical_h11ix_1k8yc_225",
46
+ "badge": "awsui_badge_h11ix_1k8yc_249",
47
+ "custom-icon": "awsui_custom-icon_h11ix_1k8yc_263"
47
48
  };
48
49
 
@@ -4,4 +4,6 @@ import { IconProviderProps } from './interfaces';
4
4
  * This allows the Icon component to have these icons available in the context even when no IconProvider is used.
5
5
  */
6
6
  export declare const InternalIconContext: import("react").Context<IconProviderProps.Icons>;
7
+ /** Holds per-component custom icons. Empty by default: components render their built-in icons. */
8
+ export declare const InternalComponentIconsContext: import("react").Context<IconProviderProps.ComponentIcons>;
7
9
  //# sourceMappingURL=context.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,kDAAyD,CAAC"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,kDAAyD,CAAC;AAE1F,kGAAkG;AAClG,eAAO,MAAM,6BAA6B,2DAAsD,CAAC"}
@@ -7,4 +7,6 @@ import generatedIcons from '../icon/generated/icons';
7
7
  * This allows the Icon component to have these icons available in the context even when no IconProvider is used.
8
8
  */
9
9
  export const InternalIconContext = createContext(generatedIcons);
10
+ /** Holds per-component custom icons. Empty by default: components render their built-in icons. */
11
+ export const InternalComponentIconsContext = createContext({});
10
12
  //# sourceMappingURL=context.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAGrD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA0B,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport generatedIcons from '../icon/generated/icons';\nimport { IconProviderProps } from './interfaces';\n\n/**\n * Preload the context with the existing icon set.\n * This allows the Icon component to have these icons available in the context even when no IconProvider is used.\n */\nexport const InternalIconContext = createContext<IconProviderProps.Icons>(generatedIcons);\n"]}
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAGrD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA0B,cAAc,CAAC,CAAC;AAE1F,kGAAkG;AAClG,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CAAmC,EAAE,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport generatedIcons from '../icon/generated/icons';\nimport { IconProviderProps } from './interfaces';\n\n/**\n * Preload the context with the existing icon set.\n * This allows the Icon component to have these icons available in the context even when no IconProvider is used.\n */\nexport const InternalIconContext = createContext<IconProviderProps.Icons>(generatedIcons);\n\n/** Holds per-component custom icons. Empty by default: components render their built-in icons. */\nexport const InternalComponentIconsContext = createContext<IconProviderProps.ComponentIcons>({});\n"]}
@@ -35,11 +35,49 @@ export interface IconProviderProps extends BaseComponentProps {
35
35
  * However, if the icon name is the same as the key, for example, `{'close': <Icon name='close' />}` an infinite loop will be created.
36
36
  * The same applies to switching icons in the same configuration (for example, `{'close': <Icon name='arrow-left' />, 'arrow-left': <Icon name='close' />}`).
37
37
  */
38
- icons: IconProviderProps.Icons | null;
38
+ icons?: IconProviderProps.Icons | null;
39
+ /**
40
+ * Custom icons for specific components, replacing built-in stateful icons such as expand toggles
41
+ * and sorting indicators. Unlike `icons`, these target a specific component and receive the icon's
42
+ * current state.
43
+ *
44
+ * Each entry is a render function: it receives the state and returns the icon to display. The
45
+ * custom icon replaces the default rendering entirely (including built-in animations), so it must
46
+ * represent every state. Return `null` to fall back to the default icon. Use `size="inherit"` on
47
+ * a custom `<Icon>` (or provide a plain SVG) so it matches the default icon size.
48
+ *
49
+ * Component icons apply to nested usage as well, for example, expandable sections rendered inside
50
+ * side navigation or wizard. They are inherited by nested providers (closest provider wins).
51
+ * Set to `null` to reset all component icons, or set a specific component to `null` to reset its icons.
52
+ */
53
+ componentIcons?: IconProviderProps.ComponentIcons | null;
39
54
  }
40
55
  export declare namespace IconProviderProps {
41
56
  type Icons = {
42
57
  [name in IconProps.Name]?: ReactNode | null;
43
58
  };
59
+ interface ComponentIcons {
60
+ table?: TableIcons | null;
61
+ 'tree-view'?: TreeViewIcons | null;
62
+ 'expandable-section'?: ExpandableSectionIcons | null;
63
+ }
64
+ interface TableIcons {
65
+ expandToggle?: (state: {
66
+ expanded: boolean;
67
+ }) => ReactNode;
68
+ sortingIndicator?: (state: {
69
+ sortingState: 'sortable' | 'ascending' | 'descending';
70
+ }) => ReactNode;
71
+ }
72
+ interface TreeViewIcons {
73
+ expandToggle?: (state: {
74
+ expanded: boolean;
75
+ }) => ReactNode;
76
+ }
77
+ interface ExpandableSectionIcons {
78
+ expandToggle?: (state: {
79
+ expanded: boolean;
80
+ }) => ReactNode;
81
+ }
44
82
  }
45
83
  //# sourceMappingURL=interfaces.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/interfaces.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAI7D,MAAM,MAAM,eAAe,GACvB,UAAU,GACV,aAAa,GACb,mBAAmB,GACnB,YAAY,GACZ,oBAAoB,GACpB,aAAa,GACb,UAAU,GACV,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,aAAa,GACb,UAAU,GACV,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,UAAU,GACV,mBAAmB,GACnB,YAAY,GACZ,mBAAmB,GACnB,oBAAoB,GACpB,iBAAiB,GACjB,UAAU,GACV,OAAO,GACP,SAAS,GACT,OAAO,GACP,gBAAgB,GAChB,4BAA4B,GAC5B,MAAM,GACN,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,KAAK,GACL,UAAU,GACV,gBAAgB,GAChB,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,QAAQ,GACR,UAAU,GACV,YAAY,GACZ,mBAAmB,GACnB,cAAc,GACd,qBAAqB,GACrB,UAAU,GACV,iBAAiB,GACjB,WAAW,GACX,MAAM,GACN,QAAQ,GACR,MAAM,GACN,aAAa,GACb,QAAQ,GACR,oBAAoB,GACpB,aAAa,GACb,QAAQ,GACR,OAAO,GACP,WAAW,GACX,cAAc,GACd,OAAO,GACP,OAAO,GACP,cAAc,GACd,SAAS,GACT,YAAY,GACZ,eAAe,GACf,KAAK,GACL,UAAU,GACV,YAAY,GACZ,WAAW,GACX,cAAc,GACd,cAAc,GACd,KAAK,GACL,MAAM,GACN,YAAY,GACZ,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,cAAc,GACd,OAAO,GACP,MAAM,GACN,MAAM,GACN,SAAS,GACT,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,OAAO,GACP,eAAe,GACf,aAAa,GACb,WAAW,GACX,MAAM,GACN,oBAAoB,GACpB,aAAa,GACb,iBAAiB,GACjB,oBAAoB,GACpB,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,aAAa,GACb,gBAAgB,GAChB,aAAa,GACb,oBAAoB,GACpB,SAAS,GACT,oBAAoB,GACpB,aAAa,GACb,kBAAkB,GAClB,WAAW,GACX,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,iBAAiB,GACjB,MAAM,GACN,UAAU,GACV,iBAAiB,GACjB,QAAQ,GACR,qBAAqB,GACrB,cAAc,GACd,WAAW,GACX,UAAU,GACV,mBAAmB,GACnB,kBAAkB,GAClB,iBAAiB,GACjB,0BAA0B,GAC1B,WAAW,GACX,iBAAiB,GACjB,eAAe,GACf,SAAS,GACT,UAAU,GACV,aAAa,CAAC;AAElB;;;;;;;;GAQG;AAEH,MAAM,WAAW,YAAY;CAAG;AAEhC,2DAA2D;AAC3D,MAAM,MAAM,oBAAoB,GAAG,MAAM,YAAY,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,eAAe,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;AAE3F,oGAAoG;AACpG,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE3D,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;;;;;;OAYG;IACH,KAAK,CAAC,EAAE,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC;IAEvC;;;;;;;;;;;;;OAaG;IACH,cAAc,CAAC,EAAE,iBAAiB,CAAC,cAAc,GAAG,IAAI,CAAC;CAC1D;AAED,yBAAiB,iBAAiB,CAAC;IACjC,KAAY,KAAK,GAAG;SACjB,IAAI,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;KAC5C,CAAC;IAEF,UAAiB,cAAc;QAC7B,KAAK,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;QAC1B,WAAW,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;QACnC,oBAAoB,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;KACtD;IAED,UAAiB,UAAU;QACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAA;SAAE,KAAK,SAAS,CAAC;QAC3D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;YAAE,YAAY,EAAE,UAAU,GAAG,WAAW,GAAG,YAAY,CAAA;SAAE,KAAK,SAAS,CAAC;KACpG;IAED,UAAiB,aAAa;QAC5B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAA;SAAE,KAAK,SAAS,CAAC;KAC5D;IAED,UAAiB,sBAAsB;QACrC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAA;SAAE,KAAK,SAAS,CAAC;KAC5D;CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon-provider/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ReactNode } from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\n// Why not enums? Explained there\n// https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\nexport type BuiltInIconName =\n | 'add-plus'\n | 'anchor-link'\n | 'angle-left-double'\n | 'angle-left'\n | 'angle-right-double'\n | 'angle-right'\n | 'angle-up'\n | 'angle-down'\n | 'announcement'\n | 'arrow-left'\n | 'arrow-right'\n | 'arrow-up'\n | 'arrow-down'\n | 'at-symbol'\n | 'audio-full'\n | 'audio-half'\n | 'audio-off'\n | 'backward-10-seconds'\n | 'bug'\n | 'call'\n | 'calendar'\n | 'caret-down-filled'\n | 'caret-down'\n | 'caret-left-filled'\n | 'caret-right-filled'\n | 'caret-up-filled'\n | 'caret-up'\n | 'check'\n | 'contact'\n | 'close'\n | 'closed-caption'\n | 'closed-caption-unavailable'\n | 'copy'\n | 'command-prompt'\n | 'convert-code'\n | 'delete-marker'\n | 'dot'\n | 'download'\n | 'drag-indicator'\n | 'edit'\n | 'edit-gen-ai'\n | 'ellipsis'\n | 'envelope'\n | 'exit-full-screen'\n | 'expand'\n | 'external'\n | 'face-happy'\n | 'face-happy-filled'\n | 'face-neutral'\n | 'face-neutral-filled'\n | 'face-sad'\n | 'face-sad-filled'\n | 'file-open'\n | 'file'\n | 'filter'\n | 'flag'\n | 'folder-open'\n | 'folder'\n | 'forward-10-seconds'\n | 'full-screen'\n | 'gen-ai'\n | 'globe'\n | 'grid-view'\n | 'group-active'\n | 'group'\n | 'heart'\n | 'heart-filled'\n | 'history'\n | 'insert-row'\n | 'internal-link'\n | 'key'\n | 'keyboard'\n | 'light-dark'\n | 'list-view'\n | 'location-pin'\n | 'lock-private'\n | 'map'\n | 'menu'\n | 'microphone'\n | 'microphone-off'\n | 'mini-player'\n | 'multiscreen'\n | 'notification'\n | 'pause'\n | 'play'\n | 'redo'\n | 'refresh'\n | 'remove'\n | 'resize-area'\n | 'script'\n | 'search'\n | 'search-gen-ai'\n | 'security'\n | 'settings'\n | 'send'\n | 'share'\n | 'shrink'\n | 'sign-out'\n | 'side-bar'\n | 'slash'\n | 'slash-divider'\n | 'star-filled'\n | 'star-half'\n | 'star'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-not-started'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'stop-circle'\n | 'subtract-minus'\n | 'suggestions'\n | 'suggestions-gen-ai'\n | 'support'\n | 'thumbs-down-filled'\n | 'thumbs-down'\n | 'thumbs-up-filled'\n | 'thumbs-up'\n | 'ticket'\n | 'transcript'\n | 'treeview-collapse'\n | 'treeview-expand'\n | 'undo'\n | 'unlocked'\n | 'upload-download'\n | 'upload'\n | 'user-profile-active'\n | 'user-profile'\n | 'video-off'\n | 'video-on'\n | 'video-unavailable'\n | 'video-camera-off'\n | 'video-camera-on'\n | 'video-camera-unavailable'\n | 'view-full'\n | 'view-horizontal'\n | 'view-vertical'\n | 'zoom-in'\n | 'zoom-out'\n | 'zoom-to-fit';\n\n/**\n * Augment this interface using `declare module` to register custom icon names.\n * Registered names become valid across all icon-accepting components.\n *\n * @example\n * declare module \"@cloudscape-design/components/icon-provider\" {\n * interface IconRegistry extends IconMap<typeof myIcons> {}\n * }\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface IconRegistry {}\n\n/** Union of all icon names in the {@link IconRegistry}. */\nexport type IconRegistryIconName = keyof IconRegistry & string;\n\nexport type DefineIconsInput = Partial<Record<BuiltInIconName | (string & {}), ReactNode>>;\n\n/** Extracts the keys of a `defineIcons` result into the shape that {@link IconRegistry} expects. */\nexport type IconMap<T> = { [K in keyof T & string]: T[K] };\n\nexport interface IconProviderProps extends BaseComponentProps {\n children: ReactNode;\n\n /**\n * Specifies icon overrides using existing icon names, for example, `{'add-plus': <svg>...</svg>}`.\n *\n * These icon overrides will automatically be applied to any component that is a descendant of this provider, including nested providers.\n *\n * Set to `null` to reset the icons to the default set or set specific icon names to `null` to change them back to the default set.\n *\n * For example, override `AppLayout` icons but not icons in the content slot by wrapping content with an `IconProvider` with this property set to `null`.\n *\n * `<Icon ... />` component can be used as an override (for example, `{'close': <Icon name='arrow-left' />}`).\n * However, if the icon name is the same as the key, for example, `{'close': <Icon name='close' />}` an infinite loop will be created.\n * The same applies to switching icons in the same configuration (for example, `{'close': <Icon name='arrow-left' />, 'arrow-left': <Icon name='close' />}`).\n */\n icons: IconProviderProps.Icons | null;\n}\n\nexport namespace IconProviderProps {\n export type Icons = {\n [name in IconProps.Name]?: ReactNode | null;\n };\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon-provider/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ReactNode } from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\n// Why not enums? Explained there\n// https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\nexport type BuiltInIconName =\n | 'add-plus'\n | 'anchor-link'\n | 'angle-left-double'\n | 'angle-left'\n | 'angle-right-double'\n | 'angle-right'\n | 'angle-up'\n | 'angle-down'\n | 'announcement'\n | 'arrow-left'\n | 'arrow-right'\n | 'arrow-up'\n | 'arrow-down'\n | 'at-symbol'\n | 'audio-full'\n | 'audio-half'\n | 'audio-off'\n | 'backward-10-seconds'\n | 'bug'\n | 'call'\n | 'calendar'\n | 'caret-down-filled'\n | 'caret-down'\n | 'caret-left-filled'\n | 'caret-right-filled'\n | 'caret-up-filled'\n | 'caret-up'\n | 'check'\n | 'contact'\n | 'close'\n | 'closed-caption'\n | 'closed-caption-unavailable'\n | 'copy'\n | 'command-prompt'\n | 'convert-code'\n | 'delete-marker'\n | 'dot'\n | 'download'\n | 'drag-indicator'\n | 'edit'\n | 'edit-gen-ai'\n | 'ellipsis'\n | 'envelope'\n | 'exit-full-screen'\n | 'expand'\n | 'external'\n | 'face-happy'\n | 'face-happy-filled'\n | 'face-neutral'\n | 'face-neutral-filled'\n | 'face-sad'\n | 'face-sad-filled'\n | 'file-open'\n | 'file'\n | 'filter'\n | 'flag'\n | 'folder-open'\n | 'folder'\n | 'forward-10-seconds'\n | 'full-screen'\n | 'gen-ai'\n | 'globe'\n | 'grid-view'\n | 'group-active'\n | 'group'\n | 'heart'\n | 'heart-filled'\n | 'history'\n | 'insert-row'\n | 'internal-link'\n | 'key'\n | 'keyboard'\n | 'light-dark'\n | 'list-view'\n | 'location-pin'\n | 'lock-private'\n | 'map'\n | 'menu'\n | 'microphone'\n | 'microphone-off'\n | 'mini-player'\n | 'multiscreen'\n | 'notification'\n | 'pause'\n | 'play'\n | 'redo'\n | 'refresh'\n | 'remove'\n | 'resize-area'\n | 'script'\n | 'search'\n | 'search-gen-ai'\n | 'security'\n | 'settings'\n | 'send'\n | 'share'\n | 'shrink'\n | 'sign-out'\n | 'side-bar'\n | 'slash'\n | 'slash-divider'\n | 'star-filled'\n | 'star-half'\n | 'star'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-not-started'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'stop-circle'\n | 'subtract-minus'\n | 'suggestions'\n | 'suggestions-gen-ai'\n | 'support'\n | 'thumbs-down-filled'\n | 'thumbs-down'\n | 'thumbs-up-filled'\n | 'thumbs-up'\n | 'ticket'\n | 'transcript'\n | 'treeview-collapse'\n | 'treeview-expand'\n | 'undo'\n | 'unlocked'\n | 'upload-download'\n | 'upload'\n | 'user-profile-active'\n | 'user-profile'\n | 'video-off'\n | 'video-on'\n | 'video-unavailable'\n | 'video-camera-off'\n | 'video-camera-on'\n | 'video-camera-unavailable'\n | 'view-full'\n | 'view-horizontal'\n | 'view-vertical'\n | 'zoom-in'\n | 'zoom-out'\n | 'zoom-to-fit';\n\n/**\n * Augment this interface using `declare module` to register custom icon names.\n * Registered names become valid across all icon-accepting components.\n *\n * @example\n * declare module \"@cloudscape-design/components/icon-provider\" {\n * interface IconRegistry extends IconMap<typeof myIcons> {}\n * }\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface IconRegistry {}\n\n/** Union of all icon names in the {@link IconRegistry}. */\nexport type IconRegistryIconName = keyof IconRegistry & string;\n\nexport type DefineIconsInput = Partial<Record<BuiltInIconName | (string & {}), ReactNode>>;\n\n/** Extracts the keys of a `defineIcons` result into the shape that {@link IconRegistry} expects. */\nexport type IconMap<T> = { [K in keyof T & string]: T[K] };\n\nexport interface IconProviderProps extends BaseComponentProps {\n children: ReactNode;\n\n /**\n * Specifies icon overrides using existing icon names, for example, `{'add-plus': <svg>...</svg>}`.\n *\n * These icon overrides will automatically be applied to any component that is a descendant of this provider, including nested providers.\n *\n * Set to `null` to reset the icons to the default set or set specific icon names to `null` to change them back to the default set.\n *\n * For example, override `AppLayout` icons but not icons in the content slot by wrapping content with an `IconProvider` with this property set to `null`.\n *\n * `<Icon ... />` component can be used as an override (for example, `{'close': <Icon name='arrow-left' />}`).\n * However, if the icon name is the same as the key, for example, `{'close': <Icon name='close' />}` an infinite loop will be created.\n * The same applies to switching icons in the same configuration (for example, `{'close': <Icon name='arrow-left' />, 'arrow-left': <Icon name='close' />}`).\n */\n icons?: IconProviderProps.Icons | null;\n\n /**\n * Custom icons for specific components, replacing built-in stateful icons such as expand toggles\n * and sorting indicators. Unlike `icons`, these target a specific component and receive the icon's\n * current state.\n *\n * Each entry is a render function: it receives the state and returns the icon to display. The\n * custom icon replaces the default rendering entirely (including built-in animations), so it must\n * represent every state. Return `null` to fall back to the default icon. Use `size=\"inherit\"` on\n * a custom `<Icon>` (or provide a plain SVG) so it matches the default icon size.\n *\n * Component icons apply to nested usage as well, for example, expandable sections rendered inside\n * side navigation or wizard. They are inherited by nested providers (closest provider wins).\n * Set to `null` to reset all component icons, or set a specific component to `null` to reset its icons.\n */\n componentIcons?: IconProviderProps.ComponentIcons | null;\n}\n\nexport namespace IconProviderProps {\n export type Icons = {\n [name in IconProps.Name]?: ReactNode | null;\n };\n\n export interface ComponentIcons {\n table?: TableIcons | null;\n 'tree-view'?: TreeViewIcons | null;\n 'expandable-section'?: ExpandableSectionIcons | null;\n }\n\n export interface TableIcons {\n expandToggle?: (state: { expanded: boolean }) => ReactNode;\n sortingIndicator?: (state: { sortingState: 'sortable' | 'ascending' | 'descending' }) => ReactNode;\n }\n\n export interface TreeViewIcons {\n expandToggle?: (state: { expanded: boolean }) => ReactNode;\n }\n\n export interface ExpandableSectionIcons {\n expandToggle?: (state: { expanded: boolean }) => ReactNode;\n }\n}\n"]}
@@ -1,4 +1,4 @@
1
1
  import { IconProviderProps } from './interfaces';
2
- declare function InternalIconProvider({ children, icons }: IconProviderProps): JSX.Element;
2
+ declare function InternalIconProvider({ children, icons, componentIcons }: IconProviderProps): JSX.Element;
3
3
  export default InternalIconProvider;
4
4
  //# sourceMappingURL=internal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,eAqBnE;AAED,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,iBAAiB,eAwCnF;AAED,eAAe,oBAAoB,CAAC"}