@flodesk/grain 11.22.6 → 11.23.1

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

@@ -1,32 +1,28 @@
-import "core-js/modules/es.object.assign.js";
-
 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); }
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var IconTextAlignRight = function IconTextAlignRight(props) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 1,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M8 5h16v2H8V5Zm-8 6h24v2H0v-2Zm24 6H14v2h10v-2Z",
-    fill: "currentColor"
-  })), ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 2,
-    viewBox: "0 0 36 36",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12.0 9.5C12.0 8.7 12.7 8 13.5 8H34.5C35.3 8 36.0 8.7 36.0 9.5C36.0 10.3 35.3 11 34.5 11H13.5C12.7 11 12.0 10.3 12.0 9.5ZM20.0 26.5C20.0 25.7 20.7 25 21.5 25H34.5C35.3 25 36.0 25.7 36.0 26.5C36.0 27.3 35.3 28 34.5 28H21.5C20.7 28 20.0 27.3 20.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
-    fill: "currentColor"
-  })));
-};
+const IconTextAlignRight = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M8 5h16v2H8V5Zm-8 6h24v2H0v-2Zm24 6H14v2h10v-2Z",
+  fill: "currentColor"
+})), ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 2,
+  viewBox: "0 0 36 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M12.0 9.5C12.0 8.7 12.7 8 13.5 8H34.5C35.3 8 36.0 8.7 36.0 9.5C36.0 10.3 35.3 11 34.5 11H13.5C12.7 11 12.0 10.3 12.0 9.5ZM20.0 26.5C20.0 25.7 20.7 25 21.5 25H34.5C35.3 25 36.0 25.7 36.0 26.5C36.0 27.3 35.3 28 34.5 28H21.5C20.7 28 20.0 27.3 20.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
+  fill: "currentColor"
+})));
 
 export default IconTextAlignRight;

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

@@ -1,32 +1,28 @@
-import "core-js/modules/es.object.assign.js";
-
 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); }
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var IconTextJustify = function IconTextJustify(props) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 1,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 5h24v2H0V5zm0 6h24v2H0v-2zm24 6H0v2h24v-2z",
-    fill: "currentColor"
-  })), ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 2,
-    viewBox: "0 0 36 36",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0.0 9.5C0.0 8.7 0.7 8 1.5 8H34.5C35.3 8 36.0 8.7 36.0 9.5C36.0 10.3 35.3 11 34.5 11H1.5C0.7 11 0.0 10.3 0.0 9.5ZM0.0 26.5C0.0 25.7 0.7 25 1.5 25H34.5C35.3 25 36.0 25.7 36.0 26.5C36.0 27.3 35.3 28 34.5 28H1.5C0.7 28 0.0 27.3 0.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
-    fill: "currentColor"
-  })));
-};
+const IconTextJustify = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0 5h24v2H0V5zm0 6h24v2H0v-2zm24 6H0v2h24v-2z",
+  fill: "currentColor"
+})), ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 2,
+  viewBox: "0 0 36 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0.0 9.5C0.0 8.7 0.7 8 1.5 8H34.5C35.3 8 36.0 8.7 36.0 9.5C36.0 10.3 35.3 11 34.5 11H1.5C0.7 11 0.0 10.3 0.0 9.5ZM0.0 26.5C0.0 25.7 0.7 25 1.5 25H34.5C35.3 25 36.0 25.7 36.0 26.5C36.0 27.3 35.3 28 34.5 28H1.5C0.7 28 0.0 27.3 0.0 26.5ZM1.5 16.5C0.7 16.5 0.0 17.2 0.0 18C0.0 18.8 0.7 19.5 1.5 19.5H34.5C35.3 19.5 36.0 18.8 36.0 18C36.0 17.2 35.3 16.5 34.5 16.5H1.5Z",
+  fill: "currentColor"
+})));
 
 export default IconTextJustify;

package/es/icons/icon-trash.js

@@ -1,39 +1,35 @@
-import "core-js/modules/es.object.assign.js";
-
 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); }
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var IconTrash = function IconTrash(props) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 1,
-    viewBox: "0 0 20 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("g", {
-    clipPath: "url(#Trash_svg__a)"
-  }, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M6 2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v4h-2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10H0V6a2 2 0 0 1 2-2h4V2Zm2 2h4V2H8v2ZM2 8h16V6H2v2Zm14 2H4v12h12V10Z",
-    fill: "currentColor"
-  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
-    id: "Trash_svg__a"
-  }, ___EmotionJSX("path", {
-    fill: "#fff",
-    d: "M0 0h20v24H0z"
-  })))), ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 2,
-    viewBox: "0 0 32 36",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.0004 5C13.9061 5 12.0982 6.22629 11.2556 8H20.7452C19.9026 6.22629 18.0947 5 16.0004 5ZM16.0004 2C12.2241 2 9.04032 4.53724 8.06093 8H1.50037C0.671947 8 0.00037384 8.67157 0.00037384 9.5C0.00037384 10.3284 0.671947 11 1.50037 11H4.07871L5.6558 29.8747C5.85064 32.2066 7.80015 34 10.1402 34H21.8606C24.2006 34 26.1501 32.2066 26.345 29.8747L27.9221 11H30.5004C31.3288 11 32.0004 10.3284 32.0004 9.5C32.0004 8.67157 31.3288 8 30.5004 8H23.9398C22.9604 4.53724 19.7767 2 16.0004 2ZM24.9116 11H24.2504H21.2504H10.7504H7.75038H7.08916L8.64538 29.6249C8.71033 30.4022 9.36016 31 10.1402 31H21.8606C22.6406 31 23.2904 30.4022 23.3554 29.6249L24.9116 11Z",
-    fill: "currentColor"
-  })));
-};
+const IconTrash = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 1,
+  viewBox: "0 0 20 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("g", {
+  clipPath: "url(#Trash_svg__a)"
+}, ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M6 2a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h4a2 2 0 0 1 2 2v4h-2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10H0V6a2 2 0 0 1 2-2h4V2Zm2 2h4V2H8v2ZM2 8h16V6H2v2Zm14 2H4v12h12V10Z",
+  fill: "currentColor"
+})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+  id: "Trash_svg__a"
+}, ___EmotionJSX("path", {
+  fill: "#fff",
+  d: "M0 0h20v24H0z"
+})))), ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 2,
+  viewBox: "0 0 32 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M16.0004 5C13.9061 5 12.0982 6.22629 11.2556 8H20.7452C19.9026 6.22629 18.0947 5 16.0004 5ZM16.0004 2C12.2241 2 9.04032 4.53724 8.06093 8H1.50037C0.671947 8 0.00037384 8.67157 0.00037384 9.5C0.00037384 10.3284 0.671947 11 1.50037 11H4.07871L5.6558 29.8747C5.85064 32.2066 7.80015 34 10.1402 34H21.8606C24.2006 34 26.1501 32.2066 26.345 29.8747L27.9221 11H30.5004C31.3288 11 32.0004 10.3284 32.0004 9.5C32.0004 8.67157 31.3288 8 30.5004 8H23.9398C22.9604 4.53724 19.7767 2 16.0004 2ZM24.9116 11H24.2504H21.2504H10.7504H7.75038H7.08916L8.64538 29.6249C8.71033 30.4022 9.36016 31 10.1402 31H21.8606C22.6406 31 23.2904 30.4022 23.3554 29.6249L24.9116 11Z",
+  fill: "currentColor"
+})));
 
 export default IconTrash;

package/es/icons/icon-type.js

@@ -1,39 +1,35 @@
-import "core-js/modules/es.object.assign.js";
-
 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); }
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var IconType = function IconType(props) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 1,
-    viewBox: "0 0 12 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("g", {
-    clipPath: "url(#prefix__clip0_151_494)"
-  }, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0 0h12v2H7v20h5v2H0v-2h5V2H0V0z",
-    fill: "currentColor"
-  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
-    id: "prefix__clip0_151_494"
-  }, ___EmotionJSX("path", {
-    fill: "#fff",
-    d: "M0 0h12v24H0z"
-  })))), ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 2,
-    viewBox: "0 0 16 36",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M0.0 3.5C0.0 2.7 0.7 2 1.5 2H14.5C15.3 2 16.0 2.7 16.0 3.5C16.0 4.3 15.3 5 14.5 5H9.5V31H14.5C15.3 31 16.0 31.7 16.0 32.5C16.0 33.3 15.3 34 14.5 34H1.5C0.7 34 0.0 33.3 0.0 32.5C0.0 31.7 0.7 31 1.5 31H6.5V5H1.5C0.7 5 0.0 4.3 0.0 3.5Z",
-    fill: "currentColor"
-  })));
-};
+const IconType = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 1,
+  viewBox: "0 0 12 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("g", {
+  clipPath: "url(#prefix__clip0_151_494)"
+}, ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0 0h12v2H7v20h5v2H0v-2h5V2H0V0z",
+  fill: "currentColor"
+})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+  id: "prefix__clip0_151_494"
+}, ___EmotionJSX("path", {
+  fill: "#fff",
+  d: "M0 0h12v24H0z"
+})))), ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 2,
+  viewBox: "0 0 16 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0.0 3.5C0.0 2.7 0.7 2 1.5 2H14.5C15.3 2 16.0 2.7 16.0 3.5C16.0 4.3 15.3 5 14.5 5H9.5V31H14.5C15.3 31 16.0 31.7 16.0 32.5C16.0 33.3 15.3 34 14.5 34H1.5C0.7 34 0.0 33.3 0.0 32.5C0.0 31.7 0.7 31 1.5 31H6.5V5H1.5C0.7 5 0.0 4.3 0.0 3.5Z",
+  fill: "currentColor"
+})));
 
 export default IconType;

package/es/icons/icon-underline.js

@@ -1,39 +1,35 @@
-import "core-js/modules/es.object.assign.js";
-
 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); }
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var IconUnderline = function IconUnderline(props) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 1,
-    viewBox: "0 0 20 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("g", {
-    clipPath: "url(#prefix__clip0_1288_698)"
-  }, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 8.066V0h2v8.066c0 2.31-.405 4.764-1.623 6.671-1.262 1.976-3.334 3.266-6.377 3.266-3.043 0-5.115-1.29-6.377-3.266C2.405 12.83 2 10.376 2 8.066V0h2v8.066c0 2.13.383 4.145 1.31 5.595.882 1.383 2.31 2.342 4.69 2.342 2.38 0 3.808-.959 4.69-2.342.927-1.45 1.31-3.465 1.31-5.595zM20 22v2H0v-2h20z",
-    fill: "currentColor"
-  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
-    id: "prefix__clip0_1288_698"
-  }, ___EmotionJSX("path", {
-    fill: "#fff",
-    d: "M0 0h20v24H0z"
-  })))), ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 2,
-    viewBox: "0 0 32 36",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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"
-  })));
-};
+const IconUnderline = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 1,
+  viewBox: "0 0 20 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("g", {
+  clipPath: "url(#prefix__clip0_1288_698)"
+}, ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M16 8.066V0h2v8.066c0 2.31-.405 4.764-1.623 6.671-1.262 1.976-3.334 3.266-6.377 3.266-3.043 0-5.115-1.29-6.377-3.266C2.405 12.83 2 10.376 2 8.066V0h2v8.066c0 2.13.383 4.145 1.31 5.595.882 1.383 2.31 2.342 4.69 2.342 2.38 0 3.808-.959 4.69-2.342.927-1.45 1.31-3.465 1.31-5.595zM20 22v2H0v-2h20z",
+  fill: "currentColor"
+})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+  id: "prefix__clip0_1288_698"
+}, ___EmotionJSX("path", {
+  fill: "#fff",
+  d: "M0 0h20v24H0z"
+})))), ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 2,
+  viewBox: "0 0 32 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  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"
+})));
 
 export default IconUnderline;

package/es/icons/icon-undo.js

@@ -1,39 +1,35 @@
-import "core-js/modules/es.object.assign.js";
-
 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); }
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var IconUndo = function IconUndo(props) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 1,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("g", {
-    clipPath: "url(#Undo_svg__a)"
-  }, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M1.414 7.586 9 0l1.414 1.414L3.828 8H16a8 8 0 1 1 0 16h-4v-2h4a6 6 0 0 0 0-12H3.828l6.586 6.586L9 18l-7.586-7.586L0 9l1.414-1.414Z",
-    fill: "currentColor"
-  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
-    id: "Undo_svg__a"
-  }, ___EmotionJSX("path", {
-    fill: "#fff",
-    d: "M0 0h24v24H0z"
-  })))), ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 2,
-    viewBox: "0 0 32 36",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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"
-  })));
-};
+const IconUndo = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("g", {
+  clipPath: "url(#Undo_svg__a)"
+}, ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M1.414 7.586 9 0l1.414 1.414L3.828 8H16a8 8 0 1 1 0 16h-4v-2h4a6 6 0 0 0 0-12H3.828l6.586 6.586L9 18l-7.586-7.586L0 9l1.414-1.414Z",
+  fill: "currentColor"
+})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+  id: "Undo_svg__a"
+}, ___EmotionJSX("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+})))), ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 2,
+  viewBox: "0 0 32 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  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"
+})));
 
 export default IconUndo;

package/es/icons/icon-upload.js

@@ -1,39 +1,35 @@
-import "core-js/modules/es.object.assign.js";
-
 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); }
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var IconUpload = function IconUpload(props) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 1,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("g", {
-    clipPath: "url(#Upload_svg__a)"
-  }, ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "m22 10-8.586-8.586L12 0l-1.414 1.414L2 10l1.414 1.414L11 3.828V20h2V3.828l7.586 7.586L22 10ZM0 16v6a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-6h-2v6H2v-6H0Z",
-    fill: "currentColor"
-  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
-    id: "Upload_svg__a"
-  }, ___EmotionJSX("path", {
-    fill: "#fff",
-    d: "M0 0h24v24H0z"
-  })))), ___EmotionJSX("svg", _extends({
-    "data-icon-set-v": 2,
-    viewBox: "0 0 32 36",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    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"
-  })));
-};
+const IconUpload = props => ___EmotionJSX(React.Fragment, null, ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("g", {
+  clipPath: "url(#Upload_svg__a)"
+}, ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "m22 10-8.586-8.586L12 0l-1.414 1.414L2 10l1.414 1.414L11 3.828V20h2V3.828l7.586 7.586L22 10ZM0 16v6a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-6h-2v6H2v-6H0Z",
+  fill: "currentColor"
+})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+  id: "Upload_svg__a"
+}, ___EmotionJSX("path", {
+  fill: "#fff",
+  d: "M0 0h24v24H0z"
+})))), ___EmotionJSX("svg", _extends({
+  "data-icon-set-v": 2,
+  viewBox: "0 0 32 36",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), ___EmotionJSX("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  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"
+})));
 
 export default IconUpload;

package/es/styles/base.js

@@ -1,2 +1,2 @@
-var base = "\n  :root {\n    --grn-lineHeight-fixed: 7px;\n    --grn-lineHeight-relative: 0.9em;\n    --grn-lineHeight-global: calc(var(--grn-lineHeight-fixed) + var(--grn-lineHeight-relative));\n\n    --grn-font-global: 'Flodesk Sans', sans-serif;\n  }\n\n  .grn-context,\n  .grn-context * {\n    line-height: var(--grn-lineHeight-global);\n    outline-color: var(--grn-color-selection);\n  }\n\n  .grn-context {\n    font-family: var(--grn-font-global);\n    font-size: var(--grn-text-m);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  [data-theme],\n  .grn-context {\n    color: var(--grn-color-content);\n  }\n\n  *,\n  *:before,\n  *:after {\n    box-sizing: border-box;\n  }\n\n  .grn-link-context a {\n    transition: var(--grn-transition-slow);\n    text-underline-position: under;\n    text-underline-offset: calc(2px - 0.1em);\n    color: inherit;\n    cursor: pointer;\n    text-decoration-color: var(--grn-color-fade3);\n  }\n\n  .grn-link-context a:hover {\n    transition: var(--grn-transition-fast);\n    text-decoration-color: currentColor;\n  }\n\n  .grn-link-context a:active {\n    transition: var(--grn-transition-xxFast);\n  }\n\n  [data-icon-set-v=\"2\"] {\n    display: none !important;\n  }\n\n  [data-experiment-new-icon-set] [data-icon-set-v=\"2\"] {\n    display: block !important;\n  }\n  [data-experiment-new-icon-set] [data-icon-set-v=\"1\"] {\n    display: none !important;\n  }\n";
+const base = "\n  :root {\n    --grn-lineHeight-fixed: 7px;\n    --grn-lineHeight-relative: 0.9em;\n    --grn-lineHeight-global: calc(var(--grn-lineHeight-fixed) + var(--grn-lineHeight-relative));\n\n    --grn-font-global: 'Flodesk Sans', sans-serif;\n  }\n\n  .grn-context,\n  .grn-context * {\n    line-height: var(--grn-lineHeight-global);\n    outline-color: var(--grn-color-selection);\n  }\n\n  .grn-context {\n    font-family: var(--grn-font-global);\n    font-size: var(--grn-text-m);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  [data-theme],\n  .grn-context {\n    color: var(--grn-color-content);\n  }\n\n  *,\n  *:before,\n  *:after {\n    box-sizing: border-box;\n  }\n\n  .grn-link-context a {\n    transition: var(--grn-transition-slow);\n    text-underline-position: under;\n    text-underline-offset: calc(2px - 0.1em);\n    color: inherit;\n    cursor: pointer;\n    text-decoration-color: var(--grn-color-fade3);\n  }\n\n  .grn-link-context a:hover {\n    transition: var(--grn-transition-fast);\n    text-decoration-color: currentColor;\n  }\n\n  .grn-link-context a:active {\n    transition: var(--grn-transition-xxFast);\n  }\n\n  [data-icon-set-v=\"2\"] {\n    display: none !important;\n  }\n\n  [data-experiment-new-icon-set] [data-icon-set-v=\"2\"] {\n    display: block !important;\n  }\n  [data-experiment-new-icon-set] [data-icon-set-v=\"1\"] {\n    display: none !important;\n  }\n";
 export default base;

package/es/styles/card.js

@@ -1,7 +1,5 @@
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.map.js";
-var bp = [120, 200, 320, 472, 648, 840];
-export var cardRanges = [{
+const bp = [120, 200, 320, 472, 648, 840];
+export const cardRanges = [{
   min: bp[0],
   max: bp[1] - 1,
   padding: 'm',
@@ -32,8 +30,6 @@ export var cardRanges = [{
   padding: 'xxl',
   radius: 'l'
 }];
-var 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");
-var 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(function (range) {
-  return "\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");
+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");
+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");
 export default card;

package/es/styles/colors/core.js

@@ -1,2 +1,2 @@
-var core = "\n  :root {\n    --white: hsl(0 0% 100%);\n    --H: 13.85;\n    --S: 7%;\n    --HS: var(--H) var(--S);\n    --bfS: 20%;\n    --wfS: calc(100% - var(--bfS));\n  }\n\n  :root {\n    --redHS: 6 55%;\n    --redL: 52%;\n\n    --grn-color-blue: hsl(218 74% 54%);\n    --grn-color-red: hsl(var(--redHS) var(--redL));\n    --grn-color-yellow: hsl(44 99% 59%);\n    --grn-color-green: hsl(153 22% 57%);\n  }\n\n  :root {\n    --shadeS-13: 20%;\n    --shadeS-12: 22%;\n    --shadeS-11: 15%;\n    --shadeS-10: 12%;\n    --shadeS-9: 9%;\n    --shadeS-8: 7%;\n    --shadeS-7: 5%;\n    --shadeS-6: 6%;\n    --shadeS-5: 7%;\n    --shadeS-4: 7%;\n    --shadeS-3: 7%;\n    --shadeS-2: 6%;\n    --shadeS-1: 6%;\n  }\n\n  :root {\n    --shade13-s: var(--shadeS-13);\n    --shade12-s: var(--shadeS-12);\n    --shade11-s: var(--shadeS-11);\n    --shade10-s: var(--shadeS-10);\n    --shade9-s: var(--shadeS-9);\n    --shade8-s: var(--shadeS-8);\n    --shade7-s: var(--shadeS-7);\n    --shade6-s: var(--shadeS-6);\n    --shade5-s: var(--shadeS-5);\n    --shade4-s: var(--shadeS-4);\n    --shade3-s: var(--shadeS-3);\n    --shade2-s: var(--shadeS-2);\n    --shade1-s: var(--shadeS-1);\n  }\n\n  [data-theme='dark'], [data-theme='invert'] {\n    --shade13-s: var(--shadeS-1);\n    --shade12-s: var(--shadeS-2);\n    --shade11-s: var(--shadeS-3);\n    --shade10-s: var(--shadeS-4);\n    --shade9-s: var(--shadeS-5);\n    --shade8-s: var(--shadeS-6);\n    --shade7-s: var(--shadeS-7);\n    --shade6-s: var(--shadeS-8);\n    --shade5-s: var(--shadeS-9);\n    --shade4-s: var(--shadeS-10);\n    --shade3-s: var(--shadeS-11);\n    --shade2-s: var(--shadeS-12);\n    --shade1-s: var(--shadeS-13);\n  }\n\n  :root {\n    --grn-color-shadeTone13: hsl(var(--H) var(--shade13-s) 10%);\n    --grn-color-shadeTone12: hsl(var(--H) var(--shade12-s) 11.5%);\n    --grn-color-shadeTone11: hsl(var(--H) var(--shade11-s) 15%);\n    --grn-color-shadeTone10: hsl(var(--H) var(--shade10-s) 21%);\n    --grn-color-shadeTone9: hsl(var(--H) var(--shade9-s) 28%);\n    --grn-color-shadeTone8: hsl(var(--H) var(--shade8-s) 38%);\n    --grn-color-shadeTone7: hsl(var(--H) var(--shade7-s) 51%);\n    --grn-color-shadeTone6: hsl(var(--H) var(--shade6-s) 70%);\n    --grn-color-shadeTone5: hsl(var(--H) var(--shade5-s) 82%);\n    --grn-color-shadeTone4: hsl(var(--H) var(--shade4-s) 90%);\n    --grn-color-shadeTone3: hsl(var(--H) var(--shade3-s) 95%);\n    --grn-color-shadeTone2: hsl(var(--H) var(--shade2-s) 97.5%);\n    --grn-color-shadeTone1: hsl(var(--H) var(--shade1-s) 100%);\n\n    --fade10-a: 73%;\n    --fade9-a: 66%;\n    --fade8-a: 59%;\n    --fade7-a: 52%;\n    --fade6-a: 45%;\n    --fade5-a: 38%;\n    --fade4-a: 31%;\n    --fade3-a: 24%;\n    --fade2-a: 17%;\n    --fade1-a: 10%;\n\n    --fade-s: 20%;\n\n    --grn-color-lightFade10: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade10-a));\n    --grn-color-lightFade9: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade9-a));\n    --grn-color-lightFade8: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade8-a));\n    --grn-color-lightFade7: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade7-a));\n    --grn-color-lightFade6: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade6-a));\n    --grn-color-lightFade5: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade5-a));\n    --grn-color-lightFade4: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade4-a));\n    --grn-color-lightFade3: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade3-a));\n    --grn-color-lightFade2: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade2-a));\n    --grn-color-lightFade1: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade1-a));\n\n    --grn-color-darkFade10: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade10-a));\n    --grn-color-darkFade9: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade9-a));\n    --grn-color-darkFade8: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade8-a));\n    --grn-color-darkFade7: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade7-a));\n    --grn-color-darkFade6: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade6-a));\n    --grn-color-darkFade5: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade5-a));\n    --grn-color-darkFade4: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade4-a));\n    --grn-color-darkFade3: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade3-a));\n    --grn-color-darkFade2: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade2-a));\n    --grn-color-darkFade1: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade1-a));\n  }\n\n  :root {\n    --grn-color-warning: var(--grn-color-yellow);\n    --grn-color-danger: var(--grn-color-red);\n    --grn-color-success: var(--grn-color-green);\n    --grn-color-selection: var(--grn-color-blue);\n  }\n";
+const core = "\n  :root {\n    --white: hsl(0 0% 100%);\n    --H: 13.85;\n    --S: 7%;\n    --HS: var(--H) var(--S);\n    --bfS: 20%;\n    --wfS: calc(100% - var(--bfS));\n  }\n\n  :root {\n    --redHS: 6 55%;\n    --redL: 52%;\n\n    --grn-color-blue: hsl(218 74% 54%);\n    --grn-color-red: hsl(var(--redHS) var(--redL));\n    --grn-color-yellow: hsl(44 99% 59%);\n    --grn-color-green: hsl(153 22% 57%);\n  }\n\n  :root {\n    --shadeS-13: 20%;\n    --shadeS-12: 22%;\n    --shadeS-11: 15%;\n    --shadeS-10: 12%;\n    --shadeS-9: 9%;\n    --shadeS-8: 7%;\n    --shadeS-7: 5%;\n    --shadeS-6: 6%;\n    --shadeS-5: 7%;\n    --shadeS-4: 7%;\n    --shadeS-3: 7%;\n    --shadeS-2: 6%;\n    --shadeS-1: 6%;\n  }\n\n  :root {\n    --shade13-s: var(--shadeS-13);\n    --shade12-s: var(--shadeS-12);\n    --shade11-s: var(--shadeS-11);\n    --shade10-s: var(--shadeS-10);\n    --shade9-s: var(--shadeS-9);\n    --shade8-s: var(--shadeS-8);\n    --shade7-s: var(--shadeS-7);\n    --shade6-s: var(--shadeS-6);\n    --shade5-s: var(--shadeS-5);\n    --shade4-s: var(--shadeS-4);\n    --shade3-s: var(--shadeS-3);\n    --shade2-s: var(--shadeS-2);\n    --shade1-s: var(--shadeS-1);\n  }\n\n  [data-theme='dark'], [data-theme='invert'] {\n    --shade13-s: var(--shadeS-1);\n    --shade12-s: var(--shadeS-2);\n    --shade11-s: var(--shadeS-3);\n    --shade10-s: var(--shadeS-4);\n    --shade9-s: var(--shadeS-5);\n    --shade8-s: var(--shadeS-6);\n    --shade7-s: var(--shadeS-7);\n    --shade6-s: var(--shadeS-8);\n    --shade5-s: var(--shadeS-9);\n    --shade4-s: var(--shadeS-10);\n    --shade3-s: var(--shadeS-11);\n    --shade2-s: var(--shadeS-12);\n    --shade1-s: var(--shadeS-13);\n  }\n\n  :root {\n    --grn-color-shadeTone13: hsl(var(--H) var(--shade13-s) 10%);\n    --grn-color-shadeTone12: hsl(var(--H) var(--shade12-s) 11.5%);\n    --grn-color-shadeTone11: hsl(var(--H) var(--shade11-s) 15%);\n    --grn-color-shadeTone10: hsl(var(--H) var(--shade10-s) 21%);\n    --grn-color-shadeTone9: hsl(var(--H) var(--shade9-s) 28%);\n    --grn-color-shadeTone8: hsl(var(--H) var(--shade8-s) 38%);\n    --grn-color-shadeTone7: hsl(var(--H) var(--shade7-s) 51%);\n    --grn-color-shadeTone6: hsl(var(--H) var(--shade6-s) 70%);\n    --grn-color-shadeTone5: hsl(var(--H) var(--shade5-s) 82%);\n    --grn-color-shadeTone4: hsl(var(--H) var(--shade4-s) 90%);\n    --grn-color-shadeTone3: hsl(var(--H) var(--shade3-s) 95%);\n    --grn-color-shadeTone2: hsl(var(--H) var(--shade2-s) 97.5%);\n    --grn-color-shadeTone1: hsl(var(--H) var(--shade1-s) 100%);\n\n    --fade10-a: 73%;\n    --fade9-a: 66%;\n    --fade8-a: 59%;\n    --fade7-a: 52%;\n    --fade6-a: 45%;\n    --fade5-a: 38%;\n    --fade4-a: 31%;\n    --fade3-a: 24%;\n    --fade2-a: 17%;\n    --fade1-a: 10%;\n\n    --fade-s: 20%;\n\n    --grn-color-lightFade10: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade10-a));\n    --grn-color-lightFade9: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade9-a));\n    --grn-color-lightFade8: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade8-a));\n    --grn-color-lightFade7: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade7-a));\n    --grn-color-lightFade6: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade6-a));\n    --grn-color-lightFade5: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade5-a));\n    --grn-color-lightFade4: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade4-a));\n    --grn-color-lightFade3: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade3-a));\n    --grn-color-lightFade2: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade2-a));\n    --grn-color-lightFade1: hsl(var(--H) var(--fade-s) var(--wfS) / var(--fade1-a));\n\n    --grn-color-darkFade10: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade10-a));\n    --grn-color-darkFade9: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade9-a));\n    --grn-color-darkFade8: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade8-a));\n    --grn-color-darkFade7: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade7-a));\n    --grn-color-darkFade6: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade6-a));\n    --grn-color-darkFade5: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade5-a));\n    --grn-color-darkFade4: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade4-a));\n    --grn-color-darkFade3: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade3-a));\n    --grn-color-darkFade2: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade2-a));\n    --grn-color-darkFade1: hsl(var(--H) var(--fade-s) var(--bfS) / var(--fade1-a));\n  }\n\n  :root {\n    --grn-color-warning: var(--grn-color-yellow);\n    --grn-color-danger: var(--grn-color-red);\n    --grn-color-success: var(--grn-color-green);\n    --grn-color-selection: var(--grn-color-blue);\n  }\n";
 export default core;

package/es/styles/colors/theme.js

@@ -1,2 +1,2 @@
-var theme = "\n  /* light */\n\n  :root,\n  [data-theme='light'],\n  [data-theme='dark'] [data-theme='invert'] {\n    --grn-color-fade10: var(--grn-color-darkFade10);\n    --grn-color-fade9: var(--grn-color-darkFade9);\n    --grn-color-fade8: var(--grn-color-darkFade8);\n    --grn-color-fade7: var(--grn-color-darkFade7);\n    --grn-color-fade6: var(--grn-color-darkFade6);\n    --grn-color-fade5: var(--grn-color-darkFade5);\n    --grn-color-fade4: var(--grn-color-darkFade4);\n    --grn-color-fade3: var(--grn-color-darkFade3);\n    --grn-color-fade2: var(--grn-color-darkFade2);\n    --grn-color-fade1: var(--grn-color-darkFade1);\n\n    --grn-color-shade1: var(--grn-color-shadeTone1);\n    --grn-color-shade2: var(--grn-color-shadeTone2);\n    --grn-color-shade3: var(--grn-color-shadeTone3);\n    --grn-color-shade4: var(--grn-color-shadeTone4);\n    --grn-color-shade5: var(--grn-color-shadeTone5);\n    --grn-color-shade6: var(--grn-color-shadeTone6);\n    --grn-color-shade7: var(--grn-color-shadeTone7);\n    --grn-color-shade8: var(--grn-color-shadeTone8);\n    --grn-color-shade9: var(--grn-color-shadeTone9);\n    --grn-color-shade10: var(--grn-color-shadeTone10);\n    --grn-color-shade11: var(--grn-color-shadeTone11);\n    --grn-color-shade12: var(--grn-color-shadeTone12);\n    --grn-color-shade13: var(--grn-color-shadeTone13);\n  }\n\n  /* dark */\n\n  [data-theme='dark'],\n  [data-theme='light'] [data-theme='invert'] {\n    --grn-color-fade10: var(--grn-color-lightFade10);\n    --grn-color-fade9: var(--grn-color-lightFade9);\n    --grn-color-fade8: var(--grn-color-lightFade8);\n    --grn-color-fade7: var(--grn-color-lightFade7);\n    --grn-color-fade6: var(--grn-color-lightFade6);\n    --grn-color-fade5: var(--grn-color-lightFade5);\n    --grn-color-fade4: var(--grn-color-lightFade4);\n    --grn-color-fade3: var(--grn-color-lightFade3);\n    --grn-color-fade2: var(--grn-color-lightFade2);\n    --grn-color-fade1: var(--grn-color-lightFade1);\n\n    --grn-color-shade1: var(--grn-color-shadeTone13);\n    --grn-color-shade2: var(--grn-color-shadeTone12);\n    --grn-color-shade3: var(--grn-color-shadeTone11);\n    --grn-color-shade4: var(--grn-color-shadeTone10);\n    --grn-color-shade5: var(--grn-color-shadeTone9);\n    --grn-color-shade6: var(--grn-color-shadeTone8);\n    --grn-color-shade7: var(--grn-color-shadeTone7);\n    --grn-color-shade8: var(--grn-color-shadeTone6);\n    --grn-color-shade9: var(--grn-color-shadeTone5);\n    --grn-color-shade10: var(--grn-color-shadeTone4);\n    --grn-color-shade11: var(--grn-color-shadeTone3);\n    --grn-color-shade12: var(--grn-color-shadeTone2);\n    --grn-color-shade13: var(--grn-color-shadeTone1);\n  }\n\n  /* light */\n\n  :root,\n  [data-theme='light'],\n  [data-theme='dark'] [data-theme='invert'] {\n    --contentL: 20%;\n    --backgroundL: 80%;\n    --grn-color-floatingBackground: var(--grn-color-shade1);\n    --grn-color-floatingBackground: var(--grn-color-shade1);\n  }\n\n  /* dark */\n\n  [data-theme='dark'],\n  [data-theme='light'] [data-theme='invert'] {\n    --contentL: 80%;\n    --backgroundL: 20%;\n    --grn-color-floatingBackground: var(--grn-color-shade2);\n    --grn-color-floatingBackground: var(--grn-color-shade2);\n  }\n\n  /* light + dark */\n\n  :root,\n  [data-theme] {\n    --grn-color-content: var(--grn-color-shade12);\n    --grn-color-content2: var(--grn-color-fade7);\n    --grn-color-content3: var(--grn-color-fade5);\n    --grn-color-disabledContent: var(--grn-color-shade7);\n    --grn-color-icon: var(--grn-color-fade7);\n    --grn-color-disabledIcon: var(--grn-color-fade4);\n\n    --grn-color-background: var(--grn-color-shade1);\n    --grn-color-background2: var(--grn-color-shade2);\n    --grn-color-background3: var(--grn-color-shade3);\n    --grn-color-disabledBackground: var(--grn-color-shade4);\n\n    --grn-color-border: hsl(var(--HS) var(--contentL) / 12%);\n    --grn-color-border2: hsl(var(--HS) var(--contentL) / 20%);\n  }\n";
+const theme = "\n  /* light */\n\n  :root,\n  [data-theme='light'],\n  [data-theme='dark'] [data-theme='invert'] {\n    --grn-color-fade10: var(--grn-color-darkFade10);\n    --grn-color-fade9: var(--grn-color-darkFade9);\n    --grn-color-fade8: var(--grn-color-darkFade8);\n    --grn-color-fade7: var(--grn-color-darkFade7);\n    --grn-color-fade6: var(--grn-color-darkFade6);\n    --grn-color-fade5: var(--grn-color-darkFade5);\n    --grn-color-fade4: var(--grn-color-darkFade4);\n    --grn-color-fade3: var(--grn-color-darkFade3);\n    --grn-color-fade2: var(--grn-color-darkFade2);\n    --grn-color-fade1: var(--grn-color-darkFade1);\n\n    --grn-color-shade1: var(--grn-color-shadeTone1);\n    --grn-color-shade2: var(--grn-color-shadeTone2);\n    --grn-color-shade3: var(--grn-color-shadeTone3);\n    --grn-color-shade4: var(--grn-color-shadeTone4);\n    --grn-color-shade5: var(--grn-color-shadeTone5);\n    --grn-color-shade6: var(--grn-color-shadeTone6);\n    --grn-color-shade7: var(--grn-color-shadeTone7);\n    --grn-color-shade8: var(--grn-color-shadeTone8);\n    --grn-color-shade9: var(--grn-color-shadeTone9);\n    --grn-color-shade10: var(--grn-color-shadeTone10);\n    --grn-color-shade11: var(--grn-color-shadeTone11);\n    --grn-color-shade12: var(--grn-color-shadeTone12);\n    --grn-color-shade13: var(--grn-color-shadeTone13);\n  }\n\n  /* dark */\n\n  [data-theme='dark'],\n  [data-theme='light'] [data-theme='invert'] {\n    --grn-color-fade10: var(--grn-color-lightFade10);\n    --grn-color-fade9: var(--grn-color-lightFade9);\n    --grn-color-fade8: var(--grn-color-lightFade8);\n    --grn-color-fade7: var(--grn-color-lightFade7);\n    --grn-color-fade6: var(--grn-color-lightFade6);\n    --grn-color-fade5: var(--grn-color-lightFade5);\n    --grn-color-fade4: var(--grn-color-lightFade4);\n    --grn-color-fade3: var(--grn-color-lightFade3);\n    --grn-color-fade2: var(--grn-color-lightFade2);\n    --grn-color-fade1: var(--grn-color-lightFade1);\n\n    --grn-color-shade1: var(--grn-color-shadeTone13);\n    --grn-color-shade2: var(--grn-color-shadeTone12);\n    --grn-color-shade3: var(--grn-color-shadeTone11);\n    --grn-color-shade4: var(--grn-color-shadeTone10);\n    --grn-color-shade5: var(--grn-color-shadeTone9);\n    --grn-color-shade6: var(--grn-color-shadeTone8);\n    --grn-color-shade7: var(--grn-color-shadeTone7);\n    --grn-color-shade8: var(--grn-color-shadeTone6);\n    --grn-color-shade9: var(--grn-color-shadeTone5);\n    --grn-color-shade10: var(--grn-color-shadeTone4);\n    --grn-color-shade11: var(--grn-color-shadeTone3);\n    --grn-color-shade12: var(--grn-color-shadeTone2);\n    --grn-color-shade13: var(--grn-color-shadeTone1);\n  }\n\n  /* light */\n\n  :root,\n  [data-theme='light'],\n  [data-theme='dark'] [data-theme='invert'] {\n    --contentL: 20%;\n    --backgroundL: 80%;\n    --grn-color-floatingBackground: var(--grn-color-shade1);\n    --grn-color-floatingBackground: var(--grn-color-shade1);\n  }\n\n  /* dark */\n\n  [data-theme='dark'],\n  [data-theme='light'] [data-theme='invert'] {\n    --contentL: 80%;\n    --backgroundL: 20%;\n    --grn-color-floatingBackground: var(--grn-color-shade2);\n    --grn-color-floatingBackground: var(--grn-color-shade2);\n  }\n\n  /* light + dark */\n\n  :root,\n  [data-theme] {\n    --grn-color-content: var(--grn-color-shade12);\n    --grn-color-content2: var(--grn-color-fade7);\n    --grn-color-content3: var(--grn-color-fade5);\n    --grn-color-disabledContent: var(--grn-color-shade7);\n    --grn-color-icon: var(--grn-color-fade7);\n    --grn-color-disabledIcon: var(--grn-color-fade4);\n\n    --grn-color-background: var(--grn-color-shade1);\n    --grn-color-background2: var(--grn-color-shade2);\n    --grn-color-background3: var(--grn-color-shade3);\n    --grn-color-disabledBackground: var(--grn-color-shade4);\n\n    --grn-color-border: hsl(var(--HS) var(--contentL) / 12%);\n    --grn-color-border2: hsl(var(--HS) var(--contentL) / 20%);\n  }\n";
 export default theme;

package/es/styles/foundational-variables.js

@@ -0,0 +1,5 @@
+const componentVariables = "\n  :root {\n    --grn-strokeSize: 1px;\n    --grn-dividerStrokeSize: 1px;\n    --grn-activeBorderColor: var(--grn-color-shade9);\n    --grn-textBoxHeight: 40px;\n    --grn-clearButtonHeight: 36px;\n    --grn-clearButtonDangerBackgroundHover: hsl(var(--redHS) var(--redL) / 12%);\n    --grn-clearButtonDangerBackgroundActive: hsl(var(--redHS) var(--redL) / 19%);\n    --grn-dangerIconColor: hsl(var(--redHS) var(--redL) / 70%);\n  }\n";
+const experiments = "\n  [data-experiment-compact-textbox=\"true\"] {\n    --grn-textBoxHeight: 36px;\n\n    --grn-textbox-height-m: 36px;\n    --grn-textbox-paddingX-m: var(--grn-space-s2);\n  }\n";
+const textboxVariables = "\n :root {\n    --grn-textbox-height-m: 40px;\n    --grn-textbox-paddingX-m: var(--grn-space-m);\n    --grn-textbox-radius-m: var(--grn-radius-s);\n    --grn-textbox-textSize-m: var(--grn-text-m);\n\n    --grn-textbox-height-s: 28px;\n    --grn-textbox-paddingX-s: var(--grn-space-s);\n    --grn-textbox-radius-s: var(--grn-radius-xs);\n    --grn-textbox-textSize-s: var(--grn-text-s);\n  }\n";
+const foundationalVariables = "\n  ".concat(componentVariables, "\n  ").concat(textboxVariables, "\n  ").concat(experiments, "\n");
+export default foundationalVariables;

package/es/styles/index.js

@@ -1,7 +1,7 @@
 import variables from './variables';
-import componentVariables from './component-variables';
+import foundationalVariables from './foundational-variables';
 import colors from './colors';
 import shadows from './shadows';
 import base from './base';
 import card from './card';
-export default [variables, componentVariables, colors, shadows, base, card].join('\n');
+export default [variables, foundationalVariables, colors, shadows, base, card].join('\n');

package/es/styles/shadows.js

@@ -1,2 +1,2 @@
-var shadows = "\n  :root,\n  [data-theme='light'],\n  [data-theme='dark'] [data-theme='invert'] {\n    --alphaRatio: 0.6;\n  }\n\n  [data-theme='dark'],\n  [data-theme='light'] [data-theme='invert'] {\n    --alphaRatio: 0.8;\n  }\n\n  :root,\n  [data-theme] {\n    --c: 0 0% 0%;\n    --blurRatio: 1.7;\n    --yRatio: 1.1;\n    --spreadRatio: 2;\n    --ratioCurve: 0.9;\n\n    --rc1: var(--ratioCurve) * 1;\n    --rc2: var(--ratioCurve) * 2;\n    --rc3: var(--ratioCurve) * 3;\n    --rc4: var(--ratioCurve) * 4;\n\n    --b1: 1px;\n    --b2: calc(var(--b1) * var(--rc2) * var(--blurRatio));\n    --b3: calc(var(--b2) * var(--rc3) * var(--blurRatio));\n    --b4: calc(var(--b3) * var(--rc4) * var(--blurRatio));\n\n    --y1: 1px;\n    --y2: calc(var(--y1) * var(--rc2) * var(--yRatio));\n    --y3: calc(var(--y2) * var(--rc3) * var(--yRatio));\n    --y4: calc(var(--y3) * var(--rc4) * var(--yRatio));\n\n    --a1: 5%;\n    --a2: calc(var(--a1) * var(--rc2) * var(--alphaRatio));\n    --a3: calc(var(--a2) * var(--rc3) * var(--alphaRatio));\n    --a4: calc(var(--a3) * var(--rc4) * var(--alphaRatio));\n\n    --s1: -0.1px;\n    --s2: calc(var(--s1) * var(--rc2) * var(--spreadRatio));\n    --s3: calc(var(--s2) * var(--rc3) * var(--spreadRatio));\n    --s4: calc(var(--s3) * var(--rc4) * var(--spreadRatio));\n\n    --shadow1: 0 var(--y1) var(--b1) var(--s1) hsl(var(--c) / var(--a1));\n    --shadow2: 0 var(--y2) var(--b2) var(--s2) hsl(var(--c) / var(--a2));\n    --shadow3: 0 var(--y3) var(--b3) var(--s3) hsl(var(--c) / var(--a3));\n    --shadow4: 0 var(--y4) var(--b4) var(--s4) hsl(var(--c) / var(--a4));\n\n    --grn-shadow-s: var(--shadow1), var(--shadow2);\n\n    --grn-shadow-m: var(--grn-shadow-s), var(--shadow3);\n\n    --grn-shadow-l: var(--grn-shadow-m), var(--shadow4);\n  }\n";
+const shadows = "\n  :root,\n  [data-theme='light'],\n  [data-theme='dark'] [data-theme='invert'] {\n    --alphaRatio: 0.6;\n  }\n\n  [data-theme='dark'],\n  [data-theme='light'] [data-theme='invert'] {\n    --alphaRatio: 0.8;\n  }\n\n  :root,\n  [data-theme] {\n    --c: 0 0% 0%;\n    --blurRatio: 1.7;\n    --yRatio: 1.1;\n    --spreadRatio: 2;\n    --ratioCurve: 0.9;\n\n    --rc1: var(--ratioCurve) * 1;\n    --rc2: var(--ratioCurve) * 2;\n    --rc3: var(--ratioCurve) * 3;\n    --rc4: var(--ratioCurve) * 4;\n\n    --b1: 1px;\n    --b2: calc(var(--b1) * var(--rc2) * var(--blurRatio));\n    --b3: calc(var(--b2) * var(--rc3) * var(--blurRatio));\n    --b4: calc(var(--b3) * var(--rc4) * var(--blurRatio));\n\n    --y1: 1px;\n    --y2: calc(var(--y1) * var(--rc2) * var(--yRatio));\n    --y3: calc(var(--y2) * var(--rc3) * var(--yRatio));\n    --y4: calc(var(--y3) * var(--rc4) * var(--yRatio));\n\n    --a1: 5%;\n    --a2: calc(var(--a1) * var(--rc2) * var(--alphaRatio));\n    --a3: calc(var(--a2) * var(--rc3) * var(--alphaRatio));\n    --a4: calc(var(--a3) * var(--rc4) * var(--alphaRatio));\n\n    --s1: -0.1px;\n    --s2: calc(var(--s1) * var(--rc2) * var(--spreadRatio));\n    --s3: calc(var(--s2) * var(--rc3) * var(--spreadRatio));\n    --s4: calc(var(--s3) * var(--rc4) * var(--spreadRatio));\n\n    --shadow1: 0 var(--y1) var(--b1) var(--s1) hsl(var(--c) / var(--a1));\n    --shadow2: 0 var(--y2) var(--b2) var(--s2) hsl(var(--c) / var(--a2));\n    --shadow3: 0 var(--y3) var(--b3) var(--s3) hsl(var(--c) / var(--a3));\n    --shadow4: 0 var(--y4) var(--b4) var(--s4) hsl(var(--c) / var(--a4));\n\n    --grn-shadow-s: var(--shadow1), var(--shadow2);\n\n    --grn-shadow-m: var(--grn-shadow-s), var(--shadow3);\n\n    --grn-shadow-l: var(--grn-shadow-m), var(--shadow4);\n  }\n";
 export default shadows;