@flodesk/grain 11.64.0 → 11.65.0

package/es/icons/icon-search.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconSearch = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconSearch = props => ___EmotionJSX("svg", _extends({
   d: "M3 15.5C3 9.701 7.701 5 13.5 5S24 9.701 24 15.5 19.3 26 13.5 26 3 21.299 3 15.5M13.5 2C6.045 2 0 8.044 0 15.5S6.045 29 13.5 29c3.188 0 6.117-1.105 8.427-2.952l7.513 7.513a1.5 1.5 0 1 0 2.121-2.122l-7.513-7.512A13.44 13.44 0 0 0 27 15.5C27 8.044 20.956 2 13.5 2",
   clipRule: "evenodd"
 }));
-
 IconSearch.viewBoxWidth = 32;
 export default IconSearch;

package/es/icons/icon-send.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconSend = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconSend = props => ___EmotionJSX("svg", _extends({
   d: "M31.9 4.0C32.1 3.4 32.0 2.8 31.6 2.4C31.2 2.0 30.6 1.9 30.0 2.1L1.0 11.6C0.4 11.8 -0.1 12.5 0.0 13.2C0.1 13.9 0.7 14.4 1.4 14.5C11.1 15.4 18.6 22.9 19.5 32.6C19.6 33.3 20.1 33.9 20.8 34.0C21.5 34.1 22.2 33.6 22.4 33.0L31.9 4.0ZM14.8 17.1C12.6 15.2 10.0 13.7 7.2 12.7L25.0 6.9L14.8 17.1ZM16.9 19.2C18.8 21.4 20.3 24.0 21.3 26.8L27.1 9.0L16.9 19.2Z",
   fill: "currentColor"
 }));
-
 IconSend.viewBoxWidth = 32;
 export default IconSend;

package/es/icons/icon-share.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconShare = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 28 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconShare = props => ___EmotionJSX("svg", _extends({
   d: "M21.56 9.06a1.5 1.5 0 0 0 0-2.12l-6.5-6.5a1.5 1.5 0 0 0-2.121 0l-6.5 6.499A1.5 1.5 0 1 0 8.561 9.06L12.5 5.12V21.5a1.5 1.5 0 1 0 3 0V5.122l3.939 3.939a1.5 1.5 0 0 0 2.121 0M5.5 31A2.5 2.5 0 0 1 3 28.5v-11a1.5 1.5 0 1 0-3 0v11A5.5 5.5 0 0 0 5.5 34h17a5.5 5.5 0 0 0 5.5-5.5v-11a1.5 1.5 0 1 0-3 0v11a2.5 2.5 0 0 1-2.5 2.5z",
   clipRule: "evenodd"
 }));
-
 IconShare.viewBoxWidth = 28;
 export default IconShare;

package/es/icons/icon-show.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconShow = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconShow = props => ___EmotionJSX("svg", _extends({
   d: "M7.478 24.876C5.272 22.675 3.813 20.013 3.085 18c.728-2.013 2.187-4.675 4.393-6.876C9.836 8.772 12.986 7 16.998 7s7.165 1.772 9.524 4.125c2.207 2.2 3.667 4.863 4.393 6.875-.726 2.012-2.186 4.674-4.393 6.875C24.162 27.228 21.01 29 16.998 29s-7.162-1.772-9.52-4.124M16.998 4c-4.986 0-8.86 2.228-11.639 5C2.601 11.754.861 15.094.072 17.54a1.5 1.5 0 0 0 0 .92C.861 20.907 2.601 24.247 5.36 27c2.78 2.772 6.653 5 11.639 5s8.861-2.228 11.642-5c2.76-2.752 4.501-6.093 5.288-8.541a1.5 1.5 0 0 0 0-.918c-.787-2.448-2.528-5.789-5.288-8.54C25.86 6.227 21.984 4 16.998 4M12 18a5 5 0 1 1 10 0 5 5 0 0 1-10 0m5-8a8 8 0 1 0 0 16 8 8 0 0 0 0-16",
   clipRule: "evenodd"
 }));
-
 IconShow.viewBoxWidth = 34;
 export default IconShow;

package/es/icons/icon-smile.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconSmile = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconSmile = props => ___EmotionJSX("svg", _extends({
   clipRule: "evenodd",
   fill: "currentColor"
 }));
-
 IconSmile.viewBoxWidth = 34;
 export default IconSmile;

package/es/icons/icon-spacer.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconSpacer = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconSpacer = props => ___EmotionJSX("svg", _extends({
   d: "M29.5 14a1.5 1.5 0 0 1 1.5 1.5v5a1.5 1.5 0 0 1-1.5 1.5h-25A1.5 1.5 0 0 1 3 20.5v-5A1.5 1.5 0 0 1 4.5 14zm4.5 1.5a4.5 4.5 0 0 0-4.5-4.5h-25A4.5 4.5 0 0 0 0 15.5v5A4.5 4.5 0 0 0 4.5 25h25a4.5 4.5 0 0 0 4.5-4.5z",
   clipRule: "evenodd"
 }));
-
 IconSpacer.viewBoxWidth = 34;
 export default IconSpacer;

package/es/icons/icon-square.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconSquare = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconSquare = props => ___EmotionJSX("svg", _extends({
   d: "M4.498 34A4.5 4.5 0 0 1 0 29.5v-23A4.5 4.5 0 0 1 4.5 2h23A4.5 4.5 0 0 1 32 6.5v23c0 2.484-2.01 4.5-4.497 4.5H4.498M3 29.5c0 .83.671 1.5 1.498 1.5h23.005C28.33 31 29 30.33 29 29.5v-23A1.5 1.5 0 0 0 27.5 5h-23A1.5 1.5 0 0 0 3 6.5z",
   fill: "currentColor"
 }));
-
 IconSquare.viewBoxWidth = 32;
 export default IconSquare;

package/es/icons/icon-stopwatch.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconStopwatch = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 30 36",
   fill: "none",
@@ -11,6 +9,5 @@ const IconStopwatch = props => ___EmotionJSX("svg", _extends({
   fill: "currentColor",
   d: "M15 5c8.284 0 15 6.716 15 15s-6.716 15-15 15S0 28.284 0 20 6.716 5 15 5m0 3.214C8.49 8.214 3.214 13.49 3.214 20c0 6.51 5.277 11.786 11.786 11.786 6.51 0 11.786-5.277 11.786-11.786 0-6.51-5.277-11.786-11.786-11.786M15 11a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-8A1.5 1.5 0 0 1 15 11m3.5-11a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1 0-3z"
 }));
-
 IconStopwatch.viewBoxWidth = 30;
 export default IconStopwatch;

package/es/icons/icon-strike.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconStrike = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconStrike = props => ___EmotionJSX("svg", _extends({
   d: "M13.8 2.1C20.4 1.5 25.7 4.8 27.0 10.2C27.1 11.0 26.6 11.8 25.8 12.0C25.0 12.2 24.2 11.6 24.0 10.8C23.2 7.3 19.6 4.6 14.1 5.0C11.4 5.3 9.8 6.2 8.9 7.4C8.0 8.5 7.8 10.0 8.2 11.6C8.4 12.5 9.2 13.5 10.3 14.4C11.5 15.2 12.9 15.8 14.2 16.0H30.5C31.3 16.0 32 16.7 32 17.5C32 18.3 31.3 19.0 30.5 19.0H23.1C23.1 19.0 23.1 19.0 23.1 19.0H16.6C16.6 19.0 16.6 19.0 16.6 19.0H1.5C0.7 19.0 -3.6e-08 18.3 0 17.5C3.6e-08 16.7 0.7 16.0 1.5 16.0H7.6C6.5 15.0 5.6 13.8 5.3 12.4C4.7 10.0 5.0 7.5 6.5 5.6C8.0 3.6 10.5 2.3 13.8 2.1ZM5.0 25.8C6.2 31.2 11.6 34.5 18.2 33.9C21.5 33.7 24.0 32.4 25.5 30.4C27.0 28.5 27.3 26.0 26.7 23.6C26.6 23.1 26.3 22.5 26.0 22.0H22.1C23.0 22.8 23.6 23.6 23.8 24.4C24.2 26.0 23.9 27.5 23.1 28.6C22.2 29.8 20.6 30.7 17.9 31.0C12.4 31.4 8.8 28.7 8.0 25.2C7.8 24.4 7.0 23.8 6.2 24.0C5.4 24.2 4.9 25.0 5.0 25.8Z",
   fill: "currentColor"
 }));
-
 IconStrike.viewBoxWidth = 32;
 export default IconStrike;

package/es/icons/icon-switch.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconSwitch = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconSwitch = props => ___EmotionJSX("svg", _extends({
   d: "M9.06 4.439a1.5 1.5 0 0 0-2.12 0l-6.5 6.5a1.5 1.5 0 0 0 0 2.121l6.5 6.5a1.5 1.5 0 1 0 2.12-2.121L5.123 13.5H20.5a1.5 1.5 0 1 0 0-3H5.12l3.94-3.94a1.5 1.5 0 0 0 0-2.122M24.94 31.56a1.5 1.5 0 0 0 2.12 0l6.5-6.5a1.5 1.5 0 0 0 0-2.121l-6.5-6.5a1.5 1.5 0 0 0-2.12 2.121l3.938 3.938H13.5a1.5 1.5 0 0 0 0 3h15.38l-3.94 3.94a1.5 1.5 0 0 0 0 2.122",
   clipRule: "evenodd"
 }));
-
 IconSwitch.viewBoxWidth = 34;
 export default IconSwitch;

package/es/icons/icon-symbols.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconSymbols = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconSymbols = props => ___EmotionJSX("svg", _extends({
   d: "M0 3.5A1.5 1.5 0 0 1 1.5 2h12a1.5 1.5 0 0 1 0 3h-12A1.5 1.5 0 0 1 0 3.5m0 4A1.5 1.5 0 0 1 1.5 6h12a1.5 1.5 0 0 1 0 3H9v6.5a1.5 1.5 0 0 1-3 0V9H1.5A1.5 1.5 0 0 1 0 7.5m25.646-5.233a1.5 1.5 0 0 1 1.38-.171l2.596.973A3.66 3.66 0 0 1 32 6.5a1.5 1.5 0 0 1-3 0 .66.66 0 0 0-.431-.622L28 5.665V13c0 1.394-.9 2.43-1.877 3.04-.997.623-2.282.96-3.623.96-1.34 0-2.626-.337-3.623-.96C17.9 15.43 17 14.394 17 13s.9-2.43 1.877-3.04C19.874 9.337 21.159 9 22.5 9a7.4 7.4 0 0 1 2.5.42V3.5a1.5 1.5 0 0 1 .646-1.233m-.703 10.6C25 12.95 25 12.99 25 13V13c0 .008 0 .049-.057.132a1.4 1.4 0 0 1-.41.364c-.45.281-1.165.504-2.033.504s-1.583-.223-2.033-.504a1.4 1.4 0 0 1-.41-.364C20 13.05 20 13.008 20 13s0-.049.057-.132c.062-.093.188-.225.41-.364.45-.281 1.165-.504 2.033-.504s1.583.223 2.033.504c.222.139.348.271.41.364M23 22a3 3 0 1 1-6 0 3 3 0 0 1 6 0m9 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0m-.44-9.44a1.5 1.5 0 0 0-2.12-2.12l-12 12a1.5 1.5 0 0 0 2.12 2.12zM4 22.536c0-.295.24-.535.535-.535h1.91a.555.555 0 0 1 .361.976l-1.259 1.08-1.35-1.106A.54.54 0 0 1 4 22.535m4.759 2.719-.853.73 2.193 1.795 1.34-1.34a1.5 1.5 0 0 1 2.122 2.122l-1.128 1.128 2.017 1.65a1.5 1.5 0 0 1-1.9 2.322l-2.25-1.84-.86.861A4.5 4.5 0 0 1 6.256 34H3.555a3.555 3.555 0 0 1-2.314-6.254l1.993-1.708-.937-.766A3.535 3.535 0 0 1 4.535 19h1.91a3.555 3.555 0 0 1 2.314 6.254m-5.565 4.77 2.398-2.056 2.375 1.943-.649.65a1.5 1.5 0 0 1-1.06.439H3.554a.555.555 0 0 1-.361-.976",
   clipRule: "evenodd"
 }));
-
 IconSymbols.viewBoxWidth = 32;
 export default IconSymbols;

package/es/icons/icon-tablet.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconTablet = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 28 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconTablet = props => ___EmotionJSX("svg", _extends({
   d: "M4.5 1A4.5 4.5 0 0 0 0 5.5v25A4.5 4.5 0 0 0 4.5 35h19a4.5 4.5 0 0 0 4.5-4.5v-25A4.5 4.5 0 0 0 23.5 1zM3 5.5A1.5 1.5 0 0 1 4.5 4h19A1.5 1.5 0 0 1 25 5.5v25a1.5 1.5 0 0 1-1.5 1.5h-19A1.5 1.5 0 0 1 3 30.5zM9.5 26a1.5 1.5 0 0 0 0 3h9a1.5 1.5 0 0 0 0-3h-9",
   clipRule: "evenodd"
 }));
-
 IconTablet.viewBoxWidth = 28;
 export default IconTablet;

package/es/icons/icon-text-align-center.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconTextAlignCenter = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconTextAlignCenter = props => ___EmotionJSX("svg", _extends({
   d: "M5 9.5A1.5 1.5 0 0 1 6.5 8h21a1.5 1.5 0 0 1 0 3h-21A1.5 1.5 0 0 1 5 9.5m4 17a1.5 1.5 0 0 1 1.5-1.5h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 9 26.5m-7.5-10a1.5 1.5 0 0 0 0 3h31a1.5 1.5 0 0 0 0-3z",
   clipRule: "evenodd"
 }));
-
 IconTextAlignCenter.viewBoxWidth = 34;
 export default IconTextAlignCenter;

package/es/icons/icon-text-align-left.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconTextAlignLeft = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconTextAlignLeft = props => ___EmotionJSX("svg", _extends({
   d: "M0 9.5A1.5 1.5 0 0 1 1.5 8h21a1.5 1.5 0 0 1 0 3h-21A1.5 1.5 0 0 1 0 9.5m0 17A1.5 1.5 0 0 1 1.5 25h13a1.5 1.5 0 0 1 0 3h-13A1.5 1.5 0 0 1 0 26.5m1.5-10a1.5 1.5 0 0 0 0 3h31a1.5 1.5 0 0 0 0-3z",
   clipRule: "evenodd"
 }));
-
 IconTextAlignLeft.viewBoxWidth = 34;
 export default IconTextAlignLeft;

package/es/icons/icon-text-align-right.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconTextAlignRight = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconTextAlignRight = props => ___EmotionJSX("svg", _extends({
   d: "M10 9.5A1.5 1.5 0 0 1 11.5 8h21a1.5 1.5 0 0 1 0 3h-21A1.5 1.5 0 0 1 10 9.5m8 17a1.5 1.5 0 0 1 1.5-1.5h13a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 0 1-1.5-1.5m-16.5-10a1.5 1.5 0 0 0 0 3h31a1.5 1.5 0 0 0 0-3z",
   clipRule: "evenodd"
 }));
-
 IconTextAlignRight.viewBoxWidth = 34;
 export default IconTextAlignRight;

package/es/icons/icon-text-justify.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconTextJustify = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconTextJustify = props => ___EmotionJSX("svg", _extends({
   d: "M0 9.5A1.5 1.5 0 0 1 1.5 8h31a1.5 1.5 0 0 1 0 3h-31A1.5 1.5 0 0 1 0 9.5m0 17A1.5 1.5 0 0 1 1.5 25h31a1.5 1.5 0 0 1 0 3h-31A1.5 1.5 0 0 1 0 26.5m1.5-10a1.5 1.5 0 0 0 0 3h31a1.5 1.5 0 0 0 0-3z",
   clipRule: "evenodd"
 }));
-
 IconTextJustify.viewBoxWidth = 34;
 export default IconTextJustify;

package/es/icons/icon-text.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconText = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 34 36",
   fill: "none",
@@ -11,6 +9,5 @@ const IconText = props => ___EmotionJSX("svg", _extends({
   fill: "currentColor",
   d: "M14.5 25a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 0 1 0-3zm18-8.5a1.5 1.5 0 0 1 0 3h-31a1.5 1.5 0 0 1 0-3zm.153-8.492a1.5 1.5 0 0 1 0 2.984L32.5 11h-31a1.5 1.5 0 0 1 0-3h31z"
 }));
-
 IconText.viewBoxWidth = 34;
 export default IconText;

package/es/icons/icon-three-branches.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconThreeBranches = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -11,6 +9,5 @@ const IconThreeBranches = props => ___EmotionJSX("svg", _extends({
   fill: "currentColor",
   d: "M16 8a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 3 0v3A1.5 1.5 0 0 1 16 8m-.023 18a1.5 1.5 0 0 1-1.497-1.502l.01-6.492A7.47 7.47 0 0 1 9.997 19.5H6A1.5 1.5 0 0 0 4.5 21v3.493a1.5 1.5 0 0 1-3 0V21A4.5 4.5 0 0 1 6 16.5h3.998a4.5 4.5 0 0 0 4.5-4.486l.002-.519.008-.152a1.5 1.5 0 0 1 2.992.152l.002.519a4.5 4.5 0 0 0 4.5 4.486H26a4.5 4.5 0 0 1 4.5 4.5v3.493a1.5 1.5 0 0 1-3 0V21a1.5 1.5 0 0 0-1.5-1.5h-3.998a7.47 7.47 0 0 1-4.512-1.51l-.01 6.512A1.5 1.5 0 0 1 15.978 26M29 34a3 3 0 1 1 0-6 3 3 0 0 1 0 6m-13 0a3 3 0 1 1 0-6 3 3 0 0 1 0 6M3 34a3 3 0 1 1 0-6 3 3 0 0 1 0 6"
 }));
-
 IconThreeBranches.viewBoxWidth = 32;
 export default IconThreeBranches;

package/es/icons/icon-trash.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconTrash = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconTrash = props => ___EmotionJSX("svg", _extends({
   d: "M16 5a5.25 5.25 0 0 0-4.744 3h9.49A5.25 5.25 0 0 0 16 5m0-3a8.254 8.254 0 0 0-7.94 6H1.5a1.5 1.5 0 0 0 0 3H4.08l1.577 18.875A4.5 4.5 0 0 0 10.14 34h11.72a4.5 4.5 0 0 0 4.485-4.125L27.922 11H30.5a1.5 1.5 0 0 0 0-3h-6.56A8.254 8.254 0 0 0 16 2m8.912 9H7.09l1.555 18.625A1.5 1.5 0 0 0 10.14 31h11.72a1.5 1.5 0 0 0 1.495-1.375z",
   clipRule: "evenodd"
 }));
-
 IconTrash.viewBoxWidth = 32;
 export default IconTrash;

package/es/icons/icon-two-branches.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconTwoBranches = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -11,6 +9,5 @@ const IconTwoBranches = props => ___EmotionJSX("svg", _extends({
   fill: "currentColor",
   d: "M16 8a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 3 0v3A1.5 1.5 0 0 1 16 8M5.5 34A5.5 5.5 0 0 1 4 23.209V21a4.5 4.5 0 0 1 4.5-4.5h1.498a4.5 4.5 0 0 0 4.5-4.486l.002-.519a1.5 1.5 0 0 1 3 0l.002.519a4.5 4.5 0 0 0 4.5 4.486H23.5A4.5 4.5 0 0 1 28 21v2.209a5.5 5.5 0 1 1-3 0V21a1.5 1.5 0 0 0-1.5-1.5h-1.498A7.49 7.49 0 0 1 16 16.498 7.49 7.49 0 0 1 9.998 19.5H8.5A1.5 1.5 0 0 0 7 21v2.209A5.5 5.5 0 0 1 5.5 34m21-3a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5m-21 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"
 }));
-
 IconTwoBranches.viewBoxWidth = 32;
 export default IconTwoBranches;

package/es/icons/icon-type.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconType = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 16 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconType = props => ___EmotionJSX("svg", _extends({
   d: "M0 4.5A1.5 1.5 0 0 1 1.5 3h13a1.5 1.5 0 0 1 0 3h-5v24h5a1.5 1.5 0 0 1 0 3h-13a1.5 1.5 0 0 1 0-3h5V6h-5A1.5 1.5 0 0 1 0 4.5",
   clipRule: "evenodd"
 }));
-
 IconType.viewBoxWidth = 16;
 export default IconType;

package/es/icons/icon-underline.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconUnderline = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconUnderline = props => ___EmotionJSX("svg", _extends({
   d: "M16.0 25C21.0 25 25.0 21.0 25.0 16V3.5C25.0 2.7 25.7 2 26.5 2C27.3 2 28.0 2.7 28.0 3.5V16C28.0 22.6 22.6 28 16.0 28C9.4 28 4.0 22.6 4.0 16L4.0 3.5C4.0 2.7 4.7 2 5.5 2C6.3 2 7.0 2.7 7.0 3.5L7.0 16C7.0 21.0 11.0 25 16.0 25ZM1.5 34C0.7 34 0.0 33.3 0.0 32.5C0.0 31.7 0.7 31 1.5 31H30.5C31.3 31 32.0 31.7 32.0 32.5C32.0 33.3 31.3 34 30.5 34H1.5Z",
   fill: "currentColor"
 }));
-
 IconUnderline.viewBoxWidth = 32;
 export default IconUnderline;

package/es/icons/icon-undo.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconUndo = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconUndo = props => ___EmotionJSX("svg", _extends({
   d: "M9.9 23.6C10.5 24.1 11.5 24.1 12.1 23.6C12.6 23.0 12.6 22.0 12.1 21.4L5.1 14.5H20.8C25.3 14.5 29 18.2 29 22.8C29 27.3 25.3 31 20.8 31L19.5 31C18.7 31 18 31.7 18 32.5C18 33.3 18.7 34 19.5 34L20.8 34C27.0 34 32 29.0 32 22.8C32 16.5 27.0 11.5 20.8 11.5H5.1L12.1 4.6C12.6 4.0 12.6 3.0 12.1 2.4C11.5 1.9 10.5 1.9 9.9 2.4L0.4 11.9C0.2 12.2 -7.4e-07 12.6 0 13.0C6.7e-08 13.4 0.2 13.8 0.4 14.1L9.9 23.6Z",
   fill: "currentColor"
 }));
-
 IconUndo.viewBoxWidth = 32;
 export default IconUndo;

package/es/icons/icon-upload.js

@@ -1,8 +1,6 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-
 const IconUpload = props => ___EmotionJSX("svg", _extends({
   viewBox: "0 0 32 36",
   fill: "none",
@@ -13,6 +11,5 @@ const IconUpload = props => ___EmotionJSX("svg", _extends({
   d: "M29.6 17.1C30.2 16.5 30.2 15.5 29.6 14.9L17.1 2.4C16.8 2.2 16.4 2 16.0 2C15.6 2 15.2 2.2 14.9 2.4L2.4 14.9C1.9 15.5 1.9 16.5 2.4 17.1C3.0 17.6 4.0 17.6 4.6 17.1L14.5 7.1L14.5 27.5C14.5 28.3 15.2 29.0 16.0 29.0C16.8 29.0 17.5 28.3 17.5 27.5L17.5 7.1L27.4 17.1C28.0 17.6 29.0 17.6 29.6 17.1ZM1.5 31C0.7 31 -3.6e-08 31.7 0 32.5C3.6e-08 33.3 0.7 34 1.5 34H30.5C31.3 34 32 33.3 32 32.5C32 31.7 31.3 31 30.5 31H1.5Z",
   fill: "currentColor"
 }));
-
 IconUpload.viewBoxWidth = 32;
 export default IconUpload;

package/es/styles/card.js

@@ -30,8 +30,9 @@ export const cardRanges = [{
   padding: 'xxl',
   radius: 'l'
 }];
-const fallback = "\n  @supports not (container-type: inline-size) {\n    .grn-card {\n      --grn-card-radius: var(--grn-radius-".concat(cardRanges[2].radius, ");\n      --grn-card-padding: var(--grn-space-").concat(cardRanges[2].padding, ");\n    }\n  }\n"); // prevents floating elements from rendering below other elements
+const fallback = "\n  @supports not (container-type: inline-size) {\n    .grn-card {\n      --grn-card-radius: var(--grn-radius-".concat(cardRanges[2].radius, ");\n      --grn-card-padding: var(--grn-space-").concat(cardRanges[2].padding, ");\n    }\n  }\n");
 
+// prevents floating elements from rendering below other elements
 const cardWithFloating = "\n  .grn-card-container:has(.MenuCard) {\n    position: relative;\n    z-index: 1;\n  }\n";
 const card = "\n  .grn-card-container { container-type: inline-size }\n\n  .grn-card {\n    --grn-card-radius: var(--grn-radius-".concat(cardRanges[0].radius, ");\n    --grn-card-padding: var(--grn-space-").concat(cardRanges[0].padding, ");\n  }\n\n  ").concat(cardRanges.map(range => "\n        @container (".concat(range.min, "px <= inline-size) {\n          .grn-card {\n            --grn-card-radius: var(--grn-radius-").concat(range.radius, ");\n            --grn-card-padding: var(--grn-space-").concat(range.padding, ");\n          }\n        }\n      ")).join(' '), "\n\n  ").concat(fallback, "\n  ").concat(cardWithFloating, "\n");
 export default card;

package/es/styles/utilities.js

@@ -1,7 +1,6 @@
 import "core-js/modules/web.dom-collections.iterator.js";
 import { styleConfig } from '../utilities';
 import { propNameToShort } from '../utilities/style-config';
-
 const generateUtilityClassDeclarations = propertySets => {
   let css = '';
   propertySets.forEach(set => {
@@ -19,7 +18,6 @@ const generateUtilityClassDeclarations = propertySets => {
   });
   return css;
 };
-
 const generateStyleClassDeclarations = (breakpoints, propertySets) => {
   let css = '';
   propertySets.forEach(set => {
@@ -31,7 +29,6 @@ const generateStyleClassDeclarations = (breakpoints, propertySets) => {
       const declaration = "{".concat(property, ": var(").concat(cssVar, ")}");
       if (!hasHover) css += "[style*=\"".concat(cssVar, ":\"] ").concat(declaration);
       if (hasHover) css += "[style*=\"".concat(cssVar, ":\"]:hover ").concat(declaration);
-
       if (set.isResponsive) {
         const device = 'default';
         css += "\n          [style*=\"".concat(cssVar, "-").concat(device, "\"] {").concat(property, ": var(").concat(cssVar, "-").concat(device, ")}\n        ");
@@ -45,7 +42,6 @@ const generateStyleClassDeclarations = (breakpoints, propertySets) => {
   });
   return css;
 };
-
 const {
   spaceProps,
   colorProps,

package/es/styles/variables.js

@@ -1,2 +1,2 @@
-const variables = "\n  :root {\n    --grn-unit: 8px;\n  }\n\n  :root {\n    --grn-text-s: 12px;\n    --grn-text-m: 14px;\n    --grn-text-l: 18px;\n    --grn-text-xl: 24px;\n    --grn-text-xxl: 30px;\n  }\n\n  /* text size \u2715 ~1.2 */\n  :root {\n    --grn-icon-s: 14px;\n    --grn-icon-m: 18px;\n    --grn-icon-l: 22px;\n    --grn-icon-xl: 28px;\n    --grn-icon-xxl: 36px;\n  }\n\n  :root {\n    --grn-weight-normal: 400;\n    --grn-weight-medium: 500;\n  }\n\n  :root {\n    --grn-space-xs: calc(var(--grn-unit) / 2);\n    --grn-space-s: calc(var(--grn-unit) * 1);\n    --grn-space-s2: calc(var(--grn-unit) * 1.5);\n    --grn-space-m: calc(var(--grn-unit) * 2);\n    --grn-space-l: calc(var(--grn-unit) * 3);\n    --grn-space-l2: calc(var(--grn-unit) * 4);\n    --grn-space-xl: calc(var(--grn-unit) * 5);\n    --grn-space-xl2: calc(var(--grn-unit) * 6);\n    --grn-space-xxl: calc(var(--grn-unit) * 7);\n  }\n\n  :root {\n    --grn-radius-xs: 3px;\n    --grn-radius-s: 6px;\n    --grn-radius-m: 8px;\n    --grn-radius-l: 10px;\n  }\n\n  [data-experiment-new-brand-radii=\"true\"] {\n    --grn-radius-xs: 4px;\n    --grn-radius-s: 8px;\n    --grn-radius-m: 12px;\n    --grn-radius-l: 16px;\n  }\n\n  :root {\n    --grn-transition-slow: 400ms;\n    --grn-transition-fast: 200ms;\n    --grn-transition-xFast: 160ms;\n    --grn-transition-xxFast: 80ms;\n  }\n";
+const variables = "\n  :root {\n    --grn-unit: 8px;\n  }\n\n  :root {\n    --grn-text-s: 12px;\n    --grn-text-m: 14px;\n    --grn-text-l: 18px;\n    --grn-text-xl: 24px;\n    --grn-text-xxl: 30px;\n  }\n\n  /* text size \u2715 ~1.2 */\n  :root {\n    --grn-icon-s: 14px;\n    --grn-icon-m: 18px;\n    --grn-icon-l: 22px;\n    --grn-icon-xl: 28px;\n    --grn-icon-xxl: 36px;\n  }\n\n  :root {\n    --grn-weight-normal: 400;\n    --grn-weight-medium: 500;\n  }\n\n  :root {\n    --grn-space-xs: calc(var(--grn-unit) / 2);\n    --grn-space-s: calc(var(--grn-unit) * 1);\n    --grn-space-s2: calc(var(--grn-unit) * 1.5);\n    --grn-space-m: calc(var(--grn-unit) * 2);\n    --grn-space-l: calc(var(--grn-unit) * 3);\n    --grn-space-l2: calc(var(--grn-unit) * 4);\n    --grn-space-xl: calc(var(--grn-unit) * 5);\n    --grn-space-xl2: calc(var(--grn-unit) * 6);\n    --grn-space-xxl: calc(var(--grn-unit) * 7);\n  }\n\n  :root {\n    --grn-radius-xs: 3px;\n    --grn-radius-s: 6px;\n    --grn-radius-m: 8px;\n    --grn-radius-l: 10px;\n  }\n\n  :root:has(body[data-experiment-squircle=\"true\"]) {\n    --rr: 2.2;\n\n    --grn-radius-xs: calc(3px * var(--rr));\n    --grn-radius-s: calc(6px * var(--rr));\n    --grn-radius-m: calc(8px * var(--rr));\n    --grn-radius-l: calc(10px * var(--rr));\n  }\n  [data-experiment-squircle=\"true\"] * {\n    corner-shape: squircle;\n  }\n  [data-experiment-squircle=\"true\"] .extgwng0,\n  [data-experiment-squircle=\"true\"] .ez8kn7b1 {\n    corner-shape: round !important;\n  }\n\n\n  [data-experiment-new-brand-radii=\"true\"] {\n    --grn-radius-xs: 4px;\n    --grn-radius-s: 8px;\n    --grn-radius-m: 12px;\n    --grn-radius-l: 16px;\n  }\n\n  :root {\n    --grn-transition-slow: 400ms;\n    --grn-transition-fast: 200ms;\n    --grn-transition-xFast: 160ms;\n    --grn-transition-xxFast: 80ms;\n  }\n";
 export default variables;

package/es/utilities/attributes.js

@@ -2,7 +2,6 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import "core-js/modules/es.string.trim.js";
 import { isObject } from './helpers';
 import { propNameToShort, styleConfig } from './style-config';
-
 const getValueWithBackup = value => {
   const mediaQueries = {
     '@media (max-width: 1169px)': 'tablet',
@@ -14,12 +13,10 @@ const getValueWithBackup = value => {
     } else {
       acc[key] = value[key];
     }
-
     return acc;
   }, {});
   return valueWithBackup;
 };
-
 export const generateStyleAttributes = _ref => {
   let {
     styleProps,
@@ -40,11 +37,8 @@ export const generateStyleAttributes = _ref => {
       if (value === undefined || value === null) return;
       const hasVariable = variableChecker && variableChecker(value);
       if (hasVariable) return;
-
       const processValue = val => valueTransformer ? valueTransformer(val) : val;
-
       const propNameShort = propNameToShort(propName);
-
       if (!isObject(value)) {
         styles["--".concat(propNameShort)] = processValue(value);
       } else {
@@ -61,8 +55,9 @@ export const generateStyleAttributes = _ref => {
 };
 export const generateClassNameAttributes = props => {
   const classNames = [];
-  const styleConfigValues = Object.values(styleConfig); // Create a map for quick propName lookup
+  const styleConfigValues = Object.values(styleConfig);
 
+  // Create a map for quick propName lookup
   const styleConfigMap = new Map();
   styleConfigValues.forEach(item => {
     item.props.forEach(propItem => {