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

package/components/Pagination/PaginationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAoB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAIpE,MAAM,eAAe,GAAG,CAA8B,KAAmC,EAAE,GAAsB,EAAE,EAAE;IACnH,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,GAAG,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlG,gEAA0F,CAAQ,CAAC;IAEzG,MAAM,EAAE,UAAU,EAAE,GAAG,uBAAuB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAE9G,OAAO,CACL,oBAAC,UAAU,oBAAK,UAAU,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG;QACxD,oBAAC,cAAc,QAAE,kBAAkB,CAAkB;QACrD,6CAAkB,MAAM,IAAE,UAAU,CAAQ,CACjC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAA4D,eAAe,CAAC,CAAC;AAE9G,cAAc,CAAC,eAAe,GAAG,gBAAgB,CAAC;AAElD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PaginationLink.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLink.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAoB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,kDAAkD,EAAE,MAAM,aAAa,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,MAAM,eAAe,GAAG,CAA8B,KAAmC,EAAE,GAAsB,EAAE,EAAE;IACnH,MAAM,EAAE,WAAW,EAAE,UAAU,GAAG,GAAG,EAAE,kBAAkB,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlG,gEAA0F,CAAQ,CAAC;IACzG,MAAM,mBAAmB,GACvB,kBAAkB,IAAI,GAAG,kDAAkD,IAAI,UAAU,EAAE,CAAC;IAE9F,MAAM,EAAE,UAAU,EAAE,GAAG,uBAAuB,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;IAC9D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IACnE,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IAE9G,OAAO,CACL,oBAAC,UAAU,oBAAK,CAAC,SAAS,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,EAAM,UAAU,EAAM,gBAAgB,IAAE,GAAG,EAAE,GAAG;QACvG,oBAAC,cAAc,QAAE,mBAAmB,CAAkB;QACtD,6CAAkB,MAAM,IAAE,UAAU,CAAQ,CACjC,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,UAAU,CAA4D,eAAe,CAAC,CAAC;AAE9G,cAAc,CAAC,eAAe,GAAG,gBAAgB,CAAC;AAElD,eAAe,cAAc,CAAC"}

package/components/Pagination/PaginationLinkNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLinkNext.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLinkNext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,gDAAgD,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAI1D,MAAM,mBAAmB,GAAG,CAC1B,EAG2C,EAC3C,GAAoC,EACpC,EAAE;QALF,EACE,kBAAkB,GAAG,gDAAgD,OAE5B,EADtC,SAAS,cAFd,sBAGC,CADa;IAGX,OAAA,oBAAC,oBAAoB,kBAAC,SAAS,EAAC,MAAM,EAAC,kBAAkB,EAAE,kBAAkB,IAAM,SAAS,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;CAAA,CAAC;AAEhH,MAAM,kBAAkB,GAAG,UAAU,CAA2D,mBAAmB,CAAC,CAAC;AAErH,kBAAkB,CAAC,eAAe,GAAG,oBAAoB,CAAC;AAE1D,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"PaginationLinkNext.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLinkNext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,gDAAgD,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,mBAAmB,GAAG,CAC1B,EAG2C,EAC3C,GAAoC,EACpC,EAAE;QALF,EACE,kBAAkB,GAAG,gDAAgD,OAE5B,EADtC,SAAS,cAFd,sBAGC,CADa;IAGX,OAAA,oBAAC,oBAAoB,kBAAC,SAAS,EAAC,MAAM,EAAC,kBAAkB,EAAE,kBAAkB,IAAM,SAAS,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;CAAA,CAAC;AAEhH,MAAM,kBAAkB,GAAG,UAAU,CAA2D,mBAAmB,CAAC,CAAC;AAErH,kBAAkB,CAAC,eAAe,GAAG,oBAAoB,CAAC;AAE1D,eAAe,kBAAkB,CAAC"}

package/components/Pagination/PaginationLinkPrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLinkPrevious.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLinkPrevious.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,oDAAoD,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAI1D,MAAM,uBAAuB,GAAG,CAC9B,EAG2C,EAC3C,GAAoC,EACpC,EAAE;QALF,EACE,kBAAkB,GAAG,oDAAoD,OAEhC,EADtC,SAAS,cAFd,sBAGC,CADa;IAGX,OAAA,oBAAC,oBAAoB,kBAAC,SAAS,EAAC,UAAU,EAAC,kBAAkB,EAAE,kBAAkB,IAAM,SAAS,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;CAAA,CAAC;AAEpH,MAAM,sBAAsB,GAAG,UAAU,CACvC,uBAAuB,CACxB,CAAC;AAEF,sBAAsB,CAAC,eAAe,GAAG,wBAAwB,CAAC;AAElE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"PaginationLinkPrevious.js","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationLinkPrevious.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,EAAE,oDAAoD,EAAE,MAAM,aAAa,CAAC;AACnF,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,uBAAuB,GAAG,CAC9B,EAG2C,EAC3C,GAAoC,EACpC,EAAE;QALF,EACE,kBAAkB,GAAG,oDAAoD,OAEhC,EADtC,SAAS,cAFd,sBAGC,CADa;IAGX,OAAA,oBAAC,oBAAoB,kBAAC,SAAS,EAAC,UAAU,EAAC,kBAAkB,EAAE,kBAAkB,IAAM,SAAS,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;CAAA,CAAC;AAEpH,MAAM,sBAAsB,GAAG,UAAU,CACvC,uBAAuB,CACxB,CAAC;AAEF,sBAAsB,CAAC,eAAe,GAAG,wBAAwB,CAAC;AAElE,eAAe,sBAAsB,CAAC"}

package/components/Pagination/UncontrolledPagination.js

@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
+import { PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX, PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL, PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL, } from "./constants.js";
 import Pagination from "./Pagination.js";
 import PaginationItem from "./PaginationItem.js";
 import PaginationLink from "./PaginationLink.js";
@@ -18,7 +19,7 @@ import PaginationLinkNext from "./PaginationLinkNext.js";
 import PaginationLinkPrevious from "./PaginationLinkPrevious.js";
 import { usePagination } from "./usePagination.js";
 const UncontrolledPagination = (props) => {
-    const { accessibilityLabel, accessibilityLabelPrevious = 'Previous', accessibilityLabelNext = 'Next', defaultPage = 1, onChange, totalPages = 0, visiblePages = 5 } = props, rest = __rest(props, ["accessibilityLabel", "accessibilityLabelPrevious", "accessibilityLabelNext", "defaultPage", "onChange", "totalPages", "visiblePages"]);
+    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"]);
     const { currentPage, pages, handlePageChange } = usePagination({
         defaultPage,
         onChange,

package/components/Pagination/UncontrolledPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"UncontrolledPagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/UncontrolledPagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,sBAAsB,GAAG,CAAC,KAAwC,EAAe,EAAE;IACvF,MAAM,EACJ,kBAAkB,EAClB,0BAA0B,GAAG,UAAU,EACvC,sBAAsB,GAAG,MAAM,EAC/B,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,UAAU,GAAG,CAAC,EACd,YAAY,GAAG,CAAC,KAEd,KAAK,EADJ,IAAI,UACL,KAAK,EATH,uIASL,CAAQ,CAAC;IACV,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAAC;QAC7D,WAAW;QACX,QAAQ;QACR,UAAU;QACV,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,UAAU,oBAAK,IAAI;QACjB,WAAW,KAAK,CAAC,IAAI,CACpB,oBAAC,sBAAsB,IACrB,kBAAkB,EAAE,0BAA0B,EAC9C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YACpC,CAAC,GACD,CACH,EACA,KAAK,aAAL,KAAK;QAAL,KAAK,CAAE,GAAG,CAAC,CAAC,UAAkB,EAAE,EAAE,CAAC,CAClC,oBAAC,cAAc,IAAC,GAAG,EAAE,UAAU;YAC7B,oBAAC,cAAc,IACb,kBAAkB,EAAE,GAAG,kBAAkB,IAAI,UAAU,EAAE,EACzD,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,WAAW,KAAK,UAAU,EACrC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;oBAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,gBAAgB,CAAC,UAAU,CAAC,CAAC;gBAC/B,CAAC,GACD,CACa,CAClB,CAAC;QACD,WAAW,KAAK,UAAU,IAAI,CAC7B,oBAAC,kBAAkB,IACjB,kBAAkB,EAAE,sBAAsB,EAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YACpC,CAAC,GACD,CACH,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,sBAAsB,CAAC,eAAe,GAAG,wBAAwB,CAAC;AAElE,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"UncontrolledPagination.js","sourceRoot":"","sources":["../../../src/components/Pagination/UncontrolledPagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,kDAAkD,EAClD,gDAAgD,EAChD,oDAAoD,GACrD,MAAM,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,sBAAsB,GAAG,CAAC,KAAwC,EAAe,EAAE;IACvF,MAAM,EACJ,kBAAkB,GAAG,kDAAkD,EACvE,0BAA0B,GAAG,oDAAoD,EACjF,sBAAsB,GAAG,gDAAgD,EACzE,WAAW,GAAG,CAAC,EACf,QAAQ,EACR,UAAU,GAAG,CAAC,EACd,YAAY,GAAG,CAAC,KAEd,KAAK,EADJ,IAAI,UACL,KAAK,EATH,uIASL,CAAQ,CAAC;IACV,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,gBAAgB,EAAE,GAAG,aAAa,CAAC;QAC7D,WAAW;QACX,QAAQ;QACR,UAAU;QACV,YAAY;KACb,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,UAAU,oBAAK,IAAI;QACjB,WAAW,KAAK,CAAC,IAAI,CACpB,oBAAC,sBAAsB,IACrB,kBAAkB,EAAE,0BAA0B,EAC9C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YACpC,CAAC,GACD,CACH,EACA,KAAK,aAAL,KAAK;QAAL,KAAK,CAAE,GAAG,CAAC,CAAC,UAAkB,EAAE,EAAE,CAAC,CAClC,oBAAC,cAAc,IAAC,GAAG,EAAE,UAAU;YAC7B,oBAAC,cAAc,IACb,kBAAkB,EAAE,GAAG,kBAAkB,IAAI,UAAU,EAAE,EACzD,IAAI,EAAC,GAAG,EACR,SAAS,EAAE,WAAW,KAAK,UAAU,EACrC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE;oBAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,gBAAgB,CAAC,UAAU,CAAC,CAAC;gBAC/B,CAAC,GACD,CACa,CAClB,CAAC;QACD,WAAW,KAAK,UAAU,IAAI,CAC7B,oBAAC,kBAAkB,IACjB,kBAAkB,EAAE,sBAAsB,EAC1C,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,gBAAgB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YACpC,CAAC,GACD,CACH,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,sBAAsB,CAAC,eAAe,GAAG,wBAAwB,CAAC;AAElE,eAAe,sBAAsB,CAAC"}

package/components/Pagination/constants.d.ts

@@ -1,2 +1,3 @@
 export declare const PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = "Previous";
 export declare const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = "Next";
+export declare const PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX = "Go to page";

package/components/Pagination/constants.js

@@ -1,3 +1,4 @@
 export const PAGINATION_PREVIOUS_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Previous';
 export const PAGINATION_NEXT_LINK_DEFAULT_ACCESSIBILITY_LABEL = 'Next';
+export const PAGINATION_LINK_DEFAULT_ACCESSIBILITY_LABEL_PREFIX = 'Go to page';
 //# sourceMappingURL=constants.js.map

package/components/Pagination/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Pagination/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oDAAoD,GAAG,UAAU,CAAC;AAC/E,MAAM,CAAC,MAAM,gDAAgD,GAAG,MAAM,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/Pagination/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oDAAoD,GAAG,UAAU,CAAC;AAC/E,MAAM,CAAC,MAAM,gDAAgD,GAAG,MAAM,CAAC;AACvE,MAAM,CAAC,MAAM,kDAAkD,GAAG,YAAY,CAAC"}

package/components/PricingPlan/PricingPlan.cjs

@@ -421,11 +421,11 @@ const useClickOutside = ({ ref, callback }) => {
 };
 
 const useDeprecationMessage = ({ method = 'component', trigger, componentName, componentProps, propertyProps, customText, }) => {
-    let message;
-    let hasProps;
     const messageBase = `Deprecation warning (${componentName}):`;
     React.useEffect(() => {
         const isExecutable = trigger && componentName && process.env.NODE_ENV === 'development';
+        let message;
+        let hasProps;
         switch (method) {
             case 'property':
                 if (propertyProps === null || propertyProps === void 0 ? void 0 : propertyProps.delete) {
@@ -512,6 +512,43 @@ const useScrollControl = (ref, isOpen) => {
     }, [isOpen, ref]);
 };
 
+const SYMMETRICAL_CLASS_SUFFIX = '--symmetrical';
+const NON_SYMMETRICAL_CLASS_SUFFIX = '--asymmetrical';
+function getSymmetryClassNamesReducer(componentClass, isSymmetrical) {
+    return (acc, breakpoint) => {
+        if (breakpoint in isSymmetrical) {
+            const value = isSymmetrical[breakpoint];
+            const infix = breakpoint === BREAKPOINT_MOBILE ? '' : `--${breakpoint}`;
+            if (value) {
+                return {
+                    classes: [...acc.classes, `${componentClass}${infix}${SYMMETRICAL_CLASS_SUFFIX}`],
+                    wasSymmetrical: true,
+                };
+            }
+            if (acc.wasSymmetrical) {
+                return {
+                    classes: [...acc.classes, `${componentClass}${infix}${NON_SYMMETRICAL_CLASS_SUFFIX}`],
+                    wasSymmetrical: acc.wasSymmetrical,
+                };
+            }
+        }
+        return acc;
+    };
+}
+function useSymmetry(componentClass, isSymmetrical) {
+    if (typeof isSymmetrical !== 'object' || isSymmetrical === null) {
+        return {
+            isSymmetricalActive: isSymmetrical === true,
+            symmetricalClassName: isSymmetrical ? `${componentClass}${SYMMETRICAL_CLASS_SUFFIX}` : '',
+        };
+    }
+    const { classes } = Object.keys(spiritDesignTokens.breakpoints).reduce(getSymmetryClassNamesReducer(componentClass, isSymmetrical), { classes: [], wasSymmetrical: false });
+    return {
+        isSymmetricalActive: Object.values(isSymmetrical).includes(true),
+        symmetricalClassName: classes.join(' '),
+    };
+}
+
 const useToggle = (initialState = false) => {
     const [state, setState] = React.useState(initialState);
     const toggle = React.useCallback(() => setState((prevState) => !prevState), []);
@@ -963,16 +1000,16 @@ function useButtonStyleProps(props) {
     const buttonBlockClass = `${buttonClass}--block`;
     const buttonDisabledClass = `${buttonClass}--disabled`;
     const buttonLoadingClass = `${buttonClass}--loading`;
-    const buttonSymmetricalClass = `${buttonClass}--symmetrical`;
-    if (isBlock && isSymmetrical) {
+    const { isSymmetricalActive, symmetricalClassName } = useSymmetry(buttonClass, isSymmetrical);
+    if (isBlock && isSymmetricalActive) {
         warning(false, 'isBlock and isSymmetrical props are mutually exclusive');
     }
+    const shouldApplyBlock = () => isBlock && !isSymmetricalActive;
     const classProps = classNames(buttonClass, getButtonColorClassname(buttonClass, color), getButtonSizeClassname(buttonClass, size), {
-        [buttonBlockClass]: isBlock && !isSymmetrical,
+        [buttonBlockClass]: shouldApplyBlock(),
         [buttonDisabledClass]: isDisabled || isLoading,
         [buttonLoadingClass]: isLoading,
-        [buttonSymmetricalClass]: isSymmetrical && !isBlock,
-    });
+    }, symmetricalClassName);
     return {
         classProps,
         props: restProps,
@@ -1093,16 +1130,16 @@ function useButtonLinkStyleProps(props) {
     const buttonBlockClass = `${buttonClass}--block`;
     const buttonDisabledClass = `${buttonClass}--disabled`;
     const buttonLoadingClass = `${buttonClass}--loading`;
-    const buttonSymmetricalClass = `${buttonClass}--symmetrical`;
-    if (isBlock && isSymmetrical) {
+    const { isSymmetricalActive, symmetricalClassName } = useSymmetry(buttonClass, isSymmetrical);
+    if (isBlock && isSymmetricalActive) {
         warning(false, 'isBlock and isSymmetrical props are mutually exclusive');
     }
+    const shouldApplyBlock = () => isBlock && !isSymmetricalActive;
     const classProps = classNames(buttonClass, getButtonLinkColorClassname(buttonClass, color), getButtonLinkSizeClassname(buttonClass, size), {
-        [buttonBlockClass]: isBlock && !isSymmetrical,
+        [buttonBlockClass]: shouldApplyBlock(),
         [buttonDisabledClass]: isDisabled || isLoading,
         [buttonLoadingClass]: isLoading,
-        [buttonSymmetricalClass]: isSymmetrical && !isBlock,
-    });
+    }, symmetricalClassName);
     return {
         classProps,
         props: restProps,
@@ -1183,6 +1220,8 @@ const VisuallyHidden = (props) => {
 };
 VisuallyHidden.spiritComponent = 'VisuallyHidden';
 
+const MODAL_CLOSE_BUTTON_LABEL_DEFAULT = 'Close';
+
 var __rest$b = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -1195,7 +1234,7 @@ var __rest$b = (undefined && undefined.__rest) || function (s, e) {
     return t;
 };
 const ModalCloseButton = (_a) => {
-    var { label = 'Close', onClose, id, isOpen } = _a, restProps = __rest$b(_a, ["label", "onClose", "id", "isOpen"]);
+    var { label = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, onClose, id, isOpen } = _a, restProps = __rest$b(_a, ["label", "onClose", "id", "isOpen"]);
     return (React.createElement(Button, Object.assign({}, restProps, { isSymmetrical: true, color: "tertiary", onClick: onClose, "aria-expanded": isOpen, "aria-controls": id }),
         React.createElement(Icon, { name: "close" }),
         React.createElement(VisuallyHidden, null, label)));
@@ -1221,8 +1260,7 @@ const setCustomHeight = (baseVarName, propValue) => {
             var _a;
             const suffix = key === 'mobile' ? '' : `-${key}`;
             const propName = `--${baseVarName}${suffix}`;
-            acc[propName] = (_a = propValue[key]) === null || _a === void 0 ? void 0 : _a.toString();
-            return acc;
+            return Object.assign(Object.assign({}, acc), { [propName]: (_a = propValue[key]) === null || _a === void 0 ? void 0 : _a.toString() });
         }, {});
     }
     const propName = `--${baseVarName}`;
@@ -1292,7 +1330,7 @@ const defaultProps$2 = {
 };
 const ModalHeader = (props) => {
     const propsWithDefaults = Object.assign(Object.assign({}, defaultProps$2), props);
-    const { children, closeLabel, hasCloseButton } = propsWithDefaults, restProps = __rest$8(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
+    const { children, closeLabel = MODAL_CLOSE_BUTTON_LABEL_DEFAULT, hasCloseButton } = propsWithDefaults, restProps = __rest$8(propsWithDefaults, ["children", "closeLabel", "hasCloseButton"]);
     const { classProps } = useModalStyleProps();
     const { styleProps, props: otherProps } = useStyleProps(restProps);
     const { id, isOpen, onClose } = useModalContext();