@telefonica/mistica 11.2.1 → 11.4.1

package/dist/utils/platform.js

@@ -53,16 +53,16 @@ function _unsupportedIterableToArray(o, minLen) {
 var getUserAgent = function getUserAgent() {
     var platformOverrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
     var ref;
-    if (typeof self === 'undefined') {
+    if (typeof self === "undefined") {
         var _userAgent;
-        return (_userAgent = platformOverrides.userAgent) !== null && _userAgent !== void 0 ? _userAgent : '';
+        return (_userAgent = platformOverrides.userAgent) !== null && _userAgent !== void 0 ? _userAgent : "";
     }
     var ref1;
-    return (ref1 = (ref = self.navigator) === null || ref === void 0 ? void 0 : ref.userAgent) !== null && ref1 !== void 0 ? ref1 : '';
+    return (ref1 = (ref = self.navigator) === null || ref === void 0 ? void 0 : ref.userAgent) !== null && ref1 !== void 0 ? ref1 : "";
 };
 var isInsideNovumNativeApp = function isInsideNovumNativeApp() {
     var platformOverrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    if (typeof platformOverrides.insideNovumNativeApp !== 'undefined') {
+    if (typeof platformOverrides.insideNovumNativeApp !== "undefined") {
         return platformOverrides.insideNovumNativeApp;
     }
     return (0, _webviewBridge).isWebViewBridgeAvailable();
@@ -70,12 +70,12 @@ var isInsideNovumNativeApp = function isInsideNovumNativeApp() {
 exports.isInsideNovumNativeApp = isInsideNovumNativeApp;
 var isRunningAcceptanceTest = function isRunningAcceptanceTest() {
     var platformOverrides = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return getUserAgent(platformOverrides).includes('acceptance-test');
+    return getUserAgent(platformOverrides).includes("acceptance-test");
 };
 exports.isRunningAcceptanceTest = isRunningAcceptanceTest;
-var isEdgeOrIE = Boolean(typeof self !== 'undefined' && self.MSStream);
+var isEdgeOrIE = Boolean(typeof self !== "undefined" && self.MSStream);
 var isAndroid = function isAndroid(platformOverrides) {
-    return getUserAgent(platformOverrides).toLowerCase().includes('android') && !isEdgeOrIE;
+    return getUserAgent(platformOverrides).toLowerCase().includes("android") && !isEdgeOrIE;
 };
 exports.isAndroid = isAndroid;
 var isIos = function isIos(platformOverrides) {
@@ -110,7 +110,7 @@ var isOldChrome = function isOldChrome(platformOverrides) {
     return version < MODERN_CHROME_VERSION;
 };
 exports.isOldChrome = isOldChrome;
-var SEMVER_ZERO = '0.0.0';
+var SEMVER_ZERO = "0.0.0";
 var getIosVersion = function getIosVersion(platformOverrides) {
     if (!isIos(platformOverrides)) {
         return SEMVER_ZERO;
@@ -119,12 +119,12 @@ var getIosVersion = function getIosVersion(platformOverrides) {
     if (!raw || !raw[1]) {
         return SEMVER_ZERO;
     }
-    var ref = _slicedToArray(raw[1].split('_'), 3), major = ref[0], tmp = ref[1], minor = tmp === void 0 ? '0' : tmp, tmp1 = ref[2], patch = tmp1 === void 0 ? '0' : tmp1;
+    var ref = _slicedToArray(raw[1].split("_"), 3), major = ref[0], tmp = ref[1], minor = tmp === void 0 ? "0" : tmp, tmp1 = ref[2], patch = tmp1 === void 0 ? "0" : tmp1;
     return [
         major,
         minor,
         patch
-    ].join('.');
+    ].join(".");
 };
 exports.getIosVersion = getIosVersion;
 var getPlatform = function getPlatform() {
@@ -134,11 +134,11 @@ var getPlatform = function getPlatform() {
         return overridenPlatform;
     }
     if (isIos(platformOverrides)) {
-        return 'ios';
+        return "ios";
     }
     if (isAndroid(platformOverrides)) {
-        return 'android';
+        return "android";
     }
-    return 'desktop';
+    return "desktop";
 };
 exports.getPlatform = getPlatform;

package/dist/utils/time.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.getLocalDateTimeString = exports.getLocalYearMonthString = exports.getLocalDateString = void 0;
 var getLocalDateString = function getLocalDateString(date) {
     var yyyy = date.getFullYear();
-    var mm = String(date.getMonth() + 1).padStart(2, '0');
-    var dd = String(date.getDate()).padStart(2, '0');
+    var mm = String(date.getMonth() + 1).padStart(2, "0");
+    var dd = String(date.getDate()).padStart(2, "0");
     return "".concat(yyyy, "-").concat(mm, "-").concat(dd);
 };
 exports.getLocalDateString = getLocalDateString;
 var getLocalYearMonthString = function getLocalYearMonthString(date) {
     var yyyy = date.getFullYear();
-    var mm = String(date.getMonth() + 1).padStart(2, '0');
+    var mm = String(date.getMonth() + 1).padStart(2, "0");
     return "".concat(yyyy, "-").concat(mm);
 };
 exports.getLocalYearMonthString = getLocalYearMonthString;
 var getLocalDateTimeString = function getLocalDateTimeString(date) {
-    var h = String(date.getHours()).padStart(2, '0');
-    var m = String(date.getMinutes()).padStart(2, '0');
+    var h = String(date.getHours()).padStart(2, "0");
+    var m = String(date.getMinutes()).padStart(2, "0");
     return "".concat(getLocalDateString(date), "T").concat(h, ":").concat(m);
 };
 exports.getLocalDateTimeString = getLocalDateTimeString;

package/dist/utils/types.js.flow

@@ -12,4 +12,4 @@ export type IconProps = {
   style?: CssStyle,
 };
 
-import { type CssStyle } from "../__types__.js.flow";
+import { type CssStyle } from "../__css_types__.js.flow";

package/dist/video.d.ts

@@ -13,10 +13,10 @@ declare type VideoSource = {
 };
 export declare type VideoProps = {
     /** defaults to 100% when no width and no height are given */
-    width?: number;
-    height?: number;
+    width?: string | number;
+    height?: string | number;
     /** defaults to 1:1, if both width and height are given, aspectRatio is ignored */
-    aspectRatio?: AspectRatio;
+    aspectRatio?: AspectRatio | number;
     /** accepts multiple sources */
     src: string | Array<string> | VideoSource | Array<VideoSource>;
     /** defaults to true */

package/dist/video.js

@@ -7,6 +7,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _image = require("./image");
 var _jss = require("./jss");
+var _aspectRatioSupport = require("./utils/aspect-ratio-support");
 var _common = require("./utils/common");
 var _dom = require("./utils/dom");
 function _interopRequireWildcard(obj) {
@@ -87,33 +88,62 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 var RATIO = {
-    '1:1': 1,
-    '16:9': 16 / 9,
-    '12:5': 12 / 5,
-    '4:3': 4 / 3
+    "1:1": 1,
+    "16:9": 16 / 9,
+    "12:5": 12 / 5,
+    "4:3": 4 / 3
 };
 exports.RATIO = RATIO;
 var useStyles = (0, _jss).createUseStyles(function() {
     return {
         video: {
+            display: "block",
+            objectFit: "cover",
+            maxWidth: "100%",
+            maxHeight: "100%",
+            "@supports (aspect-ratio: 1 / 1)": {
+                borderRadius: function borderRadius(param) {
+                    var noBorderRadius = param.noBorderRadius;
+                    return noBorderRadius ? 0 : 4;
+                },
+                aspectRatio: function aspectRatio(param) {
+                    var aspectRatio1 = param.aspectRatio;
+                    return aspectRatio1 !== null && aspectRatio1 !== void 0 ? aspectRatio1 : "unset";
+                }
+            },
+            "$wrapper &": {
+                position: "absolute",
+                width: "100%",
+                height: "100%",
+                top: 0,
+                left: 0
+            }
+        },
+        wrapper: {
             borderRadius: function borderRadius(param) {
                 var noBorderRadius = param.noBorderRadius;
                 return noBorderRadius ? 0 : 4;
             },
-            display: 'block',
-            maxWidth: '100%',
-            maxHeight: '100%',
-            objectFit: 'cover',
-            aspectRatio: function aspectRatio(param) {
-                var aspectRatio1 = param.aspectRatio;
-                return aspectRatio1 !== null && aspectRatio1 !== void 0 ? aspectRatio1 : 'unset';
+            overflow: "hidden",
+            maxWidth: "100%",
+            maxHeight: "100%",
+            position: "relative",
+            paddingTop: function paddingTop(param) {
+                var aspectRatio = param.aspectRatio, width = param.width;
+                if (!aspectRatio) {
+                    return "initial";
+                }
+                if (width && typeof width === "string" && width.endsWith("%")) {
+                    return "".concat(Number(width.replace("%", "")) / aspectRatio, "%");
+                }
+                return "".concat(100 / aspectRatio, "%");
             }
         }
     };
 });
-/** Transparent 1x1px PNG  */ var TRANSPARENT_PIXEL = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC';
+/** Transparent 1x1px PNG  */ var TRANSPARENT_PIXEL = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAtJREFUGFdjYAACAAAFAAGq1chRAAAAAElFTkSuQmCC";
 var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
-    var src1 = _param.src, poster = _param.poster, _autoPlay = _param.autoPlay, autoPlay = _autoPlay === void 0 ? true : _autoPlay, _muted = _param.muted, muted = _muted === void 0 ? true : _muted, _loop = _param.loop, loop = _loop === void 0 ? true : _loop, _preload = _param.preload, preload = _preload === void 0 ? 'none' : _preload, _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? '1:1' : _aspectRatio, dataAttributes = _param.dataAttributes, props = _objectWithoutProperties(_param, [
+    var src1 = _param.src, poster = _param.poster, _autoPlay = _param.autoPlay, autoPlay = _autoPlay === void 0 ? true : _autoPlay, _muted = _param.muted, muted = _muted === void 0 ? true : _muted, _loop = _param.loop, loop = _loop === void 0 ? true : _loop, _preload = _param.preload, preload = _preload === void 0 ? "none" : _preload, _aspectRatio = _param.aspectRatio, aspectRatio = _aspectRatio === void 0 ? "1:1" : _aspectRatio, dataAttributes = _param.dataAttributes, props = _objectWithoutProperties(_param, [
         "src",
         "poster",
         "autoPlay",
@@ -123,10 +153,15 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
         "aspectRatio",
         "dataAttributes"
     ]);
+    var supportsAspectRatio = (0, _aspectRatioSupport).useSupportsAspectRatio();
     var noBorderRadius = (0, _image).useDisableBorderRadius();
+    // if width or height are numeric, we can calculate the other with the ratio without css
+    var withCssAspectRatio = typeof props.width !== "number" && typeof props.height !== "number";
+    var ratio = typeof aspectRatio === "number" ? aspectRatio : RATIO[aspectRatio];
     var classes = useStyles({
         noBorderRadius: noBorderRadius,
-        aspectRatio: !props.width && !props.height ? RATIO[aspectRatio] : undefined
+        aspectRatio: withCssAspectRatio ? ratio : undefined,
+        width: props.width
     });
     var videoRef = React.useRef(null);
     React.useEffect(function() {
@@ -141,7 +176,7 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     var sources = (Array.isArray(src1) ? src1 : [
         src1
     ]).map(function(source) {
-        if (typeof source === 'string') {
+        if (typeof source === "string") {
             return {
                 src: source
             };
@@ -154,23 +189,26 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     if (props.width !== undefined && props.height !== undefined) {
         width = props.width;
         height = props.height;
-    } else if (props.width !== undefined) {
-        height = props.width / RATIO[aspectRatio];
-    } else if (props.height !== undefined) {
-        width = props.height * RATIO[aspectRatio];
+    } else if (typeof props.width === "number") {
+        height = props.width / ratio;
+    } else if (typeof props.height === "number") {
+        width = props.height * ratio;
     } else {
-        width = '100%';
+        width = props.width || "100%";
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("video", _objectSpread({
+    var needsWrapper = withCssAspectRatio && !supportsAspectRatio;
+    var video1 = /*#__PURE__*/ (0, _jsxRuntime).jsx("video", _objectSpread({
         ref: (0, _common).combineRefs(ref, videoRef),
         playsInline: true,
         disablePictureInPicture: true,
         disableRemotePlayback: true,
         autoPlay: autoPlay,
         muted: muted,
-        loop: loop,
+        loop: loop
+    }, !needsWrapper ? {
         width: width,
-        height: height,
+        height: height
+    } : {}, {
         className: classes.video,
         preload: preload,
         // This transparent pixel fallback avoids showing the ugly "play" image in android webviews
@@ -178,12 +216,24 @@ var Video = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
     }, (0, _dom).getPrefixedDataAttributes(dataAttributes), {
         children: sources.map(function(param, index) {
             var src = param.src, type = param.type;
-            /*#__PURE__*/ return (0, _jsxRuntime).jsx("source", {
+            return /*#__PURE__*/ (0, _jsxRuntime).jsx("source", {
                 src: src,
                 type: type
             }, index);
         })
-    })));
+    }));
+    if (needsWrapper) {
+        return /*#__PURE__*/ (0, _jsxRuntime).jsx("div", {
+            style: {
+                width: width,
+                height: height
+            },
+            className: classes.wrapper,
+            children: video1
+        });
+    } else {
+        return video1;
+    }
 });
 var _default = Video;
 exports.default = _default;

package/dist/video.js.flow

@@ -17,12 +17,12 @@ export type VideoProps = {
  /**
   * defaults to 100% when no width and no height are given
   */
- width?: number,
- height?: number,
+ width?: string | number,
+ height?: string | number,
  /**
   * defaults to 1:1, if both width and height are given, aspectRatio is ignored
   */
- aspectRatio?: AspectRatio,
+ aspectRatio?: AspectRatio | number,
  /**
   * accepts multiple sources
   */
@@ -46,8 +46,5 @@ export type VideoProps = {
  preload?: "none" | "metadata" | "auto",
  dataAttributes?: DataAttributes,
 };
-declare var Video: React.ComponentType<{
-  ...VideoProps,
-  ref?: React.Ref<HTMLVideoElement>,
-}>;
+declare var Video: React.AbstractComponent<VideoProps, HTMLVideoElement>;
 declare export default typeof Video;

package/dist-es/aria-id-getter-context.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
+import * as React from "react";
 var AriaIdGetterContext = /*#__PURE__*/ React.createContext(function() {
-    return '';
+    return "";
 });
 export default AriaIdGetterContext;

package/dist-es/badge.js

@@ -1,7 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import classnames from 'classnames';
-import { createUseStyles } from './jss';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -15,29 +11,33 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import classnames from "classnames";
+import { createUseStyles } from "./jss";
 var useStyles = createUseStyles(function(theme) {
     return {
         container: {
-            position: 'relative',
-            display: 'inline-block'
+            position: "relative",
+            display: "inline-block"
         },
         badge: {
             position: function(param) {
                 var hasChildren = param.hasChildren;
-                return hasChildren ? 'absolute' : 'static';
+                return hasChildren ? "absolute" : "static";
             },
             top: -2,
             right: -6,
             width: 8,
             height: 8,
             background: theme.colors.badge,
-            borderRadius: '50%',
+            borderRadius: "50%",
             boxShadow: "0px 0px 0px 1.5px ".concat(theme.colors.borderLight)
         },
         badgeNumber: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
             top: -8,
             right: -9,
             width: 18,
@@ -69,14 +69,14 @@ var useStyles = createUseStyles(function(theme) {
         hasChildren: hasChildren
     });
     if (children && value === 0) {
-        return(/*#__PURE__*/ _jsx(_Fragment, {
+        return /*#__PURE__*/ _jsx(_Fragment, {
             children: children
-        }));
+        });
     }
     if (value === 0) {
         return null;
     }
-    return(/*#__PURE__*/ _jsxs("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: classes.container,
         children: [
             value ? /*#__PURE__*/ _jsx("div", {
@@ -84,12 +84,12 @@ var useStyles = createUseStyles(function(theme) {
                 "aria-hidden": "true" // otherwise OSX VoiceOver reads this number
                 ,
                 className: classnames(classes.badge, classes.badgeNumber, _defineProperty({}, classes.badgeBigNumber, value > 9)),
-                children: value > 9 ? '+9' : value
+                children: value > 9 ? "+9" : value
             }) : /*#__PURE__*/ _jsx("div", {
                 className: classes.badge
             }),
             children
         ]
-    }));
+    });
 };
 export default Badge;

package/dist-es/box.js

@@ -1,8 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { createUseStyles } from './jss';
-import classnames from 'classnames';
-import { getPrefixedDataAttributes } from './utils/dom';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -31,6 +26,11 @@ function _objectSpread(target) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { createUseStyles } from "./jss";
+import classnames from "classnames";
+import { getPrefixedDataAttributes } from "./utils/dom";
 var useStyles = createUseStyles(function() {
     return {
         box: {
@@ -44,17 +44,17 @@ var useStyles = createUseStyles(function() {
     };
 });
 var Box = /*#__PURE__*/ React.forwardRef(function(param, ref) {
-    var className = param.className, children = param.children, width = param.width, _padding = param.padding, padding = _padding === void 0 ? 0 : _padding, _paddingX = param.paddingX, paddingX = _paddingX === void 0 ? padding : _paddingX, _paddingY = param.paddingY, paddingY = _paddingY === void 0 ? padding : _paddingY, _paddingTop = param.paddingTop, paddingTop = _paddingTop === void 0 ? paddingY : _paddingTop, _paddingBottom = param.paddingBottom, paddingBottom = _paddingBottom === void 0 ? paddingY : _paddingBottom, _paddingLeft = param.paddingLeft, paddingLeft = _paddingLeft === void 0 ? paddingX : _paddingLeft, _paddingRight = param.paddingRight, paddingRight = _paddingRight === void 0 ? paddingX : _paddingRight, role = param.role, dataAttributes = param.dataAttributes, ariaLabel = param['aria-label'];
+    var className = param.className, children = param.children, width = param.width, _padding = param.padding, padding = _padding === void 0 ? 0 : _padding, _paddingX = param.paddingX, paddingX = _paddingX === void 0 ? padding : _paddingX, _paddingY = param.paddingY, paddingY = _paddingY === void 0 ? padding : _paddingY, _paddingTop = param.paddingTop, paddingTop = _paddingTop === void 0 ? paddingY : _paddingTop, _paddingBottom = param.paddingBottom, paddingBottom = _paddingBottom === void 0 ? paddingY : _paddingBottom, _paddingLeft = param.paddingLeft, paddingLeft = _paddingLeft === void 0 ? paddingX : _paddingLeft, _paddingRight = param.paddingRight, paddingRight = _paddingRight === void 0 ? paddingX : _paddingRight, role = param.role, dataAttributes = param.dataAttributes, ariaLabel = param["aria-label"];
     var classes = useStyles({
         padding: "".concat(paddingTop, "px ").concat(paddingRight, "px ").concat(paddingBottom, "px ").concat(paddingLeft, "px"),
         width: width
     });
-    return(/*#__PURE__*/ _jsx("div", _objectSpread({}, getPrefixedDataAttributes(dataAttributes), {
+    return /*#__PURE__*/ _jsx("div", _objectSpread({}, getPrefixedDataAttributes(dataAttributes), {
         className: classnames(className, classes.box),
         role: role,
         "aria-label": ariaLabel,
         ref: ref,
         children: children
-    })));
+    }));
 });
 export default Box;

package/dist-es/boxed.js

@@ -1,9 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import classNames from 'classnames';
-import { createUseStyles } from './jss';
-import { ThemeVariant, useIsInverseVariant } from './theme-variant-context';
-import { getPrefixedDataAttributes } from './utils/dom';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -32,6 +26,12 @@ function _objectSpread(target) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import classNames from "classnames";
+import { createUseStyles } from "./jss";
+import { ThemeVariant, useIsInverseVariant } from "./theme-variant-context";
+import { getPrefixedDataAttributes } from "./utils/dom";
 var useStyles = createUseStyles(function(param1) {
     var colors = param1.colors, isDarkMode = param1.isDarkMode;
     return {
@@ -46,23 +46,23 @@ var useStyles = createUseStyles(function(param1) {
                     return "1px solid ".concat(colors.backgroundContainer);
                 }
                 if (isInverseInside) {
-                    return 'none';
+                    return "none";
                 }
                 return "1px solid ".concat(colors.border);
             },
             borderRadius: 4,
-            overflow: 'hidden'
+            overflow: "hidden"
         }
     };
 });
 export var Boxed = /*#__PURE__*/ React.forwardRef(function(param, ref) {
-    var children = param.children, tmp = param.isInverse, isInverseInside = tmp === void 0 ? false : tmp, className = param.className, role = param.role, dataAttributes = param.dataAttributes, ariaLabel = param['aria-label'];
+    var children = param.children, tmp = param.isInverse, isInverseInside = tmp === void 0 ? false : tmp, className = param.className, role = param.role, dataAttributes = param.dataAttributes, ariaLabel = param["aria-label"];
     var isInverseOutside = useIsInverseVariant();
     var classes = useStyles({
         isInverseOutside: isInverseOutside,
         isInverseInside: isInverseInside
     });
-    return(/*#__PURE__*/ _jsx("div", _objectSpread({
+    return /*#__PURE__*/ _jsx("div", _objectSpread({
         ref: ref,
         className: classNames(className, classes.boxed),
         role: role
@@ -72,5 +72,5 @@ export var Boxed = /*#__PURE__*/ React.forwardRef(function(param, ref) {
             isInverse: isInverseInside,
             children: children
         })
-    })));
+    }));
 });

package/dist-es/button-fixed-footer-layout.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import FixedFooterLayout from './fixed-footer-layout';
-import ButtonLayout from './button-layout';
-import { useScreenSize } from './hooks';
-import ResponsiveLayout from './responsive-layout';
-import Box from './box';
+import * as React from "react";
+import FixedFooterLayout from "./fixed-footer-layout";
+import ButtonLayout from "./button-layout";
+import { useScreenSize } from "./hooks";
+import ResponsiveLayout from "./responsive-layout";
+import Box from "./box";
 var ButtonFixedFooterLayout = function(param) {
-    var _isFooterVisible = param.isFooterVisible, isFooterVisible = _isFooterVisible === void 0 ? true : _isFooterVisible, button = param.button, secondaryButton = param.secondaryButton, link = param.link, children = param.children, _desktopButtonAlign = param.desktopButtonAlign, desktopButtonAlign = _desktopButtonAlign === void 0 ? 'left' : _desktopButtonAlign, footerBgColor = param.footerBgColor, containerBgColor = param.containerBgColor, onChangeFooterHeight = param.onChangeFooterHeight;
+    var _isFooterVisible = param.isFooterVisible, isFooterVisible = _isFooterVisible === void 0 ? true : _isFooterVisible, button = param.button, secondaryButton = param.secondaryButton, link = param.link, children = param.children, _desktopButtonAlign = param.desktopButtonAlign, desktopButtonAlign = _desktopButtonAlign === void 0 ? "left" : _desktopButtonAlign, footerBgColor = param.footerBgColor, containerBgColor = param.containerBgColor, onChangeFooterHeight = param.onChangeFooterHeight;
     var ref = useScreenSize(), isTabletOrSmaller = ref.isTabletOrSmaller, isTablet = ref.isTablet;
     var hasButton = !!button || !!secondaryButton;
-    return(/*#__PURE__*/ _jsx(FixedFooterLayout, {
+    return /*#__PURE__*/ _jsx(FixedFooterLayout, {
         onChangeFooterHeight: onChangeFooterHeight,
         isFooterVisible: hasButton && isFooterVisible,
         footerBgColor: footerBgColor,
@@ -18,7 +18,7 @@ var ButtonFixedFooterLayout = function(param) {
             children: /*#__PURE__*/ _jsx(Box, {
                 paddingY: isTablet ? 32 : isTabletOrSmaller ? 16 : 0,
                 children: /*#__PURE__*/ _jsxs(ButtonLayout, {
-                    align: isTabletOrSmaller ? 'full-width' : desktopButtonAlign,
+                    align: isTabletOrSmaller ? "full-width" : desktopButtonAlign,
                     link: link,
                     children: [
                         button,
@@ -28,6 +28,6 @@ var ButtonFixedFooterLayout = function(param) {
             })
         }),
         children: children
-    }));
+    });
 };
 export default ButtonFixedFooterLayout;

package/dist-es/button-group.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { createUseStyles } from './jss';
-import classNames from 'classnames';
+import * as React from "react";
+import { createUseStyles } from "./jss";
+import classNames from "classnames";
 var buttonLayoutSpacing = 16;
 var buttonLinkPadding = 6;
 var useStyles = createUseStyles(function() {
     return {
         inline: {
-            display: 'inline-flex',
-            flexDirection: 'row',
-            flexWrap: 'wrap',
-            alignItems: 'center'
+            display: "inline-flex",
+            flexDirection: "row",
+            flexWrap: "wrap",
+            alignItems: "center"
         },
         container: {
             marginTop: -buttonLayoutSpacing,
@@ -18,7 +18,7 @@ var useStyles = createUseStyles(function() {
         },
         buttons: {
             marginLeft: buttonLinkPadding,
-            '& > div': {
+            "& > div": {
                 marginTop: buttonLayoutSpacing,
                 marginLeft: buttonLayoutSpacing
             }
@@ -28,7 +28,7 @@ var useStyles = createUseStyles(function() {
             marginLeft: buttonLayoutSpacing,
             width: function(param) {
                 var bothButtons = param.bothButtons;
-                return bothButtons ? '100%' : 'auto';
+                return bothButtons ? "100%" : "auto";
             }
         }
     };