@flodesk/grain 11.64.0 → 11.66.0

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/icons/index.js

@@ -111,4 +111,6 @@ export { default as IconText } from './icon-text';
 export { default as IconNetwork } from './icon-network';
 export { default as IconBag } from './icon-bag';
 export { default as IconTwoBranches } from './icon-two-branches';
-export { default as IconThreeBranches } from './icon-three-branches';
+export { default as IconThreeBranches } from './icon-three-branches';
+export { default as IconDiamond } from './icon-diamond';
+export { default as IconStar } from './icon-star';

package/es/styles/card.js

@@ -1,37 +1,49 @@
-const bp = [120, 200, 320, 472, 648, 840];
+const bp1 = 120;
+const bp2 = bp1 + 8 * 10;
+const bp3 = bp2 + 8 * 15;
+const bp4 = bp3 + 8 * 19;
+const bp5 = bp4 + 8 * 22;
+const bp6 = bp5 + 8 * 24;
 export const cardRanges = [{
-  min: bp[0],
-  max: bp[1] - 1,
+  min: bp1,
+  max: bp2 - 1,
   padding: 'm',
-  radius: 'm'
+  radius: 'm',
+  titleSize: 'l'
 }, {
-  min: bp[1],
-  max: bp[2] - 1,
+  min: bp2,
+  max: bp3 - 1,
   padding: 'l',
-  radius: 'm'
+  radius: 'm',
+  titleSize: 'l'
 }, {
-  min: bp[2],
-  max: bp[3] - 1,
+  min: bp3,
+  max: bp4 - 1,
   padding: 'l2',
-  radius: 'l'
+  radius: 'l',
+  titleSize: 'xl'
 }, {
-  min: bp[3],
-  max: bp[4] - 1,
+  min: bp4,
+  max: bp5 - 1,
   padding: 'xl',
-  radius: 'l'
+  radius: 'l',
+  titleSize: 'xl'
 }, {
-  min: bp[4],
-  max: bp[5] - 1,
+  min: bp5,
+  max: bp6 - 1,
   padding: 'xl2',
-  radius: 'l'
+  radius: 'l',
+  titleSize: 'xl'
 }, {
-  min: bp[5],
+  min: bp6,
   max: 100000,
   padding: 'xxl',
-  radius: 'l'
+  radius: 'l',
+  titleSize: 'xl'
 }];
-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/types/components/modal.d.ts

@@ -1,5 +1,5 @@
 import type { FC, ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
-import { DimensionPropType, RadiusPropType } from '../shared';
+import { DimensionPropType, RadiusPropType, TextWrapType } from '../shared';
 
 export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
   children?: React.ReactNode;
@@ -7,6 +7,7 @@ export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
   onClose?: () => void;
   hasCloseButton?: boolean;
   title?: React.ReactNode;
+  titleWrap?: TextWrapType;
   description?: React.ReactNode;
   cardPadding?: DimensionPropType;
   cardMaxWidth?: number | string | 'narrow' | 'medium' | 'wide';

package/es/types/components/text.d.ts

@@ -22,7 +22,7 @@ export interface TextProps extends HTMLAttributes<HTMLDivElement> {
   align?: TextAlignType;
   letterSpacing?: string;
   textTransform?: TextTransformType;
-  textWrap?: TextWrapType;
+  wrap?: TextWrapType;
   variant?: 'caps';
   trimTop?: boolean;
   trimBottom?: boolean;

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 => {

package/es/utilities/responsive.js

@@ -11,11 +11,9 @@ export const getMediaCss = (mediaQuery, property, value) => {
     if (isNumber(val)) return u(val);
     if (isString(val)) return val;
   };
-
   if (mediaQuery === 'default') {
     return "".concat(property, ": ").concat(getValue(value), ";");
   }
-
   if (mediaQuery in mediaQueries) {
     return "\n      ".concat(mediaQueries[mediaQuery], " {\n        ").concat(property, ": ").concat(getValue(value), ";\n      }\n    ");
   } else {
@@ -27,10 +25,8 @@ export const mapObjToMedia = (property, obj, type) => {
     if (type && value in vars[type]) {
       return getCssVar(varInfo[type].name, value);
     }
-
     return value;
   };
-
   const declarations = Object.entries(obj).map(_ref => {
     let [mediaQuery, value] = _ref;
     return getMediaCss(mediaQuery, property, checkValueInVars(value));
@@ -49,52 +45,42 @@ export const getSpace = space => {
   if (space in vars.spaces) {
     return getCssVar(varInfo.spaces.name, space);
   }
-
   if (space === 0) return '0';
   if (isString(space)) return space;
   if (isNumber(space)) return u(space);
 };
 export const getResponsiveDimension = (property, dimension) => {
   if (!dimension) return;
-
   if (isObject(dimension)) {
     return mapObjToMedia(property, dimension, varInfo.spaces.name);
   }
-
   return "".concat(property, ": ").concat(getDimension(dimension));
 };
 export const getResponsiveSpace = (property, space) => {
   if (!space) return;
-
   if (isObject(space)) {
     return mapObjToMedia(property, space, varInfo.spaces.name);
   }
-
   return "".concat(property, ": ").concat(getSpace(space));
 };
 export const getTextSize = size => {
   if (size in vars.texts) {
     return getCssVar(varInfo.texts.name, size);
   }
-
   if (isString(size)) return size;
 };
 export const getResponsiveOneOf = (property, value) => {
   if (!value) return;
-
   if (isObject(value)) {
     return mapObjToMedia(property, value);
   }
-
   return "".concat(property, ": ").concat(value);
 };
 export const getResponsiveTextSize = size => {
   if (!size) return;
   const property = 'font-size';
-
   if (isObject(size)) {
     return mapObjToMedia(property, size, varInfo.texts.name);
   }
-
   return "".concat(property, ": ").concat(getTextSize(size));
 };

package/es/utilities/style-config.js

@@ -9,7 +9,6 @@ const radii = Object.keys(vars.radii);
 const transitions = Object.keys(vars.transitions);
 const sizes = Object.keys(vars.texts);
 const weights = Object.keys(vars.weights);
-
 const borderSideToStyle = side => {
   if (side === 'all') return 'solid';
   const borderConfig = {
@@ -23,7 +22,6 @@ const borderSideToStyle = side => {
   const borderStyles = ['top', 'right', 'bottom', 'left'].map(s => borderConfig[side].includes(s) ? 'solid' : 'none');
   return borderStyles.join(' ');
 };
-
 export const styleConfig = {
   spaceProps: {
     props: [{
@@ -370,7 +368,6 @@ export const styleConfig = {
       propName: 'display',
       property: 'display',
       short: 'ds' // instead of 'd' to avoid conflict with _display.scss in frontend
-
     }],
     variables: textDisplays,
     variableChecker: value => textDisplays.includes(value)

package/es/utilities/styles.js

@@ -6,7 +6,6 @@ export const getColor = color => {
   if (color in vars.colors) {
     return getCssVar(varInfo.colors.name, color);
   }
-
   return color;
 };
 export const isShadowVar = shadow => shadow in vars.shadows;
@@ -14,7 +13,6 @@ export const getShadow = shadow => {
   if (isShadowVar(shadow)) {
     return getCssVar(varInfo.shadows.name, shadow);
   }
-
   return shadow;
 };
 export const getWeight = weight => {
@@ -27,7 +25,6 @@ export const getRadius = radius => {
   if (isRadiusVar(radius)) {
     return getCssVar(varInfo.radii.name, radius);
   }
-
   if (radius === 0) return radius;
   if (isString(radius)) return radius;
   if (isNumber(radius)) return u(radius);
@@ -37,14 +34,12 @@ export const getTransition = transition => {
   if (transition in vars.transitions) {
     return getCssVar(varInfo.transitions.name, transition);
   }
-
   return transition;
 };
 export const getIconSize = size => {
   if (size in vars.icons) {
     return getCssVar(varInfo.icons.name, size);
   }
-
   return getDimension(size);
 };
 export const getBorder = function (borderSide) {
@@ -60,11 +55,9 @@ export const getBorder = function (borderSide) {
     right: ["right"]
   };
   const value = "".concat(getDimension(borderWidth), " solid ").concat(getColor(borderColor));
-
   const getSide = side => {
     return side ? "border-".concat(side) : "border";
   };
-
   if (borderSide in sidesObj) {
     return sidesObj[borderSide].map(side => "".concat(getSide(side), ": ").concat(value)).join(';');
   }

package/es/variables/vars.js

@@ -1,9 +1,9 @@
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+import "core-js/modules/es.symbol.description.js";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { colors } from './colors';
 export const grnPrefix = '--grn-';
 export const vars = {