@cloudscape-design/components 3.0.1064 → 3.0.1066

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 (256) hide show
  1. package/alert/index.d.ts.map +1 -1
  2. package/alert/internal-do-not-use-core.js +7 -5
  3. package/alert/internal-do-not-use-core.js.map +1 -1
  4. package/alert/internal.d.ts +1 -1
  5. package/alert/internal.js +1 -1
  6. package/alert/internal.js.map +1 -1
  7. package/alert/style.js +3 -3
  8. package/alert/style.js.map +1 -1
  9. package/alert/styles.css.js +27 -27
  10. package/alert/styles.scoped.css +46 -46
  11. package/alert/styles.selectors.js +27 -27
  12. package/anchor-navigation/internal.d.ts.map +1 -1
  13. package/anchor-navigation/internal.js +1 -1
  14. package/anchor-navigation/internal.js.map +1 -1
  15. package/annotation-context/annotation/styles.css.js +24 -24
  16. package/annotation-context/annotation/styles.scoped.css +32 -32
  17. package/annotation-context/annotation/styles.selectors.js +24 -24
  18. package/app-layout/index.js.map +1 -1
  19. package/app-layout/notifications/styles.css.js +3 -3
  20. package/app-layout/notifications/styles.scoped.css +7 -7
  21. package/app-layout/notifications/styles.selectors.js +3 -3
  22. package/app-layout/visual-refresh/styles.css.js +86 -86
  23. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  24. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  25. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
  26. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +39 -39
  27. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
  28. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  29. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  30. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  31. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +23 -23
  32. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +46 -46
  33. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +23 -23
  34. package/app-layout-toolbar/index.js.map +1 -1
  35. package/area-chart/internal.d.ts.map +1 -1
  36. package/area-chart/internal.js +1 -1
  37. package/area-chart/internal.js.map +1 -1
  38. package/attribute-editor/internal.js +1 -1
  39. package/attribute-editor/internal.js.map +1 -1
  40. package/attribute-editor/styles.css.js +15 -15
  41. package/attribute-editor/styles.scoped.css +28 -28
  42. package/attribute-editor/styles.selectors.js +15 -15
  43. package/box/internal.d.ts.map +1 -1
  44. package/box/internal.js +1 -1
  45. package/box/internal.js.map +1 -1
  46. package/breadcrumb-group/item/styles.css.js +7 -7
  47. package/breadcrumb-group/item/styles.scoped.css +28 -28
  48. package/breadcrumb-group/item/styles.selectors.js +7 -7
  49. package/breadcrumb-group/skeleton.d.ts +1 -1
  50. package/button/internal.d.ts +2 -2
  51. package/button/internal.d.ts.map +1 -1
  52. package/button/internal.js +1 -1
  53. package/button/internal.js.map +1 -1
  54. package/button/styles.css.js +22 -22
  55. package/button/styles.scoped.css +212 -212
  56. package/button/styles.selectors.js +22 -22
  57. package/button-dropdown/item-element/styles.css.js +16 -16
  58. package/button-dropdown/item-element/styles.scoped.css +27 -27
  59. package/button-dropdown/item-element/styles.selectors.js +16 -16
  60. package/button-group/internal.js +1 -1
  61. package/button-group/internal.js.map +1 -1
  62. package/checkbox/styles.css.js +3 -3
  63. package/checkbox/styles.scoped.css +11 -11
  64. package/checkbox/styles.selectors.js +3 -3
  65. package/container/internal.d.ts.map +1 -1
  66. package/container/internal.js +1 -1
  67. package/container/internal.js.map +1 -1
  68. package/content-layout/styles.css.js +14 -14
  69. package/content-layout/styles.scoped.css +27 -27
  70. package/content-layout/styles.selectors.js +14 -14
  71. package/copy-to-clipboard/internal.d.ts.map +1 -1
  72. package/copy-to-clipboard/internal.js +1 -1
  73. package/copy-to-clipboard/internal.js.map +1 -1
  74. package/date-input/internal.d.ts +1 -1
  75. package/date-input/internal.js +1 -1
  76. package/date-input/internal.js.map +1 -1
  77. package/file-dropzone/internal.d.ts.map +1 -1
  78. package/file-dropzone/internal.js +1 -1
  79. package/file-dropzone/internal.js.map +1 -1
  80. package/file-input/internal.d.ts +1 -1
  81. package/file-input/internal.d.ts.map +1 -1
  82. package/file-input/internal.js +1 -1
  83. package/file-input/internal.js.map +1 -1
  84. package/file-upload/internal.d.ts +1 -1
  85. package/file-upload/internal.js +1 -1
  86. package/file-upload/internal.js.map +1 -1
  87. package/flashbar/styles.css.js +50 -50
  88. package/flashbar/styles.scoped.css +187 -187
  89. package/flashbar/styles.selectors.js +50 -50
  90. package/form/index.d.ts.map +1 -1
  91. package/form/index.js +6 -5
  92. package/form/index.js.map +1 -1
  93. package/form-field/interfaces.d.ts +1 -1
  94. package/form-field/interfaces.d.ts.map +1 -1
  95. package/form-field/interfaces.js.map +1 -1
  96. package/form-field/internal.d.ts.map +1 -1
  97. package/form-field/internal.js +6 -4
  98. package/form-field/internal.js.map +1 -1
  99. package/grid/internal.js +1 -1
  100. package/grid/internal.js.map +1 -1
  101. package/header/internal.d.ts.map +1 -1
  102. package/header/internal.js +1 -1
  103. package/header/internal.js.map +1 -1
  104. package/help-panel/styles.css.js +6 -6
  105. package/help-panel/styles.scoped.css +73 -73
  106. package/help-panel/styles.selectors.js +6 -6
  107. package/icon/internal.js +1 -1
  108. package/icon/internal.js.map +1 -1
  109. package/internal/base-component/styles.scoped.css +1 -1
  110. package/internal/components/drag-handle/button.d.ts +1 -1
  111. package/internal/components/drag-handle/button.d.ts.map +1 -1
  112. package/internal/components/drag-handle/button.js +8 -4
  113. package/internal/components/drag-handle/button.js.map +1 -1
  114. package/internal/components/drag-handle/index.d.ts +1 -1
  115. package/internal/components/drag-handle/index.d.ts.map +1 -1
  116. package/internal/components/drag-handle/index.js +3 -3
  117. package/internal/components/drag-handle/index.js.map +1 -1
  118. package/internal/components/drag-handle/interfaces.d.ts +3 -0
  119. package/internal/components/drag-handle/interfaces.d.ts.map +1 -1
  120. package/internal/components/drag-handle/interfaces.js.map +1 -1
  121. package/internal/components/drag-handle/styles.css.js +14 -13
  122. package/internal/components/drag-handle/styles.scoped.css +22 -18
  123. package/internal/components/drag-handle/styles.selectors.js +14 -13
  124. package/internal/components/drag-handle-wrapper/index.d.ts +1 -0
  125. package/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  126. package/internal/components/drag-handle-wrapper/index.js +10 -9
  127. package/internal/components/drag-handle-wrapper/index.js.map +1 -1
  128. package/internal/components/drag-handle-wrapper/interfaces.d.ts +2 -1
  129. package/internal/components/drag-handle-wrapper/interfaces.d.ts.map +1 -1
  130. package/internal/components/drag-handle-wrapper/interfaces.js.map +1 -1
  131. package/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  132. package/internal/components/drag-handle-wrapper/styles.scoped.css +44 -44
  133. package/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  134. package/internal/components/dropdown/styles.css.js +20 -20
  135. package/internal/components/dropdown/styles.scoped.css +38 -38
  136. package/internal/components/dropdown/styles.selectors.js +20 -20
  137. package/internal/components/sortable-area/index.d.ts.map +1 -1
  138. package/internal/components/sortable-area/index.js +20 -5
  139. package/internal/components/sortable-area/index.js.map +1 -1
  140. package/internal/components/sortable-area/keyboard-sensor/index.d.ts +23 -6
  141. package/internal/components/sortable-area/keyboard-sensor/index.d.ts.map +1 -1
  142. package/internal/components/sortable-area/keyboard-sensor/index.js +60 -36
  143. package/internal/components/sortable-area/keyboard-sensor/index.js.map +1 -1
  144. package/internal/components/sortable-area/keyboard-sensor/utilities/events.d.ts +2 -0
  145. package/internal/components/sortable-area/keyboard-sensor/utilities/events.d.ts.map +1 -1
  146. package/internal/components/sortable-area/keyboard-sensor/utilities/events.js +2 -0
  147. package/internal/components/sortable-area/keyboard-sensor/utilities/events.js.map +1 -1
  148. package/internal/components/sortable-area/keyboard-sensor/utilities/scroll.d.ts +1 -1
  149. package/internal/components/sortable-area/keyboard-sensor/utilities/scroll.d.ts.map +1 -1
  150. package/internal/components/sortable-area/keyboard-sensor/utilities/scroll.js +4 -9
  151. package/internal/components/sortable-area/keyboard-sensor/utilities/scroll.js.map +1 -1
  152. package/internal/components/sortable-area/styles.css.js +8 -8
  153. package/internal/components/sortable-area/styles.scoped.css +15 -19
  154. package/internal/components/sortable-area/styles.selectors.js +8 -8
  155. package/internal/components/sortable-area/use-drag-and-drop-reorder.d.ts +4 -2
  156. package/internal/components/sortable-area/use-drag-and-drop-reorder.d.ts.map +1 -1
  157. package/internal/components/sortable-area/use-drag-and-drop-reorder.js +36 -40
  158. package/internal/components/sortable-area/use-drag-and-drop-reorder.js.map +1 -1
  159. package/internal/components/token-list/styles.css.js +10 -10
  160. package/internal/components/token-list/styles.scoped.css +25 -25
  161. package/internal/components/token-list/styles.selectors.js +10 -10
  162. package/internal/environment.js +2 -2
  163. package/internal/environment.json +2 -2
  164. package/internal/generated/custom-css-properties/index.d.ts +4 -0
  165. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  166. package/internal/generated/custom-css-properties/index.js +79 -75
  167. package/internal/generated/custom-css-properties/index.js.map +1 -1
  168. package/internal/generated/theming/index.cjs +14 -0
  169. package/internal/generated/theming/index.cjs.d.ts +63 -0
  170. package/internal/generated/theming/index.d.ts +63 -0
  171. package/internal/generated/theming/index.js +14 -0
  172. package/internal/hooks/use-base-component/index.d.ts +5 -5
  173. package/internal/hooks/use-base-component/index.d.ts.map +1 -1
  174. package/internal/hooks/use-base-component/index.js.map +1 -1
  175. package/internal/manifest.json +1 -1
  176. package/link/internal.d.ts +1 -1
  177. package/link/internal.d.ts.map +1 -1
  178. package/link/internal.js +2 -4
  179. package/link/internal.js.map +1 -1
  180. package/link/styles.css.js +20 -20
  181. package/link/styles.scoped.css +103 -103
  182. package/link/styles.selectors.js +20 -20
  183. package/list/internal.d.ts.map +1 -1
  184. package/list/internal.js +1 -1
  185. package/list/internal.js.map +1 -1
  186. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  187. package/mixed-line-bar-chart/internal.js +1 -1
  188. package/mixed-line-bar-chart/internal.js.map +1 -1
  189. package/modal/internal.js +1 -1
  190. package/modal/internal.js.map +1 -1
  191. package/multiselect/internal.d.ts +1 -1
  192. package/multiselect/internal.d.ts.map +1 -1
  193. package/multiselect/internal.js +1 -1
  194. package/multiselect/internal.js.map +1 -1
  195. package/package.json +1 -1
  196. package/pagination/internal.d.ts.map +1 -1
  197. package/pagination/internal.js +1 -1
  198. package/pagination/internal.js.map +1 -1
  199. package/popover/internal.js +1 -1
  200. package/popover/internal.js.map +1 -1
  201. package/prompt-input/internal.js +1 -1
  202. package/prompt-input/internal.js.map +1 -1
  203. package/property-filter/interfaces.d.ts +2 -1
  204. package/property-filter/interfaces.d.ts.map +1 -1
  205. package/property-filter/interfaces.js.map +1 -1
  206. package/property-filter/internal.d.ts +1 -1
  207. package/property-filter/internal.d.ts.map +1 -1
  208. package/radio-group/internal.d.ts +1 -1
  209. package/radio-group/internal.d.ts.map +1 -1
  210. package/radio-group/internal.js +1 -1
  211. package/radio-group/internal.js.map +1 -1
  212. package/radio-group/styles.css.js +10 -10
  213. package/radio-group/styles.scoped.css +22 -22
  214. package/radio-group/styles.selectors.js +10 -10
  215. package/segmented-control/internal.d.ts.map +1 -1
  216. package/segmented-control/internal.js +1 -1
  217. package/segmented-control/internal.js.map +1 -1
  218. package/select/internal.js +1 -1
  219. package/select/internal.js.map +1 -1
  220. package/slider/internal.d.ts.map +1 -1
  221. package/slider/internal.js +1 -1
  222. package/slider/internal.js.map +1 -1
  223. package/slider/styles.css.js +26 -26
  224. package/slider/styles.scoped.css +86 -86
  225. package/slider/styles.selectors.js +26 -26
  226. package/space-between/internal.d.ts +1 -1
  227. package/space-between/internal.d.ts.map +1 -1
  228. package/spinner/styles.css.js +13 -13
  229. package/spinner/styles.scoped.css +39 -39
  230. package/spinner/styles.selectors.js +13 -13
  231. package/steps/internal.d.ts +1 -1
  232. package/steps/internal.d.ts.map +1 -1
  233. package/steps/internal.js.map +1 -1
  234. package/tag-editor/styles.css.js +3 -3
  235. package/tag-editor/styles.scoped.css +13 -13
  236. package/tag-editor/styles.selectors.js +3 -3
  237. package/text-content/styles.css.js +1 -1
  238. package/text-content/styles.scoped.css +66 -66
  239. package/text-content/styles.selectors.js +1 -1
  240. package/text-filter/internal.d.ts +1 -1
  241. package/text-filter/internal.d.ts.map +1 -1
  242. package/tiles/internal.d.ts +1 -1
  243. package/tiles/internal.d.ts.map +1 -1
  244. package/tiles/internal.js +1 -1
  245. package/tiles/internal.js.map +1 -1
  246. package/time-input/internal.d.ts +1 -1
  247. package/time-input/internal.d.ts.map +1 -1
  248. package/time-input/internal.js +1 -1
  249. package/time-input/internal.js.map +1 -1
  250. package/toggle/internal.js +1 -1
  251. package/toggle/internal.js.map +1 -1
  252. package/toggle/styles.css.js +10 -10
  253. package/toggle/styles.scoped.css +23 -23
  254. package/toggle/styles.selectors.js +10 -10
  255. package/wizard/wizard-form.js +5 -3
  256. package/wizard/wizard-form.js.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvF,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EASI;QATJ,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAU,GAAG,EAAE,EACf,iBAAiB,GAAG,IAAI,EACxB,eAAe,GAAG,CAAC,OAEgC,EADhD,KAAK,cARuC,qHAShD,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAoC,EAAE,WAAyC,EAAE,EAAE;QAClF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,YAAY,CAAC;QACrC,KAAK;QACL,eAAe;QACf,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC;YAClF,sBAAsB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;SAC7D;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,6CACM,SAAS,IACb,GAAG,EAAE,iBAAiB,qBACL,cAAc,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;QAEvE,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,IACvE,mBAAmB,CAAC,OAAO,EAAE;YAC5B,eAAe;YACf,iBAAiB;SAClB,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { AnchorNavigationProps } from './interfaces';\nimport useScrollSpy from './use-scroll-spy.js';\nimport { renderNestedAnchors } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nexport default function InternalAnchorNavigation({\n anchors,\n ariaLabelledby,\n onFollow,\n onActiveHrefChange,\n activeHref = '',\n __internalRootRef = null,\n scrollSpyOffset = 0,\n ...props\n}: AnchorNavigationProps & InternalBaseComponentProps) {\n const baseProps = getBaseProps(props);\n\n const hrefs = useMemo(() => anchors.map(anchor => anchor.href), [anchors]);\n\n const onFollowHandler = useCallback(\n (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent | Event) => {\n fireCancelableEvent(onFollow, anchor, sourceEvent);\n },\n [onFollow]\n );\n\n const currentActiveHref = useScrollSpy({\n hrefs,\n scrollSpyOffset,\n activeHref,\n });\n\n useEffect(() => {\n if (currentActiveHref) {\n const newActiveAnchor = anchors.find(anchor => anchor.href === currentActiveHref);\n fireNonCancelableEvent(onActiveHrefChange, newActiveAnchor);\n }\n }, [onActiveHrefChange, anchors, currentActiveHref]);\n\n return (\n <nav\n {...baseProps}\n ref={__internalRootRef}\n aria-labelledby={ariaLabelledby}\n className={clsx(baseProps.className, styles.root, testUtilsStyles.root)}\n >\n <ol className={clsx(styles['anchor-list'], testUtilsStyles['anchor-list'])}>\n {renderNestedAnchors(anchors, {\n onFollowHandler,\n currentActiveHref,\n })}\n </ol>\n </nav>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/anchor-navigation/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGvF,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EASI;QATJ,EAC/C,OAAO,EACP,cAAc,EACd,QAAQ,EACR,kBAAkB,EAClB,UAAU,GAAG,EAAE,EACf,iBAAiB,EACjB,eAAe,GAAG,CAAC,OAEgC,EADhD,KAAK,cARuC,qHAShD,CADS;IAER,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3E,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,MAAoC,EAAE,WAAyC,EAAE,EAAE;QAClF,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GAAG,YAAY,CAAC;QACrC,KAAK;QACL,eAAe;QACf,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,EAAE;YACrB,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC;YAClF,sBAAsB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;SAC7D;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAErD,OAAO,CACL,6CACM,SAAS,IACb,GAAG,EAAE,iBAAiB,qBACL,cAAc,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC;QAEvE,4BAAI,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC,IACvE,mBAAmB,CAAC,OAAO,EAAE;YAC5B,eAAe;YACf,iBAAiB;SAClB,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport { fireCancelableEvent, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { AnchorNavigationProps } from './interfaces';\nimport useScrollSpy from './use-scroll-spy.js';\nimport { renderNestedAnchors } from './utils';\n\nimport styles from './styles.css.js';\nimport testUtilsStyles from './test-classes/styles.css.js';\n\nexport default function InternalAnchorNavigation({\n anchors,\n ariaLabelledby,\n onFollow,\n onActiveHrefChange,\n activeHref = '',\n __internalRootRef,\n scrollSpyOffset = 0,\n ...props\n}: AnchorNavigationProps & InternalBaseComponentProps) {\n const baseProps = getBaseProps(props);\n\n const hrefs = useMemo(() => anchors.map(anchor => anchor.href), [anchors]);\n\n const onFollowHandler = useCallback(\n (anchor: AnchorNavigationProps.Anchor, sourceEvent: React.SyntheticEvent | Event) => {\n fireCancelableEvent(onFollow, anchor, sourceEvent);\n },\n [onFollow]\n );\n\n const currentActiveHref = useScrollSpy({\n hrefs,\n scrollSpyOffset,\n activeHref,\n });\n\n useEffect(() => {\n if (currentActiveHref) {\n const newActiveAnchor = anchors.find(anchor => anchor.href === currentActiveHref);\n fireNonCancelableEvent(onActiveHrefChange, newActiveAnchor);\n }\n }, [onActiveHrefChange, anchors, currentActiveHref]);\n\n return (\n <nav\n {...baseProps}\n ref={__internalRootRef}\n aria-labelledby={ariaLabelledby}\n className={clsx(baseProps.className, styles.root, testUtilsStyles.root)}\n >\n <ol className={clsx(styles['anchor-list'], testUtilsStyles['anchor-list'])}>\n {renderNestedAnchors(anchors, {\n onFollowHandler,\n currentActiveHref,\n })}\n </ol>\n </nav>\n );\n}\n"]}
@@ -1,29 +1,29 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "arrow": "awsui_arrow_1hpp3_zas13_193",
5
- "arrow-outer": "awsui_arrow-outer_1hpp3_zas13_197",
6
- "arrow-inner": "awsui_arrow-inner_1hpp3_zas13_197",
7
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_zas13_239",
8
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_zas13_239",
9
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_zas13_242",
10
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_zas13_242",
11
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_zas13_245",
12
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_zas13_245",
13
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_zas13_248",
14
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_zas13_248",
15
- "annotation": "awsui_annotation_1hpp3_zas13_252",
16
- "next-button": "awsui_next-button_1hpp3_zas13_253",
17
- "previous-button": "awsui_previous-button_1hpp3_zas13_254",
18
- "finish-button": "awsui_finish-button_1hpp3_zas13_255",
19
- "header": "awsui_header_1hpp3_zas13_256",
20
- "step-counter-content": "awsui_step-counter-content_1hpp3_zas13_257",
21
- "content": "awsui_content_1hpp3_zas13_258",
22
- "description": "awsui_description_1hpp3_zas13_262",
23
- "actionBar": "awsui_actionBar_1hpp3_zas13_267",
24
- "stepCounter": "awsui_stepCounter_1hpp3_zas13_274",
25
- "divider": "awsui_divider_1hpp3_zas13_278",
26
- "hotspot": "awsui_hotspot_1hpp3_zas13_282",
27
- "icon": "awsui_icon_1hpp3_zas13_352"
4
+ "arrow": "awsui_arrow_1hpp3_wg92w_193",
5
+ "arrow-outer": "awsui_arrow-outer_1hpp3_wg92w_197",
6
+ "arrow-inner": "awsui_arrow-inner_1hpp3_wg92w_197",
7
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_wg92w_239",
8
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_wg92w_239",
9
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_wg92w_242",
10
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_wg92w_242",
11
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_wg92w_245",
12
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_wg92w_245",
13
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_wg92w_248",
14
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_wg92w_248",
15
+ "annotation": "awsui_annotation_1hpp3_wg92w_252",
16
+ "next-button": "awsui_next-button_1hpp3_wg92w_253",
17
+ "previous-button": "awsui_previous-button_1hpp3_wg92w_254",
18
+ "finish-button": "awsui_finish-button_1hpp3_wg92w_255",
19
+ "header": "awsui_header_1hpp3_wg92w_256",
20
+ "step-counter-content": "awsui_step-counter-content_1hpp3_wg92w_257",
21
+ "content": "awsui_content_1hpp3_wg92w_258",
22
+ "description": "awsui_description_1hpp3_wg92w_262",
23
+ "actionBar": "awsui_actionBar_1hpp3_wg92w_267",
24
+ "stepCounter": "awsui_stepCounter_1hpp3_wg92w_274",
25
+ "divider": "awsui_divider_1hpp3_wg92w_278",
26
+ "hotspot": "awsui_hotspot_1hpp3_wg92w_282",
27
+ "icon": "awsui_icon_1hpp3_wg92w_352"
28
28
  };
29
29
 
@@ -190,11 +190,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
191
191
  SPDX-License-Identifier: Apache-2.0
192
192
  */
193
- .awsui_arrow_1hpp3_zas13_193:not(#\9) {
193
+ .awsui_arrow_1hpp3_wg92w_193:not(#\9) {
194
194
  inline-size: 20px;
195
195
  block-size: 10px;
196
196
  }
197
- .awsui_arrow-outer_1hpp3_zas13_197:not(#\9), .awsui_arrow-inner_1hpp3_zas13_197:not(#\9) {
197
+ .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9), .awsui_arrow-inner_1hpp3_wg92w_197:not(#\9) {
198
198
  position: absolute;
199
199
  overflow: hidden;
200
200
  inline-size: 20px;
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
203
203
  inset-inline-start: 0;
204
204
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
205
205
  }
206
- .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_zas13_197:not(#\9)::after {
206
+ .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after, .awsui_arrow-inner_1hpp3_wg92w_197:not(#\9)::after {
207
207
  content: "";
208
208
  box-sizing: border-box;
209
209
  display: inline-block;
@@ -219,67 +219,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
219
219
  transform: rotate(45deg);
220
220
  transform-origin: 0 100%;
221
221
  }
222
- .awsui_arrow-outer_1hpp3_zas13_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_zas13_197:not(#\9):dir(rtl)::after {
222
+ .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_wg92w_197:not(#\9):dir(rtl)::after {
223
223
  transform: rotate(-45deg);
224
224
  transform-origin: 100% 100%;
225
225
  }
226
- .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
226
+ .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after {
227
227
  background-color: var(--color-border-status-info-qf6jok, #006ce0);
228
228
  }
229
- .awsui_arrow-inner_1hpp3_zas13_197:not(#\9) {
229
+ .awsui_arrow-inner_1hpp3_wg92w_197:not(#\9) {
230
230
  inset-block-start: 2px;
231
231
  }
232
- .awsui_arrow-inner_1hpp3_zas13_197:not(#\9)::after {
232
+ .awsui_arrow-inner_1hpp3_wg92w_197:not(#\9)::after {
233
233
  border-start-start-radius: 1px;
234
234
  border-start-end-radius: 0;
235
235
  border-end-start-radius: 0;
236
236
  border-end-end-radius: 0;
237
237
  background-color: var(--color-background-status-info-sfobba, #f0fbff);
238
238
  }
239
- .awsui_arrow-position-right-top_1hpp3_zas13_239 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_zas13_239 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
239
+ .awsui_arrow-position-right-top_1hpp3_wg92w_239 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_wg92w_239 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after {
240
240
  box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
241
241
  }
242
- .awsui_arrow-position-left-top_1hpp3_zas13_242 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_zas13_242 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
242
+ .awsui_arrow-position-left-top_1hpp3_wg92w_242 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_wg92w_242 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after {
243
243
  box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
244
244
  }
245
- .awsui_arrow-position-top-center_1hpp3_zas13_245 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_zas13_245 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
245
+ .awsui_arrow-position-top-center_1hpp3_wg92w_245 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_wg92w_245 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after {
246
246
  box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
247
247
  }
248
- .awsui_arrow-position-bottom-center_1hpp3_zas13_248 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_zas13_248 > .awsui_arrow-outer_1hpp3_zas13_197:not(#\9)::after {
248
+ .awsui_arrow-position-bottom-center_1hpp3_wg92w_248 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_wg92w_248 > .awsui_arrow-outer_1hpp3_wg92w_197:not(#\9)::after {
249
249
  box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-o7dmmm, rgba(15, 20, 26, 0.12));
250
250
  }
251
251
 
252
- .awsui_annotation_1hpp3_zas13_252:not(#\9),
253
- .awsui_next-button_1hpp3_zas13_253:not(#\9),
254
- .awsui_previous-button_1hpp3_zas13_254:not(#\9),
255
- .awsui_finish-button_1hpp3_zas13_255:not(#\9),
256
- .awsui_header_1hpp3_zas13_256:not(#\9),
257
- .awsui_step-counter-content_1hpp3_zas13_257:not(#\9),
258
- .awsui_content_1hpp3_zas13_258:not(#\9) {
252
+ .awsui_annotation_1hpp3_wg92w_252:not(#\9),
253
+ .awsui_next-button_1hpp3_wg92w_253:not(#\9),
254
+ .awsui_previous-button_1hpp3_wg92w_254:not(#\9),
255
+ .awsui_finish-button_1hpp3_wg92w_255:not(#\9),
256
+ .awsui_header_1hpp3_wg92w_256:not(#\9),
257
+ .awsui_step-counter-content_1hpp3_wg92w_257:not(#\9),
258
+ .awsui_content_1hpp3_wg92w_258:not(#\9) {
259
259
  /* used in test-utils */
260
260
  }
261
261
 
262
- .awsui_description_1hpp3_zas13_262:not(#\9) {
262
+ .awsui_description_1hpp3_wg92w_262:not(#\9) {
263
263
  overflow: hidden;
264
264
  margin-block-start: var(--space-xxs-hwfkai, 4px);
265
265
  }
266
266
 
267
- .awsui_actionBar_1hpp3_zas13_267:not(#\9) {
267
+ .awsui_actionBar_1hpp3_wg92w_267:not(#\9) {
268
268
  display: flex;
269
269
  justify-content: space-between;
270
270
  align-items: center;
271
271
  position: relative;
272
272
  }
273
273
 
274
- .awsui_stepCounter_1hpp3_zas13_274:not(#\9) {
274
+ .awsui_stepCounter_1hpp3_wg92w_274:not(#\9) {
275
275
  margin-inline-end: 20px;
276
276
  }
277
277
 
278
- .awsui_divider_1hpp3_zas13_278:not(#\9) {
278
+ .awsui_divider_1hpp3_wg92w_278:not(#\9) {
279
279
  border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
280
280
  }
281
281
 
282
- .awsui_hotspot_1hpp3_zas13_282:not(#\9) {
282
+ .awsui_hotspot_1hpp3_wg92w_282:not(#\9) {
283
283
  border-collapse: separate;
284
284
  border-spacing: 0;
285
285
  box-sizing: border-box;
@@ -315,27 +315,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
315
315
  padding-block: 0;
316
316
  padding-inline: 0;
317
317
  cursor: pointer;
318
- scroll-margin: var(--awsui-content-scroll-margin-kcc2gu, 40px 0 0 0);
318
+ scroll-margin: var(--awsui-content-scroll-margin-mdigke, 40px 0 0 0);
319
319
  position: relative;
320
320
  inline-size: 16px;
321
321
  block-size: 16px;
322
322
  }
323
- .awsui_hotspot_1hpp3_zas13_282:not(#\9):before {
323
+ .awsui_hotspot_1hpp3_wg92w_282:not(#\9):before {
324
324
  content: "";
325
325
  position: absolute;
326
326
  inset: calc(-1 * var(--space-xxs-hwfkai, 4px));
327
327
  }
328
- .awsui_hotspot_1hpp3_zas13_282:not(#\9):focus {
328
+ .awsui_hotspot_1hpp3_wg92w_282:not(#\9):focus {
329
329
  outline: none;
330
330
  }
331
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_zas13_282:not(#\9):focus {
331
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_wg92w_282:not(#\9):focus {
332
332
  position: relative;
333
333
  }
334
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_zas13_282:not(#\9):focus {
334
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_wg92w_282:not(#\9):focus {
335
335
  outline: 2px dotted transparent;
336
336
  outline-offset: calc(2px - 1px);
337
337
  }
338
- body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_zas13_282:not(#\9):focus::before {
338
+ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_wg92w_282:not(#\9):focus::before {
339
339
  content: " ";
340
340
  display: block;
341
341
  position: absolute;
@@ -349,13 +349,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_zas13_282:not(#\9):focu
349
349
  border-end-end-radius: var(--border-radius-control-circular-focus-ring-yjhscw, 4px);
350
350
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
351
351
  }
352
- .awsui_hotspot_1hpp3_zas13_282 > .awsui_icon_1hpp3_zas13_352:not(#\9) {
352
+ .awsui_hotspot_1hpp3_wg92w_282 > .awsui_icon_1hpp3_wg92w_352:not(#\9) {
353
353
  position: relative;
354
354
  stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
355
355
  }
356
- .awsui_hotspot_1hpp3_zas13_282:not(#\9):hover > .awsui_icon_1hpp3_zas13_352 {
356
+ .awsui_hotspot_1hpp3_wg92w_282:not(#\9):hover > .awsui_icon_1hpp3_wg92w_352 {
357
357
  stroke: var(--color-text-tutorial-hotspot-hover-92pxog, #002b66);
358
358
  }
359
- .awsui_hotspot_1hpp3_zas13_282:not(#\9):active > .awsui_icon_1hpp3_zas13_352 {
359
+ .awsui_hotspot_1hpp3_wg92w_282:not(#\9):active > .awsui_icon_1hpp3_wg92w_352 {
360
360
  stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
361
361
  }
@@ -2,29 +2,29 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "arrow": "awsui_arrow_1hpp3_zas13_193",
6
- "arrow-outer": "awsui_arrow-outer_1hpp3_zas13_197",
7
- "arrow-inner": "awsui_arrow-inner_1hpp3_zas13_197",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_zas13_239",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_zas13_239",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_zas13_242",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_zas13_242",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_zas13_245",
13
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_zas13_245",
14
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_zas13_248",
15
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_zas13_248",
16
- "annotation": "awsui_annotation_1hpp3_zas13_252",
17
- "next-button": "awsui_next-button_1hpp3_zas13_253",
18
- "previous-button": "awsui_previous-button_1hpp3_zas13_254",
19
- "finish-button": "awsui_finish-button_1hpp3_zas13_255",
20
- "header": "awsui_header_1hpp3_zas13_256",
21
- "step-counter-content": "awsui_step-counter-content_1hpp3_zas13_257",
22
- "content": "awsui_content_1hpp3_zas13_258",
23
- "description": "awsui_description_1hpp3_zas13_262",
24
- "actionBar": "awsui_actionBar_1hpp3_zas13_267",
25
- "stepCounter": "awsui_stepCounter_1hpp3_zas13_274",
26
- "divider": "awsui_divider_1hpp3_zas13_278",
27
- "hotspot": "awsui_hotspot_1hpp3_zas13_282",
28
- "icon": "awsui_icon_1hpp3_zas13_352"
5
+ "arrow": "awsui_arrow_1hpp3_wg92w_193",
6
+ "arrow-outer": "awsui_arrow-outer_1hpp3_wg92w_197",
7
+ "arrow-inner": "awsui_arrow-inner_1hpp3_wg92w_197",
8
+ "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_wg92w_239",
9
+ "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_wg92w_239",
10
+ "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_wg92w_242",
11
+ "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_wg92w_242",
12
+ "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_wg92w_245",
13
+ "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_wg92w_245",
14
+ "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_wg92w_248",
15
+ "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_wg92w_248",
16
+ "annotation": "awsui_annotation_1hpp3_wg92w_252",
17
+ "next-button": "awsui_next-button_1hpp3_wg92w_253",
18
+ "previous-button": "awsui_previous-button_1hpp3_wg92w_254",
19
+ "finish-button": "awsui_finish-button_1hpp3_wg92w_255",
20
+ "header": "awsui_header_1hpp3_wg92w_256",
21
+ "step-counter-content": "awsui_step-counter-content_1hpp3_wg92w_257",
22
+ "content": "awsui_content_1hpp3_wg92w_258",
23
+ "description": "awsui_description_1hpp3_wg92w_262",
24
+ "actionBar": "awsui_actionBar_1hpp3_wg92w_267",
25
+ "stepCounter": "awsui_stepCounter_1hpp3_wg92w_274",
26
+ "divider": "awsui_divider_1hpp3_wg92w_278",
27
+ "hotspot": "awsui_hotspot_1hpp3_wg92w_282",
28
+ "icon": "awsui_icon_1hpp3_wg92w_352"
29
29
  };
30
30
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.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\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { NonCancelableCustomEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n (\n {\n contentType = 'default',\n headerSelector = '#b #h',\n footerSelector = '#b #f',\n navigationWidth = 280,\n toolsWidth = 290,\n maxContentWidth,\n minContentWidth,\n navigationOpen: controlledNavigationOpen,\n onNavigationChange: controlledOnNavigationChange,\n analyticsMetadata,\n ...rest\n }: AppLayoutProps,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n if (isDevelopment) {\n if (rest.toolsOpen && rest.toolsHide) {\n warnOnce(\n 'AppLayout',\n `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n );\n }\n }\n const { __internalRootRef } = useBaseComponent<HTMLDivElement>(\n 'AppLayout',\n {\n props: {\n contentType,\n disableContentPaddings: rest.disableContentPaddings,\n disableBodyScroll: rest.disableBodyScroll,\n navigationWidth,\n navigationHide: rest.navigationHide,\n toolsHide: rest.toolsHide,\n toolsWidth,\n maxContentWidth,\n minContentWidth,\n stickyNotifications: rest.stickyNotifications,\n disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n },\n metadata: {\n drawersCount: rest.drawers?.length ?? null,\n hasContentHeader: !!rest.contentHeader,\n },\n },\n analyticsMetadata\n );\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const i18n = useInternalI18n('app-layout');\n const ariaLabels = {\n navigation: i18n('ariaLabels.navigation', rest.ariaLabels?.navigation),\n navigationClose: i18n('ariaLabels.navigationClose', rest.ariaLabels?.navigationClose),\n navigationToggle: i18n('ariaLabels.navigationToggle', rest.ariaLabels?.navigationToggle),\n notifications: i18n('ariaLabels.notifications', rest.ariaLabels?.notifications),\n tools: i18n('ariaLabels.tools', rest.ariaLabels?.tools),\n toolsClose: i18n('ariaLabels.toolsClose', rest.ariaLabels?.toolsClose),\n toolsToggle: i18n('ariaLabels.toolsToggle', rest.ariaLabels?.toolsToggle),\n drawers: i18n('ariaLabels.drawers', rest.ariaLabels?.drawers),\n drawersOverflow: i18n('ariaLabels.drawersOverflow', rest.ariaLabels?.drawersOverflow),\n drawersOverflowWithBadge: i18n('ariaLabels.drawersOverflowWithBadge', rest.ariaLabels?.drawersOverflowWithBadge),\n };\n const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n contentType,\n { maxContentWidth, minContentWidth },\n isRefresh\n );\n\n const [navigationOpen = false, setNavigationOpen] = useControllable(\n controlledNavigationOpen,\n controlledOnNavigationChange,\n isMobile ? false : defaultNavigationOpen,\n { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n );\n const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n setNavigationOpen(event.detail.open);\n controlledOnNavigationChange?.(event);\n };\n\n const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n // This re-builds the props including the default values\n const props = {\n contentType,\n navigationWidth,\n toolsWidth,\n navigationOpen,\n onNavigationChange,\n ...restDefaults,\n ...rest,\n ariaLabels,\n placement,\n };\n\n const baseProps = getBaseProps(rest);\n\n return (\n <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n <AppLayoutInternal ref={ref} {...props} />\n </div>\n );\n }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/app-layout/index.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\n'use client';\nimport React from 'react';\n\nimport { useMergeRefs, warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { NonCancelableCustomEvent } from '../internal/events';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { isDevelopment } from '../internal/is-development';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { applyDefaults } from './defaults';\nimport { AppLayoutProps } from './interfaces';\nimport { AppLayoutInternal } from './internal';\nimport { useAppLayoutPlacement } from './utils/use-app-layout-placement';\n\nexport { AppLayoutProps };\n\nconst AppLayout = React.forwardRef(\n (\n {\n contentType = 'default',\n headerSelector = '#b #h',\n footerSelector = '#b #f',\n navigationWidth = 280,\n toolsWidth = 290,\n maxContentWidth,\n minContentWidth,\n navigationOpen: controlledNavigationOpen,\n onNavigationChange: controlledOnNavigationChange,\n analyticsMetadata,\n ...rest\n }: AppLayoutProps,\n ref: React.Ref<AppLayoutProps.Ref>\n ) => {\n if (isDevelopment) {\n if (rest.toolsOpen && rest.toolsHide) {\n warnOnce(\n 'AppLayout',\n `You have enabled both the \\`toolsOpen\\` prop and the \\`toolsHide\\` prop. This is not supported. Set \\`toolsOpen\\` to \\`false\\` when you set \\`toolsHide\\` to \\`true\\`.`\n );\n }\n }\n const { __internalRootRef } = useBaseComponent(\n 'AppLayout',\n {\n props: {\n contentType,\n disableContentPaddings: rest.disableContentPaddings,\n disableBodyScroll: rest.disableBodyScroll,\n navigationWidth,\n navigationHide: rest.navigationHide,\n toolsHide: rest.toolsHide,\n toolsWidth,\n maxContentWidth,\n minContentWidth,\n stickyNotifications: rest.stickyNotifications,\n disableContentHeaderOverlap: rest.disableContentHeaderOverlap,\n },\n metadata: {\n drawersCount: rest.drawers?.length ?? null,\n hasContentHeader: !!rest.contentHeader,\n },\n },\n analyticsMetadata\n );\n const isRefresh = useVisualRefresh();\n const isMobile = useMobile();\n\n const i18n = useInternalI18n('app-layout');\n const ariaLabels = {\n navigation: i18n('ariaLabels.navigation', rest.ariaLabels?.navigation),\n navigationClose: i18n('ariaLabels.navigationClose', rest.ariaLabels?.navigationClose),\n navigationToggle: i18n('ariaLabels.navigationToggle', rest.ariaLabels?.navigationToggle),\n notifications: i18n('ariaLabels.notifications', rest.ariaLabels?.notifications),\n tools: i18n('ariaLabels.tools', rest.ariaLabels?.tools),\n toolsClose: i18n('ariaLabels.toolsClose', rest.ariaLabels?.toolsClose),\n toolsToggle: i18n('ariaLabels.toolsToggle', rest.ariaLabels?.toolsToggle),\n drawers: i18n('ariaLabels.drawers', rest.ariaLabels?.drawers),\n drawersOverflow: i18n('ariaLabels.drawersOverflow', rest.ariaLabels?.drawersOverflow),\n drawersOverflowWithBadge: i18n('ariaLabels.drawersOverflowWithBadge', rest.ariaLabels?.drawersOverflowWithBadge),\n };\n const { navigationOpen: defaultNavigationOpen, ...restDefaults } = applyDefaults(\n contentType,\n { maxContentWidth, minContentWidth },\n isRefresh\n );\n\n const [navigationOpen = false, setNavigationOpen] = useControllable(\n controlledNavigationOpen,\n controlledOnNavigationChange,\n isMobile ? false : defaultNavigationOpen,\n { componentName: 'AppLayout', controlledProp: 'navigationOpen', changeHandler: 'onNavigationChange' }\n );\n const onNavigationChange = (event: NonCancelableCustomEvent<AppLayoutProps.ChangeDetail>) => {\n setNavigationOpen(event.detail.open);\n controlledOnNavigationChange?.(event);\n };\n\n const [rootRef, placement] = useAppLayoutPlacement(headerSelector, footerSelector);\n\n // This re-builds the props including the default values\n const props = {\n contentType,\n navigationWidth,\n toolsWidth,\n navigationOpen,\n onNavigationChange,\n ...restDefaults,\n ...rest,\n ariaLabels,\n placement,\n };\n\n const baseProps = getBaseProps(rest);\n\n return (\n <div ref={useMergeRefs(__internalRootRef, rootRef)} {...baseProps}>\n <AppLayoutInternal ref={ref} {...props} />\n </div>\n );\n }\n);\n\napplyDisplayName(AppLayout, 'AppLayout');\nexport default AppLayout;\n"]}
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "notifications": "awsui_notifications_1hmm4_1prmt_9",
5
- "notifications-sticky": "awsui_notifications-sticky_1hmm4_1prmt_10",
6
- "no-content-paddings": "awsui_no-content-paddings_1hmm4_1prmt_25"
4
+ "notifications": "awsui_notifications_1hmm4_1tmi5_9",
5
+ "notifications-sticky": "awsui_notifications-sticky_1hmm4_1tmi5_10",
6
+ "no-content-paddings": "awsui_no-content-paddings_1hmm4_1tmi5_25"
7
7
  };
8
8
 
@@ -6,26 +6,26 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_notifications_1hmm4_1prmt_9:not(#\9),
10
- .awsui_notifications-sticky_1hmm4_1prmt_10:not(#\9) {
9
+ .awsui_notifications_1hmm4_1tmi5_9:not(#\9),
10
+ .awsui_notifications-sticky_1hmm4_1tmi5_10:not(#\9) {
11
11
  z-index: 850;
12
12
  }
13
13
 
14
- .awsui_notifications_1hmm4_1prmt_9:not(#\9) {
14
+ .awsui_notifications_1hmm4_1tmi5_9:not(#\9) {
15
15
  /* This is necessary for the z-index to have effect */
16
16
  position: relative;
17
17
  }
18
18
 
19
- .awsui_notifications-sticky_1hmm4_1prmt_10:not(#\9) {
19
+ .awsui_notifications-sticky_1hmm4_1tmi5_10:not(#\9) {
20
20
  inset-block-start: 0;
21
21
  position: sticky;
22
- --awsui-flashbar-sticky-bottom-margin-kcc2gu: var(--space-xxl-32srm4, 32px);
22
+ --awsui-flashbar-sticky-bottom-margin-mdigke: var(--space-xxl-32srm4, 32px);
23
23
  }
24
24
 
25
- .awsui_no-content-paddings_1hmm4_1prmt_25:not(#\9) {
25
+ .awsui_no-content-paddings_1hmm4_1tmi5_25:not(#\9) {
26
26
  /*
27
27
  When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
28
28
  when the notification bar is rendered, to prevent it from overlapping the content.
29
29
  */
30
- --awsui-stacked-notifications-bottom-margin-kcc2gu: var(--space-scaled-l-sej05l, 20px);
30
+ --awsui-stacked-notifications-bottom-margin-mdigke: var(--space-scaled-l-sej05l, 20px);
31
31
  }
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "notifications": "awsui_notifications_1hmm4_1prmt_9",
6
- "notifications-sticky": "awsui_notifications-sticky_1hmm4_1prmt_10",
7
- "no-content-paddings": "awsui_no-content-paddings_1hmm4_1prmt_25"
5
+ "notifications": "awsui_notifications_1hmm4_1tmi5_9",
6
+ "notifications-sticky": "awsui_notifications-sticky_1hmm4_1tmi5_10",
7
+ "no-content-paddings": "awsui_no-content-paddings_1hmm4_1tmi5_25"
8
8
  };
9
9
 
@@ -1,91 +1,91 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "background": "awsui_background_hyvsj_xt8mb_149",
5
- "scrolling-background": "awsui_scrolling-background_hyvsj_xt8mb_152",
6
- "breadcrumbs": "awsui_breadcrumbs_hyvsj_xt8mb_163",
7
- "drawers-container": "awsui_drawers-container_hyvsj_xt8mb_176",
8
- "has-open-drawer": "awsui_has-open-drawer_hyvsj_xt8mb_187",
9
- "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_xt8mb_208",
10
- "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_xt8mb_213",
11
- "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_xt8mb_251",
12
- "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_xt8mb_261",
13
- "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_xt8mb_266",
14
- "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_xt8mb_280",
15
- "drawers-trigger": "awsui_drawers-trigger_hyvsj_xt8mb_266",
16
- "drawer": "awsui_drawer_hyvsj_xt8mb_176",
17
- "drawer-content-container": "awsui_drawer-content-container_hyvsj_xt8mb_311",
18
- "drawer-close-button": "awsui_drawer-close-button_hyvsj_xt8mb_320",
19
- "drawer-content": "awsui_drawer-content_hyvsj_xt8mb_311",
20
- "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_xt8mb_329",
21
- "drawer-slider": "awsui_drawer-slider_hyvsj_xt8mb_332",
22
- "is-drawer-open": "awsui_is-drawer-open_hyvsj_xt8mb_339",
23
- "content": "awsui_content_hyvsj_xt8mb_365",
24
- "layout": "awsui_layout_hyvsj_xt8mb_390",
25
- "has-max-content-width": "awsui_has-max-content-width_hyvsj_xt8mb_462",
26
- "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_xt8mb_477",
27
- "content-type-table": "awsui_content-type-table_hyvsj_xt8mb_491",
28
- "content-type-cards": "awsui_content-type-cards_hyvsj_xt8mb_491",
29
- "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_xt8mb_497",
30
- "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_xt8mb_500",
31
- "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_xt8mb_514",
32
- "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_xt8mb_517",
33
- "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_xt8mb_527",
34
- "content-first-child-header": "awsui_content-first-child-header_hyvsj_xt8mb_530",
35
- "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_xt8mb_530",
36
- "has-header": "awsui_has-header_hyvsj_xt8mb_530",
37
- "content-first-child-main": "awsui_content-first-child-main_hyvsj_xt8mb_545",
38
- "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_xt8mb_545",
39
- "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_xt8mb_565",
40
- "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_xt8mb_568",
41
- "has-split-panel": "awsui_has-split-panel_hyvsj_xt8mb_588",
42
- "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_xt8mb_588",
43
- "block-body-scroll": "awsui_block-body-scroll_hyvsj_xt8mb_596",
44
- "unfocusable": "awsui_unfocusable_hyvsj_xt8mb_601",
45
- "container": "awsui_container_hyvsj_xt8mb_611",
46
- "is-navigation-open": "awsui_is-navigation-open_hyvsj_xt8mb_637",
47
- "is-tools-open": "awsui_is-tools-open_hyvsj_xt8mb_640",
48
- "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_xt8mb_640",
49
- "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_xt8mb_640",
50
- "has-active-drawer": "awsui_has-active-drawer_hyvsj_xt8mb_640",
51
- "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_xt8mb_653",
52
- "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_xt8mb_670",
53
- "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_xt8mb_674",
54
- "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_xt8mb_678",
55
- "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_xt8mb_682",
56
- "navigation-container": "awsui_navigation-container_hyvsj_xt8mb_691",
57
- "show-navigation": "awsui_show-navigation_hyvsj_xt8mb_729",
58
- "animating": "awsui_animating_hyvsj_xt8mb_752",
59
- "showButtons": "awsui_showButtons_hyvsj_xt8mb_1",
60
- "navigation": "awsui_navigation_hyvsj_xt8mb_691",
61
- "openNavigation": "awsui_openNavigation_hyvsj_xt8mb_1",
62
- "animated-content": "awsui_animated-content_hyvsj_xt8mb_816",
63
- "content-container": "awsui_content-container_hyvsj_xt8mb_819",
64
- "hide-navigation": "awsui_hide-navigation_hyvsj_xt8mb_828",
65
- "notifications": "awsui_notifications_hyvsj_xt8mb_838",
66
- "has-notification-content": "awsui_has-notification-content_hyvsj_xt8mb_843",
67
- "sticky-notifications": "awsui_sticky-notifications_hyvsj_xt8mb_847",
68
- "high-contrast": "awsui_high-contrast_hyvsj_xt8mb_852",
69
- "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_xt8mb_870",
70
- "position-bottom": "awsui_position-bottom_hyvsj_xt8mb_917",
71
- "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_xt8mb_1",
72
- "split-panel-side": "awsui_split-panel-side_hyvsj_xt8mb_946",
73
- "position-side": "awsui_position-side_hyvsj_xt8mb_959",
74
- "tools-container": "awsui_tools-container_hyvsj_xt8mb_981",
75
- "tools": "awsui_tools_hyvsj_xt8mb_981",
76
- "openTools": "awsui_openTools_hyvsj_xt8mb_1",
77
- "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_xt8mb_1070",
78
- "hide-tools": "awsui_hide-tools_hyvsj_xt8mb_1080",
79
- "show-tools": "awsui_show-tools_hyvsj_xt8mb_1092",
80
- "has-tools-form": "awsui_has-tools-form_hyvsj_xt8mb_1070",
81
- "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_xt8mb_1172",
82
- "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_xt8mb_1188",
83
- "trigger": "awsui_trigger_hyvsj_xt8mb_1172",
84
- "selected": "awsui_selected_hyvsj_xt8mb_1240",
85
- "badge": "awsui_badge_hyvsj_xt8mb_1260",
86
- "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_xt8mb_1264",
87
- "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_xt8mb_1275",
88
- "dot": "awsui_dot_hyvsj_xt8mb_1279",
89
- "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_xt8mb_1292"
4
+ "background": "awsui_background_hyvsj_7qk07_149",
5
+ "scrolling-background": "awsui_scrolling-background_hyvsj_7qk07_152",
6
+ "breadcrumbs": "awsui_breadcrumbs_hyvsj_7qk07_163",
7
+ "drawers-container": "awsui_drawers-container_hyvsj_7qk07_176",
8
+ "has-open-drawer": "awsui_has-open-drawer_hyvsj_7qk07_187",
9
+ "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_7qk07_208",
10
+ "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_7qk07_213",
11
+ "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_7qk07_251",
12
+ "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_7qk07_261",
13
+ "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_7qk07_266",
14
+ "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_7qk07_280",
15
+ "drawers-trigger": "awsui_drawers-trigger_hyvsj_7qk07_266",
16
+ "drawer": "awsui_drawer_hyvsj_7qk07_176",
17
+ "drawer-content-container": "awsui_drawer-content-container_hyvsj_7qk07_311",
18
+ "drawer-close-button": "awsui_drawer-close-button_hyvsj_7qk07_320",
19
+ "drawer-content": "awsui_drawer-content_hyvsj_7qk07_311",
20
+ "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_7qk07_329",
21
+ "drawer-slider": "awsui_drawer-slider_hyvsj_7qk07_332",
22
+ "is-drawer-open": "awsui_is-drawer-open_hyvsj_7qk07_339",
23
+ "content": "awsui_content_hyvsj_7qk07_365",
24
+ "layout": "awsui_layout_hyvsj_7qk07_390",
25
+ "has-max-content-width": "awsui_has-max-content-width_hyvsj_7qk07_462",
26
+ "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_7qk07_477",
27
+ "content-type-table": "awsui_content-type-table_hyvsj_7qk07_491",
28
+ "content-type-cards": "awsui_content-type-cards_hyvsj_7qk07_491",
29
+ "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_7qk07_497",
30
+ "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_7qk07_500",
31
+ "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_7qk07_514",
32
+ "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_7qk07_517",
33
+ "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_7qk07_527",
34
+ "content-first-child-header": "awsui_content-first-child-header_hyvsj_7qk07_530",
35
+ "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_7qk07_530",
36
+ "has-header": "awsui_has-header_hyvsj_7qk07_530",
37
+ "content-first-child-main": "awsui_content-first-child-main_hyvsj_7qk07_545",
38
+ "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_7qk07_545",
39
+ "has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_7qk07_565",
40
+ "has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_7qk07_568",
41
+ "has-split-panel": "awsui_has-split-panel_hyvsj_7qk07_588",
42
+ "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_7qk07_588",
43
+ "block-body-scroll": "awsui_block-body-scroll_hyvsj_7qk07_596",
44
+ "unfocusable": "awsui_unfocusable_hyvsj_7qk07_601",
45
+ "container": "awsui_container_hyvsj_7qk07_611",
46
+ "is-navigation-open": "awsui_is-navigation-open_hyvsj_7qk07_637",
47
+ "is-tools-open": "awsui_is-tools-open_hyvsj_7qk07_640",
48
+ "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_7qk07_640",
49
+ "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_7qk07_640",
50
+ "has-active-drawer": "awsui_has-active-drawer_hyvsj_7qk07_640",
51
+ "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_7qk07_653",
52
+ "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_7qk07_670",
53
+ "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_7qk07_674",
54
+ "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_7qk07_678",
55
+ "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_7qk07_682",
56
+ "navigation-container": "awsui_navigation-container_hyvsj_7qk07_691",
57
+ "show-navigation": "awsui_show-navigation_hyvsj_7qk07_729",
58
+ "animating": "awsui_animating_hyvsj_7qk07_752",
59
+ "showButtons": "awsui_showButtons_hyvsj_7qk07_1",
60
+ "navigation": "awsui_navigation_hyvsj_7qk07_691",
61
+ "openNavigation": "awsui_openNavigation_hyvsj_7qk07_1",
62
+ "animated-content": "awsui_animated-content_hyvsj_7qk07_816",
63
+ "content-container": "awsui_content-container_hyvsj_7qk07_819",
64
+ "hide-navigation": "awsui_hide-navigation_hyvsj_7qk07_828",
65
+ "notifications": "awsui_notifications_hyvsj_7qk07_838",
66
+ "has-notification-content": "awsui_has-notification-content_hyvsj_7qk07_843",
67
+ "sticky-notifications": "awsui_sticky-notifications_hyvsj_7qk07_847",
68
+ "high-contrast": "awsui_high-contrast_hyvsj_7qk07_852",
69
+ "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_7qk07_870",
70
+ "position-bottom": "awsui_position-bottom_hyvsj_7qk07_917",
71
+ "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_7qk07_1",
72
+ "split-panel-side": "awsui_split-panel-side_hyvsj_7qk07_946",
73
+ "position-side": "awsui_position-side_hyvsj_7qk07_959",
74
+ "tools-container": "awsui_tools-container_hyvsj_7qk07_981",
75
+ "tools": "awsui_tools_hyvsj_7qk07_981",
76
+ "openTools": "awsui_openTools_hyvsj_7qk07_1",
77
+ "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_7qk07_1070",
78
+ "hide-tools": "awsui_hide-tools_hyvsj_7qk07_1080",
79
+ "show-tools": "awsui_show-tools_hyvsj_7qk07_1092",
80
+ "has-tools-form": "awsui_has-tools-form_hyvsj_7qk07_1070",
81
+ "trigger-button-styles": "awsui_trigger-button-styles_hyvsj_7qk07_1172",
82
+ "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_7qk07_1188",
83
+ "trigger": "awsui_trigger_hyvsj_7qk07_1172",
84
+ "selected": "awsui_selected_hyvsj_7qk07_1240",
85
+ "badge": "awsui_badge_hyvsj_7qk07_1260",
86
+ "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_7qk07_1264",
87
+ "trigger-wrapper-tooltip-visible": "awsui_trigger-wrapper-tooltip-visible_hyvsj_7qk07_1275",
88
+ "dot": "awsui_dot_hyvsj_7qk07_1279",
89
+ "trigger-tooltip": "awsui_trigger-tooltip_hyvsj_7qk07_1292"
90
90
  };
91
91