@telefonica/mistica 11.1.0 → 11.3.0

package/dist-es/generated/mistica-icons/icon-winner-regular.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconWinnerRegular = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconWinnerRegular = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconWinnerRegular = function(_param) {
                 d: "M19.93 18.31l-2.057-3.62a7.802 7.802 0 001.73-4.94c0-4.281-3.409-7.75-7.625-7.75-4.212 0-7.625 3.464-7.625 7.75 0 1.863.63 3.574 1.711 4.911l-1.997 3.654a.545.545 0 00.05.6c.136.17.359.24.567.18l3.023-.923.921 3.427a.543.543 0 00.45.396.533.533 0 00.526-.272l2.374-4.23 2.378 4.24a.528.528 0 00.458.262c.023 0 .046 0 .073-.004a.528.528 0 00.44-.392l.921-3.432 3.069.922a.526.526 0 00.567-.184.528.528 0 00.045-.595zM11.977 3.444c3.413 0 6.204 2.841 6.204 6.305 0 3.469-2.796 6.305-6.204 6.305-3.413 0-6.204-2.84-6.204-6.305 0-3.464 2.79-6.305 6.204-6.305zm-2.664 16.6l-.722-2.689a.548.548 0 00-.254-.332.537.537 0 00-.413-.046l-2.292.701 1.203-2.2a7.536 7.536 0 003.93 1.932l-1.452 2.634zm6.717-3.067a.526.526 0 00-.663.378l-.735 2.73-1.552-2.66a7.544 7.544 0 004.02-1.933l1.24 2.181-2.31-.696zm-4.053-1.822a.533.533 0 01-.531-.54c0-2.44-1.752-4.142-4.257-4.142a.533.533 0 01-.531-.54c0-.3.236-.54.53-.54 2.388 0 4.258-1.978 4.258-4.506 0-.3.236-.54.53-.54.296 0 .532.24.532.54 0 2.528 1.87 4.507 4.257 4.507.295 0 .53.24.53.54 0 .3-.235.54-.53.54-2.505 0-4.257 1.701-4.257 4.141 0 .3-.236.54-.531.54zM9.586 9.892a4.913 4.913 0 012.392 2.33 4.913 4.913 0 012.392-2.33 5.359 5.359 0 01-2.392-2.532 5.358 5.358 0 01-2.392 2.532z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -93,7 +93,7 @@ var IconWinnerRegular = function(_param) {
                 d: "M20.379 19.661c.246-.302.297-.708.134-1.061l-2.8-6.07c.62-.997.951-2.305.951-3.939 0-4.38-2.372-6.431-6.437-6.431-4.064 0-6.434 2.05-6.434 6.431 0 1.395.244 2.555.703 3.485a.213.213 0 01-.014.018c-.008.01-.017.02-.022.032l-2.986 6.48c-.162.35-.112.756.132 1.058.246.3.63.434 1.086.328l1.958-.72.765 2.034c.177.333.518.537.894.537h.03c.387-.01.729-.235.891-.588l2.762-5.994 2.765 5.994c.16.35.501.575.89.586h.029c.378 0 .72-.208.927-.61l.73-1.962 2.037.743a1.01 1.01 0 001.009-.35zM12.23 3.395c3.544 0 5.194 1.647 5.194 5.19 0 3.541-1.65 5.188-5.194 5.188-3.54 0-5.19-1.647-5.19-5.187s1.65-5.19 5.19-5.19zm-1.448 11.521l-2.445 5.306-.6-1.608a1.023 1.023 0 00-1.297-.591l-1.602.594 2.474-5.367c.84.904 2.008 1.46 3.47 1.666zm8.367 3.692l-1.6-.588a1.024 1.024 0 00-1.3.597l-.596 1.607-2.426-5.26c1.485-.137 2.698-.597 3.597-1.395l2.325 5.04zM11.272 7.92a.658.658 0 00.47-.358l.46-1.09.507 1.07a.654.654 0 00.49.378l1.135.165-.832.846a.675.675 0 00-.18.563l.2 1.171-.986-.54a.633.633 0 00-.608 0l-.983.568.196-1.187a.679.679 0 00-.177-.572l-.854-.837 1.162-.177zM9.244 8.956l.622.633-.146.902a1.226 1.226 0 001.197 1.437c.198 0 .397-.048.58-.149l.736-.403.742.406a1.218 1.218 0 001.774-1.289l-.149-.902.622-.633c.328-.333.44-.818.291-1.269a1.217 1.217 0 00-.972-.823l-.832-.126-.38-.801a1.204 1.204 0 00-1.096-.698c-.47 0-.89.266-1.095.698l-.378.798-.835.126c-.454.07-.826.384-.972.824a1.24 1.24 0 00.291 1.269z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconWinnerRegular;

package/dist-es/generated/mistica-icons/icon-woman-filled.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconWomanFilled = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconWomanFilled = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconWomanFilled = function(_param) {
                 d: "M16.982 16.922a.202.202 0 00.013-.076c0-.01.005-.024.005-.033 0-.014-.005-.024-.01-.038 0-.014.005-.029 0-.038L15.388 8.96c-.247-1.186-1.029-2.134-2.043-2.59.59-.435.978-1.151.978-1.962C14.322 3.08 13.284 2 12 2c-1.28 0-2.322 1.081-2.322 2.409 0 .81.389 1.527.983 1.963A3.641 3.641 0 008.618 8.96l-1.609 7.78c-.004.015 0 .024 0 .038 0 .015-.009.024-.009.038 0 .015.005.024.005.034l.013.07c.005.024.014.043.023.062.01.02.023.038.037.057.013.02.027.034.045.053.019.014.037.028.055.037a.19.19 0 00.064.029c.01.005.019.01.032.014.014.005.028 0 .037 0 .013 0 .023.01.036.01h2.144V22h4.995v-4.813h2.14c.022 0 .05-.004.072-.01.014-.004.019-.009.032-.013l.064-.029c.019-.01.037-.024.055-.038a.256.256 0 00.046-.052.388.388 0 00.036-.057.085.085 0 00.05-.066z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -93,7 +93,7 @@ var IconWomanFilled = function(_param) {
                 d: "M9.467 4.485c0 1.549.916 2.473 2.448 2.473 1.535 0 2.454-.924 2.454-2.476 0-.793-.227-1.418-.675-1.852-.432-.417-1.029-.63-1.78-.63-.75 0-1.346.213-1.778.636-.445.437-.67 1.059-.67 1.849zm7.627 10.294c.176-.364.204-.78.073-1.171 0 0-1.518-4.37-1.521-4.364a1.326 1.326 0 00-.076-.194 2.833 2.833 0 00-2.605-1.74h-2.098a2.826 2.826 0 00-2.594 1.712 1.54 1.54 0 00-.08.205l-1.527 4.392c-.132.384-.104.801.075 1.165.177.359.48.628.84.751.166.059.334.09.505.09h.002l-.168.63a.604.604 0 00.577.759h.401l.017 3.146c0 .848.6 1.504 1.398 1.523h.036c.347.009.68-.123.927-.367.283-.28.437-.689.437-1.16l-.017-3.145h.47l-.013 3.149c0 .868.56 1.507 1.33 1.523h.037c.501 0 .81-.204.983-.375.272-.272.417-.67.417-1.146l.017-3.15h.4a.604.604 0 00.577-.76l-.167-.63a1.16 1.16 0 00.493-.087c.375-.126.678-.395.854-.756z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconWomanFilled;

package/dist-es/generated/mistica-icons/icon-woman-light.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconWomanLight = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconWomanLight = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconWomanLight = function(_param) {
                 d: "M16.982 17.104a.188.188 0 00.013-.073l.003-.016a.087.087 0 00.002-.016c0-.011-.003-.019-.006-.029l-.003-.008v-.014c.002-.008.003-.016 0-.022l-1.604-7.497a3.545 3.545 0 00-1.98-2.474 2.673 2.673 0 001.271-2.276A2.682 2.682 0 0012 2a2.682 2.682 0 00-2.678 2.679c0 .96.512 1.801 1.275 2.276a3.526 3.526 0 00-1.98 2.474L7.01 16.93a.048.048 0 000 .024v.013a.048.048 0 01-.004.018.04.04 0 00-.005.018.06.06 0 00.003.02.058.058 0 01.002.012l.013.069c.005.023.014.041.023.06.01.018.023.036.037.054.013.019.027.032.045.05a.378.378 0 00.12.065.193.193 0 00.031.013c.01.003.02.002.027.001a.07.07 0 01.01 0c.007 0 .012.002.018.004.006.002.011.004.018.004h2.144v4.288a.357.357 0 00.713 0v-4.996H7.79l1.512-7.068c.275-1.28 1.404-2.212 2.683-2.217H12c1.28.005 2.404.937 2.678 2.217l1.513 7.068h-2.413v2.5a.357.357 0 00.713 0V17.36h2.139c.023 0 .05-.005.073-.01a.106.106 0 00.016-.006.848.848 0 00.08-.034.273.273 0 00.101-.087c.013-.018.027-.037.036-.055a.086.086 0 00.046-.064zM10.039 4.679c0-1.084.882-1.966 1.966-1.966 1.083 0 1.965.882 1.965 1.966A1.97 1.97 0 0112 6.645a1.967 1.967 0 01-1.96-1.966zm3.396 16.608a.714.714 0 011.426 0 .714.714 0 01-1.426 0z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -93,7 +93,7 @@ var IconWomanLight = function(_param) {
                 d: "M9.688 4.484c0 1.476.851 2.322 2.336 2.322 1.487 0 2.342-.846 2.342-2.322 0-.75-.213-1.336-.636-1.742-.406-.387-.98-.586-1.706-.586s-1.297.196-1.703.588c-.42.407-.633.992-.633 1.74zm.829 0c0-.518.129-.905.38-1.148.245-.239.626-.356 1.127-.356.504 0 .885.117 1.132.356.254.243.383.633.383 1.148 0 1.025-.482 1.501-1.515 1.501-1.028 0-1.507-.479-1.507-1.501zm5.958 10.059a.508.508 0 01-.297.258.52.52 0 01-.658-.311l-.827-2.449a.415.415 0 00-.52-.263.409.409 0 00-.267.515l.373 1.152.764 2.812h-.492a.414.414 0 00-.415.41l-.02 3.831a.52.52 0 01-.518.524.522.522 0 01-.518-.524l.017-3.832a.417.417 0 00-.415-.412h-1.314a.414.414 0 00-.409.415l.02 3.829a.518.518 0 11-1.036 0l-.02-3.832a.416.416 0 00-.415-.409h-.49l.754-2.795.375-1.166a.416.416 0 00-.252-.49.413.413 0 00-.535.235l-.824 2.446a.525.525 0 01-.271.297.508.508 0 01-.395.016.517.517 0 01-.32-.655l1.586-4.49c.014-.034.028-.067.045-.101a1.913 1.913 0 011.756-1.157h2.18a1.92 1.92 0 011.803 1.266l1.583 4.48a.524.524 0 01-.028.4zm.74.364a1.34 1.34 0 00.07-1.037l-1.592-4.473a.966.966 0 00-.07-.174 2.732 2.732 0 00-2.515-1.652h-2.18a2.73 2.73 0 00-2.506 1.633 1.334 1.334 0 00-.076.182L6.761 13.87c-.118.338-.093.714.07 1.033.154.314.425.555.759.667.235.084.487.1.73.047l-.251.936a.413.413 0 00.398.518h.621l.017 3.42c0 .743.602 1.348 1.345 1.348.742 0 1.344-.605 1.344-1.35l-.017-3.418h.48l-.017 3.42a1.35 1.35 0 001.347 1.348 1.35 1.35 0 001.347-1.345l.017-3.42h.622a.411.411 0 00.4-.518l-.252-.936c.241.056.493.04.726-.045a1.32 1.32 0 00.767-.67z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconWomanLight;

package/dist-es/generated/mistica-icons/icon-woman-regular.js

@@ -1,11 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
- * This file was autogenerated. Don't edit this file!
- *
- * To update, execute "yarn start" inside "import-mistica-icons"
- */ import * as React from 'react';
-import { useTheme } from '../../hooks';
-import { useIsInverseVariant } from '../../theme-variant-context';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -61,6 +53,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * This file was autogenerated. Don't edit this file!
+ *
+ * To update, execute "yarn start" inside "import-mistica-icons"
+ */ import * as React from "react";
+import { useTheme } from "../../hooks";
+import { useIsInverseVariant } from "../../theme-variant-context";
 var IconWomanRegular = function(_param) {
     var color = _param.color, _size = _param.size, size = _size === void 0 ? 24 : _size, children = _param.children, rest = _objectWithoutProperties(_param, [
         "color",
@@ -71,7 +71,7 @@ var IconWomanRegular = function(_param) {
     var isInverse = useIsInverseVariant();
     var fillColor = color !== null && color !== void 0 ? color : isInverse ? colors.inverse : colors.neutralHigh;
     if (skinName.match(/^o2/i)) {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -81,9 +81,9 @@ var IconWomanRegular = function(_param) {
                 d: "M16.98 15.746l-1.66-6.764a3.47 3.47 0 00-1.553-2.24c.55-.5.9-1.22.9-2.028C14.667 3.216 13.473 2 12.001 2S9.334 3.216 9.334 4.714c0 .807.35 1.528.9 2.027A3.426 3.426 0 008.685 8.96l-1.668 6.782v.013a.343.343 0 00-.008.07.387.387 0 00-.009.069v.013l.002.024.002.024a.389.389 0 00.026.134c.004.022.013.044.021.066a.4.4 0 00.03.06l.006.014c.007.014.014.03.024.043l.038.052a.458.458 0 00.056.065c.01.009.021.019.03.03a.495.495 0 00.051.044c.012.009.024.016.037.024l.018.01c.013.01.029.018.043.024l.013.007a1.168 1.168 0 00.068.026l.021.009a.288.288 0 00.022.008h.013c.02.005.042.009.064.009.025.004.05.009.072.009h1.681V21h5.334v-4.411h1.501c.026 0 .052-.005.077-.009.03.004.06.009.09.009a.523.523 0 00.162-.022.68.68 0 00.478-.82zM12 3.36c.734 0 1.332.608 1.332 1.355 0 .746-.598 1.354-1.34 1.354a1.347 1.347 0 01-1.327-1.354c.004-.747.602-1.355 1.336-1.355zm1.332 16.282h-2.667V15.23H8.52l1.463-5.966c.21-.999 1.02-1.667 2.014-1.667.995 0 1.805.668 2.018 1.689l1.46 5.94h-2.142v4.415z",
                 fill: fillColor
             })
-        })));
+        }));
     } else {
-        return(/*#__PURE__*/ _jsx("svg", _objectSpread({
+        return /*#__PURE__*/ _jsx("svg", _objectSpread({
             width: size,
             height: size,
             viewBox: "0 0 24 24",
@@ -93,7 +93,7 @@ var IconWomanRegular = function(_param) {
                 d: "M9.896 4.482c0 1.552.916 2.476 2.448 2.476 1.536 0 2.454-.924 2.454-2.476 0-.793-.23-1.415-.675-1.852-.431-.417-1.028-.63-1.778-.63-.751 0-1.348.213-1.78.633-.445.437-.669 1.059-.669 1.849zm1.196 0c0-.451.104-.782.306-.98.199-.197.518-.295.95-.292.43 0 .75.098.949.291.204.2.308.53.308.98 0 .889-.375 1.267-1.258 1.267-.88 0-1.255-.378-1.255-1.266zm5.359 9.759a.296.296 0 01-.193.157.276.276 0 01-.219-.011.314.314 0 01-.157-.174l-.792-2.392a.596.596 0 00-1.166.185c0 .061.009.123.028.184l.359 1.124.664 2.493h-.213a.602.602 0 00-.597.602l-.02 3.756c0 .182-.039.27-.058.289a.421.421 0 01-.16.028c-.157-.006-.16-.314-.16-.314l.017-3.753a.601.601 0 00-.596-.608h-1.673a.59.59 0 00-.423.179.613.613 0 00-.173.429l.02 3.75c0 .149-.037.252-.076.292-.006.005-.028.014-.101.022-.213-.006-.23-.244-.23-.32l-.017-3.75a.6.6 0 00-.596-.602h-.216l.658-2.476.364-1.14a.6.6 0 00-.387-.76.594.594 0 00-.75.39l-.79 2.386a.311.311 0 01-.157.177.293.293 0 01-.232.008.284.284 0 01-.165-.148.314.314 0 01-.017-.236L9.75 9.622a1.64 1.64 0 011.546-1.106h2.098a1.64 1.64 0 011.528 1.057l.021.049L16.468 14a.34.34 0 01-.017.24zm1.073.535c.176-.364.204-.779.073-1.171l-1.513-4.367a1.209 1.209 0 00-.076-.193 2.833 2.833 0 00-2.605-1.74h-2.098a2.824 2.824 0 00-2.594 1.712 1.3 1.3 0 00-.084.201l-1.526 4.393a1.516 1.516 0 00.915 1.915c.163.06.331.09.502.09h.003l-.168.633a.604.604 0 00.104.524.585.585 0 00.473.238h.4l.015 3.149c0 .848.599 1.504 1.397 1.523h.037c.364 0 .683-.126.927-.366.283-.278.437-.69.437-1.16l-.017-3.146h.47l-.013 3.149c0 .868.56 1.51 1.33 1.523h.037c.498 0 .81-.198.983-.372.274-.272.417-.67.417-1.148l.017-3.152h.4a.604.604 0 00.577-.762l-.168-.63c.171.014.337-.028.493-.087.376-.126.678-.395.855-.756z",
                 fill: fillColor
             })
-        })));
+        }));
     }
 };
 export default IconWomanRegular;

package/dist-es/grid-layout.js

@@ -1,6 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { createUseStyles } from './jss';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -14,58 +11,61 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createUseStyles } from "./jss";
 var useStyles = createUseStyles(function(theme) {
     var _obj, _obj1, _obj2, _obj3, _obj4, _obj5;
     return {
         grid: (_obj = {
-            display: 'grid'
+            display: "grid"
         }, _defineProperty(_obj, theme.mq.largeDesktop, {
             gridColumnGap: 24,
-            gridTemplateColumns: 'repeat(12, 1fr)'
+            gridTemplateColumns: "repeat(12, 1fr)"
         }), _defineProperty(_obj, theme.mq.desktop, {
-            gridTemplateColumns: 'repeat(12, 1fr)',
+            gridTemplateColumns: "repeat(12, 1fr)",
             gridColumnGap: 16
         }), _defineProperty(_obj, theme.mq.tablet, {
-            gridTemplateColumns: 'minmax(0, 1fr)',
+            gridTemplateColumns: "minmax(0, 1fr)",
             gridColumnGap: 16
         }), _defineProperty(_obj, theme.mq.mobile, {
-            gridTemplateColumns: 'minmax(0, 1fr)',
+            gridTemplateColumns: "minmax(0, 1fr)",
             gridColumnGap: 16
         }), _obj),
         span1: {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         },
         span4: (_obj1 = {}, _defineProperty(_obj1, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 4'
+            gridColumn: "span 4"
         }), _defineProperty(_obj1, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj1),
         span5: (_obj2 = {}, _defineProperty(_obj2, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 5'
+            gridColumn: "span 5"
         }), _defineProperty(_obj2, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj2),
         span6: (_obj3 = {}, _defineProperty(_obj3, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 6'
+            gridColumn: "span 6"
         }), _defineProperty(_obj3, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj3),
         span8: (_obj4 = {}, _defineProperty(_obj4, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 8'
+            gridColumn: "span 8"
         }), _defineProperty(_obj4, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj4),
         span10: (_obj5 = {}, _defineProperty(_obj5, theme.mq.desktopOrBigger, {
-            gridColumn: 'span 10'
+            gridColumn: "span 10"
         }), _defineProperty(_obj5, theme.mq.tabletOrSmaller, {
-            gridColumn: 'span 1'
+            gridColumn: "span 1"
         }), _obj5)
     };
 });
 var GridLayout = function(props) {
     var classes = useStyles();
-    if (props.template === '6+6') {
-        return(/*#__PURE__*/ _jsxs("div", {
+    if (props.template === "6+6") {
+        return /*#__PURE__*/ _jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ _jsx("div", {
@@ -77,10 +77,10 @@ var GridLayout = function(props) {
                     children: props.right
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '8+4') {
-        return(/*#__PURE__*/ _jsxs("div", {
+    if (props.template === "8+4") {
+        return /*#__PURE__*/ _jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ _jsx("div", {
@@ -92,10 +92,10 @@ var GridLayout = function(props) {
                     children: props.right
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '4+6') {
-        return(/*#__PURE__*/ _jsxs("div", {
+    if (props.template === "4+6") {
+        return /*#__PURE__*/ _jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ _jsx("div", {
@@ -113,10 +113,10 @@ var GridLayout = function(props) {
                     className: classes.span1
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '5+4') {
-        return(/*#__PURE__*/ _jsxs("div", {
+    if (props.template === "5+4") {
+        return /*#__PURE__*/ _jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ _jsx("div", {
@@ -137,10 +137,10 @@ var GridLayout = function(props) {
                     className: classes.span1
                 })
             ]
-        }));
+        });
     }
-    if (props.template === '10') {
-        return(/*#__PURE__*/ _jsxs("div", {
+    if (props.template === "10") {
+        return /*#__PURE__*/ _jsxs("div", {
             className: classes.grid,
             children: [
                 /*#__PURE__*/ _jsx("div", {
@@ -154,11 +154,11 @@ var GridLayout = function(props) {
                     className: classes.span1
                 })
             ]
-        }));
+        });
     }
-    return(/*#__PURE__*/ _jsx("div", {
+    return /*#__PURE__*/ _jsx("div", {
         className: classes.grid,
         children: props.children
-    }));
+    });
 };
 export default GridLayout;

package/dist-es/header.js

@@ -1,15 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import Box from './box';
-import Stack from './stack';
-import { createUseStyles } from './jss';
-import { ThemeVariant, useIsInverseVariant } from './theme-variant-context';
-import ResponsiveLayout from './responsive-layout';
-import GridLayout from './grid-layout';
-import { useScreenSize, useTheme } from './hooks';
-import OverscrollColor from './overscroll-color-context';
-import { Text8, Text7, Text6, Text3 } from './text';
-import ButtonGroup from './button-group';
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -65,29 +53,41 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Box from "./box";
+import Stack from "./stack";
+import { createUseStyles } from "./jss";
+import { ThemeVariant, useIsInverseVariant } from "./theme-variant-context";
+import ResponsiveLayout from "./responsive-layout";
+import GridLayout from "./grid-layout";
+import { useScreenSize, useTheme } from "./hooks";
+import OverscrollColor from "./overscroll-color-context";
+import { Text8, Text7, Text6, Text3 } from "./text";
+import ButtonGroup from "./button-group";
 var Header = function(param) {
     var pretitle = param.pretitle, title = param.title, preamount = param.preamount, amount = param.amount, button = param.button, subtitle = param.subtitle, isErrorAmount = param.isErrorAmount, secondaryButton = param.secondaryButton;
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
     var theme = useTheme();
     var isInverse = useIsInverseVariant();
     var renderRichText = function(richText, baseProps) {
-        if (typeof richText === 'string') {
-            return(/*#__PURE__*/ _jsx(Text3, _objectSpread({
+        if (typeof richText === "string") {
+            return /*#__PURE__*/ _jsx(Text3, _objectSpread({
                 regular: true
             }, baseProps, {
                 children: richText
-            })));
+            }));
         }
         var text = richText.text, textProps = _objectWithoutProperties(richText, [
             "text"
         ]);
-        return(/*#__PURE__*/ _jsx(Text3, _objectSpread({
+        return /*#__PURE__*/ _jsx(Text3, _objectSpread({
             regular: true
         }, baseProps, textProps, {
             children: richText.text
-        })));
+        }));
     };
-    return(/*#__PURE__*/ _jsxs(Stack, {
+    return /*#__PURE__*/ _jsxs(Stack, {
         space: isTabletOrSmaller ? 24 : 32,
         children: [
             (title || pretitle) && /*#__PURE__*/ _jsx(Box, {
@@ -129,13 +129,13 @@ var Header = function(param) {
                 ]
             })
         ]
-    }));
+    });
 };
 export { Header };
 export var MainSectionHeader = function(param) {
     var title = param.title, description = param.description, button = param.button;
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
-    return(/*#__PURE__*/ _jsxs(Stack, {
+    return /*#__PURE__*/ _jsxs(Stack, {
         space: 32,
         children: [
             /*#__PURE__*/ _jsxs(Stack, {
@@ -153,18 +153,18 @@ export var MainSectionHeader = function(param) {
             }),
             button
         ]
-    }));
+    });
 };
 var useHeaderLayoutStyles = createUseStyles(function(theme) {
     return {
         background: {
             background: function(param) {
                 var isInverse = param.isInverse;
-                return isInverse ? theme.colors.backgroundBrand : 'initial';
+                return isInverse ? theme.colors.backgroundBrand : "initial";
             }
         },
         gridItem: {
-            gridColumn: 'span 6'
+            gridColumn: "span 6"
         }
     };
 });
@@ -174,7 +174,7 @@ export var HeaderLayout = function(param) {
         isInverse: isInverse
     });
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
-    return(/*#__PURE__*/ _jsx(ResponsiveLayout, {
+    return /*#__PURE__*/ _jsx(ResponsiveLayout, {
         className: classes.background,
         children: /*#__PURE__*/ _jsxs(ThemeVariant, {
             isInverse: isInverse,
@@ -235,7 +235,7 @@ export var HeaderLayout = function(param) {
                 })
             ]
         })
-    }));
+    });
 };
 export var MainSectionHeaderLayout = function(param) {
     var _isInverse = param.isInverse, isInverse = _isInverse === void 0 ? true : _isInverse, children = param.children;
@@ -243,7 +243,7 @@ export var MainSectionHeaderLayout = function(param) {
         isInverse: isInverse
     });
     var isTabletOrSmaller = useScreenSize().isTabletOrSmaller;
-    return(/*#__PURE__*/ _jsx(ResponsiveLayout, {
+    return /*#__PURE__*/ _jsx(ResponsiveLayout, {
         className: classes.background,
         children: /*#__PURE__*/ _jsxs(ThemeVariant, {
             isInverse: isInverse,
@@ -264,5 +264,5 @@ export var MainSectionHeaderLayout = function(param) {
                 })
             ]
         })
-    }));
+    });
 };