@flodesk/grain 2.14.0 → 2.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -38,18 +38,11 @@ var IconAlignCenter = function IconAlignCenter(props) {
38
38
  viewBox: "0 0 20 32",
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
- }, props), __jsx("rect", {
42
- x: 1,
43
- y: 7,
44
- width: 18,
45
- height: 18,
46
- rx: 1,
47
- stroke: "currentColor",
48
- strokeWidth: 2,
49
- strokeLinecap: "square"
50
- }), __jsx("path", {
51
- fill: "currentColor",
52
- d: "M9 4h2v24H9z"
41
+ }, props), __jsx("path", {
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M11 4H9v2H2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7v2h2v-2h7a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7V4ZM9 8H2v16h7V8Zm2 16V8h7v16h-7Z",
45
+ fill: "currentColor"
53
46
  }));
54
47
  };
55
48
 
@@ -39,9 +39,10 @@ var IconChart = function IconChart(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- stroke: "currentColor",
43
- strokeWidth: 2,
44
- d: "M16 9h7v18h-7zM8 5h8v22H8zM1 18h7v9H1z"
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M7 4h10v4h7v20H0V17h7V4Zm2 13v9h6V6H9v11Zm-2 2H2v7h5v-7Zm15 7h-5V10h5v16Z",
45
+ fill: "currentColor"
45
46
  }));
46
47
  };
47
48
 
@@ -35,13 +35,13 @@ var __jsx = React.createElement;
35
35
 
36
36
  var IconChevronHorizontal = function IconChevronHorizontal(props) {
37
37
  return __jsx("svg", (0, _extends2.default)({
38
- viewBox: "0 0 18 24",
38
+ viewBox: "0 0 24 32",
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M6.525 6.563L1.088 12l5.437 5.438M11.475 17.438L16.913 12l-5.438-5.438",
42
+ d: "M8.7 8.75L1.45 16l7.25 7.25M15.3 23.25L22.55 16 15.3 8.75",
43
43
  stroke: "currentColor",
44
- strokeWidth: 1.5
44
+ strokeWidth: 2
45
45
  }));
46
46
  };
47
47
 
@@ -39,13 +39,10 @@ var IconCrop = function IconCrop(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M5 4v18a1 1 0 0 0 1 1h18",
43
- stroke: "currentColor",
44
- strokeWidth: 2
45
- }), __jsx("path", {
46
- d: "M0 9h18a1 1 0 0 1 1 1v18",
47
- stroke: "currentColor",
48
- strokeWidth: 2
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M4 10v12a2 2 0 0 0 2 2h12v4h2v-4h4v-2h-4V10a2 2 0 0 0-2-2H6V4H4v4H0v2h4Zm2 0v12h12V10H6Z",
45
+ fill: "currentColor"
49
46
  }));
50
47
  };
51
48
 
@@ -38,18 +38,12 @@ var IconCross = function IconCross(props) {
38
38
  viewBox: "0 0 20 32",
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
- }, props), __jsx("g", {
42
- clipPath: "url(#Cross_svg__a)",
43
- stroke: "currentColor",
44
- strokeWidth: 2
45
- }, __jsx("path", {
46
- d: "M19 7 1 25M1 7l18 18"
47
- })), __jsx("defs", null, __jsx("clipPath", {
48
- id: "Cross_svg__a"
49
- }, __jsx("path", {
50
- fill: "#fff",
51
- d: "M0 0h20v32H0z"
52
- }))));
41
+ }, props), __jsx("path", {
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "m10 17.414 8.293 8.293 1.414-1.414L11.414 16l8.293-8.293-1.414-1.414L10 14.586 1.707 6.293.293 7.707 8.586 16 .293 24.293l1.414 1.414L10 17.414Z",
45
+ fill: "currentColor"
46
+ }));
53
47
  };
54
48
 
55
49
  IconCross.__docgenInfo = {
@@ -39,15 +39,10 @@ var IconFile = function IconFile(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M1 4c0-.552.456-1 1.008-1H12l7 7v18a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Z",
43
- stroke: "currentColor",
44
- strokeWidth: 2,
45
- strokeLinecap: "round"
46
- }), __jsx("path", {
47
- d: "M11 4v7h7",
48
- stroke: "currentColor",
49
- strokeWidth: 2,
50
- strokeLinecap: "square"
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M2.008 2A2.007 2.007 0 0 0 0 4v24a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9.586l-.293-.293-7-7L12.414 2H2.008ZM2 28V4.004A.017.017 0 0 1 2.005 4H10v8h8v16H2Zm15.586-18L12 4.414V10h5.586Z",
45
+ fill: "currentColor"
51
46
  }));
52
47
  };
53
48
 
@@ -39,16 +39,13 @@ var IconFolderAdd = function IconFolderAdd(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M8 3H1v21a1 1 0 001 1h24a1 1 0 001-1V8a1 1 0 00-1-1H10L8 3z",
43
- stroke: "currentColor",
44
- strokeWidth: 2,
45
- strokeLinecap: "square"
42
+ d: "M1 3V2H0v1h1Zm7 0 .894-.447L8.618 2H8v1Zm2 4-.894.447.276.553H10V7ZM1 4h7V2H1v2Zm6.106-.553 2 4 1.788-.894-2-4-1.788.894ZM2 11V3H0v8h2Zm8-3h16V6H10v2Zm16 0v3h2V8h-2ZM0 11v13h2V11H0Zm2 15h24v-2H2v2Zm26-2V11h-2v13h2Zm-2 2a2 2 0 0 0 2-2h-2v2ZM0 24a2 2 0 0 0 2 2v-2H0ZM26 8h2a2 2 0 0 0-2-2v2Z",
43
+ fill: "currentColor"
46
44
  }), __jsx("path", {
47
- fill: "currentColor",
48
- d: "M8 15h12v2H8z"
49
- }), __jsx("path", {
50
- fill: "currentColor",
51
- d: "M13 10h2v12h-2z"
45
+ fillRule: "evenodd",
46
+ clipRule: "evenodd",
47
+ d: "M15 10h-2v5H8v2h5v5h2v-5h5v-2h-5v-5Z",
48
+ fill: "currentColor"
52
49
  }));
53
50
  };
54
51
 
@@ -39,10 +39,8 @@ var IconFolder = function IconFolder(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M8 3H1v21a1 1 0 001 1h24a1 1 0 001-1V8a1 1 0 00-1-1H10L8 3z",
43
- stroke: "currentColor",
44
- strokeWidth: 2,
45
- strokeLinecap: "square"
42
+ d: "M1 3V2H0v1h1Zm7 0 .894-.447L8.618 2H8v1Zm2 4-.894.447.276.553H10V7ZM1 4h7V2H1v2Zm6.106-.553 2 4 1.788-.894-2-4-1.788.894ZM2 11V3H0v8h2Zm8-3h16V6H10v2Zm16 0v3h2V8h-2ZM0 11v13h2V11H0Zm2 15h24v-2H2v2Zm26-2V11h-2v13h2Zm-2 2a2 2 0 0 0 2-2h-2v2ZM0 24a2 2 0 0 0 2 2v-2H0ZM26 8h2a2 2 0 0 0-2-2v2Z",
43
+ fill: "currentColor"
46
44
  }));
47
45
  };
48
46
 
@@ -38,20 +38,11 @@ var IconGlobe = function IconGlobe(props) {
38
38
  viewBox: "0 0 28 32",
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
- }, props), __jsx("circle", {
42
- cx: 14,
43
- cy: 16,
44
- r: 13,
45
- stroke: "currentColor",
46
- strokeWidth: 2,
47
- strokeLinecap: "round",
48
- strokeLinejoin: "round"
49
- }), __jsx("path", {
50
- d: "M22 16c0 3.703-.967 7.01-2.477 9.359C18.006 27.719 16.03 29 14 29s-4.006-1.281-5.523-3.641C6.967 23.009 6 19.703 6 16c0-3.703.967-7.01 2.477-9.359C9.994 4.281 11.97 3 14 3s4.006 1.281 5.523 3.641C21.033 8.991 22 12.297 22 16ZM14 3v26M27 16H1",
51
- stroke: "currentColor",
52
- strokeWidth: 2,
53
- strokeLinecap: "round",
54
- strokeLinejoin: "round"
41
+ }, props), __jsx("path", {
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M13 17v10.868c-1.273-.336-2.57-1.32-3.682-3.05C8.06 22.859 7.181 20.125 7.025 17H13Zm2 0v10.868c1.273-.336 2.57-1.32 3.682-3.05 1.259-1.959 2.137-4.693 2.293-7.818H15Zm5.975-2H15V4.132c1.273.336 2.57 1.32 3.682 3.05 1.259 1.959 2.137 4.693 2.293 7.818Zm2.002 2c-.168 3.706-1.263 7.014-2.928 9.366A12 12 0 0 0 25.96 17h-2.982Zm2.982-2h-2.982c-.168-3.706-1.263-7.014-2.928-9.366A12 12 0 0 1 25.96 15ZM28 16c0 7.732-6.268 14-14 14S0 23.732 0 16 6.268 2 14 2s14 6.268 14 14ZM2.041 17a12 12 0 0 0 5.91 9.366C6.286 24.014 5.19 20.706 5.023 17H2.04Zm2.982-2H2.04a12 12 0 0 1 5.91-9.366C6.286 7.986 5.19 11.294 5.023 15Zm2.002 0c.156-3.125 1.034-5.859 2.293-7.818 1.112-1.73 2.41-2.714 3.682-3.05V15H7.025Z",
45
+ fill: "currentColor"
55
46
  }));
56
47
  };
57
48
 
@@ -38,25 +38,11 @@ var IconImage = function IconImage(props) {
38
38
  viewBox: "0 0 28 32",
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
- }, props), __jsx("rect", {
42
- x: 1,
43
- y: 7,
44
- width: 26,
45
- height: 18,
46
- rx: 1,
47
- stroke: "currentColor",
48
- strokeWidth: 2,
49
- strokeLinecap: "square"
50
- }), __jsx("path", {
51
- d: "M1 21l9.182-8 13.182 12.111",
52
- stroke: "currentColor",
53
- strokeWidth: 2
54
- }), __jsx("circle", {
55
- cx: 21,
56
- cy: 13,
57
- r: 3,
58
- stroke: "currentColor",
59
- strokeWidth: 2
41
+ }, props), __jsx("path", {
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M0 8a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8Zm26 0H2v10.802l7.525-6.556.675-.588.658.606L23.632 24H26V8ZM2 24v-2.545l8.164-7.113L20.676 24H2Zm17-11a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm2-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z",
45
+ fill: "currentColor"
60
46
  }));
61
47
  };
62
48
 
@@ -38,20 +38,11 @@ var IconMail = function IconMail(props) {
38
38
  viewBox: "0 0 28 32",
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
- }, props), __jsx("rect", {
42
- x: 1,
43
- y: 7,
44
- width: 26,
45
- height: 18,
46
- rx: 1,
47
- stroke: "currentColor",
48
- strokeWidth: 2,
49
- strokeLinecap: "square"
50
- }), __jsx("path", {
51
- d: "m2.5 8.5 11.5 10 11.5-10",
52
- stroke: "currentColor",
53
- strokeWidth: 2,
54
- strokeLinecap: "square"
41
+ }, props), __jsx("path", {
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M2 6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H2Zm22.551 2H3.449L14 17.175 24.551 8ZM2 9.39V24h24V9.39l-11.344 9.865-.656.57-.656-.57L2 9.39Z",
45
+ fill: "currentColor"
55
46
  }));
56
47
  };
57
48
 
@@ -39,14 +39,10 @@ var IconPencil = function IconPencil(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M1 27v-5L14 9l5 5L6 27H1Z",
43
- stroke: "currentColor",
44
- strokeWidth: 2,
45
- strokeLinecap: "round"
46
- }), __jsx("path", {
47
- d: "m14.25 8.75 3.293-3.293a1 1 0 0 1 1.414 0l3.586 3.586a1 1 0 0 1 0 1.414L19.25 13.75",
48
- stroke: "currentColor",
49
- strokeWidth: 2
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M19.664 4.75a2 2 0 0 0-2.828 0L14 7.586l-.457.457-.25.25-13 13-.293.293V28h6.414l.293-.293 13-13 .25-.25.457-.457 2.836-2.836a2 2 0 0 0 0-2.828L19.664 4.75ZM19 12.586l2.836-2.836-3.586-3.586L15.414 9 19 12.586ZM2 26v-3.586l12-12L17.586 14l-12 12H2Z",
45
+ fill: "currentColor"
50
46
  }));
51
47
  };
52
48
 
@@ -39,11 +39,10 @@ var IconPlus = function IconPlus(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- fill: "currentColor",
43
- d: "M0 15h20v2H0z"
44
- }), __jsx("path", {
45
- fill: "currentColor",
46
- d: "M9 6h2v20H9z"
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ d: "M11 6H9v9H0v2h9v9h2v-9h9v-2h-9V6Z",
45
+ fill: "currentColor"
47
46
  }));
48
47
  };
49
48
 
@@ -39,14 +39,10 @@ var IconShare = function IconShare(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M23 21.111V26a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6c0-.552.446-1 .999-1h4.89",
43
- stroke: "currentColor",
44
- strokeWidth: 2,
45
- strokeLinecap: "square"
46
- }), __jsx("path", {
47
- d: "M12 5h11v11M9 19 23 5",
48
- stroke: "currentColor",
49
- strokeWidth: 2
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ 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",
45
+ fill: "currentColor"
50
46
  }));
51
47
  };
52
48
 
@@ -43,11 +43,9 @@ var IconSmile = function IconSmile(props) {
43
43
  cy: 16,
44
44
  r: 13,
45
45
  stroke: "currentColor",
46
- strokeWidth: 2,
47
- strokeLinecap: "round",
48
- strokeLinejoin: "round"
46
+ strokeWidth: 2
49
47
  }), __jsx("path", {
50
- d: "M20.5 18.598A6.998 6.998 0 0114 23a7 7 0 01-6.5-4.402",
48
+ d: "M20.5 18.598A6.998 6.998 0 0 1 14 23a7 7 0 0 1-6.5-4.402",
51
49
  stroke: "currentColor",
52
50
  strokeWidth: 2,
53
51
  strokeLinecap: "round",
@@ -35,23 +35,14 @@ var __jsx = React.createElement;
35
35
 
36
36
  var IconSwitch = function IconSwitch(props) {
37
37
  return __jsx("svg", (0, _extends2.default)({
38
- viewBox: "0 0 18 24",
38
+ viewBox: "0 0 24 32",
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M6.525 2.063L1.088 7.5l5.437 5.438",
43
- stroke: "currentCOlor",
44
- strokeWidth: 1.5
45
- }), __jsx("path", {
46
- fill: "currentCOlor",
47
- d: "M1.5 6.75H18v1.5H1.5z"
48
- }), __jsx("path", {
49
- d: "M11.475 21.938l5.438-5.438-5.438-5.438",
50
- stroke: "currentCOlor",
51
- strokeWidth: 1.5
52
- }), __jsx("path", {
53
- fill: "currentCOlor",
54
- d: "M16.5 17.25H0v-1.5h16.5z"
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ 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",
45
+ fill: "currentColor"
55
46
  }));
56
47
  };
57
48
 
@@ -39,19 +39,10 @@ var IconTrash = function IconTrash(props) {
39
39
  fill: "none",
40
40
  xmlns: "http://www.w3.org/2000/svg"
41
41
  }, props), __jsx("path", {
42
- d: "M3 11v17a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V11",
43
- stroke: "currentColor",
44
- strokeWidth: 2,
45
- strokeLinecap: "square"
46
- }), __jsx("path", {
47
- d: "M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3",
48
- stroke: "currentColor",
49
- strokeWidth: 2
50
- }), __jsx("path", {
51
- d: "M1 8a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v3H1V8Z",
52
- stroke: "currentColor",
53
- strokeWidth: 2,
54
- strokeLinecap: "square"
42
+ fillRule: "evenodd",
43
+ clipRule: "evenodd",
44
+ 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",
45
+ fill: "currentColor"
55
46
  }));
56
47
  };
57
48
 
package/es/icons/index.js CHANGED
@@ -73,6 +73,12 @@ Object.defineProperty(exports, "IconChevronDown", {
73
73
  return _iconChevronDown.default;
74
74
  }
75
75
  });
76
+ Object.defineProperty(exports, "IconChevronHorizontal", {
77
+ enumerable: true,
78
+ get: function get() {
79
+ return _iconChevronHorizontal.default;
80
+ }
81
+ });
76
82
  Object.defineProperty(exports, "IconChevronLeft", {
77
83
  enumerable: true,
78
84
  get: function get() {
@@ -91,12 +97,6 @@ Object.defineProperty(exports, "IconChevronUp", {
91
97
  return _iconChevronUp.default;
92
98
  }
93
99
  });
94
- Object.defineProperty(exports, "IconChevronHorizontal", {
95
- enumerable: true,
96
- get: function get() {
97
- return _iconChevronHorizontal.default;
98
- }
99
- });
100
100
  Object.defineProperty(exports, "IconChevronVertical", {
101
101
  enumerable: true,
102
102
  get: function get() {
@@ -306,14 +306,14 @@ var _iconCheck = _interopRequireDefault(require("./icon-check"));
306
306
 
307
307
  var _iconChevronDown = _interopRequireDefault(require("./icon-chevron-down"));
308
308
 
309
+ var _iconChevronHorizontal = _interopRequireDefault(require("./icon-chevron-horizontal"));
310
+
309
311
  var _iconChevronLeft = _interopRequireDefault(require("./icon-chevron-left"));
310
312
 
311
313
  var _iconChevronRight = _interopRequireDefault(require("./icon-chevron-right"));
312
314
 
313
315
  var _iconChevronUp = _interopRequireDefault(require("./icon-chevron-up"));
314
316
 
315
- var _iconChevronHorizontal = _interopRequireDefault(require("./icon-chevron-horizontal"));
316
-
317
317
  var _iconChevronVertical = _interopRequireDefault(require("./icon-chevron-vertical"));
318
318
 
319
319
  var _iconClip = _interopRequireDefault(require("./icon-clip"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flodesk/grain",
3
- "version": "2.14.0",
3
+ "version": "2.14.1",
4
4
  "description": "Flodesk design system",
5
5
  "module": "es/index.js",
6
6
  "author": "Flodesk",