@flodesk/grain 2.20.0 → 2.20.1

package/es/icons/index.js

@@ -1,417 +1,51 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconAlignCenter", {
-  enumerable: true,
-  get: function get() {
-    return _iconAlignCenter.default;
-  }
-});
-Object.defineProperty(exports, "IconAlignLeft", {
-  enumerable: true,
-  get: function get() {
-    return _iconAlignLeft.default;
-  }
-});
-Object.defineProperty(exports, "IconAlignRight", {
-  enumerable: true,
-  get: function get() {
-    return _iconAlignRight.default;
-  }
-});
-Object.defineProperty(exports, "IconArrowDown", {
-  enumerable: true,
-  get: function get() {
-    return _iconArrowDown.default;
-  }
-});
-Object.defineProperty(exports, "IconArrowLeft", {
-  enumerable: true,
-  get: function get() {
-    return _iconArrowLeft.default;
-  }
-});
-Object.defineProperty(exports, "IconArrowRight", {
-  enumerable: true,
-  get: function get() {
-    return _iconArrowRight.default;
-  }
-});
-Object.defineProperty(exports, "IconArrowUp", {
-  enumerable: true,
-  get: function get() {
-    return _iconArrowUp.default;
-  }
-});
-Object.defineProperty(exports, "IconBrowser", {
-  enumerable: true,
-  get: function get() {
-    return _iconBrowser.default;
-  }
-});
-Object.defineProperty(exports, "IconChart", {
-  enumerable: true,
-  get: function get() {
-    return _iconChart.default;
-  }
-});
-Object.defineProperty(exports, "IconCheck", {
-  enumerable: true,
-  get: function get() {
-    return _iconCheck.default;
-  }
-});
-Object.defineProperty(exports, "IconChevronDown", {
-  enumerable: true,
-  get: function get() {
-    return _iconChevronDown.default;
-  }
-});
-Object.defineProperty(exports, "IconChevronHorizontal", {
-  enumerable: true,
-  get: function get() {
-    return _iconChevronHorizontal.default;
-  }
-});
-Object.defineProperty(exports, "IconChevronLeft", {
-  enumerable: true,
-  get: function get() {
-    return _iconChevronLeft.default;
-  }
-});
-Object.defineProperty(exports, "IconChevronRight", {
-  enumerable: true,
-  get: function get() {
-    return _iconChevronRight.default;
-  }
-});
-Object.defineProperty(exports, "IconChevronUp", {
-  enumerable: true,
-  get: function get() {
-    return _iconChevronUp.default;
-  }
-});
-Object.defineProperty(exports, "IconChevronVertical", {
-  enumerable: true,
-  get: function get() {
-    return _iconChevronVertical.default;
-  }
-});
-Object.defineProperty(exports, "IconClip", {
-  enumerable: true,
-  get: function get() {
-    return _iconClip.default;
-  }
-});
-Object.defineProperty(exports, "IconClock", {
-  enumerable: true,
-  get: function get() {
-    return _iconClock.default;
-  }
-});
-Object.defineProperty(exports, "IconCrop", {
-  enumerable: true,
-  get: function get() {
-    return _iconCrop.default;
-  }
-});
-Object.defineProperty(exports, "IconCross", {
-  enumerable: true,
-  get: function get() {
-    return _iconCross.default;
-  }
-});
-Object.defineProperty(exports, "IconDuplicate", {
-  enumerable: true,
-  get: function get() {
-    return _iconDuplicate.default;
-  }
-});
-Object.defineProperty(exports, "IconEllipsis", {
-  enumerable: true,
-  get: function get() {
-    return _iconEllipsis.default;
-  }
-});
-Object.defineProperty(exports, "IconFile", {
-  enumerable: true,
-  get: function get() {
-    return _iconFile.default;
-  }
-});
-Object.defineProperty(exports, "IconFolder", {
-  enumerable: true,
-  get: function get() {
-    return _iconFolder.default;
-  }
-});
-Object.defineProperty(exports, "IconFolderAdd", {
-  enumerable: true,
-  get: function get() {
-    return _iconFolderAdd.default;
-  }
-});
-Object.defineProperty(exports, "IconGear", {
-  enumerable: true,
-  get: function get() {
-    return _iconGear.default;
-  }
-});
-Object.defineProperty(exports, "IconGlobe", {
-  enumerable: true,
-  get: function get() {
-    return _iconGlobe.default;
-  }
-});
-Object.defineProperty(exports, "IconHeart", {
-  enumerable: true,
-  get: function get() {
-    return _iconHeart.default;
-  }
-});
-Object.defineProperty(exports, "IconImage", {
-  enumerable: true,
-  get: function get() {
-    return _iconImage.default;
-  }
-});
-Object.defineProperty(exports, "IconLink", {
-  enumerable: true,
-  get: function get() {
-    return _iconLink.default;
-  }
-});
-Object.defineProperty(exports, "IconMail", {
-  enumerable: true,
-  get: function get() {
-    return _iconMail.default;
-  }
-});
-Object.defineProperty(exports, "IconMinus", {
-  enumerable: true,
-  get: function get() {
-    return _iconMinus.default;
-  }
-});
-Object.defineProperty(exports, "IconMonitor", {
-  enumerable: true,
-  get: function get() {
-    return _iconMonitor.default;
-  }
-});
-Object.defineProperty(exports, "IconPencil", {
-  enumerable: true,
-  get: function get() {
-    return _iconPencil.default;
-  }
-});
-Object.defineProperty(exports, "IconPhone", {
-  enumerable: true,
-  get: function get() {
-    return _iconPhone.default;
-  }
-});
-Object.defineProperty(exports, "IconPlus", {
-  enumerable: true,
-  get: function get() {
-    return _iconPlus.default;
-  }
-});
-Object.defineProperty(exports, "IconRedo", {
-  enumerable: true,
-  get: function get() {
-    return _iconRedo.default;
-  }
-});
-Object.defineProperty(exports, "IconSearch", {
-  enumerable: true,
-  get: function get() {
-    return _iconSearch.default;
-  }
-});
-Object.defineProperty(exports, "IconSend", {
-  enumerable: true,
-  get: function get() {
-    return _iconSend.default;
-  }
-});
-Object.defineProperty(exports, "IconShare", {
-  enumerable: true,
-  get: function get() {
-    return _iconShare.default;
-  }
-});
-Object.defineProperty(exports, "IconSmile", {
-  enumerable: true,
-  get: function get() {
-    return _iconSmile.default;
-  }
-});
-Object.defineProperty(exports, "IconSwitch", {
-  enumerable: true,
-  get: function get() {
-    return _iconSwitch.default;
-  }
-});
-Object.defineProperty(exports, "IconTablet", {
-  enumerable: true,
-  get: function get() {
-    return _iconTablet.default;
-  }
-});
-Object.defineProperty(exports, "IconTextAlignCenter", {
-  enumerable: true,
-  get: function get() {
-    return _iconTextAlignCenter.default;
-  }
-});
-Object.defineProperty(exports, "IconTextAlignLeft", {
-  enumerable: true,
-  get: function get() {
-    return _iconTextAlignLeft.default;
-  }
-});
-Object.defineProperty(exports, "IconTextAlignRight", {
-  enumerable: true,
-  get: function get() {
-    return _iconTextAlignRight.default;
-  }
-});
-Object.defineProperty(exports, "IconTrash", {
-  enumerable: true,
-  get: function get() {
-    return _iconTrash.default;
-  }
-});
-Object.defineProperty(exports, "IconType", {
-  enumerable: true,
-  get: function get() {
-    return _iconType.default;
-  }
-});
-Object.defineProperty(exports, "IconUndo", {
-  enumerable: true,
-  get: function get() {
-    return _iconUndo.default;
-  }
-});
-Object.defineProperty(exports, "IconUpload", {
-  enumerable: true,
-  get: function get() {
-    return _iconUpload.default;
-  }
-});
-Object.defineProperty(exports, "IconDownload", {
-  enumerable: true,
-  get: function get() {
-    return _iconDownload.default;
-  }
-});
-
-var _iconAlignCenter = _interopRequireDefault(require("./icon-align-center"));
-
-var _iconAlignLeft = _interopRequireDefault(require("./icon-align-left"));
-
-var _iconAlignRight = _interopRequireDefault(require("./icon-align-right"));
-
-var _iconArrowDown = _interopRequireDefault(require("./icon-arrow-down"));
-
-var _iconArrowLeft = _interopRequireDefault(require("./icon-arrow-left"));
-
-var _iconArrowRight = _interopRequireDefault(require("./icon-arrow-right"));
-
-var _iconArrowUp = _interopRequireDefault(require("./icon-arrow-up"));
-
-var _iconBrowser = _interopRequireDefault(require("./icon-browser"));
-
-var _iconChart = _interopRequireDefault(require("./icon-chart"));
-
-var _iconCheck = _interopRequireDefault(require("./icon-check"));
-
-var _iconChevronDown = _interopRequireDefault(require("./icon-chevron-down"));
-
-var _iconChevronHorizontal = _interopRequireDefault(require("./icon-chevron-horizontal"));
-
-var _iconChevronLeft = _interopRequireDefault(require("./icon-chevron-left"));
-
-var _iconChevronRight = _interopRequireDefault(require("./icon-chevron-right"));
-
-var _iconChevronUp = _interopRequireDefault(require("./icon-chevron-up"));
-
-var _iconChevronVertical = _interopRequireDefault(require("./icon-chevron-vertical"));
-
-var _iconClip = _interopRequireDefault(require("./icon-clip"));
-
-var _iconClock = _interopRequireDefault(require("./icon-clock"));
-
-var _iconCrop = _interopRequireDefault(require("./icon-crop"));
-
-var _iconCross = _interopRequireDefault(require("./icon-cross"));
-
-var _iconDuplicate = _interopRequireDefault(require("./icon-duplicate"));
-
-var _iconEllipsis = _interopRequireDefault(require("./icon-ellipsis"));
-
-var _iconFile = _interopRequireDefault(require("./icon-file"));
-
-var _iconFolder = _interopRequireDefault(require("./icon-folder"));
-
-var _iconFolderAdd = _interopRequireDefault(require("./icon-folder-add"));
-
-var _iconGear = _interopRequireDefault(require("./icon-gear"));
-
-var _iconGlobe = _interopRequireDefault(require("./icon-globe"));
-
-var _iconHeart = _interopRequireDefault(require("./icon-heart"));
-
-var _iconImage = _interopRequireDefault(require("./icon-image"));
-
-var _iconLink = _interopRequireDefault(require("./icon-link"));
-
-var _iconMail = _interopRequireDefault(require("./icon-mail"));
-
-var _iconMinus = _interopRequireDefault(require("./icon-minus"));
-
-var _iconMonitor = _interopRequireDefault(require("./icon-monitor"));
-
-var _iconPencil = _interopRequireDefault(require("./icon-pencil"));
-
-var _iconPhone = _interopRequireDefault(require("./icon-phone"));
-
-var _iconPlus = _interopRequireDefault(require("./icon-plus"));
-
-var _iconRedo = _interopRequireDefault(require("./icon-redo"));
-
-var _iconSearch = _interopRequireDefault(require("./icon-search"));
-
-var _iconSend = _interopRequireDefault(require("./icon-send"));
-
-var _iconShare = _interopRequireDefault(require("./icon-share"));
-
-var _iconSmile = _interopRequireDefault(require("./icon-smile"));
-
-var _iconSwitch = _interopRequireDefault(require("./icon-switch"));
-
-var _iconTablet = _interopRequireDefault(require("./icon-tablet"));
-
-var _iconTextAlignCenter = _interopRequireDefault(require("./icon-text-align-center"));
-
-var _iconTextAlignLeft = _interopRequireDefault(require("./icon-text-align-left"));
-
-var _iconTextAlignRight = _interopRequireDefault(require("./icon-text-align-right"));
-
-var _iconTrash = _interopRequireDefault(require("./icon-trash"));
-
-var _iconType = _interopRequireDefault(require("./icon-type"));
-
-var _iconUndo = _interopRequireDefault(require("./icon-undo"));
-
-var _iconUpload = _interopRequireDefault(require("./icon-upload"));
-
-var _iconDownload = _interopRequireDefault(require("./icon-download"));
+export { default as IconAlignCenter } from "./icon-align-center";
+export { default as IconAlignLeft } from "./icon-align-left";
+export { default as IconAlignRight } from "./icon-align-right";
+export { default as IconArrowDown } from "./icon-arrow-down";
+export { default as IconArrowLeft } from "./icon-arrow-left";
+export { default as IconArrowRight } from "./icon-arrow-right";
+export { default as IconArrowUp } from "./icon-arrow-up";
+export { default as IconBrowser } from "./icon-browser";
+export { default as IconChart } from "./icon-chart";
+export { default as IconCheck } from "./icon-check";
+export { default as IconChevronDown } from "./icon-chevron-down";
+export { default as IconChevronHorizontal } from "./icon-chevron-horizontal";
+export { default as IconChevronLeft } from "./icon-chevron-left";
+export { default as IconChevronRight } from "./icon-chevron-right";
+export { default as IconChevronUp } from "./icon-chevron-up";
+export { default as IconChevronVertical } from "./icon-chevron-vertical";
+export { default as IconClip } from "./icon-clip";
+export { default as IconClock } from "./icon-clock";
+export { default as IconCrop } from "./icon-crop";
+export { default as IconCross } from "./icon-cross";
+export { default as IconDuplicate } from "./icon-duplicate";
+export { default as IconEllipsis } from "./icon-ellipsis";
+export { default as IconFile } from "./icon-file";
+export { default as IconFolder } from "./icon-folder";
+export { default as IconFolderAdd } from "./icon-folder-add";
+export { default as IconGear } from "./icon-gear";
+export { default as IconGlobe } from "./icon-globe";
+export { default as IconHeart } from "./icon-heart";
+export { default as IconImage } from "./icon-image";
+export { default as IconLink } from "./icon-link";
+export { default as IconMail } from "./icon-mail";
+export { default as IconMinus } from "./icon-minus";
+export { default as IconMonitor } from "./icon-monitor";
+export { default as IconPencil } from "./icon-pencil";
+export { default as IconPhone } from "./icon-phone";
+export { default as IconPlus } from "./icon-plus";
+export { default as IconRedo } from "./icon-redo";
+export { default as IconSearch } from "./icon-search";
+export { default as IconSend } from "./icon-send";
+export { default as IconShare } from "./icon-share";
+export { default as IconSmile } from "./icon-smile";
+export { default as IconSwitch } from "./icon-switch";
+export { default as IconTablet } from "./icon-tablet";
+export { default as IconTextAlignCenter } from "./icon-text-align-center";
+export { default as IconTextAlignLeft } from "./icon-text-align-left";
+export { default as IconTextAlignRight } from "./icon-text-align-right";
+export { default as IconTrash } from "./icon-trash";
+export { default as IconType } from "./icon-type";
+export { default as IconUndo } from "./icon-undo";
+export { default as IconUpload } from "./icon-upload";
+export { default as IconDownload } from "./icon-download";

package/es/index.js

@@ -1,52 +1,3 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  vars: true
-};
-Object.defineProperty(exports, "vars", {
-  enumerable: true,
-  get: function get() {
-    return _variables.vars;
-  }
-});
-
-var _components = require("./components");
-
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _components[key];
-    }
-  });
-});
-
-var _icons = require("./icons");
-
-Object.keys(_icons).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _icons[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _icons[key];
-    }
-  });
-});
-
-var _variables = require("./variables");
+export * from "./components";
+export * from "./icons";
+export { vars } from "./variables";

package/es/types.js

@@ -1,38 +1,23 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.types = void 0;
-
-require("core-js/modules/es.object.keys.js");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _variables = require("./variables");
-
-var types = {
-  color: _propTypes.default.oneOfType([_propTypes.default.oneOf(Object.keys(_variables.vars.colors)), _propTypes.default.string]),
-  space: _propTypes.default.oneOfType([_propTypes.default.oneOf(Object.keys(_variables.vars.spaces)), _propTypes.default.number, _propTypes.default.string, _propTypes.default.object]),
-  dimension: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.object]),
-  side: _propTypes.default.oneOf(["all", "left", "right", "top", "bottom", "x", "y"]),
-  radius: _propTypes.default.oneOfType([_propTypes.default.oneOf(Object.keys(_variables.vars.radiuses)), _propTypes.default.string]),
-  shadow: _propTypes.default.oneOfType([_propTypes.default.oneOf(Object.keys(_variables.vars.shadows)), _propTypes.default.string]),
-  position: _propTypes.default.oneOf(["static", "relative", "fixed", "absolute", "sticky"]),
-  textSize: _propTypes.default.oneOfType([_propTypes.default.oneOf(Object.keys(_variables.vars.texts)), _propTypes.default.string, _propTypes.default.object]),
-  iconSize: _propTypes.default.oneOfType([_propTypes.default.oneOf(Object.keys(_variables.vars.icons)), _propTypes.default.number, _propTypes.default.string]),
-  weight: _propTypes.default.oneOf(Object.keys(_variables.vars.weights)),
-  textAlign: _propTypes.default.oneOf(["left", "center", "right"]),
-  overflow: _propTypes.default.oneOf(["visible", "hidden", "scroll", "auto"]),
-  fieldSize: _propTypes.default.oneOf(["s", "m"]),
-  columns: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.string]),
-  autoFlow: _propTypes.default.oneOf(["column", "row"]),
-  gridItemsAlignments: _propTypes.default.oneOf(["start", "end", "center", "stretch"]),
-  gridContentPositions: _propTypes.default.oneOf(["start", "end", "center", "stretch", "space-around", "space-between", "space-evenly"]),
-  icon: _propTypes.default.node
-};
-exports.types = types;
+import "core-js/modules/es.object.keys.js";
+import PropTypes from "prop-types";
+import { vars } from "./variables";
+export var types = {
+  color: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.colors)), PropTypes.string]),
+  space: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.spaces)), PropTypes.number, PropTypes.string, PropTypes.object]),
+  dimension: PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object]),
+  side: PropTypes.oneOf(["all", "left", "right", "top", "bottom", "x", "y"]),
+  radius: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.radiuses)), PropTypes.string]),
+  shadow: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.shadows)), PropTypes.string]),
+  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute", "sticky"]),
+  textSize: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.texts)), PropTypes.string, PropTypes.object]),
+  iconSize: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.icons)), PropTypes.number, PropTypes.string]),
+  weight: PropTypes.oneOf(Object.keys(vars.weights)),
+  textAlign: PropTypes.oneOf(["left", "center", "right"]),
+  overflow: PropTypes.oneOf(["visible", "hidden", "scroll", "auto"]),
+  fieldSize: PropTypes.oneOf(["s", "m"]),
+  columns: PropTypes.oneOfType([PropTypes.array, PropTypes.string]),
+  autoFlow: PropTypes.oneOf(["column", "row"]),
+  gridItemsAlignments: PropTypes.oneOf(["start", "end", "center", "stretch"]),
+  gridContentPositions: PropTypes.oneOf(["start", "end", "center", "stretch", "space-around", "space-between", "space-evenly"]),
+  icon: PropTypes.node
+};

package/es/utilities/helpers.js

@@ -1,61 +1,33 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isObject = exports.isArray = exports.isString = exports.isNumber = exports.u = exports.getCssVar = exports.getCssVarCore = exports.isBrowser = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-require("core-js/modules/es.array.concat.js");
-
-var _variables = require("../variables");
-
-var isBrowser = typeof window !== "undefined";
-exports.isBrowser = isBrowser;
-
-var getCssVarCore = function getCssVarCore(type, value) {
-  return "".concat(_variables.grnPrefix).concat(type, "-").concat(value);
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.symbol.iterator.js";
+import "core-js/modules/es.array.iterator.js";
+import "core-js/modules/es.string.iterator.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+import { grnPrefix } from "../variables";
+export var isBrowser = typeof window !== "undefined";
+export var getCssVarCore = function getCssVarCore(type, value) {
+  return "".concat(grnPrefix).concat(type, "-").concat(value);
 };
-
-exports.getCssVarCore = getCssVarCore;
-
-var getCssVar = function getCssVar(type, value) {
+export var getCssVar = function getCssVar(type, value) {
   return "var(".concat(getCssVarCore(type, value), ")");
 };
-
-exports.getCssVar = getCssVar;
-
-var u = function u(amount) {
+export var u = function u(amount) {
   return "calc(var(--grn-unit) * ".concat(amount, ")");
 };
-
-exports.u = u;
-
-var isNumber = function isNumber(value) {
+export var isNumber = function isNumber(value) {
   return typeof value === "number";
 };
-
-exports.isNumber = isNumber;
-
-var isString = function isString(value) {
+export var isString = function isString(value) {
   return typeof value === "string";
 };
-
-exports.isString = isString;
-
-var isArray = function isArray(value) {
+export var isArray = function isArray(value) {
   return Array.isArray(value);
 };
-
-exports.isArray = isArray;
-
-var isObject = function isObject(value) {
-  return (0, _typeof2.default)(value) === "object";
-};
-
-exports.isObject = isObject;
+export var isObject = function isObject(value) {
+  return _typeof(value) === "object";
+};