@cloudscape-design/components-themeable 3.0.1344 → 3.0.1346

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 (544) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/constants.scss +0 -3
  3. package/lib/internal/scss/app-layout/visual-refresh-toolbar/drawer/styles.scss +2 -0
  4. package/lib/internal/scss/app-layout/visual-refresh-toolbar/navigation/styles.scss +1 -1
  5. package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/styles.scss +1 -1
  6. package/lib/internal/scss/expandable-section/styles.scss +102 -14
  7. package/lib/internal/scss/flashbar/collapsible.scss +1 -1
  8. package/lib/internal/scss/internal/base-component/styles.scss +0 -6
  9. package/lib/internal/scss/internal/base-theme/styles.scss +5 -0
  10. package/lib/internal/scss/internal/components/drag-handle/styles.scss +11 -0
  11. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  12. package/lib/internal/scss/internal/styles/motion/mixins.scss +9 -0
  13. package/lib/internal/scss/link/constants.scss +2 -2
  14. package/lib/internal/scss/side-navigation/styles.scss +420 -40
  15. package/lib/internal/template/action-card/styles.css.js +17 -17
  16. package/lib/internal/template/action-card/styles.scoped.css +138 -138
  17. package/lib/internal/template/action-card/styles.selectors.js +17 -17
  18. package/lib/internal/template/alert/actions-wrapper/styles.css.js +1 -1
  19. package/lib/internal/template/alert/actions-wrapper/styles.scoped.css +3 -3
  20. package/lib/internal/template/alert/actions-wrapper/styles.selectors.js +1 -1
  21. package/lib/internal/template/alert/styles.css.js +27 -27
  22. package/lib/internal/template/alert/styles.scoped.css +74 -74
  23. package/lib/internal/template/alert/styles.selectors.js +27 -27
  24. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  25. package/lib/internal/template/anchor-navigation/styles.scoped.css +32 -32
  26. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  27. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  28. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +28 -28
  29. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  30. package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
  31. package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +10 -10
  32. package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
  33. package/lib/internal/template/app-layout/drawer/styles.css.js +14 -14
  34. package/lib/internal/template/app-layout/drawer/styles.scoped.css +34 -34
  35. package/lib/internal/template/app-layout/drawer/styles.selectors.js +14 -14
  36. package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +8 -8
  37. package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +18 -18
  38. package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +8 -8
  39. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  40. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  41. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  42. package/lib/internal/template/app-layout/resize/styles.css.js +5 -5
  43. package/lib/internal/template/app-layout/resize/styles.scoped.css +14 -14
  44. package/lib/internal/template/app-layout/resize/styles.selectors.js +5 -5
  45. package/lib/internal/template/app-layout/styles.css.js +12 -12
  46. package/lib/internal/template/app-layout/styles.scoped.css +21 -21
  47. package/lib/internal/template/app-layout/styles.selectors.js +12 -12
  48. package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
  49. package/lib/internal/template/app-layout/toggles/styles.scoped.css +16 -16
  50. package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
  51. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  52. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +261 -261
  53. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  54. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  55. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +143 -140
  56. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  57. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  58. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +14 -14
  59. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  60. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
  61. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +5 -5
  62. package/lib/internal/template/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
  63. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  64. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +82 -82
  65. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  66. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
  67. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +62 -62
  68. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
  69. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
  70. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +26 -26
  71. package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
  72. package/lib/internal/template/app-layout-toolbar/index.d.ts.map +1 -1
  73. package/lib/internal/template/app-layout-toolbar/index.js +1 -0
  74. package/lib/internal/template/app-layout-toolbar/index.js.map +1 -1
  75. package/lib/internal/template/area-chart/styles.css.js +6 -6
  76. package/lib/internal/template/area-chart/styles.scoped.css +12 -12
  77. package/lib/internal/template/area-chart/styles.selectors.js +6 -6
  78. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  79. package/lib/internal/template/attribute-editor/styles.scoped.css +40 -40
  80. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  81. package/lib/internal/template/badge/styles.css.js +10 -10
  82. package/lib/internal/template/badge/styles.scoped.css +40 -40
  83. package/lib/internal/template/badge/styles.selectors.js +10 -10
  84. package/lib/internal/template/box/styles.css.js +220 -220
  85. package/lib/internal/template/box/styles.scoped.css +478 -478
  86. package/lib/internal/template/box/styles.selectors.js +220 -220
  87. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  88. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +39 -39
  89. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  90. package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
  91. package/lib/internal/template/breadcrumb-group/styles.scoped.css +42 -42
  92. package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
  93. package/lib/internal/template/button/styles.css.js +23 -23
  94. package/lib/internal/template/button/styles.scoped.css +171 -171
  95. package/lib/internal/template/button/styles.selectors.js +23 -23
  96. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
  97. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +53 -53
  98. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
  99. package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
  100. package/lib/internal/template/button-dropdown/index.js +5 -1
  101. package/lib/internal/template/button-dropdown/index.js.map +1 -1
  102. package/lib/internal/template/button-dropdown/interfaces.d.ts +2 -0
  103. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  104. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  105. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  106. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +69 -69
  107. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  108. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  109. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -7
  110. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  111. package/lib/internal/template/button-dropdown/styles.css.js +23 -23
  112. package/lib/internal/template/button-dropdown/styles.scoped.css +46 -46
  113. package/lib/internal/template/button-dropdown/styles.selectors.js +23 -23
  114. package/lib/internal/template/button-group/styles.css.js +4 -4
  115. package/lib/internal/template/button-group/styles.scoped.css +8 -8
  116. package/lib/internal/template/button-group/styles.selectors.js +4 -4
  117. package/lib/internal/template/calendar/styles.css.js +21 -21
  118. package/lib/internal/template/calendar/styles.scoped.css +83 -83
  119. package/lib/internal/template/calendar/styles.selectors.js +21 -21
  120. package/lib/internal/template/cards/styles.css.js +38 -38
  121. package/lib/internal/template/cards/styles.scoped.css +54 -54
  122. package/lib/internal/template/cards/styles.selectors.js +38 -38
  123. package/lib/internal/template/checkbox/styles.css.js +3 -3
  124. package/lib/internal/template/checkbox/styles.scoped.css +12 -12
  125. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  126. package/lib/internal/template/code-editor/resizable-box/styles.css.js +4 -4
  127. package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +9 -9
  128. package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +4 -4
  129. package/lib/internal/template/code-editor/styles.css.js +33 -33
  130. package/lib/internal/template/code-editor/styles.scoped.css +255 -255
  131. package/lib/internal/template/code-editor/styles.selectors.js +33 -33
  132. package/lib/internal/template/collection-preferences/styles.css.js +38 -38
  133. package/lib/internal/template/collection-preferences/styles.scoped.css +60 -60
  134. package/lib/internal/template/collection-preferences/styles.selectors.js +38 -38
  135. package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
  136. package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +13 -13
  137. package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  138. package/lib/internal/template/column-layout/styles.css.js +13 -13
  139. package/lib/internal/template/column-layout/styles.scoped.css +55 -55
  140. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  141. package/lib/internal/template/container/styles.css.js +33 -33
  142. package/lib/internal/template/container/styles.scoped.css +87 -87
  143. package/lib/internal/template/container/styles.selectors.js +33 -33
  144. package/lib/internal/template/content-layout/styles.css.js +14 -14
  145. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  146. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  147. package/lib/internal/template/copy-to-clipboard/styles.css.js +5 -5
  148. package/lib/internal/template/copy-to-clipboard/styles.scoped.css +7 -7
  149. package/lib/internal/template/copy-to-clipboard/styles.selectors.js +5 -5
  150. package/lib/internal/template/date-picker/styles.css.js +7 -7
  151. package/lib/internal/template/date-picker/styles.scoped.css +12 -12
  152. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  153. package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
  154. package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +93 -93
  155. package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
  156. package/lib/internal/template/date-range-picker/relative-range/styles.css.js +6 -6
  157. package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +13 -13
  158. package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +6 -6
  159. package/lib/internal/template/date-range-picker/styles.css.js +23 -23
  160. package/lib/internal/template/date-range-picker/styles.scoped.css +56 -56
  161. package/lib/internal/template/date-range-picker/styles.selectors.js +23 -23
  162. package/lib/internal/template/divider/styles.css.js +6 -6
  163. package/lib/internal/template/divider/styles.scoped.css +12 -12
  164. package/lib/internal/template/divider/styles.selectors.js +6 -6
  165. package/lib/internal/template/drawer/styles.css.js +29 -29
  166. package/lib/internal/template/drawer/styles.scoped.css +59 -59
  167. package/lib/internal/template/drawer/styles.selectors.js +29 -29
  168. package/lib/internal/template/dropdown/styles.css.js +20 -20
  169. package/lib/internal/template/dropdown/styles.scoped.css +50 -50
  170. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  171. package/lib/internal/template/expandable-section/expandable-section-container.d.ts +1 -2
  172. package/lib/internal/template/expandable-section/expandable-section-container.d.ts.map +1 -1
  173. package/lib/internal/template/expandable-section/expandable-section-container.js +2 -2
  174. package/lib/internal/template/expandable-section/expandable-section-container.js.map +1 -1
  175. package/lib/internal/template/expandable-section/expandable-section-header.d.ts +2 -1
  176. package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
  177. package/lib/internal/template/expandable-section/expandable-section-header.js +4 -4
  178. package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
  179. package/lib/internal/template/expandable-section/internal.d.ts +8 -3
  180. package/lib/internal/template/expandable-section/internal.d.ts.map +1 -1
  181. package/lib/internal/template/expandable-section/internal.js +24 -10
  182. package/lib/internal/template/expandable-section/internal.js.map +1 -1
  183. package/lib/internal/template/expandable-section/styles.css.js +43 -42
  184. package/lib/internal/template/expandable-section/styles.scoped.css +244 -189
  185. package/lib/internal/template/expandable-section/styles.selectors.js +43 -42
  186. package/lib/internal/template/file-dropzone/styles.css.js +3 -3
  187. package/lib/internal/template/file-dropzone/styles.scoped.css +15 -15
  188. package/lib/internal/template/file-dropzone/styles.selectors.js +3 -3
  189. package/lib/internal/template/file-input/styles.css.js +5 -5
  190. package/lib/internal/template/file-input/styles.scoped.css +20 -20
  191. package/lib/internal/template/file-input/styles.selectors.js +5 -5
  192. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  193. package/lib/internal/template/file-token-group/styles.scoped.css +67 -67
  194. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  195. package/lib/internal/template/file-upload/styles.css.js +2 -2
  196. package/lib/internal/template/file-upload/styles.scoped.css +4 -4
  197. package/lib/internal/template/file-upload/styles.selectors.js +2 -2
  198. package/lib/internal/template/flashbar/styles.css.js +50 -50
  199. package/lib/internal/template/flashbar/styles.scoped.css +244 -244
  200. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  201. package/lib/internal/template/form/styles.css.js +8 -8
  202. package/lib/internal/template/form/styles.scoped.css +17 -17
  203. package/lib/internal/template/form/styles.selectors.js +8 -8
  204. package/lib/internal/template/form-field/styles.css.js +24 -24
  205. package/lib/internal/template/form-field/styles.scoped.css +50 -50
  206. package/lib/internal/template/form-field/styles.selectors.js +24 -24
  207. package/lib/internal/template/grid/styles.css.js +53 -53
  208. package/lib/internal/template/grid/styles.scoped.css +59 -59
  209. package/lib/internal/template/grid/styles.selectors.js +53 -53
  210. package/lib/internal/template/header/styles.css.js +35 -35
  211. package/lib/internal/template/header/styles.scoped.css +90 -90
  212. package/lib/internal/template/header/styles.selectors.js +35 -35
  213. package/lib/internal/template/help-panel/styles.css.js +6 -6
  214. package/lib/internal/template/help-panel/styles.scoped.css +116 -116
  215. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  216. package/lib/internal/template/hotspot/styles.css.js +7 -7
  217. package/lib/internal/template/hotspot/styles.scoped.css +10 -10
  218. package/lib/internal/template/hotspot/styles.selectors.js +7 -7
  219. package/lib/internal/template/i18n/messages/all.all.js +1 -1
  220. package/lib/internal/template/i18n/messages/all.all.json +1 -1
  221. package/lib/internal/template/i18n/messages/all.ar.js +1 -1
  222. package/lib/internal/template/i18n/messages/all.ar.json +1 -1
  223. package/lib/internal/template/i18n/messages/all.de.js +1 -1
  224. package/lib/internal/template/i18n/messages/all.de.json +1 -1
  225. package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
  226. package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
  227. package/lib/internal/template/i18n/messages/all.en.js +1 -1
  228. package/lib/internal/template/i18n/messages/all.en.json +1 -1
  229. package/lib/internal/template/i18n/messages/all.es.js +1 -1
  230. package/lib/internal/template/i18n/messages/all.es.json +1 -1
  231. package/lib/internal/template/i18n/messages/all.fr.js +1 -1
  232. package/lib/internal/template/i18n/messages/all.fr.json +1 -1
  233. package/lib/internal/template/i18n/messages/all.id.js +1 -1
  234. package/lib/internal/template/i18n/messages/all.id.json +1 -1
  235. package/lib/internal/template/i18n/messages/all.it.js +1 -1
  236. package/lib/internal/template/i18n/messages/all.it.json +1 -1
  237. package/lib/internal/template/i18n/messages/all.ja.js +1 -1
  238. package/lib/internal/template/i18n/messages/all.ja.json +1 -1
  239. package/lib/internal/template/i18n/messages/all.ko.js +1 -1
  240. package/lib/internal/template/i18n/messages/all.ko.json +1 -1
  241. package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
  242. package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
  243. package/lib/internal/template/i18n/messages/all.tr.js +1 -1
  244. package/lib/internal/template/i18n/messages/all.tr.json +1 -1
  245. package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
  246. package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
  247. package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
  248. package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
  249. package/lib/internal/template/i18n/messages-types.d.ts +8 -0
  250. package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
  251. package/lib/internal/template/i18n/messages-types.js.map +1 -1
  252. package/lib/internal/template/icon/styles.css.js +41 -41
  253. package/lib/internal/template/icon/styles.scoped.css +126 -126
  254. package/lib/internal/template/icon/styles.selectors.js +41 -41
  255. package/lib/internal/template/input/styles.css.js +28 -28
  256. package/lib/internal/template/input/styles.scoped.css +145 -145
  257. package/lib/internal/template/input/styles.selectors.js +28 -28
  258. package/lib/internal/template/internal/base-component/index.d.ts +1 -0
  259. package/lib/internal/template/internal/base-component/index.d.ts.map +1 -1
  260. package/lib/internal/template/internal/base-component/index.js +1 -0
  261. package/lib/internal/template/internal/base-component/index.js.map +1 -1
  262. package/lib/internal/template/internal/base-component/styles.scoped.css +2 -4218
  263. package/lib/internal/template/internal/base-theme/styles.css.js +4 -0
  264. package/lib/internal/template/internal/base-theme/styles.scoped.css +4228 -0
  265. package/lib/internal/template/internal/base-theme/styles.selectors.js +5 -0
  266. package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
  267. package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +25 -25
  268. package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
  269. package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
  270. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +79 -79
  271. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
  272. package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
  273. package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +36 -36
  274. package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
  275. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  276. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +4 -4
  277. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  278. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  279. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +18 -18
  280. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  281. package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
  282. package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +6 -6
  283. package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
  284. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  285. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +8 -8
  286. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  287. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +19 -19
  288. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +44 -44
  289. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -19
  290. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  291. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +11 -11
  292. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  293. package/lib/internal/template/internal/components/chart-status-container/styles.css.js +2 -2
  294. package/lib/internal/template/internal/components/chart-status-container/styles.scoped.css +3 -3
  295. package/lib/internal/template/internal/components/chart-status-container/styles.selectors.js +2 -2
  296. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  297. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +10 -10
  298. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  299. package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
  300. package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +19 -19
  301. package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
  302. package/lib/internal/template/internal/components/drag-handle/styles.css.js +14 -14
  303. package/lib/internal/template/internal/components/drag-handle/styles.scoped.css +34 -25
  304. package/lib/internal/template/internal/components/drag-handle/styles.selectors.js +14 -14
  305. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  306. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +80 -80
  307. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  308. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  309. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +6 -6
  310. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  311. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  312. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +7 -7
  313. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  314. package/lib/internal/template/internal/components/expand-toggle-button/styles.css.js +4 -4
  315. package/lib/internal/template/internal/components/expand-toggle-button/styles.scoped.css +26 -26
  316. package/lib/internal/template/internal/components/expand-toggle-button/styles.selectors.js +4 -4
  317. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  318. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +24 -24
  319. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  320. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  321. package/lib/internal/template/internal/components/option/styles.scoped.css +40 -40
  322. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  323. package/lib/internal/template/internal/components/options-list/styles.css.js +3 -3
  324. package/lib/internal/template/internal/components/options-list/styles.scoped.css +4 -4
  325. package/lib/internal/template/internal/components/options-list/styles.selectors.js +3 -3
  326. package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js +3 -3
  327. package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css +8 -8
  328. package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js +3 -3
  329. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  330. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +29 -29
  331. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  332. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  333. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +90 -90
  334. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  335. package/lib/internal/template/internal/components/sortable-area/styles.css.js +8 -8
  336. package/lib/internal/template/internal/components/sortable-area/styles.scoped.css +22 -22
  337. package/lib/internal/template/internal/components/sortable-area/styles.selectors.js +8 -8
  338. package/lib/internal/template/internal/components/structured-item/styles.css.js +7 -7
  339. package/lib/internal/template/internal/components/structured-item/styles.scoped.css +12 -12
  340. package/lib/internal/template/internal/components/structured-item/styles.selectors.js +7 -7
  341. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  342. package/lib/internal/template/internal/components/token-list/styles.scoped.css +41 -41
  343. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  344. package/lib/internal/template/internal/components/transition/index.d.ts +6 -6
  345. package/lib/internal/template/internal/components/transition/index.d.ts.map +1 -1
  346. package/lib/internal/template/internal/components/transition/index.js +4 -4
  347. package/lib/internal/template/internal/components/transition/index.js.map +1 -1
  348. package/lib/internal/template/internal/environment.js +2 -2
  349. package/lib/internal/template/internal/environment.json +2 -2
  350. package/lib/internal/template/internal/generated/styles/tokens.d.ts +11 -0
  351. package/lib/internal/template/internal/generated/styles/tokens.js +12 -1
  352. package/lib/internal/template/internal/generated/theming/index.cjs +140 -15
  353. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +18 -0
  354. package/lib/internal/template/internal/generated/theming/index.d.ts +18 -0
  355. package/lib/internal/template/internal/generated/theming/index.js +140 -15
  356. package/lib/internal/template/internal/hooks/use-base-component/index.d.ts +2 -5
  357. package/lib/internal/template/internal/hooks/use-base-component/index.d.ts.map +1 -1
  358. package/lib/internal/template/internal/hooks/use-base-component/index.js +11 -2
  359. package/lib/internal/template/internal/hooks/use-base-component/index.js.map +1 -1
  360. package/lib/internal/template/item-card/styles.css.js +14 -14
  361. package/lib/internal/template/item-card/styles.scoped.css +78 -78
  362. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  363. package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
  364. package/lib/internal/template/key-value-pairs/styles.scoped.css +19 -19
  365. package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
  366. package/lib/internal/template/link/styles.css.js +21 -21
  367. package/lib/internal/template/link/styles.scoped.css +138 -138
  368. package/lib/internal/template/link/styles.selectors.js +21 -21
  369. package/lib/internal/template/list/styles.css.js +5 -5
  370. package/lib/internal/template/list/styles.scoped.css +11 -11
  371. package/lib/internal/template/list/styles.selectors.js +5 -5
  372. package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
  373. package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +18 -18
  374. package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
  375. package/lib/internal/template/modal/styles.css.js +31 -31
  376. package/lib/internal/template/modal/styles.scoped.css +72 -72
  377. package/lib/internal/template/modal/styles.selectors.js +31 -31
  378. package/lib/internal/template/multiselect/styles.css.js +5 -5
  379. package/lib/internal/template/multiselect/styles.scoped.css +8 -8
  380. package/lib/internal/template/multiselect/styles.selectors.js +5 -5
  381. package/lib/internal/template/package.json +1 -0
  382. package/lib/internal/template/pagination/styles.css.js +12 -12
  383. package/lib/internal/template/pagination/styles.scoped.css +52 -52
  384. package/lib/internal/template/pagination/styles.selectors.js +12 -12
  385. package/lib/internal/template/panel-layout/styles.css.js +7 -7
  386. package/lib/internal/template/panel-layout/styles.scoped.css +13 -13
  387. package/lib/internal/template/panel-layout/styles.selectors.js +7 -7
  388. package/lib/internal/template/pie-chart/styles.css.js +27 -27
  389. package/lib/internal/template/pie-chart/styles.scoped.css +64 -64
  390. package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
  391. package/lib/internal/template/popover/styles.css.js +58 -58
  392. package/lib/internal/template/popover/styles.scoped.css +122 -122
  393. package/lib/internal/template/popover/styles.selectors.js +58 -58
  394. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  395. package/lib/internal/template/progress-bar/styles.scoped.css +46 -46
  396. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  397. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  398. package/lib/internal/template/prompt-input/styles.scoped.css +124 -124
  399. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  400. package/lib/internal/template/property-filter/filtering-token/styles.css.js +18 -18
  401. package/lib/internal/template/property-filter/filtering-token/styles.scoped.css +68 -68
  402. package/lib/internal/template/property-filter/filtering-token/styles.selectors.js +18 -18
  403. package/lib/internal/template/property-filter/styles.css.js +39 -39
  404. package/lib/internal/template/property-filter/styles.scoped.css +86 -86
  405. package/lib/internal/template/property-filter/styles.selectors.js +39 -39
  406. package/lib/internal/template/radio-button/styles.css.js +1 -1
  407. package/lib/internal/template/radio-button/styles.scoped.css +2 -2
  408. package/lib/internal/template/radio-button/styles.selectors.js +1 -1
  409. package/lib/internal/template/radio-group/styles.css.js +5 -5
  410. package/lib/internal/template/radio-group/styles.scoped.css +11 -11
  411. package/lib/internal/template/radio-group/styles.selectors.js +5 -5
  412. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  413. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.scoped.css +14 -14
  414. package/lib/internal/template/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  415. package/lib/internal/template/s3-resource-selector/s3-modal/styles.css.js +3 -3
  416. package/lib/internal/template/s3-resource-selector/s3-modal/styles.scoped.css +4 -4
  417. package/lib/internal/template/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
  418. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  419. package/lib/internal/template/segmented-control/styles.scoped.css +67 -67
  420. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  421. package/lib/internal/template/select/parts/styles.css.js +21 -21
  422. package/lib/internal/template/select/parts/styles.scoped.css +42 -42
  423. package/lib/internal/template/select/parts/styles.selectors.js +21 -21
  424. package/lib/internal/template/select/styles.css.js +3 -3
  425. package/lib/internal/template/select/styles.scoped.css +4 -4
  426. package/lib/internal/template/select/styles.selectors.js +3 -3
  427. package/lib/internal/template/side-navigation/implementation.d.ts.map +1 -1
  428. package/lib/internal/template/side-navigation/implementation.js +6 -3
  429. package/lib/internal/template/side-navigation/implementation.js.map +1 -1
  430. package/lib/internal/template/side-navigation/parts.d.ts +2 -1
  431. package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
  432. package/lib/internal/template/side-navigation/parts.js +86 -76
  433. package/lib/internal/template/side-navigation/parts.js.map +1 -1
  434. package/lib/internal/template/side-navigation/styles.css.js +64 -50
  435. package/lib/internal/template/side-navigation/styles.scoped.css +604 -160
  436. package/lib/internal/template/side-navigation/styles.selectors.js +64 -50
  437. package/lib/internal/template/side-navigation/util.d.ts +10 -0
  438. package/lib/internal/template/side-navigation/util.d.ts.map +1 -1
  439. package/lib/internal/template/side-navigation/util.js +48 -0
  440. package/lib/internal/template/side-navigation/util.js.map +1 -1
  441. package/lib/internal/template/skeleton/styles.css.js +15 -15
  442. package/lib/internal/template/skeleton/styles.scoped.css +27 -27
  443. package/lib/internal/template/skeleton/styles.selectors.js +15 -15
  444. package/lib/internal/template/slider/styles.css.js +26 -26
  445. package/lib/internal/template/slider/styles.scoped.css +196 -196
  446. package/lib/internal/template/slider/styles.selectors.js +26 -26
  447. package/lib/internal/template/space-between/styles.css.js +23 -23
  448. package/lib/internal/template/space-between/styles.scoped.css +40 -40
  449. package/lib/internal/template/space-between/styles.selectors.js +23 -23
  450. package/lib/internal/template/spinner/styles.css.js +13 -13
  451. package/lib/internal/template/spinner/styles.scoped.css +36 -36
  452. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  453. package/lib/internal/template/split-panel/icons/styles.css.js +22 -22
  454. package/lib/internal/template/split-panel/icons/styles.scoped.css +47 -47
  455. package/lib/internal/template/split-panel/icons/styles.selectors.js +22 -22
  456. package/lib/internal/template/split-panel/styles.css.js +38 -38
  457. package/lib/internal/template/split-panel/styles.scoped.css +96 -96
  458. package/lib/internal/template/split-panel/styles.selectors.js +38 -38
  459. package/lib/internal/template/status-indicator/styles.css.js +25 -25
  460. package/lib/internal/template/status-indicator/styles.scoped.css +88 -88
  461. package/lib/internal/template/status-indicator/styles.selectors.js +25 -25
  462. package/lib/internal/template/steps/styles.css.js +17 -17
  463. package/lib/internal/template/steps/styles.scoped.css +54 -54
  464. package/lib/internal/template/steps/styles.selectors.js +17 -17
  465. package/lib/internal/template/table/body-cell/styles.css.js +48 -48
  466. package/lib/internal/template/table/body-cell/styles.scoped.css +845 -845
  467. package/lib/internal/template/table/body-cell/styles.selectors.js +48 -48
  468. package/lib/internal/template/table/header-cell/styles.css.js +38 -38
  469. package/lib/internal/template/table/header-cell/styles.scoped.css +178 -178
  470. package/lib/internal/template/table/header-cell/styles.selectors.js +38 -38
  471. package/lib/internal/template/table/resizer/styles.css.js +17 -17
  472. package/lib/internal/template/table/resizer/styles.scoped.css +45 -45
  473. package/lib/internal/template/table/resizer/styles.selectors.js +17 -17
  474. package/lib/internal/template/table/selection/styles.css.js +4 -4
  475. package/lib/internal/template/table/selection/styles.scoped.css +6 -6
  476. package/lib/internal/template/table/selection/styles.selectors.js +4 -4
  477. package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
  478. package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +10 -10
  479. package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
  480. package/lib/internal/template/table/styles.css.js +37 -37
  481. package/lib/internal/template/table/styles.scoped.css +78 -78
  482. package/lib/internal/template/table/styles.selectors.js +37 -37
  483. package/lib/internal/template/tabs/styles.css.js +30 -30
  484. package/lib/internal/template/tabs/styles.scoped.css +93 -93
  485. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  486. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  487. package/lib/internal/template/tag-editor/styles.scoped.css +18 -18
  488. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  489. package/lib/internal/template/text-content/styles.css.js +1 -1
  490. package/lib/internal/template/text-content/styles.scoped.css +81 -81
  491. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  492. package/lib/internal/template/text-filter/styles.css.js +3 -3
  493. package/lib/internal/template/text-filter/styles.scoped.css +7 -7
  494. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  495. package/lib/internal/template/textarea/styles.css.js +9 -9
  496. package/lib/internal/template/textarea/styles.scoped.css +50 -50
  497. package/lib/internal/template/textarea/styles.selectors.js +9 -9
  498. package/lib/internal/template/tiles/styles.css.js +30 -30
  499. package/lib/internal/template/tiles/styles.scoped.css +141 -141
  500. package/lib/internal/template/tiles/styles.selectors.js +30 -30
  501. package/lib/internal/template/toggle/styles.css.js +10 -10
  502. package/lib/internal/template/toggle/styles.scoped.css +29 -29
  503. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  504. package/lib/internal/template/toggle-button/styles.css.js +4 -4
  505. package/lib/internal/template/toggle-button/styles.scoped.css +12 -12
  506. package/lib/internal/template/toggle-button/styles.selectors.js +4 -4
  507. package/lib/internal/template/token/styles.css.js +14 -14
  508. package/lib/internal/template/token/styles.scoped.css +59 -59
  509. package/lib/internal/template/token/styles.selectors.js +14 -14
  510. package/lib/internal/template/token-group/styles.css.js +5 -5
  511. package/lib/internal/template/token-group/styles.scoped.css +6 -6
  512. package/lib/internal/template/token-group/styles.selectors.js +5 -5
  513. package/lib/internal/template/tooltip/styles.css.js +2 -2
  514. package/lib/internal/template/tooltip/styles.scoped.css +5 -5
  515. package/lib/internal/template/tooltip/styles.selectors.js +2 -2
  516. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  517. package/lib/internal/template/top-navigation/styles.scoped.css +118 -118
  518. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  519. package/lib/internal/template/tree-view/styles.css.js +2 -2
  520. package/lib/internal/template/tree-view/styles.scoped.css +5 -5
  521. package/lib/internal/template/tree-view/styles.selectors.js +2 -2
  522. package/lib/internal/template/tree-view/tree-item/styles.css.js +10 -10
  523. package/lib/internal/template/tree-view/tree-item/styles.scoped.css +19 -19
  524. package/lib/internal/template/tree-view/tree-item/styles.selectors.js +10 -10
  525. package/lib/internal/template/tree-view/vertical-connector/styles.css.js +3 -3
  526. package/lib/internal/template/tree-view/vertical-connector/styles.scoped.css +5 -5
  527. package/lib/internal/template/tree-view/vertical-connector/styles.selectors.js +3 -3
  528. package/lib/internal/template/truncated-text/styles.css.js +1 -1
  529. package/lib/internal/template/truncated-text/styles.scoped.css +6 -6
  530. package/lib/internal/template/truncated-text/styles.selectors.js +1 -1
  531. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  532. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +30 -30
  533. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  534. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  535. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +41 -41
  536. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  537. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  538. package/lib/internal/template/tutorial-panel/styles.scoped.css +9 -9
  539. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  540. package/lib/internal/template/wizard/styles.css.js +30 -30
  541. package/lib/internal/template/wizard/styles.scoped.css +103 -103
  542. package/lib/internal/template/wizard/styles.selectors.js +30 -30
  543. package/package.json +1 -1
  544. package/lib/internal/scss/expandable-section/motion.scss +0 -30
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
154
- animation: awsui_awsui-motion-fade-in-dropdown_9duf6_77eb2_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
153
+ .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
154
+ animation: awsui_awsui-motion-fade-in-dropdown_9duf6_1lsit_1 var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-show-quick-gb8584, ease-out);
155
155
  }
156
- @keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_77eb2_1 {
156
+ @keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_1lsit_1 {
157
157
  from {
158
158
  opacity: 0.4;
159
159
  }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  }
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
165
+ .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
170
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
- .awsui_dropdown-content-wrapper_9duf6_77eb2_153.awsui_refresh_9duf6_77eb2_174:not(#\9) {
174
+ .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9) {
175
175
  transform-origin: top;
176
- animation-name: awsui_awsui-motion-fade-in-0_9duf6_77eb2_1;
177
- animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
178
- animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
176
+ animation-name: awsui_awsui-motion-fade-in-0_9duf6_1lsit_1;
177
+ animation-duration: var(--motion-duration-show-quick-24aj9c, 135ms);
178
+ animation-timing-function: var(--motion-easing-show-quick-gb8584, ease-out);
179
179
  }
180
- @keyframes awsui_awsui-motion-fade-in-0_9duf6_77eb2_1 {
180
+ @keyframes awsui_awsui-motion-fade-in-0_9duf6_1lsit_1 {
181
181
  from {
182
182
  opacity: 0;
183
183
  }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  }
187
187
  }
188
188
  @media (prefers-reduced-motion: reduce) {
189
- .awsui_dropdown-content-wrapper_9duf6_77eb2_153.awsui_refresh_9duf6_77eb2_174:not(#\9) {
189
+ .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9) {
190
190
  animation: none;
191
191
  transition: none;
192
192
  }
193
193
  }
194
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_77eb2_153.awsui_refresh_9duf6_77eb2_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_77eb2_153.awsui_refresh_9duf6_77eb2_174:not(#\9) {
194
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
 
199
- .awsui_root_9duf6_77eb2_199:not(#\9) {
199
+ .awsui_root_9duf6_1lsit_199:not(#\9) {
200
200
  border-collapse: separate;
201
201
  border-spacing: 0;
202
202
  box-sizing: border-box;
@@ -221,7 +221,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
221
221
  word-spacing: normal;
222
222
  font-size: var(--font-size-body-m-tq5a14, 14px);
223
223
  line-height: var(--line-height-body-m-5xw6xo, 22px);
224
- color: var(--color-text-body-default-kbrad2, #16191f);
224
+ color: var(--color-text-body-default-b2us04, #16191f);
225
225
  font-weight: var(--font-weight-normal-fr92v6, 400);
226
226
  font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
227
227
  -webkit-font-smoothing: auto;
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  position: relative;
230
230
  white-space: inherit;
231
231
  }
232
- .awsui_root_9duf6_77eb2_199.awsui_interior_9duf6_77eb2_232:not(#\9) {
232
+ .awsui_root_9duf6_1lsit_199.awsui_interior_9duf6_1lsit_232:not(#\9) {
233
233
  position: static;
234
234
  }
235
235
 
236
- .awsui_dropdown_9duf6_77eb2_153:not(#\9) {
236
+ .awsui_dropdown_9duf6_1lsit_153:not(#\9) {
237
237
  position: absolute;
238
238
  display: none;
239
239
  z-index: 2000;
240
240
  transform-origin: top;
241
241
  }
242
- .awsui_dropdown_9duf6_77eb2_153.awsui_use-portal_9duf6_77eb2_242:not(#\9) {
242
+ .awsui_dropdown_9duf6_1lsit_153.awsui_use-portal_9duf6_1lsit_242:not(#\9) {
243
243
  z-index: 7000;
244
244
  }
245
- .awsui_dropdown_9duf6_77eb2_153:not(#\9):not(.awsui_interior_9duf6_77eb2_232) {
245
+ .awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232) {
246
246
  transform: translateY(0px);
247
- transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
247
+ transition: transform var(--motion-duration-show-quick-24aj9c, 135ms);
248
248
  }
249
249
  @media (prefers-reduced-motion: reduce) {
250
- .awsui_dropdown_9duf6_77eb2_153:not(#\9):not(.awsui_interior_9duf6_77eb2_232) {
250
+ .awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232) {
251
251
  animation: none;
252
252
  transition: none;
253
253
  }
254
254
  }
255
- .awsui-motion-disabled .awsui_dropdown_9duf6_77eb2_153:not(#\9):not(.awsui_interior_9duf6_77eb2_232), .awsui-mode-entering .awsui_dropdown_9duf6_77eb2_153:not(#\9):not(.awsui_interior_9duf6_77eb2_232) {
255
+ .awsui-motion-disabled .awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232), .awsui-mode-entering .awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232) {
256
256
  animation: none;
257
257
  transition: none;
258
258
  }
259
- .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
259
+ .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
260
260
  border-collapse: separate;
261
261
  border-spacing: 0;
262
262
  box-sizing: border-box;
@@ -281,24 +281,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
281
281
  word-spacing: normal;
282
282
  font-size: var(--font-size-body-m-tq5a14, 14px);
283
283
  line-height: var(--line-height-body-m-5xw6xo, 22px);
284
- color: var(--color-text-body-default-kbrad2, #16191f);
284
+ color: var(--color-text-body-default-b2us04, #16191f);
285
285
  font-weight: var(--font-weight-normal-fr92v6, 400);
286
286
  font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
287
287
  -webkit-font-smoothing: auto;
288
288
  -moz-osx-font-smoothing: auto;
289
289
  white-space: inherit;
290
290
  position: relative;
291
- background-color: var(--color-background-dropdown-item-default-79esq0, #ffffff);
291
+ background-color: var(--color-background-dropdown-item-default-x5ga9w, #ffffff);
292
292
  outline: none;
293
- box-shadow: var(--shadow-dropdown-skxpuu, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
293
+ box-shadow: var(--shadow-dropdown-ogwesf, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
294
294
  border-start-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
295
295
  border-start-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
296
296
  border-end-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
297
297
  border-end-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
298
- border-block: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
298
+ border-block: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
299
299
  box-sizing: border-box;
300
300
  }
301
- .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9)::after {
301
+ .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9)::after {
302
302
  content: "";
303
303
  position: absolute;
304
304
  z-index: 1;
@@ -307,74 +307,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
307
307
  inset-inline-start: 0px;
308
308
  inset-inline-end: 0px;
309
309
  background-color: transparent;
310
- border-block: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-eiy251, transparent));
311
- border-inline: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-eiy251, transparent));
310
+ border-block: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-zmsfa8, transparent));
311
+ border-inline: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-zmsfa8, transparent));
312
312
  border-start-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
313
313
  border-start-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
314
314
  border-end-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
315
315
  border-end-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
316
316
  pointer-events: none;
317
317
  }
318
- .awsui_dropdown-content-wrapper_9duf6_77eb2_153.awsui_is-empty_9duf6_77eb2_318:not(#\9)::after {
318
+ .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_is-empty_9duf6_1lsit_318:not(#\9)::after {
319
319
  display: none;
320
320
  }
321
- .awsui_dropdown_9duf6_77eb2_153 > .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
322
- border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
323
- border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-group-vjcmu0, #eaeded);
321
+ .awsui_dropdown_9duf6_1lsit_153 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
322
+ border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
323
+ border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-group-y5droz, #eaeded);
324
324
  }
325
- .awsui_dropdown-drop-up_9duf6_77eb2_325 > .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
325
+ .awsui_dropdown-drop-up_9duf6_1lsit_325 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
326
326
  transform-origin: bottom;
327
- box-shadow: var(--shadow-dropup-44quix, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
327
+ box-shadow: var(--shadow-dropup-40ssty, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
328
328
  }
329
- .awsui_dropdown-drop-up_9duf6_77eb2_325.awsui_with-limited-width_9duf6_77eb2_329 > .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
329
+ .awsui_dropdown-drop-up_9duf6_1lsit_325.awsui_with-limited-width_9duf6_1lsit_329 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
330
330
  border-block-start: none;
331
331
  }
332
- .awsui_dropdown-drop-left_9duf6_77eb2_332:not(#\9) {
332
+ .awsui_dropdown-drop-left_9duf6_1lsit_332:not(#\9) {
333
333
  inset-inline-end: 0;
334
334
  }
335
- .awsui_dropdown-drop-right_9duf6_77eb2_335:not(#\9) {
335
+ .awsui_dropdown-drop-right_9duf6_1lsit_335:not(#\9) {
336
336
  inset-inline-start: 0;
337
337
  }
338
- .awsui_dropdown_9duf6_77eb2_153.awsui_occupy-entire-width_9duf6_77eb2_338:not(#\9) {
338
+ .awsui_dropdown_9duf6_1lsit_153.awsui_occupy-entire-width_9duf6_1lsit_338:not(#\9) {
339
339
  min-inline-size: 100%;
340
340
  }
341
- .awsui_dropdown_9duf6_77eb2_153.awsui_use-flexible-width_9duf6_77eb2_341:not(#\9) {
341
+ .awsui_dropdown_9duf6_1lsit_153.awsui_use-flexible-width_9duf6_1lsit_341:not(#\9) {
342
342
  inline-size: max-content;
343
343
  max-inline-size: var(--awsui-dropdown-default-max-width-esndbs, none);
344
344
  min-inline-size: var(--awsui-dropdown-default-min-width-esndbs, auto);
345
345
  }
346
- .awsui_dropdown_9duf6_77eb2_153.awsui_interior_9duf6_77eb2_232 > .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
346
+ .awsui_dropdown_9duf6_1lsit_153.awsui_interior_9duf6_1lsit_232 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
347
347
  margin-block-start: -1px;
348
348
  }
349
- .awsui_dropdown_9duf6_77eb2_153.awsui_hide-block-border_9duf6_77eb2_349 > .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
349
+ .awsui_dropdown_9duf6_1lsit_153.awsui_hide-block-border_9duf6_1lsit_349 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
350
350
  border-block-start: none;
351
351
  }
352
- .awsui_dropdown_9duf6_77eb2_153.awsui_hide-block-border_9duf6_77eb2_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_77eb2_325) > .awsui_dropdown-content-wrapper_9duf6_77eb2_153 {
352
+ .awsui_dropdown_9duf6_1lsit_153.awsui_hide-block-border_9duf6_1lsit_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_1lsit_325) > .awsui_dropdown-content-wrapper_9duf6_1lsit_153 {
353
353
  border-block-end: none;
354
354
  }
355
- .awsui_dropdown_9duf6_77eb2_153.awsui_hide-block-border_9duf6_77eb2_349.awsui_refresh_9duf6_77eb2_174 > .awsui_dropdown-content-wrapper_9duf6_77eb2_153:not(#\9) {
355
+ .awsui_dropdown_9duf6_1lsit_153.awsui_hide-block-border_9duf6_1lsit_349.awsui_refresh_9duf6_1lsit_174 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
356
356
  border-block-end: none;
357
357
  }
358
- .awsui_dropdown_9duf6_77eb2_153.awsui_open_9duf6_77eb2_358:not(#\9) {
358
+ .awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358:not(#\9) {
359
359
  display: block;
360
360
  }
361
- .awsui_dropdown_9duf6_77eb2_153.awsui_open_9duf6_77eb2_358:not(#\9):not(.awsui_interior_9duf6_77eb2_232).awsui_refresh_9duf6_77eb2_174[data-animating=true] {
361
+ .awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358:not(#\9):not(.awsui_interior_9duf6_1lsit_232).awsui_refresh_9duf6_1lsit_174[data-animating=true] {
362
362
  transform: translateY(4px);
363
363
  }
364
- .awsui_dropdown_9duf6_77eb2_153.awsui_open_9duf6_77eb2_358:not(#\9):not(.awsui_interior_9duf6_77eb2_232).awsui_refresh_9duf6_77eb2_174[data-animating=true].awsui_dropdown-drop-up_9duf6_77eb2_325 {
364
+ .awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358:not(#\9):not(.awsui_interior_9duf6_1lsit_232).awsui_refresh_9duf6_1lsit_174[data-animating=true].awsui_dropdown-drop-up_9duf6_1lsit_325 {
365
365
  transform: translateY(-4px);
366
366
  }
367
- .awsui_dropdown_9duf6_77eb2_153.awsui_open_9duf6_77eb2_358.awsui_nowrap_9duf6_77eb2_367:not(#\9) {
367
+ .awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358.awsui_nowrap_9duf6_1lsit_367:not(#\9) {
368
368
  white-space: nowrap;
369
369
  overflow: scroll;
370
370
  }
371
371
 
372
- .awsui_dropdown-content_9duf6_77eb2_153:not(#\9) {
372
+ .awsui_dropdown-content_9duf6_1lsit_153:not(#\9) {
373
373
  display: flex;
374
374
  flex-direction: column;
375
375
  inline-size: 100%;
376
376
  }
377
377
 
378
- .awsui_stretch-trigger-height_9duf6_77eb2_378:not(#\9) {
378
+ .awsui_stretch-trigger-height_9duf6_1lsit_378:not(#\9) {
379
379
  block-size: 100%;
380
380
  }
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_77eb2_153",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_77eb2_1",
7
- "refresh": "awsui_refresh_9duf6_77eb2_174",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_77eb2_1",
9
- "root": "awsui_root_9duf6_77eb2_199",
10
- "interior": "awsui_interior_9duf6_77eb2_232",
11
- "dropdown": "awsui_dropdown_9duf6_77eb2_153",
12
- "use-portal": "awsui_use-portal_9duf6_77eb2_242",
13
- "is-empty": "awsui_is-empty_9duf6_77eb2_318",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_77eb2_325",
15
- "with-limited-width": "awsui_with-limited-width_9duf6_77eb2_329",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_77eb2_332",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_77eb2_335",
18
- "occupy-entire-width": "awsui_occupy-entire-width_9duf6_77eb2_338",
19
- "use-flexible-width": "awsui_use-flexible-width_9duf6_77eb2_341",
20
- "hide-block-border": "awsui_hide-block-border_9duf6_77eb2_349",
21
- "open": "awsui_open_9duf6_77eb2_358",
22
- "nowrap": "awsui_nowrap_9duf6_77eb2_367",
23
- "dropdown-content": "awsui_dropdown-content_9duf6_77eb2_153",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_77eb2_378"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_1lsit_153",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1lsit_1",
7
+ "refresh": "awsui_refresh_9duf6_1lsit_174",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1lsit_1",
9
+ "root": "awsui_root_9duf6_1lsit_199",
10
+ "interior": "awsui_interior_9duf6_1lsit_232",
11
+ "dropdown": "awsui_dropdown_9duf6_1lsit_153",
12
+ "use-portal": "awsui_use-portal_9duf6_1lsit_242",
13
+ "is-empty": "awsui_is-empty_9duf6_1lsit_318",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1lsit_325",
15
+ "with-limited-width": "awsui_with-limited-width_9duf6_1lsit_329",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1lsit_332",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1lsit_335",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1lsit_338",
19
+ "use-flexible-width": "awsui_use-flexible-width_9duf6_1lsit_341",
20
+ "hide-block-border": "awsui_hide-block-border_9duf6_1lsit_349",
21
+ "open": "awsui_open_9duf6_1lsit_358",
22
+ "nowrap": "awsui_nowrap_9duf6_1lsit_367",
23
+ "dropdown-content": "awsui_dropdown-content_9duf6_1lsit_153",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1lsit_378"
25
25
  };
26
26
 
@@ -7,9 +7,8 @@ interface ExpandableSectionContainerProps extends InternalBaseComponentProps {
7
7
  children?: React.ReactNode;
8
8
  variant: InternalVariant;
9
9
  expanded: boolean | undefined;
10
- disableContentPaddings: boolean | undefined;
11
10
  __injectAnalyticsComponentMetadata?: boolean;
12
11
  }
13
- export declare const ExpandableSectionContainer: ({ className, children, header, variant, expanded, disableContentPaddings, __internalRootRef, __injectAnalyticsComponentMetadata, ...rest }: ExpandableSectionContainerProps) => JSX.Element;
12
+ export declare const ExpandableSectionContainer: ({ className, children, header, variant, expanded, __internalRootRef, __injectAnalyticsComponentMetadata, ...rest }: ExpandableSectionContainerProps) => JSX.Element;
14
13
  export {};
15
14
  //# sourceMappingURL=expandable-section-container.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIxD,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5C,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,eAAO,MAAM,0BAA0B,GAAI,4IAUxC,+BAA+B,gBA+CjC,CAAC"}
1
+ {"version":3,"file":"expandable-section-container.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAIxD,UAAU,+BAAgC,SAAQ,0BAA0B;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,eAAe,CAAC;IACzB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C;AAED,eAAO,MAAM,0BAA0B,GAAI,oHASxC,+BAA+B,gBA+CjC,CAAC"}
@@ -6,7 +6,7 @@ import { InternalContainerAsSubstep } from '../container/internal';
6
6
  import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
7
7
  import { getAnalyticsMetadataProps } from '../internal/base-component';
8
8
  import analyticsSelectors from './analytics-metadata/styles.css.js';
9
- export const ExpandableSectionContainer = ({ className, children, header, variant, expanded, disableContentPaddings, __internalRootRef, __injectAnalyticsComponentMetadata, ...rest }) => {
9
+ export const ExpandableSectionContainer = ({ className, children, header, variant, expanded, __internalRootRef, __injectAnalyticsComponentMetadata, ...rest }) => {
10
10
  const analyticsMetadata = getAnalyticsMetadataProps(rest);
11
11
  const analyticsComponentMetadata = {
12
12
  name: 'awsui.ExpandableSection',
@@ -18,7 +18,7 @@ export const ExpandableSectionContainer = ({ className, children, header, varian
18
18
  : {};
19
19
  if (variant === 'container' || variant === 'stacked') {
20
20
  return (React.createElement(AnalyticsFunnelSubStep, { subStepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, subStepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext },
21
- React.createElement(InternalContainerAsSubstep, { ...rest, className: className, header: header, variant: variant === 'stacked' ? 'stacked' : 'default', disableContentPaddings: disableContentPaddings || !expanded, disableHeaderPaddings: true, __hiddenContent: !expanded, __internalRootRef: __internalRootRef, ...metadataAttribute }, children)));
21
+ React.createElement(InternalContainerAsSubstep, { ...rest, className: className, header: header, variant: variant === 'stacked' ? 'stacked' : 'default', disableContentPaddings: true, disableHeaderPaddings: true, __hiddenContent: !expanded, __internalRootRef: __internalRootRef, ...metadataAttribute }, children)));
22
22
  }
23
23
  return (React.createElement("div", { className: className, ...rest, ref: __internalRootRef, ...metadataAttribute, ...getAnalyticsLabelAttribute(`.${analyticsSelectors['header-label']}`) },
24
24
  header,
@@ -1 +1 @@
1
- {"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAKvG,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAYpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,IAAI,EACyB,EAAE,EAAE;IACpC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,IAAsC,CAAC,CAAC;IAC5F,MAAM,0BAA0B,GAAyD;QACvF,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;KACnD,CAAC;IAEF,MAAM,iBAAiB,GAAG,kCAAkC;QAC1D,CAAC,CAAC,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;QAC1E,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACrD,OAAO,CACL,oBAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACxD,mBAAmB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY;YAEpD,oBAAC,0BAA0B,OACrB,IAAI,EACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,sBAAsB,EAAE,sBAAsB,IAAI,CAAC,QAAQ,EAC3D,qBAAqB,EAAE,IAAI,EAC3B,eAAe,EAAE,CAAC,QAAQ,EAC1B,iBAAiB,EAAE,iBAAiB,KAChC,iBAAiB,IAEpB,QAAQ,CACkB,CACN,CAC1B,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,KAChB,IAAI,EACR,GAAG,EAAE,iBAAiB,KAClB,iBAAiB,KACjB,0BAA0B,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;QAEvE,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalContainerAsSubstep } from '../container/internal';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataExpandableSectionComponent } from './analytics-metadata/interfaces';\nimport { InternalVariant } from './internal-interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n className?: string;\n header: React.ReactNode;\n children?: React.ReactNode;\n variant: InternalVariant;\n expanded: boolean | undefined;\n disableContentPaddings: boolean | undefined;\n __injectAnalyticsComponentMetadata?: boolean;\n}\n\nexport const ExpandableSectionContainer = ({\n className,\n children,\n header,\n variant,\n expanded,\n disableContentPaddings,\n __internalRootRef,\n __injectAnalyticsComponentMetadata,\n ...rest\n}: ExpandableSectionContainerProps) => {\n const analyticsMetadata = getAnalyticsMetadataProps(rest as BasePropsWithAnalyticsMetadata);\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataExpandableSectionComponent = {\n name: 'awsui.ExpandableSection',\n label: { root: 'self' },\n properties: { variant, expanded: `${!!expanded}` },\n };\n\n const metadataAttribute = __injectAnalyticsComponentMetadata\n ? getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })\n : {};\n\n if (variant === 'container' || variant === 'stacked') {\n return (\n <AnalyticsFunnelSubStep\n subStepIdentifier={analyticsMetadata?.instanceIdentifier}\n subStepErrorContext={analyticsMetadata?.errorContext}\n >\n <InternalContainerAsSubstep\n {...rest}\n className={className}\n header={header}\n variant={variant === 'stacked' ? 'stacked' : 'default'}\n disableContentPaddings={disableContentPaddings || !expanded}\n disableHeaderPaddings={true}\n __hiddenContent={!expanded}\n __internalRootRef={__internalRootRef}\n {...metadataAttribute}\n >\n {children}\n </InternalContainerAsSubstep>\n </AnalyticsFunnelSubStep>\n );\n }\n\n return (\n <div\n className={className}\n {...rest}\n ref={__internalRootRef}\n {...metadataAttribute}\n {...getAnalyticsLabelAttribute(`.${analyticsSelectors['header-label']}`)}\n >\n {header}\n {children}\n </div>\n );\n};\n"]}
1
+ {"version":3,"file":"expandable-section-container.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,GAC9B,MAAM,kEAAkE,CAAC;AAE1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAKvG,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAWpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,IAAI,EACyB,EAAE,EAAE;IACpC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,IAAsC,CAAC,CAAC;IAC5F,MAAM,0BAA0B,GAAyD;QACvF,IAAI,EAAE,yBAAyB;QAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;KACnD,CAAC;IAEF,MAAM,iBAAiB,GAAG,kCAAkC;QAC1D,CAAC,CAAC,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC;QAC1E,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACrD,OAAO,CACL,oBAAC,sBAAsB,IACrB,iBAAiB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,EACxD,mBAAmB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY;YAEpD,oBAAC,0BAA0B,OACrB,IAAI,EACR,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACtD,sBAAsB,EAAE,IAAI,EAC5B,qBAAqB,EAAE,IAAI,EAC3B,eAAe,EAAE,CAAC,QAAQ,EAC1B,iBAAiB,EAAE,iBAAiB,KAChC,iBAAiB,IAEpB,QAAQ,CACkB,CACN,CAC1B,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,KAChB,IAAI,EACR,GAAG,EAAE,iBAAiB,KAClB,iBAAiB,KACjB,0BAA0B,CAAC,IAAI,kBAAkB,CAAC,cAAc,CAAC,EAAE,CAAC;QAEvE,MAAM;QACN,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport {\n getAnalyticsLabelAttribute,\n getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { InternalContainerAsSubstep } from '../container/internal';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataExpandableSectionComponent } from './analytics-metadata/interfaces';\nimport { InternalVariant } from './internal-interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\ninterface ExpandableSectionContainerProps extends InternalBaseComponentProps {\n className?: string;\n header: React.ReactNode;\n children?: React.ReactNode;\n variant: InternalVariant;\n expanded: boolean | undefined;\n __injectAnalyticsComponentMetadata?: boolean;\n}\n\nexport const ExpandableSectionContainer = ({\n className,\n children,\n header,\n variant,\n expanded,\n __internalRootRef,\n __injectAnalyticsComponentMetadata,\n ...rest\n}: ExpandableSectionContainerProps) => {\n const analyticsMetadata = getAnalyticsMetadataProps(rest as BasePropsWithAnalyticsMetadata);\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataExpandableSectionComponent = {\n name: 'awsui.ExpandableSection',\n label: { root: 'self' },\n properties: { variant, expanded: `${!!expanded}` },\n };\n\n const metadataAttribute = __injectAnalyticsComponentMetadata\n ? getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })\n : {};\n\n if (variant === 'container' || variant === 'stacked') {\n return (\n <AnalyticsFunnelSubStep\n subStepIdentifier={analyticsMetadata?.instanceIdentifier}\n subStepErrorContext={analyticsMetadata?.errorContext}\n >\n <InternalContainerAsSubstep\n {...rest}\n className={className}\n header={header}\n variant={variant === 'stacked' ? 'stacked' : 'default'}\n disableContentPaddings={true}\n disableHeaderPaddings={true}\n __hiddenContent={!expanded}\n __internalRootRef={__internalRootRef}\n {...metadataAttribute}\n >\n {children}\n </InternalContainerAsSubstep>\n </AnalyticsFunnelSubStep>\n );\n }\n\n return (\n <div\n className={className}\n {...rest}\n ref={__internalRootRef}\n {...metadataAttribute}\n {...getAnalyticsLabelAttribute(`.${analyticsSelectors['header-label']}`)}\n >\n {header}\n {children}\n </div>\n );\n};\n"]}
@@ -25,7 +25,8 @@ interface ExpandableSectionHeaderProps extends Omit<ExpandableDefaultHeaderProps
25
25
  headerActions?: ReactNode;
26
26
  headingTagOverride?: ExpandableSectionProps.HeadingTag;
27
27
  ariaLabelledBy?: string;
28
+ hideExpandIcon?: boolean;
28
29
  }
29
- export declare const ExpandableSectionHeader: ({ id, descriptionId, className, variant, header, headerText, headerDescription, headerCounter, headerInfo, headerActions, headingTagOverride, expanded, ariaControls, ariaLabel, ariaLabelledBy, onKeyUp, onKeyDown, onClick, expandIconPosition, }: ExpandableSectionHeaderProps) => JSX.Element;
30
+ export declare const ExpandableSectionHeader: ({ id, descriptionId, className, variant, header, headerText, headerDescription, headerCounter, headerInfo, headerActions, headingTagOverride, expanded, ariaControls, ariaLabel, ariaLabelledBy, onKeyUp, onKeyDown, onClick, expandIconPosition, hideExpandIcon, }: ExpandableSectionHeaderProps) => JSX.Element;
30
31
  export {};
31
32
  //# sourceMappingURL=expandable-section-header.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"expandable-section-header.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAalF,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAwExD,UAAU,4BAA4B;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC;IACzB,kBAAkB,EAAE,OAAO,GAAG,KAAK,CAAC;CACrC;AAcD,UAAU,4BAA6B,SAAQ,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,MAAM,CAAC;IACpG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAkQD,eAAO,MAAM,uBAAuB,GAAI,qPAoBrC,4BAA4B,gBA6F9B,CAAC"}
1
+ {"version":3,"file":"expandable-section-header.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAalF,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAwExD,UAAU,4BAA4B;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,SAAS,EAAE,oBAAoB,CAAC;IAChC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,OAAO,EAAE,eAAe,CAAC;IACzB,kBAAkB,EAAE,OAAO,GAAG,KAAK,CAAC;CACrC;AAeD,UAAU,4BAA6B,SAAQ,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,MAAM,CAAC;IACpG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAmQD,eAAO,MAAM,uBAAuB,GAAI,qQAqBrC,4BAA4B,gBA8F9B,CAAC"}
@@ -46,8 +46,8 @@ const ExpandableDeprecatedHeader = ({ id, className, onClick, ariaLabel, ariaCon
46
46
  React.createElement("div", { className: clsx(styles['icon-container'], styles[`icon-container-${variant}`]) }, icon),
47
47
  children));
48
48
  };
49
- const ExpandableNavigationHeader = ({ id, className, onClick, ariaLabelledBy, ariaLabel, ariaControls, expanded, children, icon, expandIconPosition, }) => {
50
- const expandButton = (React.createElement(ExpandIconButton, { icon: icon, ariaLabelledBy: ariaLabelledBy, ariaLabel: ariaLabel, ariaControls: ariaControls, expanded: expanded, onClick: onClick, className: expandIconPosition === 'end' ? styles['icon-container-end'] : undefined }));
49
+ const ExpandableNavigationHeader = ({ id, className, onClick, ariaLabelledBy, ariaLabel, ariaControls, expanded, children, icon, expandIconPosition, hideExpandIcon, }) => {
50
+ const expandButton = hideExpandIcon ? null : (React.createElement(ExpandIconButton, { icon: icon, ariaLabelledBy: ariaLabelledBy, ariaLabel: ariaLabel, ariaControls: ariaControls, expanded: expanded, onClick: onClick, className: expandIconPosition === 'end' ? styles['icon-container-end'] : undefined }));
51
51
  return (React.createElement("div", { id: id, className: clsx(className, styles['click-target'], analyticsSelectors['header-label'], expandIconPosition === 'end' && styles['header-icon-end']) }, expandIconPosition === 'end' ? (React.createElement(React.Fragment, null,
52
52
  children,
53
53
  expandButton)) : (React.createElement(React.Fragment, null,
@@ -98,7 +98,7 @@ const ExpandableHeaderTextWrapper = ({ id, descriptionId, className, onClick, ar
98
98
  description && React.createElement(HeaderDescription, { variantOverride: "h3" }, description),
99
99
  outsideIcon))));
100
100
  };
101
- export const ExpandableSectionHeader = ({ id, descriptionId, className, variant, header, headerText, headerDescription, headerCounter, headerInfo, headerActions, headingTagOverride, expanded, ariaControls, ariaLabel, ariaLabelledBy, onKeyUp, onKeyDown, onClick, expandIconPosition, }) => {
101
+ export const ExpandableSectionHeader = ({ id, descriptionId, className, variant, header, headerText, headerDescription, headerCounter, headerInfo, headerActions, headingTagOverride, expanded, ariaControls, ariaLabel, ariaLabelledBy, onKeyUp, onKeyDown, onClick, expandIconPosition, hideExpandIcon, }) => {
102
102
  const alwaysShowDivider = variantRequiresActionsDivider(variant) && headerActions;
103
103
  const icon = (React.createElement(InternalIcon, { size: isThemeActive(Theme.OneTheme) ? 'x-small' : variant === 'container' ? 'medium' : 'normal', className: clsx(styles.icon, expanded && styles.expanded), name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled' }));
104
104
  const defaultHeaderProps = {
@@ -122,7 +122,7 @@ export const ExpandableSectionHeader = ({ id, descriptionId, className, variant,
122
122
  }
123
123
  const wrapperClassName = clsx(styles.wrapper, styles[`wrapper-${variant}`], (expanded || alwaysShowDivider) && styles['wrapper-expanded']);
124
124
  if (variant === 'navigation') {
125
- return (React.createElement(ExpandableNavigationHeader, { className: clsx(className, wrapperClassName), ariaLabelledBy: ariaLabelledBy, ...defaultHeaderProps },
125
+ return (React.createElement(ExpandableNavigationHeader, { className: clsx(className, wrapperClassName), ariaLabelledBy: ariaLabelledBy, hideExpandIcon: hideExpandIcon, ...defaultHeaderProps },
126
126
  React.createElement("span", { className: styles['header-navigation-content'] }, headerText !== null && headerText !== void 0 ? headerText : header)));
127
127
  }
128
128
  if (headerText || variant === 'inline') {
@@ -1 +1 @@
1
- {"version":3,"file":"expandable-section-header.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalHeader, { Description as HeaderDescription } from '../header/internal';\nimport InternalIcon from '../icon/internal';\nimport { isDevelopment } from '../internal/is-development';\nimport {\n GeneratedAnalyticsMetadataExpandableSectionCollapse,\n GeneratedAnalyticsMetadataExpandableSectionExpand,\n} from './analytics-metadata/interfaces';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalVariant } from './internal-interfaces';\nimport {\n variantRequiresActionsDivider,\n variantSupportsActions,\n variantSupportsDescription,\n variantSupportsInfoLink,\n} from './utils';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nconst componentName = 'ExpandableSection';\n\ninterface ExpandIconButtonProps {\n icon: JSX.Element;\n ariaLabel?: string;\n ariaLabelledBy?: string;\n ariaControls: string;\n expanded: boolean;\n onClick: MouseEventHandler;\n stopPropagation?: boolean;\n className?: string;\n}\n\n/**\n * Standalone expand/collapse caret button used when the icon renders OUTSIDE\n * the main clickable header area (navigation variant) or outside the headerButton\n * (end-position with actions/container). This is always an independent interactive\n * element with its own ARIA attributes.\n */\nconst ExpandIconButton = ({\n icon,\n ariaLabel,\n ariaLabelledBy,\n ariaControls,\n expanded,\n onClick,\n stopPropagation,\n className,\n}: ExpandIconButtonProps) => {\n const stopKeyPropagation = stopPropagation\n ? (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.stopPropagation();\n }\n }\n : undefined;\n return (\n <button\n className={clsx(styles['icon-container'], styles['expand-button'], className)}\n type=\"button\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n onClick={\n stopPropagation\n ? event => {\n event.stopPropagation();\n onClick(event);\n }\n : onClick\n }\n onKeyUp={stopKeyPropagation}\n onKeyDown={stopKeyPropagation}\n {...getExpandActionAnalyticsMetadataAttribute(expanded)}\n >\n {icon}\n </button>\n );\n};\n\ninterface ExpandableDefaultHeaderProps {\n id: string;\n descriptionId?: string;\n className?: string;\n children?: ReactNode;\n expanded: boolean;\n ariaControls: string;\n ariaLabel?: string;\n onKeyUp: KeyboardEventHandler;\n onKeyDown: KeyboardEventHandler;\n onClick: MouseEventHandler;\n icon: JSX.Element;\n variant: InternalVariant;\n expandIconPosition: 'start' | 'end';\n}\n\ninterface ExpandableNavigationHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'onKeyUp' | 'onKeyDown'> {\n ariaLabelledBy?: string;\n}\n\ninterface ExpandableHeaderTextWrapperProps extends ExpandableDefaultHeaderProps {\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n}\n\ninterface ExpandableSectionHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'children' | 'icon'> {\n header?: ReactNode;\n headerText?: ReactNode;\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n ariaLabelledBy?: string;\n}\n\nconst getExpandActionAnalyticsMetadataAttribute = (expanded: boolean) => {\n const metadata:\n | GeneratedAnalyticsMetadataExpandableSectionExpand\n | GeneratedAnalyticsMetadataExpandableSectionCollapse = {\n action: !expanded ? 'expand' : 'collapse',\n detail: {\n label: { rootSelector: `.${analyticsSelectors.root}` },\n },\n };\n return getAnalyticsMetadataAttribute(metadata);\n};\nconst ExpandableDeprecatedHeader = ({\n id,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n onKeyUp,\n onKeyDown,\n variant,\n}: ExpandableDefaultHeaderProps) => {\n return (\n <div\n id={id}\n role=\"button\"\n className={clsx(\n className,\n styles['expand-button'],\n styles['click-target'],\n styles['header-deprecated'],\n analyticsSelectors['header-label']\n )}\n tabIndex={0}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n {...getExpandActionAnalyticsMetadataAttribute(expanded)}\n >\n <div className={clsx(styles['icon-container'], styles[`icon-container-${variant}`])}>{icon}</div>\n {children}\n </div>\n );\n};\n\nconst ExpandableNavigationHeader = ({\n id,\n className,\n onClick,\n ariaLabelledBy,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n expandIconPosition,\n}: ExpandableNavigationHeaderProps) => {\n const expandButton = (\n <ExpandIconButton\n icon={icon}\n ariaLabelledBy={ariaLabelledBy}\n ariaLabel={ariaLabel}\n ariaControls={ariaControls}\n expanded={expanded}\n onClick={onClick}\n className={expandIconPosition === 'end' ? styles['icon-container-end'] : undefined}\n />\n );\n return (\n <div\n id={id}\n className={clsx(\n className,\n styles['click-target'],\n analyticsSelectors['header-label'],\n expandIconPosition === 'end' && styles['header-icon-end']\n )}\n >\n {expandIconPosition === 'end' ? (\n <>\n {children}\n {expandButton}\n </>\n ) : (\n <>\n {expandButton}\n {children}\n </>\n )}\n </div>\n );\n};\n\nconst ExpandableHeaderTextWrapper = ({\n id,\n descriptionId,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n variant,\n headingTagOverride,\n onKeyUp,\n onKeyDown,\n expandIconPosition,\n}: ExpandableHeaderTextWrapperProps) => {\n const isContainer = variant === 'container';\n const HeadingTag = headingTagOverride || 'div';\n const supportsInteractiveElements = variantSupportsActions(variant);\n const restrictClickableArea = supportsInteractiveElements && (headerInfo || headerActions);\n const actions = supportsInteractiveElements && headerActions;\n const description = variantSupportsDescription(variant) && headerDescription && (\n <span id={descriptionId} className={styles[`description-${variant}`]}>\n {headerDescription}\n </span>\n );\n const listeners = { onClick, onKeyDown, onKeyUp };\n const iconAtEnd = expandIconPosition === 'end';\n // For the variants that allow actions, when end placement is active, the icon is rendered outside the\n // InternalHeader so it appears at the inline-end of the wrapper, past any header actions.\n // Other variants render the icon at the end of the headerButton itself.\n const renderIconOutsideHeader = iconAtEnd && (isContainer || !!actions);\n\n // If interactive elements are present, constrain the clickable area to only the icon and the header text\n // to prevent nesting interactive elements.\n const headerButtonListeners = restrictClickableArea ? listeners : undefined;\n // For the default and footer variants with description,\n // include also the immediate wrapper around it to include the entire row for backwards compatibility,\n // but exclude the description.\n const headingTagListeners = !headerButtonListeners && !isContainer && description ? listeners : undefined;\n // For all other cases, make the entire header clickable for backwards compatibility.\n const wrapperListeners = !headerButtonListeners && !headingTagListeners ? listeners : undefined;\n\n // Standalone caret button — used when the icon is rendered OUTSIDE the headerButton\n // (end-position with container or actions). Must be its own <button> for accessibility.\n const expandButton = (\n <ExpandIconButton\n icon={icon}\n ariaLabel={ariaLabel}\n ariaLabelledBy={!ariaLabel ? id : undefined}\n ariaControls={ariaControls}\n expanded={expanded}\n onClick={onClick}\n stopPropagation={true}\n className={clsx(styles[`icon-container-${variant}`], styles['icon-container-end'])}\n />\n );\n\n // Decorative inline icon — used when the caret is INSIDE the headerButton\n // (which itself is the interactive element). A nested <button> would be illegal.\n const expandIcon = (\n <span\n className={clsx(\n styles['icon-container'],\n styles[`icon-container-${variant}`],\n iconAtEnd && styles['icon-container-end']\n )}\n >\n {icon}\n </span>\n );\n\n const outsideIcon = renderIconOutsideHeader ? expandButton : null;\n\n const textElement = (\n <span id={id} className={clsx(styles['header-text'], analyticsSelectors['header-label'])}>\n {children}\n </span>\n );\n const headerButton = (\n <span\n className={clsx(\n styles['expand-button'],\n isContainer ? styles['header-container-button'] : styles['header-button'],\n iconAtEnd && styles['header-button-icon-end'],\n headerButtonListeners && styles['click-target']\n )}\n role=\"button\"\n tabIndex={0}\n aria-label={ariaLabel}\n aria-labelledby={!ariaLabel && description ? id : undefined}\n aria-describedby={description ? descriptionId : undefined}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n {...headerButtonListeners}\n {...(headerButtonListeners ? getExpandActionAnalyticsMetadataAttribute(expanded) : {})}\n >\n {renderIconOutsideHeader ? (\n textElement\n ) : iconAtEnd ? (\n <>\n {textElement}\n {expandIcon}\n </>\n ) : (\n <>\n {expandIcon}\n {textElement}\n </>\n )}\n </span>\n );\n\n return (\n <div\n className={clsx(className, wrapperListeners && styles['click-target'], iconAtEnd && styles['header-icon-end'])}\n {...wrapperListeners}\n {...(wrapperListeners ? getExpandActionAnalyticsMetadataAttribute(expanded) : {})}\n >\n {isContainer ? (\n <>\n <InternalHeader\n variant=\"h2\"\n description={description}\n counter={headerCounter}\n info={headerInfo}\n actions={actions}\n headingTagOverride={headingTagOverride}\n __inExpandableSection={true}\n >\n {headerButton}\n </InternalHeader>\n {outsideIcon}\n </>\n ) : (\n <>\n <div className={clsx(styles['header-content'], actions && styles['header-actions-wrapper'])}>\n <HeadingTag\n className={clsx(styles['header-wrapper'], headingTagListeners && styles['click-target'])}\n {...headingTagListeners}\n {...(headingTagListeners ? getExpandActionAnalyticsMetadataAttribute(expanded) : {})}\n >\n {headerButton}\n </HeadingTag>\n {actions}\n </div>\n {description && <HeaderDescription variantOverride=\"h3\">{description}</HeaderDescription>}\n {outsideIcon}\n </>\n )}\n </div>\n );\n};\n\nexport const ExpandableSectionHeader = ({\n id,\n descriptionId,\n className,\n variant,\n header,\n headerText,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n headingTagOverride,\n expanded,\n ariaControls,\n ariaLabel,\n ariaLabelledBy,\n onKeyUp,\n onKeyDown,\n onClick,\n expandIconPosition,\n}: ExpandableSectionHeaderProps) => {\n const alwaysShowDivider = variantRequiresActionsDivider(variant) && headerActions;\n const icon = (\n <InternalIcon\n size={isThemeActive(Theme.OneTheme) ? 'x-small' : variant === 'container' ? 'medium' : 'normal'}\n className={clsx(styles.icon, expanded && styles.expanded)}\n name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n />\n );\n const defaultHeaderProps = {\n id: id,\n icon: icon,\n expanded: expanded,\n ariaControls: ariaControls,\n ariaLabel: ariaLabel,\n onClick: onClick,\n variant,\n expandIconPosition,\n };\n\n if ((headerCounter || headerInfo) && !variantSupportsInfoLink(variant) && isDevelopment) {\n warnOnce(\n componentName,\n 'The `headerCounter` and `headerInfo` props are only supported for the \"container\" variant.'\n );\n }\n\n if (headerActions && !variantSupportsActions(variant) && isDevelopment) {\n warnOnce(componentName, `The \\`headerActions\\` prop is only supported for the \"container\" and \"default\" variants.`);\n }\n\n if (headerDescription && !variantSupportsDescription(variant) && isDevelopment) {\n warnOnce(componentName, `The \\`headerDescription\\` prop is not supported for the ${variant} variant.`);\n }\n\n const wrapperClassName = clsx(\n styles.wrapper,\n styles[`wrapper-${variant}`],\n (expanded || alwaysShowDivider) && styles['wrapper-expanded']\n );\n if (variant === 'navigation') {\n return (\n <ExpandableNavigationHeader\n className={clsx(className, wrapperClassName)}\n ariaLabelledBy={ariaLabelledBy}\n {...defaultHeaderProps}\n >\n <span className={styles['header-navigation-content']}>{headerText ?? header}</span>\n </ExpandableNavigationHeader>\n );\n }\n\n if (headerText || variant === 'inline') {\n if (!headerText && header && variant === 'inline') {\n warnOnce(componentName, 'Only `headerText` instead of `header` is supported for `inline` variant.');\n }\n return (\n <ExpandableHeaderTextWrapper\n className={clsx(\n className,\n wrapperClassName,\n expanded && styles.expanded,\n !expanded && (!headerActions || headerDescription) && styles['wrapper-not-expanded-without-actions']\n )}\n descriptionId={descriptionId}\n headerDescription={headerDescription}\n headerCounter={headerCounter}\n headerInfo={headerInfo}\n headerActions={headerActions}\n headingTagOverride={headingTagOverride}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {headerText}\n </ExpandableHeaderTextWrapper>\n );\n }\n\n if (variant === 'container' && header && isDevelopment) {\n warnOnce(componentName, 'Use `headerText` instead of `header` to provide the button within the heading for a11y.');\n }\n\n return (\n <ExpandableDeprecatedHeader\n className={clsx(className, wrapperClassName, styles.focusable, expanded && styles.expanded)}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {header}\n </ExpandableDeprecatedHeader>\n );\n};\n"]}
1
+ {"version":3,"file":"expandable-section-header.js","sourceRoot":"","sources":["../../../src/expandable-section/expandable-section-header.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalHeader, { Description as HeaderDescription } from '../header/internal';\nimport InternalIcon from '../icon/internal';\nimport { isDevelopment } from '../internal/is-development';\nimport {\n GeneratedAnalyticsMetadataExpandableSectionCollapse,\n GeneratedAnalyticsMetadataExpandableSectionExpand,\n} from './analytics-metadata/interfaces';\nimport { ExpandableSectionProps } from './interfaces';\nimport { InternalVariant } from './internal-interfaces';\nimport {\n variantRequiresActionsDivider,\n variantSupportsActions,\n variantSupportsDescription,\n variantSupportsInfoLink,\n} from './utils';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nconst componentName = 'ExpandableSection';\n\ninterface ExpandIconButtonProps {\n icon: JSX.Element;\n ariaLabel?: string;\n ariaLabelledBy?: string;\n ariaControls: string;\n expanded: boolean;\n onClick: MouseEventHandler;\n stopPropagation?: boolean;\n className?: string;\n}\n\n/**\n * Standalone expand/collapse caret button used when the icon renders OUTSIDE\n * the main clickable header area (navigation variant) or outside the headerButton\n * (end-position with actions/container). This is always an independent interactive\n * element with its own ARIA attributes.\n */\nconst ExpandIconButton = ({\n icon,\n ariaLabel,\n ariaLabelledBy,\n ariaControls,\n expanded,\n onClick,\n stopPropagation,\n className,\n}: ExpandIconButtonProps) => {\n const stopKeyPropagation = stopPropagation\n ? (event: React.KeyboardEvent) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.stopPropagation();\n }\n }\n : undefined;\n return (\n <button\n className={clsx(styles['icon-container'], styles['expand-button'], className)}\n type=\"button\"\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n onClick={\n stopPropagation\n ? event => {\n event.stopPropagation();\n onClick(event);\n }\n : onClick\n }\n onKeyUp={stopKeyPropagation}\n onKeyDown={stopKeyPropagation}\n {...getExpandActionAnalyticsMetadataAttribute(expanded)}\n >\n {icon}\n </button>\n );\n};\n\ninterface ExpandableDefaultHeaderProps {\n id: string;\n descriptionId?: string;\n className?: string;\n children?: ReactNode;\n expanded: boolean;\n ariaControls: string;\n ariaLabel?: string;\n onKeyUp: KeyboardEventHandler;\n onKeyDown: KeyboardEventHandler;\n onClick: MouseEventHandler;\n icon: JSX.Element;\n variant: InternalVariant;\n expandIconPosition: 'start' | 'end';\n}\n\ninterface ExpandableNavigationHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'onKeyUp' | 'onKeyDown'> {\n ariaLabelledBy?: string;\n hideExpandIcon?: boolean;\n}\n\ninterface ExpandableHeaderTextWrapperProps extends ExpandableDefaultHeaderProps {\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n}\n\ninterface ExpandableSectionHeaderProps extends Omit<ExpandableDefaultHeaderProps, 'children' | 'icon'> {\n header?: ReactNode;\n headerText?: ReactNode;\n headerDescription?: ReactNode;\n headerCounter?: string;\n headerInfo?: ReactNode;\n headerActions?: ReactNode;\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n ariaLabelledBy?: string;\n hideExpandIcon?: boolean;\n}\n\nconst getExpandActionAnalyticsMetadataAttribute = (expanded: boolean) => {\n const metadata:\n | GeneratedAnalyticsMetadataExpandableSectionExpand\n | GeneratedAnalyticsMetadataExpandableSectionCollapse = {\n action: !expanded ? 'expand' : 'collapse',\n detail: {\n label: { rootSelector: `.${analyticsSelectors.root}` },\n },\n };\n return getAnalyticsMetadataAttribute(metadata);\n};\nconst ExpandableDeprecatedHeader = ({\n id,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n onKeyUp,\n onKeyDown,\n variant,\n}: ExpandableDefaultHeaderProps) => {\n return (\n <div\n id={id}\n role=\"button\"\n className={clsx(\n className,\n styles['expand-button'],\n styles['click-target'],\n styles['header-deprecated'],\n analyticsSelectors['header-label']\n )}\n tabIndex={0}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n onClick={onClick}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n {...getExpandActionAnalyticsMetadataAttribute(expanded)}\n >\n <div className={clsx(styles['icon-container'], styles[`icon-container-${variant}`])}>{icon}</div>\n {children}\n </div>\n );\n};\n\nconst ExpandableNavigationHeader = ({\n id,\n className,\n onClick,\n ariaLabelledBy,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n expandIconPosition,\n hideExpandIcon,\n}: ExpandableNavigationHeaderProps) => {\n const expandButton = hideExpandIcon ? null : (\n <ExpandIconButton\n icon={icon}\n ariaLabelledBy={ariaLabelledBy}\n ariaLabel={ariaLabel}\n ariaControls={ariaControls}\n expanded={expanded}\n onClick={onClick}\n className={expandIconPosition === 'end' ? styles['icon-container-end'] : undefined}\n />\n );\n return (\n <div\n id={id}\n className={clsx(\n className,\n styles['click-target'],\n analyticsSelectors['header-label'],\n expandIconPosition === 'end' && styles['header-icon-end']\n )}\n >\n {expandIconPosition === 'end' ? (\n <>\n {children}\n {expandButton}\n </>\n ) : (\n <>\n {expandButton}\n {children}\n </>\n )}\n </div>\n );\n};\n\nconst ExpandableHeaderTextWrapper = ({\n id,\n descriptionId,\n className,\n onClick,\n ariaLabel,\n ariaControls,\n expanded,\n children,\n icon,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n variant,\n headingTagOverride,\n onKeyUp,\n onKeyDown,\n expandIconPosition,\n}: ExpandableHeaderTextWrapperProps) => {\n const isContainer = variant === 'container';\n const HeadingTag = headingTagOverride || 'div';\n const supportsInteractiveElements = variantSupportsActions(variant);\n const restrictClickableArea = supportsInteractiveElements && (headerInfo || headerActions);\n const actions = supportsInteractiveElements && headerActions;\n const description = variantSupportsDescription(variant) && headerDescription && (\n <span id={descriptionId} className={styles[`description-${variant}`]}>\n {headerDescription}\n </span>\n );\n const listeners = { onClick, onKeyDown, onKeyUp };\n const iconAtEnd = expandIconPosition === 'end';\n // For the variants that allow actions, when end placement is active, the icon is rendered outside the\n // InternalHeader so it appears at the inline-end of the wrapper, past any header actions.\n // Other variants render the icon at the end of the headerButton itself.\n const renderIconOutsideHeader = iconAtEnd && (isContainer || !!actions);\n\n // If interactive elements are present, constrain the clickable area to only the icon and the header text\n // to prevent nesting interactive elements.\n const headerButtonListeners = restrictClickableArea ? listeners : undefined;\n // For the default and footer variants with description,\n // include also the immediate wrapper around it to include the entire row for backwards compatibility,\n // but exclude the description.\n const headingTagListeners = !headerButtonListeners && !isContainer && description ? listeners : undefined;\n // For all other cases, make the entire header clickable for backwards compatibility.\n const wrapperListeners = !headerButtonListeners && !headingTagListeners ? listeners : undefined;\n\n // Standalone caret button — used when the icon is rendered OUTSIDE the headerButton\n // (end-position with container or actions). Must be its own <button> for accessibility.\n const expandButton = (\n <ExpandIconButton\n icon={icon}\n ariaLabel={ariaLabel}\n ariaLabelledBy={!ariaLabel ? id : undefined}\n ariaControls={ariaControls}\n expanded={expanded}\n onClick={onClick}\n stopPropagation={true}\n className={clsx(styles[`icon-container-${variant}`], styles['icon-container-end'])}\n />\n );\n\n // Decorative inline icon — used when the caret is INSIDE the headerButton\n // (which itself is the interactive element). A nested <button> would be illegal.\n const expandIcon = (\n <span\n className={clsx(\n styles['icon-container'],\n styles[`icon-container-${variant}`],\n iconAtEnd && styles['icon-container-end']\n )}\n >\n {icon}\n </span>\n );\n\n const outsideIcon = renderIconOutsideHeader ? expandButton : null;\n\n const textElement = (\n <span id={id} className={clsx(styles['header-text'], analyticsSelectors['header-label'])}>\n {children}\n </span>\n );\n const headerButton = (\n <span\n className={clsx(\n styles['expand-button'],\n isContainer ? styles['header-container-button'] : styles['header-button'],\n iconAtEnd && styles['header-button-icon-end'],\n headerButtonListeners && styles['click-target']\n )}\n role=\"button\"\n tabIndex={0}\n aria-label={ariaLabel}\n aria-labelledby={!ariaLabel && description ? id : undefined}\n aria-describedby={description ? descriptionId : undefined}\n aria-controls={ariaControls}\n aria-expanded={expanded}\n {...headerButtonListeners}\n {...(headerButtonListeners ? getExpandActionAnalyticsMetadataAttribute(expanded) : {})}\n >\n {renderIconOutsideHeader ? (\n textElement\n ) : iconAtEnd ? (\n <>\n {textElement}\n {expandIcon}\n </>\n ) : (\n <>\n {expandIcon}\n {textElement}\n </>\n )}\n </span>\n );\n\n return (\n <div\n className={clsx(className, wrapperListeners && styles['click-target'], iconAtEnd && styles['header-icon-end'])}\n {...wrapperListeners}\n {...(wrapperListeners ? getExpandActionAnalyticsMetadataAttribute(expanded) : {})}\n >\n {isContainer ? (\n <>\n <InternalHeader\n variant=\"h2\"\n description={description}\n counter={headerCounter}\n info={headerInfo}\n actions={actions}\n headingTagOverride={headingTagOverride}\n __inExpandableSection={true}\n >\n {headerButton}\n </InternalHeader>\n {outsideIcon}\n </>\n ) : (\n <>\n <div className={clsx(styles['header-content'], actions && styles['header-actions-wrapper'])}>\n <HeadingTag\n className={clsx(styles['header-wrapper'], headingTagListeners && styles['click-target'])}\n {...headingTagListeners}\n {...(headingTagListeners ? getExpandActionAnalyticsMetadataAttribute(expanded) : {})}\n >\n {headerButton}\n </HeadingTag>\n {actions}\n </div>\n {description && <HeaderDescription variantOverride=\"h3\">{description}</HeaderDescription>}\n {outsideIcon}\n </>\n )}\n </div>\n );\n};\n\nexport const ExpandableSectionHeader = ({\n id,\n descriptionId,\n className,\n variant,\n header,\n headerText,\n headerDescription,\n headerCounter,\n headerInfo,\n headerActions,\n headingTagOverride,\n expanded,\n ariaControls,\n ariaLabel,\n ariaLabelledBy,\n onKeyUp,\n onKeyDown,\n onClick,\n expandIconPosition,\n hideExpandIcon,\n}: ExpandableSectionHeaderProps) => {\n const alwaysShowDivider = variantRequiresActionsDivider(variant) && headerActions;\n const icon = (\n <InternalIcon\n size={isThemeActive(Theme.OneTheme) ? 'x-small' : variant === 'container' ? 'medium' : 'normal'}\n className={clsx(styles.icon, expanded && styles.expanded)}\n name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n />\n );\n const defaultHeaderProps = {\n id: id,\n icon: icon,\n expanded: expanded,\n ariaControls: ariaControls,\n ariaLabel: ariaLabel,\n onClick: onClick,\n variant,\n expandIconPosition,\n };\n\n if ((headerCounter || headerInfo) && !variantSupportsInfoLink(variant) && isDevelopment) {\n warnOnce(\n componentName,\n 'The `headerCounter` and `headerInfo` props are only supported for the \"container\" variant.'\n );\n }\n\n if (headerActions && !variantSupportsActions(variant) && isDevelopment) {\n warnOnce(componentName, `The \\`headerActions\\` prop is only supported for the \"container\" and \"default\" variants.`);\n }\n\n if (headerDescription && !variantSupportsDescription(variant) && isDevelopment) {\n warnOnce(componentName, `The \\`headerDescription\\` prop is not supported for the ${variant} variant.`);\n }\n\n const wrapperClassName = clsx(\n styles.wrapper,\n styles[`wrapper-${variant}`],\n (expanded || alwaysShowDivider) && styles['wrapper-expanded']\n );\n if (variant === 'navigation') {\n return (\n <ExpandableNavigationHeader\n className={clsx(className, wrapperClassName)}\n ariaLabelledBy={ariaLabelledBy}\n hideExpandIcon={hideExpandIcon}\n {...defaultHeaderProps}\n >\n <span className={styles['header-navigation-content']}>{headerText ?? header}</span>\n </ExpandableNavigationHeader>\n );\n }\n\n if (headerText || variant === 'inline') {\n if (!headerText && header && variant === 'inline') {\n warnOnce(componentName, 'Only `headerText` instead of `header` is supported for `inline` variant.');\n }\n return (\n <ExpandableHeaderTextWrapper\n className={clsx(\n className,\n wrapperClassName,\n expanded && styles.expanded,\n !expanded && (!headerActions || headerDescription) && styles['wrapper-not-expanded-without-actions']\n )}\n descriptionId={descriptionId}\n headerDescription={headerDescription}\n headerCounter={headerCounter}\n headerInfo={headerInfo}\n headerActions={headerActions}\n headingTagOverride={headingTagOverride}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {headerText}\n </ExpandableHeaderTextWrapper>\n );\n }\n\n if (variant === 'container' && header && isDevelopment) {\n warnOnce(componentName, 'Use `headerText` instead of `header` to provide the button within the heading for a11y.');\n }\n\n return (\n <ExpandableDeprecatedHeader\n className={clsx(className, wrapperClassName, styles.focusable, expanded && styles.expanded)}\n onKeyUp={onKeyUp}\n onKeyDown={onKeyDown}\n {...defaultHeaderProps}\n >\n {header}\n </ExpandableDeprecatedHeader>\n );\n};\n"]}
@@ -13,10 +13,15 @@ export type InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'varia
13
13
  /**
14
14
  * Removes default padding from the header wrapper and content wrapper.
15
15
  * Used by side-navigation to zero out expandable-section's own padding so the
16
- * parent can control spacing directly, eliminating brittle cross-component
17
- * positional selectors.
16
+ * parent can control spacing directly.
18
17
  */
19
18
  __disableHeaderPaddings?: boolean;
19
+ /**
20
+ * When true, the expand/collapse icon button is hidden from assistive technology
21
+ * and removed from the tab order. Used by side-navigation when the nav is collapsed
22
+ * and the caret is visually clipped but still present in the DOM.
23
+ */
24
+ __hideExpandIcon?: boolean;
20
25
  };
21
- export default function InternalExpandableSection({ expanded: controlledExpanded, defaultExpanded, onChange, variant, children, header, headerText, headerCounter, headerDescription, headerInfo, headerActions, headingTagOverride, disableContentPaddings, headerAriaLabel, __internalRootRef, __injectAnalyticsComponentMetadata, __expandIconPosition, __disableHeaderPaddings, ...props }: InternalExpandableSectionProps): JSX.Element;
26
+ export default function InternalExpandableSection({ expanded: controlledExpanded, defaultExpanded, onChange, variant, children, header, headerText, headerCounter, headerDescription, headerInfo, headerActions, headingTagOverride, disableContentPaddings, headerAriaLabel, __internalRootRef, __injectAnalyticsComponentMetadata, __expandIconPosition, __disableHeaderPaddings, __hideExpandIcon, ...props }: InternalExpandableSectionProps): JSX.Element;
22
27
  //# sourceMappingURL=internal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAKlF,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMxD,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAClF,0BAA0B,GAAG;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kCAAkC,EAClC,oBAA8B,EAC9B,uBAA+B,EAC/B,GAAG,KAAK,EACT,EAAE,8BAA8B,eA4GhC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAMxD,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAClF,0BAA0B,GAAG;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACvC;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kCAAkC,EAClC,oBAA8B,EAC9B,uBAA+B,EAC/B,gBAAwB,EACxB,GAAG,KAAK,EACT,EAAE,8BAA8B,eA+IhC"}