@flodesk/grain 5.11.2 → 5.11.3

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.
Files changed (72) hide show
  1. package/es/components/arrange.js +5 -10
  2. package/es/components/autocomplete.js +27 -25
  3. package/es/components/box.js +5 -10
  4. package/es/components/button.js +37 -18
  5. package/es/components/dropdown.js +9 -6
  6. package/es/components/icon-button.js +23 -11
  7. package/es/components/icon-toggle.js +42 -16
  8. package/es/components/icon.js +16 -14
  9. package/es/components/multi-autocomplete.js +64 -32
  10. package/es/components/select.js +24 -20
  11. package/es/components/slider.js +58 -15
  12. package/es/components/spinner.js +29 -10
  13. package/es/components/stack.js +14 -12
  14. package/es/components/switch.js +31 -14
  15. package/es/components/tab.js +23 -15
  16. package/es/components/text-button.js +15 -13
  17. package/es/components/text-input.js +61 -22
  18. package/es/components/text-toggle.js +31 -13
  19. package/es/components/text.js +5 -10
  20. package/es/foundational/index.js +48 -26
  21. package/es/icons/icon-align-center.js +6 -2
  22. package/es/icons/icon-align-left.js +7 -3
  23. package/es/icons/icon-align-right.js +7 -3
  24. package/es/icons/icon-arrow-down.js +6 -2
  25. package/es/icons/icon-arrow-left.js +6 -2
  26. package/es/icons/icon-arrow-right.js +6 -2
  27. package/es/icons/icon-arrow-up.js +6 -2
  28. package/es/icons/icon-browser.js +10 -6
  29. package/es/icons/icon-chart.js +6 -2
  30. package/es/icons/icon-check.js +8 -4
  31. package/es/icons/icon-chevron-down.js +6 -2
  32. package/es/icons/icon-chevron-horizontal.js +6 -2
  33. package/es/icons/icon-chevron-left.js +6 -2
  34. package/es/icons/icon-chevron-right.js +11 -7
  35. package/es/icons/icon-chevron-up.js +11 -7
  36. package/es/icons/icon-chevron-vertical.js +14 -10
  37. package/es/icons/icon-clip.js +6 -2
  38. package/es/icons/icon-clock.js +7 -3
  39. package/es/icons/icon-crop.js +6 -2
  40. package/es/icons/icon-cross.js +6 -2
  41. package/es/icons/icon-download.js +9 -5
  42. package/es/icons/icon-duplicate.js +7 -3
  43. package/es/icons/icon-ellipsis.js +8 -4
  44. package/es/icons/icon-file.js +6 -2
  45. package/es/icons/icon-folder-add.js +6 -2
  46. package/es/icons/icon-folder.js +6 -2
  47. package/es/icons/icon-gear.js +7 -3
  48. package/es/icons/icon-globe.js +6 -2
  49. package/es/icons/icon-heart.js +6 -2
  50. package/es/icons/icon-image.js +6 -2
  51. package/es/icons/icon-link.js +7 -3
  52. package/es/icons/icon-mail.js +6 -2
  53. package/es/icons/icon-minus.js +6 -2
  54. package/es/icons/icon-monitor.js +6 -2
  55. package/es/icons/icon-pencil.js +6 -2
  56. package/es/icons/icon-phone.js +6 -2
  57. package/es/icons/icon-plus.js +6 -2
  58. package/es/icons/icon-redo.js +6 -2
  59. package/es/icons/icon-search.js +7 -3
  60. package/es/icons/icon-send.js +6 -2
  61. package/es/icons/icon-share.js +6 -2
  62. package/es/icons/icon-smile.js +9 -5
  63. package/es/icons/icon-switch.js +6 -2
  64. package/es/icons/icon-tablet.js +6 -2
  65. package/es/icons/icon-text-align-center.js +6 -2
  66. package/es/icons/icon-text-align-left.js +6 -2
  67. package/es/icons/icon-text-align-right.js +6 -2
  68. package/es/icons/icon-trash.js +6 -2
  69. package/es/icons/icon-type.js +6 -2
  70. package/es/icons/icon-undo.js +6 -2
  71. package/es/icons/icon-upload.js +9 -5
  72. package/package.json +1 -1
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconGlobe = function IconGlobe(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 28 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconHeart = function IconHeart(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 28 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  d: "M14 26.5L2.806 15.306a6.089 6.089 0 018.61-8.612L14 9.278l2.583-2.584a6.089 6.089 0 118.612 8.612L14 26.5z",
11
15
  stroke: "currentColor",
12
16
  strokeWidth: 2
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconImage = function IconImage(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 28 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,17 +1,21 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconLink = function IconLink(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  d: "m16.95 18.121 4.242-4.242a5 5 0 0 0 0-7.071v0a5 5 0 0 0-7.07 0L9.878 11.05M7.05 13.879 2.808 18.12a5 5 0 0 0 0 7.071v0a5 5 0 0 0 7.07 0l4.243-4.242",
11
15
  stroke: "currentColor",
12
16
  strokeWidth: 2,
13
17
  strokeLinecap: "square"
14
- }), /*#__PURE__*/React.createElement("path", {
18
+ }), ___EmotionJSX("path", {
15
19
  d: "m6.343 21.657 11.314-11.314",
16
20
  stroke: "currentColor",
17
21
  strokeWidth: 2
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconMail = function IconMail(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 28 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconMinus = function IconMinus(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 20 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fill: "currentColor",
11
15
  d: "M0 15h20v2H0z"
12
16
  }));
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconMonitor = function IconMonitor(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 28 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  d: "M2 4a2 2 0 00-2 2v16a2 2 0 002 2h24a2 2 0 002-2V6a2 2 0 00-2-2H2zm0 2h24v16H2V6zm18 20H8v2h12v-2z",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconPencil = function IconPencil(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconPhone = function IconPhone(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 16 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  d: "M2 4a2 2 0 00-2 2v20a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H2zm0 2h12v20H2V6zm6 18.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconPlus = function IconPlus(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 20 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  d: "M11 6H9v9H0v2h9v9h2v-9h9v-2h-9V6Z",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconRedo = function IconRedo(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,18 +1,22 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconSearch = function IconSearch(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("circle", {
13
+ }, props), ___EmotionJSX("circle", {
10
14
  cx: 9,
11
15
  cy: 13,
12
16
  r: 8,
13
17
  stroke: "currentColor",
14
18
  strokeWidth: 2
15
- }), /*#__PURE__*/React.createElement("path", {
19
+ }), ___EmotionJSX("path", {
16
20
  d: "m23.25 27.25-8-8",
17
21
  stroke: "currentColor",
18
22
  strokeWidth: 2
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconSend = function IconSend(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 28 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  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",
11
15
  stroke: "currentColor",
12
16
  strokeWidth: 2
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconShare = function IconShare(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,29 +1,33 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconSmile = function IconSmile(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 28 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("circle", {
13
+ }, props), ___EmotionJSX("circle", {
10
14
  cx: 14,
11
15
  cy: 16,
12
16
  r: 13,
13
17
  stroke: "currentColor",
14
18
  strokeWidth: 2
15
- }), /*#__PURE__*/React.createElement("path", {
19
+ }), ___EmotionJSX("path", {
16
20
  d: "M20.5 18.598A6.998 6.998 0 0 1 14 23a7 7 0 0 1-6.5-4.402",
17
21
  stroke: "currentColor",
18
22
  strokeWidth: 2,
19
23
  strokeLinecap: "round",
20
24
  strokeLinejoin: "round"
21
- }), /*#__PURE__*/React.createElement("circle", {
25
+ }), ___EmotionJSX("circle", {
22
26
  cx: 9,
23
27
  cy: 13,
24
28
  r: 2,
25
29
  fill: "currentColor"
26
- }), /*#__PURE__*/React.createElement("circle", {
30
+ }), ___EmotionJSX("circle", {
27
31
  cx: 19,
28
32
  cy: 13,
29
33
  r: 2,
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconSwitch = function IconSwitch(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconTablet = function IconTablet(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 20 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  d: "M2 4a2 2 0 00-2 2v20a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2H2zm0 2h16v20H2V6zm12 16H6v2h8v-2z",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconTextAlignCenter = function IconTextAlignCenter(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fill: "currentColor",
11
15
  d: "M0 15h24v2H0zM4 9h16v2H4zM7 21h10v2H7z"
12
16
  }));
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconTextAlignLeft = function IconTextAlignLeft(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fill: "currentColor",
11
15
  d: "M0 15h24v2H0zM0 9h16v2H0zM0 21h10v2H0z"
12
16
  }));
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconTextAlignRight = function IconTextAlignRight(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fill: "currentColor",
11
15
  d: "M0 15h24v2H0zM8 9h16v2H8zM14 21h10v2H14z"
12
16
  }));
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconTrash = function IconTrash(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconType = function IconType(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 16 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fill: "currentColor",
11
15
  d: "M0 4h16v2H0zM0 26h16v2H0zM7 6h2v20H7z"
12
16
  }));
@@ -1,12 +1,16 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconUndo = function IconUndo(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("path", {
13
+ }, props), ___EmotionJSX("path", {
10
14
  fillRule: "evenodd",
11
15
  clipRule: "evenodd",
12
16
  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",
@@ -1,21 +1,25 @@
1
1
  import "core-js/modules/es.object.assign.js";
2
+
3
+ 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); }
4
+
2
5
  import * as React from 'react';
6
+ import { jsx as ___EmotionJSX } from "@emotion/react";
3
7
 
4
8
  var IconUpload = function IconUpload(props) {
5
- return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ return ___EmotionJSX("svg", _extends({
6
10
  viewBox: "0 0 24 32",
7
11
  fill: "none",
8
12
  xmlns: "http://www.w3.org/2000/svg"
9
- }, props), /*#__PURE__*/React.createElement("g", {
13
+ }, props), ___EmotionJSX("g", {
10
14
  clipPath: "url(#prefix__clip0_262_741)"
11
- }, /*#__PURE__*/React.createElement("path", {
15
+ }, ___EmotionJSX("path", {
12
16
  fillRule: "evenodd",
13
17
  clipRule: "evenodd",
14
18
  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",
15
19
  fill: "currentColor"
16
- })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
20
+ })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
17
21
  id: "prefix__clip0_262_741"
18
- }, /*#__PURE__*/React.createElement("path", {
22
+ }, ___EmotionJSX("path", {
19
23
  fill: "#fff",
20
24
  d: "M0 0h24v32H0z"
21
25
  }))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flodesk/grain",
3
- "version": "5.11.2",
3
+ "version": "5.11.3",
4
4
  "description": "Flodesk design system",
5
5
  "module": "es/index.js",
6
6
  "author": "Flodesk",