@telefonica/mistica 13.0.2 → 13.1.1

package/dist/generated/mistica-icons/icon-workflow-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var h = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, v = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: h , size: r = 24  } = _param, e = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var l = (0, _themeVariantContextJs.useIsInverseVariant)(), s = h != null ? h : l ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), l = h != null ? h : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, v), {
+    }, e), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: s,
+            fill: l,
             d: "M18.782 4.73h-6.428l-.036 4.361h2.537v5.818H9.14V9.09h2.464L11.64 4h7.854v2.476l.466-.545c.142-.144.357-.181.498-.037.142.107.179.363.037.507l-1.358 1.601-1.32-1.563c-.143-.145-.106-.363.036-.508.141-.144.356-.107.498.038l.43.507V4.73zM10.64 17.6l1.321-1.601 1.358 1.605c.142.144.105.363-.037.507-.141.145-.356.108-.498-.037l-.466-.544V20H4.5v-5.091H2V9.09h5.714v5.818h-2.5v4.365h6.39v-1.745l-.43.507a.322.322 0 01-.283.144c-.073 0-.141 0-.214-.074-.142-.107-.179-.363-.037-.507zm5.646-2.69h2.5v2.182c0 .22.142.363.357.363s.356-.144.356-.363V14.91H22V9.09h-5.714v5.818zm.713-5.092h4.288v4.366h-4.288V9.817zm-14.286 0v4.366h4.288V9.817H2.713zm11.429 4.366V9.817H9.854v4.366h4.288zm4.283 5.087c0-.4.32-.726.713-.726a.72.72 0 01.713.726c0 .4-.32.726-.713.726a.72.72 0 01-.713-.726z"
         })
     }));

package/dist/generated/mistica-icons/icon-workflow-regular.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconWorkflowRegular: React.FC<IconProps>;
+declare const IconWorkflowRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconWorkflowRegular;

package/dist/generated/mistica-icons/icon-workflow-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return H;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var H = function H(_param) {
-    var v = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, n = _param.children, l = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: v , size: r = 24  } = _param, l = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = v != null ? v : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const t = (0, _themeVariantContextJs.useIsInverseVariant)(), s = v != null ? v : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,

package/dist/generated/mistica-icons/icon-workshop-meeting-filled.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconWorkshopMeetingFilled: React.FC<IconProps>;
+declare const IconWorkshopMeetingFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconWorkshopMeetingFilled;

package/dist/generated/mistica-icons/icon-workshop-meeting-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>v
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, c = _param.children, i = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var n = (0, _themeVariantContextJs.useIsInverseVariant)(), l = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const n = (0, _themeVariantContextJs.useIsInverseVariant)(), o = e != null ? e : n ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
@@ -104,7 +101,7 @@ var v = function v(_param) {
         role: "presentation"
     }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: l,
+            fill: o,
             d: "M11.072 11.055l-1.677 1.017c-.146-.218-.357-.4-.571-.58.141-.869.786-1.524 1.713-1.886C9.93 9.137 9.5 8.413 9.5 7.54 9.5 6.124 10.606 5 12 5s2.5 1.124 2.5 2.54c0 .868-.393 1.593-1.037 2.066.927.325 1.535 1.013 1.713 1.886a4.253 4.253 0 00-.57.58l-1.678-1.017A1.71 1.71 0 0012 10.8c-.32 0-.644.074-.928.255zm-3.04-2.034c.216 1.087-.282 2.14-1.069 2.721.608.181 1.111.51 1.5.906L2 16.604v-2.215c0-1.16.75-2.14 1.929-2.54-.718-.469-1.216-1.342-1.216-2.285 0-1.704 1.5-3.009 3.213-2.684 1.07.219 1.892 1.087 2.107 2.141zm12.04 2.796c.749-.474 1.215-1.342 1.215-2.285 0-1.486-1.216-2.721-2.678-2.721-1.463 0-2.679 1.235-2.679 2.721 0 .905.43 1.704 1.107 2.215-.608.181-1.143.506-1.5.905L22 16.61v-2.215c0-1.161-.754-2.14-1.929-2.577zM2.11 18.637a.657.657 0 00.608.363.804.804 0 00.393-.111L12 13.45l8.926 5.438c.32.218.75.07.964-.256.215-.325.069-.761-.251-.98L12 11.743l-9.639 5.915c-.356.218-.466.655-.251.98z"
         })
     }));

package/dist/generated/mistica-icons/icon-workshop-meeting-light.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconWorkshopMeetingLight: React.FC<IconProps>;
+declare const IconWorkshopMeetingLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconWorkshopMeetingLight;

package/dist/generated/mistica-icons/icon-workshop-meeting-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return v;
-    }
+    get: ()=>h
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,16 +88,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var v = function v(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const h = (_param)=>{
+    var { color: c , size: s = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : a ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
-        width: e,
-        height: e,
+        width: s,
+        height: s,
         viewBox: "0 0 24 24",
         role: "presentation"
     }, t), {

package/dist/generated/mistica-icons/icon-workshop-meeting-regular.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconWorkshopMeetingRegular: React.FC<IconProps>;
+declare const IconWorkshopMeetingRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconWorkshopMeetingRegular;

package/dist/generated/mistica-icons/icon-workshop-meeting-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return h;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var h = function h(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, o = _param.children, s = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: c , size: e = 24  } = _param, s = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,

package/dist/generated/mistica-icons/icon-world-device-filled.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconWorldDeviceFilled: React.FC<IconProps>;
+declare const IconWorldDeviceFilled: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconWorldDeviceFilled;

package/dist/generated/mistica-icons/icon-world-device-filled.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    get: ()=>l
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var e = _param.color, tmp = _param.size, r = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const l = (_param)=>{
+    var { color: e , size: r = 24  } = _param, i = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var s = (0, _themeVariantContextJs.useIsInverseVariant)(), n = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const s = (0, _themeVariantContextJs.useIsInverseVariant)(), a = e != null ? e : s ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: r,
         height: r,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, t), {
+    }, i), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: n,
+            fill: a,
             d: "M20.176 12.321c.036.25.036.5.036.75 0 4.929-4 8.929-8.928 8.929-4.929 0-8.929-4-8.929-8.929 0-4.928 4-8.928 8.929-8.928 1.285 0 2.464.286 3.571.75v1.571c-1.071-.571-2.286-.928-3.571-.928a7.08 7.08 0 00-1.25.107c.357.857.678 1.857.428 2.607-.25.714-1.107 2-2.821 2.107.143.036.285.107.428.143a3.064 3.064 0 011.715 1.429c.285.5.892.678 1.392.464a1.326 1.326 0 011.215.036 1.3 1.3 0 01.678 1c.107.892-.107 2.571-1.643 3.285-.535.25-.607.5-.714.965-.107.392-.25.857-.714 1.285-.25.25-.607.357-.964.357-.215 0-.429-.035-.679-.107-1.036-.321-2.357-1.5-2.75-3.285-.107-.429-.143-.858-.143-1.358 0-.321-.321-1.75-.821-2.142-.107-.072-.179-.072-.286-.036-.107.036-.143.071-.179.071a.517.517 0 01-.392.036v.571a7.5 7.5 0 007.5 7.5 7.348 7.348 0 004.892-1.857c-.5-.821-.464-1.535-.428-2.143.036-.785.107-1.392-1.107-2.178-.857-.572-1.322-1.464-1.286-2.464.071-1 .607-1.893 1.393-2.286.036 0 .036 0 .071-.036v.25c0 1.393 1.107 2.5 2.5 2.5h2.5c.143 0 .25 0 .357-.036zM15.57 8.607h6.072V5.036H15.57v3.571zM20.212 2h-3.214c-.786 0-1.429.643-1.429 1.429v.535h6.072V3.43c0-.786-.643-1.429-1.429-1.429zM15.57 9.679v.178c0 1 .786 1.786 1.786 1.786h2.857c.786 0 1.429-.643 1.429-1.429V9.68H15.57z"
         })
     }));

package/dist/generated/mistica-icons/icon-world-device-light.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconWorldDeviceLight: React.FC<IconProps>;
+declare const IconWorldDeviceLight: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconWorldDeviceLight;

package/dist/generated/mistica-icons/icon-world-device-light.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return d;
-    }
+    get: ()=>m
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,13 +88,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var d = function d(_param) {
-    var c = _param.color, tmp = _param.size, a = tmp === void 0 ? 24 : tmp, o = _param.children, t = _objectWithoutProperties(_param, [
+const m = (_param)=>{
+    var { color: c , size: a = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var h = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), e = c != null ? c : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", _objectSpreadProps(_objectSpread({
         width: a,
         height: a,

package/dist/generated/mistica-icons/icon-world-device-regular.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import type { IconProps } from '../../utils/types';
-declare const IconWorldDeviceRegular: React.FC<IconProps>;
+declare const IconWorldDeviceRegular: ({ color, size, ...rest }: IconProps) => JSX.Element;
 export default IconWorldDeviceRegular;

package/dist/generated/mistica-icons/icon-world-device-regular.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return m;
-    }
+    get: ()=>v
 });
-var _themeVariantContextJs = require("../../theme-variant-context.js");
-var _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
-var _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
+const _themeVariantContextJs = require("../../theme-variant-context.js");
+const _skinContractCssMisticaJs = require("../../skins/skin-contract.css-mistica.js");
+const _jsxRuntimeJs = require("../../_virtual/jsx-runtime.js");
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -90,21 +88,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var m = function m(_param) {
-    var c = _param.color, tmp = _param.size, e = tmp === void 0 ? 24 : tmp, n = _param.children, h = _objectWithoutProperties(_param, [
+const v = (_param)=>{
+    var { color: c , size: e = 24  } = _param, t = _objectWithoutProperties(_param, [
         "color",
-        "size",
-        "children"
+        "size"
     ]);
-    var t = (0, _themeVariantContextJs.useIsInverseVariant)(), i = c != null ? c : t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
+    const h = (0, _themeVariantContextJs.useIsInverseVariant)(), s = c != null ? c : h ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.neutralHigh;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", _objectSpreadProps(_objectSpread({
         width: e,
         height: e,
         viewBox: "0 0 24 24",
         role: "presentation"
-    }, h), {
+    }, t), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("path", {
-            fill: i,
+            fill: s,
             d: "M20.212 2h-3.214c-.786 0-1.429.643-1.429 1.429V5.25a8.8 8.8 0 00-4.285-1.107c-4.929 0-8.929 4-8.929 8.928 0 4.929 4 8.929 8.929 8.929 4.928 0 8.928-4 8.928-8.929 0-.5-.036-.964-.107-1.428h.107c.786 0 1.429-.643 1.429-1.429V3.43c0-.786-.643-1.429-1.429-1.429zm.357 3.036v3.571h-3.928V5.036h3.928zM16.998 3.07h3.214c.179 0 .357.179.357.358v.535h-3.928V3.43c0-.179.178-.358.357-.358zM8.962 5.93c.393.892.607 1.642.464 2 0 0-.5 1.464-2.178 1.357-1.357-.072-1.572.464-1.607.785-.036.572.464.929 2.143 1.465.035 0 .678.178 1.071.928a2.183 2.183 0 002.786.929.304.304 0 01.25 0c.071.036.143.143.143.214 0 .072.214 1.607-1.036 2.143-1 .464-1.179 1.143-1.322 1.679-.071.321-.142.571-.392.75-.179.142-.5.071-.608.035-.785-.25-1.75-1.214-2.035-2.5a5.294 5.294 0 01-.107-1.107c0-.428-.322-2.286-1.25-3-.393-.286-.822-.357-1.25-.214l-.108.036a7.674 7.674 0 015.036-5.5zm2.322 14.642a7.5 7.5 0 01-7.5-7.5c0-.178 0-.321.035-.5.143 0 .286-.035.465-.107l.107-.035c.107-.036.178-.036.285.035.5.393.822 1.822.822 2.143 0 .5.036.929.143 1.357.393 1.786 1.714 2.965 2.75 3.286.25.071.464.107.678.107.393 0 .715-.107.965-.357.464-.429.607-.893.714-1.286.107-.464.178-.714.714-.964 1.536-.714 1.75-2.393 1.643-3.286-.071-.428-.321-.821-.679-1a1.326 1.326 0 00-1.214-.035 1.046 1.046 0 01-1.393-.465c-.571-1.071-1.535-1.393-1.714-1.428-.179-.036-.321-.107-.429-.143 1.679-.107 2.572-1.393 2.822-2.107.25-.715-.072-1.75-.429-2.607a7.08 7.08 0 011.25-.108c1.607 0 3.072.5 4.286 1.358v2.464c-.286-.036-.571 0-.857.107-.857.429-1.429 1.393-1.5 2.429-.072 1.071.428 2.035 1.357 2.642 1.107.715 1.071 1.215 1.036 2-.036.643-.107 1.393.464 2.25-1.357 1.108-3 1.75-4.821 1.75zm7.5-7.5c0 1.929-.75 3.679-1.929 5-.25-.5-.214-.928-.179-1.428.072-.893.143-1.893-1.535-2.964-.822-.536-.893-1.286-.857-1.679.035-.679.392-1.286.892-1.536.072-.035.25-.035.393 0 .143.643.715 1.143 1.393 1.143h1.643c.143.5.179.964.179 1.464zm1.428-2.5h-3.214a.384.384 0 01-.357-.357V9.68h3.928v.535a.384.384 0 01-.357.357z"
         })
     }));

package/dist/grid-layout.css-mistica.js

@@ -9,24 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    desktopLargeColumn: function() {
-        return r;
-    },
-    desktopMediumColumn: function() {
-        return d;
-    },
-    desktopSmallColumn: function() {
-        return v;
-    },
-    grid: function() {
-        return o;
-    },
-    span: function() {
-        return e;
-    },
-    vars: function() {
-        return p;
-    }
+    desktopLargeColumn: ()=>r,
+    desktopMediumColumn: ()=>d,
+    desktopSmallColumn: ()=>v,
+    grid: ()=>o,
+    span: ()=>e,
+    vars: ()=>p
 });
 require("./grid-layout.css.ts.vanilla.js");
 var r = "_379jdb2", d = "_379jdb1", v = "_379jdb0", o = "_379jdb4", e = "_379jdb6", p = {

package/dist/grid-layout.css.d.ts

@@ -4,6 +4,6 @@ export declare const desktopLargeColumn: string;
 export declare const grid: string;
 export declare const span: string;
 export declare const vars: {
-    colSpan: import("@vanilla-extract/private").CSSVarFunction;
-    verticalSpace: import("@vanilla-extract/private").CSSVarFunction;
+    colSpan: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    verticalSpace: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };

package/dist/grid-layout.css.ts.vanilla.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return a;
-    }
+    get: ()=>a
 });
-var a = "";
+const a = "";

package/dist/grid-layout.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
-declare type VerticalSpace = 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80;
-declare type PropsChildren = {
+type VerticalSpace = 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80;
+type PropsChildren = {
     template?: undefined;
     children: React.ReactNode;
     verticalSpace?: VerticalSpace;
     dataAttributes?: DataAttributes;
 };
-declare type PropsTemplate6_6 = {
+type PropsTemplate6_6 = {
     template: '6+6';
     left: React.ReactNode;
     right: React.ReactNode;
@@ -15,7 +15,7 @@ declare type PropsTemplate6_6 = {
     verticalSpace?: VerticalSpace;
     dataAttributes?: DataAttributes;
 };
-declare type PropsTemplate8_4 = {
+type PropsTemplate8_4 = {
     template: '8+4';
     left: React.ReactNode;
     right: React.ReactNode;
@@ -23,7 +23,7 @@ declare type PropsTemplate8_4 = {
     verticalSpace?: VerticalSpace;
     dataAttributes?: DataAttributes;
 };
-declare type PropsTemplate4_6 = {
+type PropsTemplate4_6 = {
     template: '4+6';
     left: React.ReactNode;
     right: React.ReactNode;
@@ -31,7 +31,7 @@ declare type PropsTemplate4_6 = {
     verticalSpace?: VerticalSpace;
     dataAttributes?: DataAttributes;
 };
-declare type PropsTemplate5_4 = {
+type PropsTemplate5_4 = {
     template: '5+4';
     left: React.ReactNode;
     right: React.ReactNode;
@@ -39,7 +39,7 @@ declare type PropsTemplate5_4 = {
     verticalSpace?: VerticalSpace;
     dataAttributes?: DataAttributes;
 };
-declare type PropsTemplate3_9 = {
+type PropsTemplate3_9 = {
     template: '3+9';
     left: React.ReactNode;
     right: React.ReactNode;
@@ -47,12 +47,12 @@ declare type PropsTemplate3_9 = {
     verticalSpace?: VerticalSpace;
     dataAttributes?: DataAttributes;
 };
-declare type PropsTemplate10 = {
+type PropsTemplate10 = {
     template: '10';
     children: React.ReactNode;
     verticalSpace?: VerticalSpace;
     dataAttributes?: DataAttributes;
 };
-declare type Props = PropsChildren | PropsTemplate6_6 | PropsTemplate8_4 | PropsTemplate4_6 | PropsTemplate5_4 | PropsTemplate3_9 | PropsTemplate10;
+type Props = PropsChildren | PropsTemplate6_6 | PropsTemplate8_4 | PropsTemplate4_6 | PropsTemplate5_4 | PropsTemplate3_9 | PropsTemplate10;
 declare const GridLayout: React.FC<Props>;
 export default GridLayout;

package/dist/grid-layout.js

@@ -4,16 +4,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return b;
-    }
+    get: ()=>b
 });
-var _dynamic = require("@vanilla-extract/dynamic");
-var _domJs = require("./utils/dom.js");
-var _gridLayoutCssMisticaJs = require("./grid-layout.css-mistica.js");
-var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-var _desktopContainerTypeContextJs = /*#__PURE__*/ _interopRequireDefault(require("./desktop-container-type-context.js"));
-var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+const _dynamic = require("@vanilla-extract/dynamic");
+const _domJs = require("./utils/dom.js");
+const _gridLayoutCssMisticaJs = require("./grid-layout.css-mistica.js");
+const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+const _desktopContainerTypeContextJs = /*#__PURE__*/ _interopRequireDefault(require("./desktop-container-type-context.js"));
+const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -71,16 +69,21 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-var b = function b(i) {
-    var r = (0, _domJs.getPrefixedDataAttributes)(i.dataAttributes), d = function d(n) {
-        var _obj;
-        return {
-            className: (0, _classnames.default)(_gridLayoutCssMisticaJs.span, (_obj = {}, _defineProperty(_obj, _gridLayoutCssMisticaJs.desktopLargeColumn, n >= 10), _defineProperty(_obj, _gridLayoutCssMisticaJs.desktopMediumColumn, n > 5 && n < 10), _defineProperty(_obj, _gridLayoutCssMisticaJs.desktopSmallColumn, n <= 5), _obj)),
-            style: (0, _dynamic.assignInlineVars)(_defineProperty({}, _gridLayoutCssMisticaJs.vars.colSpan, String(n)))
-        };
-    }, t = {
+const b = (i)=>{
+    const r = (0, _domJs.getPrefixedDataAttributes)(i.dataAttributes), d = (n)=>({
+            className: (0, _classnames.default)(_gridLayoutCssMisticaJs.span, {
+                [_gridLayoutCssMisticaJs.desktopLargeColumn]: n >= 10,
+                [_gridLayoutCssMisticaJs.desktopMediumColumn]: n > 5 && n < 10,
+                [_gridLayoutCssMisticaJs.desktopSmallColumn]: n <= 5
+            }),
+            style: (0, _dynamic.assignInlineVars)({
+                [_gridLayoutCssMisticaJs.vars.colSpan]: String(n)
+            })
+        }), t = {
         className: _gridLayoutCssMisticaJs.grid,
-        style: (0, _dynamic.assignInlineVars)(_defineProperty({}, _gridLayoutCssMisticaJs.vars.verticalSpace, i.verticalSpace ? "".concat(i.verticalSpace, "px") : ""))
+        style: i.verticalSpace ? (0, _dynamic.assignInlineVars)({
+            [_gridLayoutCssMisticaJs.vars.verticalSpace]: `${i.verticalSpace}px`
+        }) : void 0
     };
     return i.template === "6+6" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({}, t, r), {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_desktopContainerTypeContextJs.default.Provider, {

package/dist/header.d.ts

@@ -3,15 +3,15 @@ import NavigationBreadcrumbs from './navigation-breadcrumbs';
 import { ButtonPrimary, ButtonSecondary } from './button';
 import type { DataAttributes, RendersElement, RendersNullableElement } from './utils/types';
 import type { TextPresetProps } from './text';
-declare type OverridableTextProps = {
+type OverridableTextProps = {
     color?: TextPresetProps['color'];
     decoration?: TextPresetProps['decoration'];
     truncate?: TextPresetProps['truncate'];
 };
-declare type RichText = string | ({
+type RichText = string | ({
     text: string;
 } & OverridableTextProps);
-declare type HeaderProps = {
+type HeaderProps = {
     pretitle?: RichText;
     title?: string;
     preamount?: RichText;
@@ -23,13 +23,13 @@ declare type HeaderProps = {
     dataAttributes?: DataAttributes;
 };
 export declare const Header: React.FC<HeaderProps>;
-declare type MainSectionHeaderProps = {
+type MainSectionHeaderProps = {
     title: string;
     description?: string;
     button?: RendersNullableElement<typeof ButtonPrimary> | RendersNullableElement<typeof ButtonSecondary>;
 };
 export declare const MainSectionHeader: React.FC<MainSectionHeaderProps>;
-declare type HeaderLayoutProps = {
+type HeaderLayoutProps = {
     isInverse?: boolean;
     breadcrumbs?: RendersNullableElement<typeof NavigationBreadcrumbs>;
     header: React.ReactNode;
@@ -39,7 +39,7 @@ declare type HeaderLayoutProps = {
     dataAttributes?: DataAttributes;
 };
 export declare const HeaderLayout: React.FC<HeaderLayoutProps>;
-declare type MainSectionHeaderLayoutProps = {
+type MainSectionHeaderLayoutProps = {
     isInverse?: boolean;
     children: RendersElement<typeof MainSectionHeader>;
 };