@flodesk/grain 2.7.3 → 2.7.6

package/es/components/button/index.js

@@ -1,27 +1,37 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
+"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.Button = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _utilities = require("../../utilities");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
 var _excluded = ["children", "size", "weight", "color", "tag"];
 
 var _templateObject, _templateObject2;
 
-import "core-js/modules/es.object.assign.js";
+var __jsx = _react.default.createElement;
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+var Wrapper = _styled.default.button(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  appearance: none;\n  border: none;\n  font-family: inherit;\n  font-size: ", ";\n  font-weight: ", ";\n  cursor: pointer;\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", ";\n  height: var(--grn-textBoxHeight-m);\n  padding: 0 var(--grn-buttonTextBoxPaddingX-m);\n"])), (0, _utilities.getTextSize)('m'), (0, _utilities.getWeight)('medium'), (0, _utilities.getColor)('body'), (0, _utilities.getColor)('white'), (0, _utilities.getRadius)('m'));
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var ButtonText = _styled.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  --opticalCompensation: -0.3px;\n\n  position: relative;\n  top: var(--opticalCompensation);\n"])));
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-import { getColor, getRadius, getTextSize, getWeight } from '../../utilities';
-import React from "react";
-import styled from "@emotion/styled";
-var Wrapper = styled.button(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  appearance: none;\n  border: none;\n  font-family: inherit;\n  font-size: ", ";\n  font-weight: ", ";\n  cursor: pointer;\n  background-color: ", ";\n  color: ", ";\n  border-radius: ", ";\n  height: var(--grn-textBoxHeight-m);\n  padding: 0 var(--grn-buttonTextBoxPaddingX-m);\n"])), getTextSize('m'), getWeight('medium'), getColor('body'), getColor('white'), getRadius('m'));
-var ButtonText = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  --opticalCompensation: -0.3px;\n\n  position: relative;\n  top: var(--opticalCompensation);\n"])));
-export var Button = function Button(_ref) {
+var Button = function Button(_ref) {
   var children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'm' : _ref$size,
@@ -29,13 +39,34 @@ export var Button = function Button(_ref) {
       weight = _ref$weight === void 0 ? 'normal' : _ref$weight,
       color = _ref.color,
       tag = _ref.tag,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return __jsx(Wrapper, (0, _extends2.default)({
     size: size,
     weight: weight,
     color: color,
     as: tag
-  }, props), /*#__PURE__*/React.createElement(ButtonText, null, children));
+  }, props), __jsx(ButtonText, null, children));
 };
-Button.propTypes = {};
+
+exports.Button = Button;
+Button.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Button",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "'m'",
+        "computed": false
+      },
+      "required": false
+    },
+    "weight": {
+      "defaultValue": {
+        "value": "'normal'",
+        "computed": false
+      },
+      "required": false
+    }
+  }
+};

package/es/components/index.js

@@ -1,4 +1,39 @@
-export { Text } from "./text";
-export { Box } from "./box";
-export { Button } from "./button";
-export { Input } from "./input";
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Text", {
+  enumerable: true,
+  get: function get() {
+    return _text.Text;
+  }
+});
+Object.defineProperty(exports, "Box", {
+  enumerable: true,
+  get: function get() {
+    return _box.Box;
+  }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _button.Button;
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _input.Input;
+  }
+});
+
+var _text = require("./text");
+
+var _box = require("./box");
+
+var _button = require("./button");
+
+var _input = require("./input");

package/es/components/input/index.js

@@ -1,45 +1,75 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-var _excluded = ["value", "placeholder", "size"];
+"use strict";
 
-var _templateObject;
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-import "core-js/modules/es.object.assign.js";
+var _utilities = require("../../utilities");
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+var _react = _interopRequireDefault(require("react"));
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _types = require("../../types");
 
-import { getColor, getRadius, getSpace, getTextSize, getWeight } from '../../utilities';
-import { PropTypes } from 'prop-types';
-import React from "react";
-import styled from "@emotion/styled";
-import { types } from '../../types';
-var Wrapper = styled.input(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  appearance: none;\n  border: none;\n  font-family: inherit;\n  background-color: transparent;\n  color: inherit;\n  font-size: ", ";\n  border-radius: ", ";\n  border: 1px solid ", ";\n  height: ", ";\n  padding: 0 ", ";\n  width: 100%;\n"])), function (p) {
-  return getTextSize(p.size);
-}, getRadius('m'), getColor('grey3'), function (p) {
+var _excluded = ["value", "placeholder", "size"];
+
+var _templateObject;
+
+var __jsx = _react.default.createElement;
+
+var Wrapper = _styled.default.input(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  appearance: none;\n  border: none;\n  font-family: inherit;\n  background-color: transparent;\n  color: inherit;\n  font-size: ", ";\n  border-radius: ", ";\n  border: 1px solid ", ";\n  height: ", ";\n  padding: 0 ", ";\n  width: 100%;\n"])), function (p) {
+  return (0, _utilities.getTextSize)(p.size);
+}, (0, _utilities.getRadius)('m'), (0, _utilities.getColor)('grey3'), function (p) {
   return "var(--grn-textBoxHeight-".concat(p.size, ")");
 }, function (p) {
   return "var(--grn-fieldTextBoxPaddingX-".concat(p.size, ")");
 });
-export var Input = function Input(_ref) {
+
+var Input = function Input(_ref) {
   var value = _ref.value,
       _ref$placeholder = _ref.placeholder,
       placeholder = _ref$placeholder === void 0 ? 'Placeholder' : _ref$placeholder,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'm' : _ref$size,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return __jsx(Wrapper, (0, _extends2.default)({
     value: value,
     placeholder: placeholder,
     size: size
   }, props));
 };
-Input.propTypes = {};
+
+exports.Input = Input;
+Input.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Input",
+  "props": {
+    "placeholder": {
+      "defaultValue": {
+        "value": "'Placeholder'",
+        "computed": false
+      },
+      "required": false
+    },
+    "size": {
+      "defaultValue": {
+        "value": "'m'",
+        "computed": false
+      },
+      "required": false
+    }
+  }
+};

package/es/components/text/index.js

@@ -1,32 +1,40 @@
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.object.freeze.js";
-import "core-js/modules/es.object.define-properties.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-var _excluded = ["children", "size", "weight", "color", "tag", "hasEllipsis", "ellipsisLines", "align"];
+"use strict";
 
-var _templateObject;
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-import "core-js/modules/es.object.assign.js";
+var _utilities = require("../../utilities");
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+var _react = _interopRequireDefault(require("react"));
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var _types = require("../../types");
 
-import { getColor, getTextSize, getWeight } from '../../utilities';
-import { PropTypes } from 'prop-types';
-import React from "react";
-import styled from "@emotion/styled";
-import { types } from '../../types';
-var Wrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: block;\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  text-align: ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
-  return getTextSize(p.size);
+var _excluded = ["children", "size", "weight", "color", "tag", "hasEllipsis", "ellipsisLines", "align"];
+
+var _templateObject;
+
+var __jsx = _react.default.createElement;
+
+var Wrapper = _styled.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: block;\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  text-align: ", ";\n  \n  ", ";\n  ", ";\n  ", ";\n"])), function (p) {
+  return (0, _utilities.getTextSize)(p.size);
 }, function (p) {
-  return getWeight(p.weight);
+  return (0, _utilities.getWeight)(p.weight);
 }, function (p) {
-  return getColor(p.color);
+  return (0, _utilities.getColor)(p.color);
 }, function (p) {
   return p.align;
 }, function (p) {
@@ -36,7 +44,8 @@ var Wrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateL
 }, function (p) {
   return p.hasEllipsis && p.ellipsisLines && "\n    display: -webkit-box;\n    -webkit-line-clamp: ".concat(p.ellipsisLines, ";\n    -webkit-box-orient: vertical;\n  ");
 });
-export var Text = function Text(_ref) {
+
+var Text = function Text(_ref) {
   var children = _ref.children,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'm' : _ref$size,
@@ -47,9 +56,8 @@ export var Text = function Text(_ref) {
       hasEllipsis = _ref.hasEllipsis,
       ellipsisLines = _ref.ellipsisLines,
       align = _ref.align,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return __jsx(Wrapper, (0, _extends2.default)({
     size: size,
     weight: weight,
     color: color,
@@ -59,12 +67,127 @@ export var Text = function Text(_ref) {
     align: align
   }, props), children);
 };
-Text.propTypes = {
-  size: types.textSize,
-  weight: types.weight,
-  color: types.color,
-  align: types.textAlign,
-  tag: PropTypes.string,
-  hasEllipsis: PropTypes.bool,
-  ellipsisLines: PropTypes.number
+
+exports.Text = Text;
+Text.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "Text",
+  "props": {
+    "size": {
+      "defaultValue": {
+        "value": "'m'",
+        "computed": false
+      },
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "enum",
+          "value": [{
+            "value": "\"s\"",
+            "computed": false
+          }, {
+            "value": "\"m\"",
+            "computed": false
+          }, {
+            "value": "\"l\"",
+            "computed": false
+          }, {
+            "value": "\"xl\"",
+            "computed": false
+          }, {
+            "value": "\"xxl\"",
+            "computed": false
+          }]
+        }, {
+          "name": "number"
+        }, {
+          "name": "string"
+        }]
+      },
+      "required": false,
+      "description": ""
+    },
+    "weight": {
+      "defaultValue": {
+        "value": "'normal'",
+        "computed": false
+      },
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "\"normal\"",
+          "computed": false
+        }, {
+          "value": "\"medium\"",
+          "computed": false
+        }, {
+          "value": "\"semiBold\"",
+          "computed": false
+        }]
+      },
+      "required": false,
+      "description": ""
+    },
+    "color": {
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "enum",
+          "value": [{
+            "value": "\"greys\"",
+            "computed": false
+          }, {
+            "value": "\"baseColors\"",
+            "computed": false
+          }, {
+            "value": "\"semanticColors\"",
+            "computed": false
+          }]
+        }, {
+          "name": "string"
+        }]
+      },
+      "required": false,
+      "description": ""
+    },
+    "align": {
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "\"left\"",
+          "computed": false
+        }, {
+          "value": "\"center\"",
+          "computed": false
+        }, {
+          "value": "\"right\"",
+          "computed": false
+        }]
+      },
+      "required": false,
+      "description": ""
+    },
+    "tag": {
+      "type": {
+        "name": "string"
+      },
+      "required": false,
+      "description": ""
+    },
+    "hasEllipsis": {
+      "type": {
+        "name": "bool"
+      },
+      "required": false,
+      "description": ""
+    },
+    "ellipsisLines": {
+      "type": {
+        "name": "number"
+      },
+      "required": false,
+      "description": ""
+    }
+  }
 };

package/es/index.js

@@ -1,2 +1,38 @@
-export * from "./components";
-export { vars } from "./variables";
+"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 _variables = require("./variables");

package/es/styles/variables.css

@@ -26,9 +26,9 @@
 }
 
 :root {
-  --grn-radius-m: 5px;
-  --grn-radius-l: 10px;
-  --grn-radius-xl: 15px;
+  --grn-radius-s: 5px;
+  --grn-radius-m: 10px;
+  --grn-radius-l: 15px;
 }
 
 :root {
@@ -37,10 +37,10 @@
   --grn-color-grey8: hsl(var(--grn-color-grey8-HSL));
   --grn-color-grey7: hsl(0 0% 20%);
   --grn-color-grey6: hsl(0 0% 32%);
-  --grn-color-grey5: hsl(0 0% 44%);
-  --grn-color-grey4: hsl(0 0% 63%);
-  --grn-color-grey3: hsl(0 0% 78%);
-  --grn-color-grey2: hsl(0 0% 87%);
+  --grn-color-grey5: hsl(0 0% 50%);
+  --grn-color-grey4: hsl(0 0% 66%);
+  --grn-color-grey3: hsl(0 0% 83%);
+  --grn-color-grey2: hsl(0 0% 93%);
   --grn-color-grey1: hsl(0 0% 98%);
 
   --grn-color-blue: hsl(218 74% 54%);

package/es/types/index.js

@@ -1,14 +1,31 @@
-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]),
-  side: PropTypes.oneOf(["all", "left", "right", "top", "bottom", "x", "y"]),
-  radius: PropTypes.oneOfType([PropTypes.oneOf(["s", "m", "l"]), PropTypes.string]),
-  position: PropTypes.oneOf(["static", "relative", "fixed", "absolute", "sticky"]),
-  textSize: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.textSizes)), PropTypes.number, PropTypes.string]),
-  weight: PropTypes.oneOf(Object.keys(vars.weights)),
-  textAlign: PropTypes.oneOf(["left", "center", "right"]),
-  overflow: PropTypes.oneOf(["visible", "hidden", "scroll", "auto"])
-};
+"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]),
+  dimension: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  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.textSizes)), _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"])
+};
+exports.types = types;