@flodesk/grain 5.16.0 → 5.16.2

package/es/icons/icon-redo.js

@@ -7,13 +7,13 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconRedo = function IconRedo(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M22.586 11.586 15 4l-1.414 1.414L20.172 12H8a8 8 0 1 0 0 16h4v-2H8a6 6 0 0 1 0-12h12.172l-6.586 6.586L15 22l7.586-7.586L24 13l-1.414-1.414Z",
+    d: "M22.586 7.586 15 0l-1.414 1.414L20.172 8H8a8 8 0 1 0 0 16h4v-2H8a6 6 0 0 1 0-12h12.172l-6.586 6.586L15 18l7.586-7.586L24 9l-1.414-1.414Z",
     fill: "currentColor"
   }));
 };

package/es/icons/icon-search.js

@@ -7,19 +7,14 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconSearch = function IconSearch(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("circle", {
-    cx: 9,
-    cy: 13,
-    r: 8,
-    stroke: "currentColor",
-    strokeWidth: 2
-  }), ___EmotionJSX("path", {
-    d: "m23.25 27.25-8-8",
-    stroke: "currentColor",
-    strokeWidth: 2
+  }, props), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M2 9a7 7 0 1 1 14 0A7 7 0 0 1 2 9Zm7-9a9 9 0 1 0 5.618 16.032l7.925 7.925 1.414-1.414-7.925-7.925A9 9 0 0 0 9 0Z",
+    fill: "currentColor"
   }));
 };
 

package/es/icons/icon-send.js

@@ -7,13 +7,14 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconSend = function IconSend(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 28 32",
+    viewBox: "0 0 25 25",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("path", {
-    d: "M26.275 3.936L2.773 11.769l10.446 5.223 5.222 10.445 7.834-23.501zM26.083 4.128L13.219 16.992",
-    stroke: "currentColor",
-    strokeWidth: 2
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M24.368 1.897 25 0l-1.897.632L3.287 7.238.997 8l2.159 1.08 8.509 4.254 4.254 8.51L17 24.003l.764-2.29 6.605-19.817Zm-12.155 9.476L6.21 8.372 19.716 3.87l-7.504 7.503Zm1.414 1.414 3.002 6.004L21.13 5.283l-7.504 7.504Z",
+    fill: "currentColor"
   }));
 };
 

package/es/icons/icon-share.js

@@ -7,15 +7,22 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconShare = function IconShare(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
+  }, props), ___EmotionJSX("g", {
+    clipPath: "url(#Share_svg__a)"
+  }, ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M2 6v20h20v-5.889h2V26a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6c0-1.103.893-2 1.999-2H7.889v2H2Zm10.03 0H12V4H22.999L23 5V4h1v12h-2V7.414L9.707 19.707l-1.414-1.414L20.586 6H12.029Z",
+    d: "M12.03 2H12V0H22.999L23 1V0h1v12h-2V3.414L9.707 15.707l-1.414-1.414L20.586 2H12.029ZM2 4v18h18v-7.889h2V22a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4c0-1.102.89-2 1.998-2H9.888v2H2Z",
     fill: "currentColor"
-  }));
+  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+    id: "Share_svg__a"
+  }, ___EmotionJSX("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
 };
 
 export default IconShare;

package/es/icons/icon-smile.js

@@ -7,32 +7,22 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconSmile = function IconSmile(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 28 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("circle", {
-    cx: 14,
-    cy: 16,
-    r: 13,
-    stroke: "currentColor",
-    strokeWidth: 2
-  }), ___EmotionJSX("path", {
-    d: "M20.5 18.598A6.998 6.998 0 0 1 14 23a7 7 0 0 1-6.5-4.402",
-    stroke: "currentColor",
-    strokeWidth: 2,
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), ___EmotionJSX("circle", {
-    cx: 9,
-    cy: 13,
-    r: 2,
+  }, props), ___EmotionJSX("g", {
+    clipPath: "url(#Smile_svg__a)"
+  }, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Zm2 0c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12Zm-12 8a7 7 0 0 0 6.5-4.402 1 1 0 1 0-1.857-.742A4.998 4.998 0 0 1 12 18a5 5 0 0 1-4.643-3.144 1 1 0 1 0-1.857.742A6.998 6.998 0 0 0 12 20Zm6-10a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",
     fill: "currentColor"
-  }), ___EmotionJSX("circle", {
-    cx: 19,
-    cy: 13,
-    r: 2,
-    fill: "currentColor"
-  }));
+  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+    id: "Smile_svg__a"
+  }, ___EmotionJSX("path", {
+    fill: "#fff",
+    d: "M0 0h24v24H0z"
+  }))));
 };
 
 export default IconSmile;

package/es/icons/icon-switch.js

@@ -7,13 +7,13 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconSwitch = function IconSwitch(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M7.993 2.043l-7.25 7.25L.036 10l.707.707 7.25 7.25 1.414-1.414L3.864 11H24V9H3.864l5.543-5.543-1.414-1.414zm15.264 20.664l-7.25 7.25-1.414-1.414L20.136 23H0v-2h20.136l-5.543-5.543 1.414-1.414 7.25 7.25.707.707-.707.707z",
+    d: "M6.993.043l-6.25 6.25L.036 7l.707.707 6.25 6.25 1.414-1.414L3.864 8H18V6H3.864l4.543-4.543L6.993.043zm16.264 17.664l-6.25 6.25-1.414-1.414L20.136 18H6v-2h14.136l-4.543-4.543 1.414-1.414 6.25 6.25.707.707-.707.707z",
     fill: "currentColor"
   }));
 };

package/es/icons/icon-tablet.js

@@ -7,13 +7,13 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTablet = function IconTablet(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 20 32",
+    viewBox: "0 0 20 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M2 4a2 2 0 00-2 2v20a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2H2zm0 2h16v20H2V6zm12 16H6v2h8v-2z",
+    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"
   }));
 };

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

@@ -7,12 +7,14 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTextAlignCenter = function IconTextAlignCenter(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("path", {
-    fill: "currentColor",
-    d: "M0 15h24v2H0zM4 9h16v2H4zM7 21h10v2H7z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M4 5h16v2H4V5Zm-4 6h24v2H0v-2Zm17 6H7v2h10v-2Z",
+    fill: "currentColor"
   }));
 };
 

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

@@ -7,12 +7,14 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTextAlignLeft = function IconTextAlignLeft(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("path", {
-    fill: "currentColor",
-    d: "M0 15h24v2H0zM0 9h16v2H0zM0 21h10v2H0z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 5h16v2H0V5Zm0 6h24v2H0v-2Zm10 6H0v2h10v-2Z",
+    fill: "currentColor"
   }));
 };
 

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

@@ -7,12 +7,14 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTextAlignRight = function IconTextAlignRight(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("path", {
-    fill: "currentColor",
-    d: "M0 15h24v2H0zM8 9h16v2H8zM14 21h10v2H14z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 5h16v2H8V5Zm-8 6h24v2H0v-2Zm24 6H14v2h10v-2Z",
+    fill: "currentColor"
   }));
 };
 

package/es/icons/icon-trash.js

@@ -7,15 +7,22 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconTrash = function IconTrash(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 20 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
+  }, props), ___EmotionJSX("g", {
+    clipPath: "url(#Trash_svg__a)"
+  }, ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M8 4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2h6a2 2 0 0 1 2 2v4h-2v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V12H0V8a2 2 0 0 1 2-2h6V4Zm2 2h4V4h-4v2Zm-8 4h20V8H2v2Zm18 2H4v16h16V12Z",
+    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"
+  }))));
 };
 
 export default IconTrash;

package/es/icons/icon-type.js

@@ -7,13 +7,22 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconType = function IconType(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 16 32",
+    viewBox: "0 0 16 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
-    fill: "currentColor",
-    d: "M0 4h16v2H0zM0 26h16v2H0zM7 6h2v20H7z"
-  }));
+  }, props), ___EmotionJSX("g", {
+    clipPath: "url(#Type_svg__a)"
+  }, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0h16v2H9v20h7v2H0v-2h7V2H0V0Z",
+    fill: "currentColor"
+  })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
+    id: "Type_svg__a"
+  }, ___EmotionJSX("path", {
+    fill: "#fff",
+    d: "M0 0h16v24H0z"
+  }))));
 };
 
 export default IconType;

package/es/icons/icon-undo.js

@@ -7,15 +7,22 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconUndo = function IconUndo(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), ___EmotionJSX("path", {
+  }, props), ___EmotionJSX("g", {
+    clipPath: "url(#Undo_svg__a)"
+  }, ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M1.414 11.586 9 4l1.414 1.414L3.828 12H16a8 8 0 1 1 0 16h-4v-2h4a6 6 0 0 0 0-12H3.828l6.586 6.586L9 22l-7.586-7.586L0 13l1.414-1.414Z",
+    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"
+  }))));
 };
 
 export default IconUndo;

package/es/icons/icon-upload.js

@@ -7,21 +7,21 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var IconUpload = function IconUpload(props) {
   return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 24 32",
+    viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), ___EmotionJSX("g", {
-    clipPath: "url(#prefix__clip0_262_741)"
+    clipPath: "url(#Upload_svg__a)"
   }, ___EmotionJSX("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M22 14l-8.586-8.586L12 4l-1.414 1.414L2 14l1.414 1.414L11 7.828V24h2V7.828l7.586 7.586L22 14zM0 20v6a2 2 0 002 2h20a2 2 0 002-2v-6h-2v6H2v-6H0z",
+    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: "prefix__clip0_262_741"
+    id: "Upload_svg__a"
   }, ___EmotionJSX("path", {
     fill: "#fff",
-    d: "M0 0h24v32H0z"
+    d: "M0 0h24v24H0z"
   }))));
 };
 

package/es/styles/variables.css

@@ -10,13 +10,13 @@
   --grn-text-xxl: 30px;
 }
 
-/* ~ text size ✕ 1.6 */
+/* text size ✕ ~1.285 */
 :root {
-  --grn-icon-s: 20px;
-  --grn-icon-m: 24px;
-  --grn-icon-l: 32px;
-  --grn-icon-xl: 38px;
-  --grn-icon-xxl: 48px;
+  --grn-icon-s: 14px;
+  --grn-icon-m: 18px;
+  --grn-icon-l: 24px;
+  --grn-icon-xl: 32px;
+  --grn-icon-xxl: 40px;
 }
 
 :root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "5.16.0",
+  "version": "5.16.2",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",