@flodesk/grain 11.18.1 → 11.18.3

package/es/icons/icon-tablet.js

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTablet = function IconTablet(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -15,7 +16,17 @@ var IconTablet = function IconTablet(props) {
     clipRule: "evenodd",
     d: "M2 0a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm0 2h16v20H2V2Zm12 16H6v2h8v-2Z",
     fill: "currentColor"
-  }));
+  })), ___EmotionJSX("svg", _extends({
+    "data-icon-set-v": 2,
+    viewBox: "0 0 28 36",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4.50037 -0.000121593C2.01509 -0.000121593 0.000368118 2.0146 0.000368118 4.49988V31.4999C0.000368118 33.9852 2.01509 35.9999 4.50037 35.9999H23.5004C25.9856 35.9999 28.0004 33.9852 28.0004 31.4999V4.49988C28.0004 2.0146 25.9856 -0.000121593 23.5004 -0.000121593H4.50037ZM3.00037 4.49988C3.00037 3.67145 3.67194 2.99988 4.50037 2.99988H23.5004C24.3288 2.99988 25.0004 3.67145 25.0004 4.49988V31.4999C25.0004 32.3283 24.3288 32.9999 23.5004 32.9999H4.50037C3.67194 32.9999 3.00037 32.3283 3.00037 31.4999V4.49988ZM9.50037 26.9999C8.67194 26.9999 8.00037 27.6714 8.00037 28.4999C8.00037 29.3283 8.67194 29.9999 9.50037 29.9999H14.0004H18.5004C19.3288 29.9999 20.0004 29.3283 20.0004 28.4999C20.0004 27.6714 19.3288 26.9999 18.5004 26.9999H14.0004H9.50037Z",
+    fill: "currentColor"
+  })));
 };
 
 export default IconTablet;

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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTextAlignCenter = function IconTextAlignCenter(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -15,7 +16,17 @@ var IconTextAlignCenter = function IconTextAlignCenter(props) {
     clipRule: "evenodd",
     d: "M4 5h16v2H4V5Zm-4 6h24v2H0v-2Zm17 6H7v2h10v-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: "M6.0 9.5C6.0 8.7 6.7 8 7.5 8H28.5C29.3 8 30.0 8.7 30.0 9.5C30.0 10.3 29.3 11 28.5 11H7.5C6.7 11 6.0 10.3 6.0 9.5ZM10.0 26.5C10.0 25.7 10.7 25 11.5 25H24.5C25.3 25 26.0 25.7 26.0 26.5C26.0 27.3 25.3 28 24.5 28H11.5C10.7 28 10.0 27.3 10.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 IconTextAlignCenter;

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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTextAlignLeft = function IconTextAlignLeft(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -15,7 +16,17 @@ var IconTextAlignLeft = function IconTextAlignLeft(props) {
     clipRule: "evenodd",
     d: "M0 5h16v2H0V5Zm0 6h24v2H0v-2Zm10 6H0v2h10v-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 8H22.5C23.3 8 24.0 8.7 24.0 9.5C24.0 10.3 23.3 11 22.5 11H1.5C0.7 11 0.0 10.3 0.0 9.5ZM0.0 26.5C0.0 25.7 0.7 25 1.5 25H14.5C15.3 25 16.0 25.7 16.0 26.5C16.0 27.3 15.3 28 14.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 IconTextAlignLeft;

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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTextAlignRight = function IconTextAlignRight(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -15,7 +16,17 @@ var IconTextAlignRight = function IconTextAlignRight(props) {
     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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTextJustify = function IconTextJustify(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -15,7 +16,17 @@ var IconTextJustify = function IconTextJustify(props) {
     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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTrash = function IconTrash(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -22,7 +23,17 @@ var IconTrash = function IconTrash(props) {
   }, ___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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconType = function IconType(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -22,7 +23,17 @@ var IconType = function IconType(props) {
   }, ___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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconUnderline = function IconUnderline(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -22,7 +23,17 @@ var IconUnderline = function IconUnderline(props) {
   }, ___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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconUndo = function IconUndo(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -22,7 +23,17 @@ var IconUndo = function IconUndo(props) {
   }, ___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

@@ -6,7 +6,8 @@ import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconUpload = function IconUpload(props) {
-  return ___EmotionJSX("svg", _extends({
+  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"
@@ -22,7 +23,17 @@ var IconUpload = function IconUpload(props) {
   }, ___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/icons/index.js

@@ -61,18 +61,12 @@ export { default as IconDrag } from './icon-drag';
 export { default as IconLocation } from './icon-location';
 export { default as IconPlay } from './icon-play';
 export { default as IconArchive } from './icon-archive';
-export { default as ColumnsAndRow } from './icon-columns-and-row';
-export { default as ColumnAndRows } from './icon-column-and-rows';
-export { default as Columns } from './icon-columns';
-export { default as Rows } from './icon-rows';
-export { default as RowAndColumns } from './icon-row-and-columns';
-export { default as RowsAndColumn } from './icon-rows-and-column';
-export { IconColumnsAndRow } from './icon-columns-and-row';
-export { IconColumnAndRows } from './icon-column-and-rows';
-export { IconColumns } from './icon-columns';
-export { IconRows } from './icon-rows';
-export { IconRowAndColumns } from './icon-row-and-columns';
-export { IconRowsAndColumn } from './icon-rows-and-column';
+export { default as IconColumnsAndRow } from './icon-columns-and-row';
+export { default as IconColumnAndRows } from './icon-column-and-rows';
+export { default as IconColumns } from './icon-columns';
+export { default as IconRows } from './icon-rows';
+export { default as IconRowAndColumns } from './icon-row-and-columns';
+export { default as IconRowsAndColumn } from './icon-rows-and-column';
 export { default as IconItalic } from './icon-italic';
 export { default as IconStrike } from './icon-strike';
 export { default as IconBold } from './icon-bold';

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";
+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";
 export default base;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.18.1",
+  "version": "11.18.3",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",
@@ -31,7 +31,7 @@
   },
   "peerDependencies": {
     "@floating-ui/react-dom-interactions": "^0.12.0",
-    "@headlessui/react": "^1.7.3",
+    "@headlessui/react": "1.7.3",
     "react": ">=16.8",
     "react-dom": ">=16.8"
   },