@alma-oss/spirit-web-react 4.1.0 → 4.2.1

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 (249) hide show
  1. package/README.md +2 -1
  2. package/bundles/web-react.umd.js +765 -419
  3. package/bundles/web-react.umd.js.map +1 -1
  4. package/bundles/web-react.umd.min.js +1 -1
  5. package/bundles/web-react.umd.min.js.map +1 -1
  6. package/components/Accordion/Accordion.cjs +24 -8
  7. package/components/Accordion/Accordion.cjs.map +1 -1
  8. package/components/Accordion/Accordion.d.ts +5 -3
  9. package/components/Accordion/Accordion.js +2 -0
  10. package/components/Accordion/Accordion.js.map +1 -1
  11. package/components/Accordion/AccordionHeader.d.ts +5 -3
  12. package/components/Accordion/AccordionHeader.js +14 -4
  13. package/components/Accordion/AccordionHeader.js.map +1 -1
  14. package/components/Accordion/AccordionItem.d.ts +5 -3
  15. package/components/Accordion/AccordionItem.js +2 -0
  16. package/components/Accordion/AccordionItem.js.map +1 -1
  17. package/components/Accordion/UncontrolledAccordion.d.ts +5 -3
  18. package/components/Accordion/UncontrolledAccordion.js +3 -1
  19. package/components/Accordion/UncontrolledAccordion.js.map +1 -1
  20. package/components/Accordion/useAccordion.d.ts +2 -2
  21. package/components/Accordion/useAccordion.js.map +1 -1
  22. package/components/ActionGroup/ActionGroup.cjs +4 -2
  23. package/components/ActionGroup/ActionGroup.cjs.map +1 -1
  24. package/components/Avatar/Avatar.js.map +1 -1
  25. package/components/Button/Button.cjs +49 -12
  26. package/components/Button/Button.cjs.map +1 -1
  27. package/components/Button/Button.js.map +1 -1
  28. package/components/Button/useButtonStyleProps.js +6 -6
  29. package/components/Button/useButtonStyleProps.js.map +1 -1
  30. package/components/ButtonLink/ButtonLink.js.map +1 -1
  31. package/components/ButtonLink/useButtonLinkStyleProps.js +6 -6
  32. package/components/ButtonLink/useButtonLinkStyleProps.js.map +1 -1
  33. package/components/Card/CardLink.d.ts +1 -1
  34. package/components/Card/CardLink.js.map +1 -1
  35. package/components/Checkbox/Checkbox.cjs +45 -1
  36. package/components/Checkbox/Checkbox.cjs.map +1 -1
  37. package/components/Checkbox/Checkbox.js.map +1 -1
  38. package/components/Checkbox/useCheckboxStyleProps.js +5 -2
  39. package/components/Checkbox/useCheckboxStyleProps.js.map +1 -1
  40. package/components/Collapse/Collapse.cjs +2 -2
  41. package/components/Collapse/Collapse.cjs.map +1 -1
  42. package/components/ControlButton/ControlButton.js.map +1 -1
  43. package/components/ControlButton/useControlButtonStyleProps.js +3 -4
  44. package/components/ControlButton/useControlButtonStyleProps.js.map +1 -1
  45. package/components/Drawer/Drawer.cjs +49 -12
  46. package/components/Drawer/Drawer.cjs.map +1 -1
  47. package/components/Drawer/DrawerPanel.js.map +1 -1
  48. package/components/FileUploader/FileUploader.cjs +6 -4
  49. package/components/FileUploader/FileUploader.cjs.map +1 -1
  50. package/components/FileUploader/FileUploaderAttachment.js +3 -3
  51. package/components/FileUploader/FileUploaderAttachment.js.map +1 -1
  52. package/components/FileUploader/FileUploaderList.js +2 -1
  53. package/components/FileUploader/FileUploaderList.js.map +1 -1
  54. package/components/FileUploader/constants.d.ts +1 -0
  55. package/components/FileUploader/constants.js +1 -0
  56. package/components/FileUploader/constants.js.map +1 -1
  57. package/components/FileUploader/useFileUploaderInput.js.map +1 -1
  58. package/components/Flex/Flex.cjs +4 -2
  59. package/components/Flex/Flex.cjs.map +1 -1
  60. package/components/Flex/Flex.d.ts +2 -0
  61. package/components/Flex/Flex.js +2 -0
  62. package/components/Flex/Flex.js.map +1 -1
  63. package/components/Flex/useFlexStyleProps.d.ts +2 -2
  64. package/components/Footer/Footer.cjs +40 -3
  65. package/components/Footer/Footer.cjs.map +1 -1
  66. package/components/Footer/Footer.d.ts +2 -2
  67. package/components/Footer/Footer.js +5 -3
  68. package/components/Footer/Footer.js.map +1 -1
  69. package/components/Footer/useFooterStyleProps.d.ts +2 -2
  70. package/components/Footer/useFooterStyleProps.js.map +1 -1
  71. package/components/Grid/Grid.cjs +10 -5
  72. package/components/Grid/Grid.cjs.map +1 -1
  73. package/components/Grid/Grid.d.ts +2 -0
  74. package/components/Grid/Grid.js +2 -0
  75. package/components/Grid/Grid.js.map +1 -1
  76. package/components/Grid/GridItem.d.ts +2 -0
  77. package/components/Grid/GridItem.js +2 -0
  78. package/components/Grid/GridItem.js.map +1 -1
  79. package/components/Grid/useGridItemStyleProps.d.ts +2 -2
  80. package/components/Grid/useGridItemStyleProps.js +6 -5
  81. package/components/Grid/useGridItemStyleProps.js.map +1 -1
  82. package/components/Grid/useGridStyleProps.d.ts +2 -2
  83. package/components/Header/Header.cjs +49 -12
  84. package/components/Header/Header.cjs.map +1 -1
  85. package/components/Header/HeaderDialogLink.js.map +1 -1
  86. package/components/Header/HeaderLink.js.map +1 -1
  87. package/components/Hidden/Hidden.d.ts +9 -0
  88. package/components/Hidden/Hidden.js +31 -0
  89. package/components/Hidden/Hidden.js.map +1 -0
  90. package/components/Hidden/index.d.ts +1 -0
  91. package/components/Hidden/index.js +2 -0
  92. package/components/Hidden/index.js.map +1 -0
  93. package/components/Icon/Icon.js.map +1 -1
  94. package/components/Icon/useIconStyleProps.d.ts +10 -10
  95. package/components/Link/Link.js.map +1 -1
  96. package/components/Matrix/Matrix.cjs.map +1 -1
  97. package/components/Matrix/Matrix.js +2 -2
  98. package/components/Matrix/Matrix.js.map +1 -1
  99. package/components/Matrix/useMatrixStyleProps.d.ts +1 -1
  100. package/components/Matrix/useMatrixStyleProps.js.map +1 -1
  101. package/components/Modal/Modal.cjs +54 -16
  102. package/components/Modal/Modal.cjs.map +1 -1
  103. package/components/Modal/ModalCloseButton.js +2 -1
  104. package/components/Modal/ModalCloseButton.js.map +1 -1
  105. package/components/Modal/ModalHeader.js +2 -1
  106. package/components/Modal/ModalHeader.js.map +1 -1
  107. package/components/Modal/constants.d.ts +1 -0
  108. package/components/Modal/constants.js +2 -0
  109. package/components/Modal/constants.js.map +1 -0
  110. package/components/Modal/useModalDialogStyleProps.js +1 -2
  111. package/components/Modal/useModalDialogStyleProps.js.map +1 -1
  112. package/components/Navigation/NavigationAction.js.map +1 -1
  113. package/components/Navigation/NavigationAvatar.js.map +1 -1
  114. package/components/Pagination/Pagination.cjs +61 -19
  115. package/components/Pagination/Pagination.cjs.map +1 -1
  116. package/components/Pagination/PaginationButtonLink.js +4 -1
  117. package/components/Pagination/PaginationButtonLink.js.map +1 -1
  118. package/components/Pagination/PaginationLink.js +4 -2
  119. package/components/Pagination/PaginationLink.js.map +1 -1
  120. package/components/Pagination/PaginationLinkNext.js.map +1 -1
  121. package/components/Pagination/PaginationLinkPrevious.js.map +1 -1
  122. package/components/Pagination/UncontrolledPagination.js +2 -1
  123. package/components/Pagination/UncontrolledPagination.js.map +1 -1
  124. package/components/Pagination/constants.d.ts +1 -0
  125. package/components/Pagination/constants.js +1 -0
  126. package/components/Pagination/constants.js.map +1 -1
  127. package/components/PricingPlan/PricingPlan.cjs +54 -16
  128. package/components/PricingPlan/PricingPlan.cjs.map +1 -1
  129. package/components/Radio/Radio.cjs +45 -1
  130. package/components/Radio/Radio.cjs.map +1 -1
  131. package/components/Radio/Radio.js.map +1 -1
  132. package/components/Radio/useRadioStyleProps.js +5 -2
  133. package/components/Radio/useRadioStyleProps.js.map +1 -1
  134. package/components/ScrollView/ScrollView.cjs +80 -11
  135. package/components/ScrollView/ScrollView.cjs.map +1 -1
  136. package/components/ScrollView/ScrollViewArrows.js +3 -8
  137. package/components/ScrollView/ScrollViewArrows.js.map +1 -1
  138. package/components/ScrollView/constants.d.ts +1 -0
  139. package/components/ScrollView/constants.js +1 -0
  140. package/components/ScrollView/constants.js.map +1 -1
  141. package/components/ScrollView/index.d.ts +1 -0
  142. package/components/ScrollView/index.js +1 -0
  143. package/components/ScrollView/index.js.map +1 -1
  144. package/components/ScrollView/useScrollCallback.d.ts +10 -0
  145. package/components/ScrollView/useScrollCallback.js +41 -0
  146. package/components/ScrollView/useScrollCallback.js.map +1 -0
  147. package/components/ScrollView/useScrollPosition.js.map +1 -1
  148. package/components/SegmentedControl/SegmentedControlContext.js.map +1 -1
  149. package/components/Select/Select.js.map +1 -1
  150. package/components/Skeleton/useSkeletonShapeStyleProps.d.ts +10 -10
  151. package/components/SkipLink/SkipLink.js.map +1 -1
  152. package/components/Slider/Slider.js.map +1 -1
  153. package/components/Spinner/Spinner.js.map +1 -1
  154. package/components/SplitButton/SplitButton.cjs +52 -12
  155. package/components/SplitButton/SplitButton.cjs.map +1 -1
  156. package/components/SplitButton/UncontrolledSplitButton.js +2 -0
  157. package/components/SplitButton/UncontrolledSplitButton.js.map +1 -1
  158. package/components/SplitButton/constants.d.ts +1 -0
  159. package/components/SplitButton/constants.js +2 -0
  160. package/components/SplitButton/constants.js.map +1 -0
  161. package/components/Tabs/TabContext.js.map +1 -1
  162. package/components/Tabs/TabLink.js.map +1 -1
  163. package/components/Tag/Tag.js.map +1 -1
  164. package/components/TextArea/TextArea.cjs +7 -1
  165. package/components/TextArea/TextArea.cjs.map +1 -1
  166. package/components/TextArea/TextArea.js.map +1 -1
  167. package/components/TextArea/useAdjustHeight.js.map +1 -1
  168. package/components/TextField/TextField.cjs +7 -1
  169. package/components/TextField/TextField.cjs.map +1 -1
  170. package/components/TextField/TextField.js.map +1 -1
  171. package/components/TextFieldBase/TextFieldBase.cjs +7 -1
  172. package/components/TextFieldBase/TextFieldBase.cjs.map +1 -1
  173. package/components/TextFieldBase/TextFieldBase.d.ts +2 -2
  174. package/components/TextFieldBase/TextFieldBase.js.map +1 -1
  175. package/components/TextFieldBase/TextFieldBaseInput.js.map +1 -1
  176. package/components/TextFieldBase/TextFieldBasePasswordToggle.js +5 -1
  177. package/components/TextFieldBase/TextFieldBasePasswordToggle.js.map +1 -1
  178. package/components/TextFieldBase/constants.d.ts +2 -0
  179. package/components/TextFieldBase/constants.js +3 -0
  180. package/components/TextFieldBase/constants.js.map +1 -0
  181. package/components/Toast/Toast.cjs +1 -1
  182. package/components/Toast/Toast.cjs.map +1 -1
  183. package/components/Toast/ToastBarLink.js.map +1 -1
  184. package/components/Toast/ToastContext.js +2 -2
  185. package/components/Toast/ToastContext.js.map +1 -1
  186. package/components/Toast/UncontrolledToast.js +2 -1
  187. package/components/Toast/UncontrolledToast.js.map +1 -1
  188. package/components/Toast/useToastBarStyleProps.d.ts +10 -10
  189. package/components/Toggle/Toggle.cjs +46 -1
  190. package/components/Toggle/Toggle.cjs.map +1 -1
  191. package/components/Toggle/Toggle.js.map +1 -1
  192. package/components/Toggle/useToggleStyleProps.js +5 -2
  193. package/components/Toggle/useToggleStyleProps.js.map +1 -1
  194. package/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js.map +1 -1
  195. package/components/components.cjs +441 -285
  196. package/components/components.cjs.map +1 -1
  197. package/components/index.d.ts +1 -0
  198. package/components/index.js +1 -0
  199. package/components/index.js.map +1 -1
  200. package/constants/constants.cjs +6 -0
  201. package/constants/constants.cjs.map +1 -1
  202. package/constants/index.d.ts +1 -0
  203. package/constants/index.js +1 -0
  204. package/constants/index.js.map +1 -1
  205. package/constants/inputs.d.ts +4 -0
  206. package/constants/inputs.js +5 -0
  207. package/constants/inputs.js.map +1 -0
  208. package/hooks/hooks.cjs +48 -7
  209. package/hooks/hooks.cjs.map +1 -1
  210. package/hooks/index.d.ts +2 -1
  211. package/hooks/index.js +2 -1
  212. package/hooks/index.js.map +1 -1
  213. package/hooks/useDeprecationMessage.js +2 -2
  214. package/hooks/useDeprecationMessage.js.map +1 -1
  215. package/hooks/useInputPositionClass.d.ts +2 -0
  216. package/hooks/useInputPositionClass.js +8 -0
  217. package/hooks/useInputPositionClass.js.map +1 -0
  218. package/hooks/useSymmetry.d.ts +7 -0
  219. package/hooks/useSymmetry.js +39 -0
  220. package/hooks/useSymmetry.js.map +1 -0
  221. package/index.cjs +444 -290
  222. package/index.cjs.map +1 -1
  223. package/package.json +11 -18
  224. package/spirit-web-react.cjs +444 -290
  225. package/spirit-web-react.cjs.map +1 -1
  226. package/spirit-web-react.min.cjs +1 -1
  227. package/types/accordion.d.ts +14 -7
  228. package/types/box.d.ts +2 -2
  229. package/types/button.d.ts +2 -2
  230. package/types/checkbox.d.ts +2 -1
  231. package/types/controlButton.d.ts +2 -2
  232. package/types/flex.d.ts +2 -3
  233. package/types/footer.d.ts +7 -2
  234. package/types/grid.d.ts +3 -5
  235. package/types/hidden.d.ts +10 -0
  236. package/types/hidden.js +2 -0
  237. package/types/hidden.js.map +1 -0
  238. package/types/index.d.ts +1 -0
  239. package/types/index.js +1 -0
  240. package/types/index.js.map +1 -1
  241. package/types/item.d.ts +2 -2
  242. package/types/pricingPlan.d.ts +1 -1
  243. package/types/radio.d.ts +2 -1
  244. package/types/shared/inputs.d.ts +3 -0
  245. package/types/slider.d.ts +2 -2
  246. package/types/toggle.d.ts +2 -1
  247. package/hooks/useDirectionClass.d.ts +0 -2
  248. package/hooks/useDirectionClass.js +0 -5
  249. package/hooks/useDirectionClass.js.map +0 -1
@@ -14,8 +14,9 @@ import React from 'react';
14
14
  import { Button } from "../Button/index.js";
15
15
  import { Icon } from "../Icon/index.js";
16
16
  import { VisuallyHidden } from "../VisuallyHidden/index.js";
17
+ import { MODAL_CLOSE_BUTTON_LABEL_DEFAULT } from "./constants.js";
17
18
  const ModalCloseButton = (_a) => {
18
- var { label = 'Close', onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
19
+ var { label = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, onClose, id, isOpen } = _a, restProps = __rest(_a, ["label", "onClose", "id", "isOpen"]);
19
20
  return (React.createElement(Button, Object.assign({}, restProps, { isSymmetrical: true, color: "tertiary", onClick: onClose, "aria-expanded": isOpen, "aria-controls": id }),
20
21
  React.createElement(Icon, { name: "close" }),
21
22
  React.createElement(VisuallyHidden, null, label)));
@@ -1 +1 @@
1
- {"version":3,"file":"ModalCloseButton.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,gBAAgB,GAAG,CAAC,EAA6E,EAAE,EAAE;QAAjF,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,OAAuC,EAAlC,SAAS,cAApD,oCAAsD,CAAF;IAA8B,OAAA,CAC1G,oBAAC,MAAM,oBAAK,SAAS,IAAE,aAAa,QAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,mBAAiB,MAAM,mBAAiB,EAAE;QAC9G,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG;QACrB,oBAAC,cAAc,QAAE,KAAK,CAAkB,CACjC,CACV,CAAA;CAAA,CAAC;AAEF,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"ModalCloseButton.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalCloseButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAC;AAE/D,MAAM,gBAAgB,GAAG,CAAC,EAMF,EAAE,EAAE;QANF,EACxB,KAAK,GAAG,gCAAgC,EACxC,OAAO,EACP,EAAE,EACF,MAAM,OAEgB,EADnB,SAAS,cALY,oCAMzB,CADa;IACe,OAAA,CAC3B,oBAAC,MAAM,oBAAK,SAAS,IAAE,aAAa,QAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,mBAAiB,MAAM,mBAAiB,EAAE;QAC9G,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG;QACrB,oBAAC,cAAc,QAAE,KAAK,CAAkB,CACjC,CACV,CAAA;CAAA,CAAC;AAEF,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}
@@ -13,6 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
13
13
  import classNames from 'classnames';
14
14
  import React from 'react';
15
15
  import { useStyleProps } from "../../hooks/index.js";
16
+ import { MODAL_CLOSE_BUTTON_LABEL_DEFAULT } from "./constants.js";
16
17
  import ModalCloseButton from "./ModalCloseButton.js";
17
18
  import { useModalContext } from "./ModalContext.js";
18
19
  import { useModalStyleProps } from "./useModalStyleProps.js";
@@ -21,7 +22,7 @@ const defaultProps = {
21
22
  };
22
23
  const ModalHeader = (props) => {
23
24
  const propsWithDefaults = Object.assign(Object.assign({}, defaultProps), props);
24
- const { children, closeLabel, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
25
+ const { children, closeLabel = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, hasCloseButton } = propsWithDefaults, restProps = __rest(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
25
26
  const { classProps } = useModalStyleProps();
26
27
  const { styleProps, props: otherProps } = useStyleProps(restProps);
27
28
  const { id, isOpen, onClose } = useModalContext();
@@ -1 +1 @@
1
- {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,YAAY,GAAqB;IACrC,cAAc,EAAE,IAAI;CACrB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAA1E,4CAAsD,CAAoB,CAAC;IACjF,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAElD,OAAO,CACL,gDAAY,UAAU,EAAM,UAAU,IAAE,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC;QACnG,QAAQ,IAAI,CACX,4BAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IAChD,QAAQ,CACN,CACN;QACA,cAAc,IAAI,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7F,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,eAAe,GAAG,aAAa,CAAC;AAE5C,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"ModalHeader.js","sourceRoot":"","sources":["../../../src/components/Modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,YAAY,GAAqB;IACrC,cAAc,EAAE,IAAI;CACrB,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,QAAQ,EAAE,UAAU,GAAG,gCAAgC,EAAE,cAAc,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAA7G,4CAAyF,CAAoB,CAAC;IACpH,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAC5C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IAElD,OAAO,CACL,gDAAY,UAAU,EAAM,UAAU,IAAE,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,SAAS,CAAC;QACnG,QAAQ,IAAI,CACX,4BAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IAChD,QAAQ,CACN,CACN;QACA,cAAc,IAAI,oBAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7F,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,eAAe,GAAG,aAAa,CAAC;AAE5C,eAAe,WAAW,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const MODAL_CLOSE_BUTTON_LABEL_DEFAULT = "Close";
@@ -0,0 +1,2 @@
1
+ export const MODAL_CLOSE_BUTTON_LABEL_DEFAULT = 'Close';
2
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Modal/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gCAAgC,GAAG,OAAO,CAAC"}
@@ -17,8 +17,7 @@ const setCustomHeight = (baseVarName, propValue) => {
17
17
  var _a;
18
18
  const suffix = key === 'mobile' ? '' : `-${key}`;
19
19
  const propName = `--${baseVarName}${suffix}`;
20
- acc[propName] = (_a = propValue[key]) === null || _a === void 0 ? void 0 : _a.toString();
21
- return acc;
20
+ return Object.assign(Object.assign({}, acc), { [propName]: (_a = propValue[key]) === null || _a === void 0 ? void 0 : _a.toString() });
22
21
  }, {});
23
22
  }
24
23
  const propName = `--${baseVarName}`;
@@ -1 +1 @@
1
- {"version":3,"file":"useModalDialogStyleProps.js","sourceRoot":"","sources":["../../../src/components/Modal/useModalDialogStyleProps.ts"],"names":[],"mappings":";;;;;;;;;;;AAOA,MAAM,eAAe,GAAG,CACtB,WAAmB,EACnB,SAA6E,EAC9C,EAAE;IACjC,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAE1B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;;YAChD,MAAM,MAAM,GAAG,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,KAAK,WAAW,GAAG,MAAM,EAAE,CAAC;YAC7C,GAAG,CAAC,QAAQ,CAAC,GAAG,MAAA,SAAS,CAAC,GAA4C,CAAC,0CAAE,QAAQ,EAAE,CAAC;YAEpF,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,EAAmC,CAAC,CAAC;IAC1C,CAAC;IACD,MAAM,QAAQ,GAAG,KAAK,WAAW,EAAE,CAAC;IAEpC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAE,EAAmC,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAwB,KAA0B,EAAE,EAAE;IAC5F,MAAM,EAAE,MAAM,EAAE,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA5C,uBAAoC,CAAQ,CAAC;IAEnD,MAAM,qBAAqB,mCACtB,eAAe,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAC9C,eAAe,CAAC,yBAAyB,EAAE,SAAS,CAAC,CACzD,CAAC;IAEF,OAAO;QACL,qBAAqB,EAAE,qBAAqB;QAC5C,KAAK,EAAE,UAAU;KAClB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"useModalDialogStyleProps.js","sourceRoot":"","sources":["../../../src/components/Modal/useModalDialogStyleProps.ts"],"names":[],"mappings":";;;;;;;;;;;AAOA,MAAM,eAAe,GAAG,CACtB,WAAmB,EACnB,SAA6E,EAC9C,EAAE;IACjC,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAE1B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;;YAChD,MAAM,MAAM,GAAG,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,CAAC;YACjD,MAAM,QAAQ,GAAG,KAAK,WAAW,GAAG,MAAM,EAAE,CAAC;YAE7C,uCACK,GAAG,KACN,CAAC,QAAQ,CAAC,EAAE,MAAA,SAAS,CAAC,GAA4C,CAAC,0CAAE,QAAQ,EAAE,IAC/E;QACJ,CAAC,EAAE,EAAmC,CAAC,CAAC;IAC1C,CAAC;IACD,MAAM,QAAQ,GAAG,KAAK,WAAW,EAAE,CAAC;IAEpC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAE,EAAmC,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAwB,KAA0B,EAAE,EAAE;IAC5F,MAAM,EAAE,MAAM,EAAE,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA5C,uBAAoC,CAAQ,CAAC;IAEnD,MAAM,qBAAqB,mCACtB,eAAe,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAC9C,eAAe,CAAC,yBAAyB,EAAE,SAAS,CAAC,CACzD,CAAC;IAEF,OAAO;QACL,qBAAqB,EAAE,qBAAqB;QAC5C,KAAK,EAAE,UAAU;KAClB,CAAC;AACJ,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationAction.js","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAction.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,YAAY,GAAyC;IACzD,WAAW,EAAE,GAAG;IAChB,OAAO,EAAE,aAAa,CAAC,GAAG;CAC3B,CAAC;AAIF,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACrC,GAAsB,EACR,EAAE;IAChB,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,WAAW,GAAG,YAAY,CAAC,WAA0B,EAAE,QAAQ,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAArG,2BAAiF,CAAoB,CAAC;IAC5G,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;IAEvE,MAAM,EAAE,qBAAqB,EAAE,GAAG,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAC9E,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAChF,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEhH,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,qBAAqB,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG,KAClF,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAAwD,iBAAiB,CAAC,CAAC;AAE9G,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"NavigationAction.js","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAction.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,YAAY,GAAyC;IACzD,WAAW,EAAE,GAAG;IAChB,OAAO,EAAE,aAAa,CAAC,GAAG;CAC3B,CAAC;AAEF,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACrC,GAAsB,EACR,EAAE;IAChB,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EAAE,WAAW,GAAG,YAAY,CAAC,WAA0B,EAAE,QAAQ,KAAmB,iBAAiB,EAA/B,SAAS,UAAK,iBAAiB,EAArG,2BAAiF,CAAoB,CAAC;IAC5G,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC;IAEvE,MAAM,EAAE,qBAAqB,EAAE,GAAG,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;IAC9E,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC;IAChF,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEhH,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,qBAAqB,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG,KAClF,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAAwD,iBAAiB,CAAC,CAAC;AAE9G,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"NavigationAvatar.js","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAvatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,YAAY,GAAyC;IACzD,WAAW,EAAE,GAAG;IAChB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAIF,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACrC,GAAsB,EACR,EAAE;IAChB,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EACJ,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC,WAA0B,EACjE,aAAa,EACb,QAAQ,EACR,QAAQ,KAEN,iBAAiB,EADhB,SAAS,UACV,iBAAiB,EANf,wDAML,CAAoB,CAAC;IAEtB,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,uBAAuB,iBAAG,QAAQ,IAAK,SAAS,EAAG,CAAC;IACjG,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEhH,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,gBAAgB,IAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;QAC9E,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAC1C,aAAa,CACP;QACR,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAAwD,iBAAiB,CAAC,CAAC;AAE9G,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"NavigationAvatar.js","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationAvatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,YAAY,GAAyC;IACzD,WAAW,EAAE,GAAG;IAChB,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,iBAAiB,GAAG,CACxB,KAAqC,EACrC,GAAsB,EACR,EAAE;IAChB,MAAM,iBAAiB,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IACxD,MAAM,EACJ,WAAW,EAAE,UAAU,GAAG,YAAY,CAAC,WAA0B,EACjE,aAAa,EACb,QAAQ,EACR,QAAQ,KAEN,iBAAiB,EADhB,SAAS,UACV,iBAAiB,EANf,wDAML,CAAoB,CAAC;IAEtB,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,uBAAuB,iBAAG,QAAQ,IAAK,SAAS,EAAG,CAAC;IACjG,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,aAAa,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAEhH,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,gBAAgB,IAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;QAC9E,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAC1C,aAAa,CACP;QACR,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,UAAU,CAAwD,iBAAiB,CAAC,CAAC;AAE9G,gBAAgB,CAAC,eAAe,GAAG,kBAAkB,CAAC;AAEtD,eAAe,gBAAgB,CAAC"}
@@ -339,11 +339,11 @@ const useClick = (isDisabled, onClick) => React.useCallback((event) => {
339
339
  }, [isDisabled, onClick]);
340
340
 
341
341
  const useDeprecationMessage = ({ method = 'component', trigger, componentName, componentProps, propertyProps, customText, }) => {
342
- let message;
343
- let hasProps;
344
342
  const messageBase = `Deprecation warning (${componentName}):`;
345
343
  React.useEffect(() => {
346
344
  const isExecutable = trigger && componentName && process.env.NODE_ENV === 'development';
345
+ let message;
346
+ let hasProps;
347
347
  switch (method) {
348
348
  case 'property':
349
349
  if (propertyProps === null || propertyProps === void 0 ? void 0 : propertyProps.delete) {
@@ -392,6 +392,43 @@ const useIcon = (name) => {
392
392
  return '';
393
393
  };
394
394
 
395
+ const SYMMETRICAL_CLASS_SUFFIX = '--symmetrical';
396
+ const NON_SYMMETRICAL_CLASS_SUFFIX = '--asymmetrical';
397
+ function getSymmetryClassNamesReducer(componentClass, isSymmetrical) {
398
+ return (acc, breakpoint) => {
399
+ if (breakpoint in isSymmetrical) {
400
+ const value = isSymmetrical[breakpoint];
401
+ const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `--${breakpoint}`;
402
+ if (value) {
403
+ return {
404
+ classes: [...acc.classes, `${componentClass}${infix}${SYMMETRICAL_CLASS_SUFFIX}`],
405
+ wasSymmetrical: true,
406
+ };
407
+ }
408
+ if (acc.wasSymmetrical) {
409
+ return {
410
+ classes: [...acc.classes, `${componentClass}${infix}${NON_SYMMETRICAL_CLASS_SUFFIX}`],
411
+ wasSymmetrical: acc.wasSymmetrical,
412
+ };
413
+ }
414
+ }
415
+ return acc;
416
+ };
417
+ }
418
+ function useSymmetry(componentClass, isSymmetrical) {
419
+ if (typeof isSymmetrical !== 'object' || isSymmetrical === null) {
420
+ return {
421
+ isSymmetricalActive: isSymmetrical === true,
422
+ symmetricalClassName: isSymmetrical ? `${componentClass}${SYMMETRICAL_CLASS_SUFFIX}` : '',
423
+ };
424
+ }
425
+ const { classes } = Object.keys(spiritDesignTokens.breakpoints).reduce(getSymmetryClassNamesReducer(componentClass, isSymmetrical), { classes: [], wasSymmetrical: false });
426
+ return {
427
+ isSymmetricalActive: Object.values(isSymmetrical).includes(true),
428
+ symmetricalClassName: classes.join(' '),
429
+ };
430
+ }
431
+
395
432
  const usePaginationStyleProps = (props) => {
396
433
  const paginationRootClass = useClassNamePrefix('Pagination');
397
434
  const paginationItemClass = `${paginationRootClass}__item`;
@@ -464,16 +501,16 @@ function useButtonStyleProps(props) {
464
501
  const buttonBlockClass = `${buttonClass}--block`;
465
502
  const buttonDisabledClass = `${buttonClass}--disabled`;
466
503
  const buttonLoadingClass = `${buttonClass}--loading`;
467
- const buttonSymmetricalClass = `${buttonClass}--symmetrical`;
468
- if (isBlock && isSymmetrical) {
504
+ const { isSymmetricalActive, symmetricalClassName } = useSymmetry(buttonClass, isSymmetrical);
505
+ if (isBlock && isSymmetricalActive) {
469
506
  warning(false, 'isBlock and isSymmetrical props are mutually exclusive');
470
507
  }
508
+ const shouldApplyBlock = () => isBlock && !isSymmetricalActive;
471
509
  const classProps = classNames(buttonClass, getButtonColorClassname(buttonClass, color), getButtonSizeClassname(buttonClass, size), {
472
- [buttonBlockClass]: isBlock && !isSymmetrical,
510
+ [buttonBlockClass]: shouldApplyBlock(),
473
511
  [buttonDisabledClass]: isDisabled || isLoading,
474
512
  [buttonLoadingClass]: isLoading,
475
- [buttonSymmetricalClass]: isSymmetrical && !isBlock,
476
- });
513
+ }, symmetricalClassName);
477
514
  return {
478
515
  classProps,
479
516
  props: restProps,
@@ -672,16 +709,16 @@ function useButtonLinkStyleProps(props) {
672
709
  const buttonBlockClass = `${buttonClass}--block`;
673
710
  const buttonDisabledClass = `${buttonClass}--disabled`;
674
711
  const buttonLoadingClass = `${buttonClass}--loading`;
675
- const buttonSymmetricalClass = `${buttonClass}--symmetrical`;
676
- if (isBlock && isSymmetrical) {
712
+ const { isSymmetricalActive, symmetricalClassName } = useSymmetry(buttonClass, isSymmetrical);
713
+ if (isBlock && isSymmetricalActive) {
677
714
  warning(false, 'isBlock and isSymmetrical props are mutually exclusive');
678
715
  }
716
+ const shouldApplyBlock = () => isBlock && !isSymmetricalActive;
679
717
  const classProps = classNames(buttonClass, getButtonLinkColorClassname(buttonClass, color), getButtonLinkSizeClassname(buttonClass, size), {
680
- [buttonBlockClass]: isBlock && !isSymmetrical,
718
+ [buttonBlockClass]: shouldApplyBlock(),
681
719
  [buttonDisabledClass]: isDisabled || isLoading,
682
720
  [buttonLoadingClass]: isLoading,
683
- [buttonSymmetricalClass]: isSymmetrical && !isBlock,
684
- });
721
+ }, symmetricalClassName);
685
722
  return {
686
723
  classProps,
687
724
  props: restProps,
@@ -762,6 +799,10 @@ const VisuallyHidden = (props) => {
762
799
  };
763
800
  VisuallyHidden.spiritComponent = 'VisuallyHidden';
764
801
 
802
+ const PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Previous';
803
+ const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Next';
804
+ const PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX = 'Go to page';
805
+
765
806
  var __rest$5 = (undefined && undefined.__rest) || function (s, e) {
766
807
  var t = {};
767
808
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -774,7 +815,9 @@ var __rest$5 = (undefined && undefined.__rest) || function (s, e) {
774
815
  return t;
775
816
  };
776
817
  const _PaginationButtonLink = (props, ref) => {
777
- const _a = props, { direction, accessibilityLabel } = _a, restProps = __rest$5(_a, ["direction", "accessibilityLabel"]);
818
+ const _a = props, { direction, accessibilityLabel = direction === 'previous'
819
+ ? PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL
820
+ : PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL } = _a, restProps = __rest$5(_a, ["direction", "accessibilityLabel"]);
778
821
  const iconType = {
779
822
  previous: 'chevron-left',
780
823
  next: 'chevron-right',
@@ -818,19 +861,17 @@ var __rest$3 = (undefined && undefined.__rest) || function (s, e) {
818
861
  };
819
862
  const _PaginationLink = (props, ref) => {
820
863
  const { elementType: ElementTag = 'a', accessibilityLabel, isCurrent, pageNumber } = props, restProps = __rest$3(props, ["elementType", "accessibilityLabel", "isCurrent", "pageNumber"]);
864
+ const visuallyHiddenLabel = accessibilityLabel || `${PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX} ${pageNumber}`;
821
865
  const { classProps } = usePaginationStyleProps({ isCurrent });
822
866
  const { styleProps, props: otherProps } = useStyleProps(restProps);
823
867
  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.link, styleProps, otherProps });
824
- return (React.createElement(ElementTag, Object.assign({}, otherProps, mergedStyleProps, { ref: ref }),
825
- React.createElement(VisuallyHidden, null, accessibilityLabel),
868
+ return (React.createElement(ElementTag, Object.assign({}, (isCurrent && { 'aria-current': 'page' }), otherProps, mergedStyleProps, { ref: ref }),
869
+ React.createElement(VisuallyHidden, null, visuallyHiddenLabel),
826
870
  React.createElement("span", { "aria-hidden": "true" }, pageNumber)));
827
871
  };
828
872
  const PaginationLink = React.forwardRef(_PaginationLink);
829
873
  PaginationLink.spiritComponent = 'PaginationLink';
830
874
 
831
- const PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Previous';
832
- const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Next';
833
-
834
875
  var __rest$2 = (undefined && undefined.__rest) || function (s, e) {
835
876
  var t = {};
836
877
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -912,7 +953,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
912
953
  return t;
913
954
  };
914
955
  const UncontrolledPagination = (props) => {
915
- const { accessibilityLabel, accessibilityLabelPrevious = 'Previous', accessibilityLabelNext = 'Next', defaultPage = 1, onChange, totalPages = 0, visiblePages = 5 } = props, rest = __rest(props, ["accessibilityLabel", "accessibilityLabelPrevious", "accessibilityLabelNext", "defaultPage", "onChange", "totalPages", "visiblePages"]);
956
+ const { accessibilityLabel = PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX, accessibilityLabelPrevious = PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL, accessibilityLabelNext = PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL, defaultPage = 1, onChange, totalPages = 0, visiblePages = 5 } = props, rest = __rest(props, ["accessibilityLabel", "accessibilityLabelPrevious", "accessibilityLabelNext", "defaultPage", "onChange", "totalPages", "visiblePages"]);
916
957
  const { currentPage, pages, handlePageChange } = usePagination({
917
958
  defaultPage,
918
959
  onChange,
@@ -936,6 +977,7 @@ const UncontrolledPagination = (props) => {
936
977
  };
937
978
  UncontrolledPagination.spiritComponent = 'UncontrolledPagination';
938
979
 
980
+ exports.PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX = PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX;
939
981
  exports.PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL;
940
982
  exports.PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL;
941
983
  exports.Pagination = Pagination;