@artsy/palette 45.13.1 → 45.14.0-canary.1497.33070.0

package/dist/esm/elements/CleanTag/CleanTag.js

@@ -0,0 +1,86 @@
+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); }
+var _excluded = ["is", "omitFromProps"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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; }
+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; }
+/**
+ * Derived from @jxnblk's clean-tag
+ * https://github.com/styled-system/extras/tree/master/packages/clean-tag
+ *
+ * The MIT License (MIT)
+ * Copyright (c) 2017-2019 Brent Jackson
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+import React, { ComponentClass, FunctionComponent } from "react";
+
+/**
+ * The default set of props to remove from components rendered by styled-components
+ */
+export var omitProps = ["backgroundColor", "bg", "borderRadius", "color", "display", "fontFamily", "fontSize", "fontStyle", "fontWeight", "height", "letterSpacing", "lineHeight", "m", "maxHeight", "maxWidth", "mb", "minHeight", "minWidth", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "textAlign", "theme", "width"];
+
+/**
+ * Removes entries from an object based on a list of keys
+ */
+export var omit = function omit() {
+  var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var keys = arguments.length > 1 ? arguments[1] : undefined;
+  var next = {};
+  for (var key in obj) {
+    if (keys.indexOf(key) > -1) continue;
+    next[key] = obj[key];
+  }
+  return next;
+};
+var tagName = function tagName(tag) {
+  return typeof tag === "string" ? tag : tag.displayName || "Tag";
+};
+function tagBuilder() {
+  var tag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "div";
+  var TagComponent = /*#__PURE__*/React.forwardRef(function () {
+    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref$is = _ref.is,
+      BaseTag = _ref$is === void 0 ? tag : _ref$is,
+      _ref$omitFromProps = _ref.omitFromProps,
+      omitFromProps = _ref$omitFromProps === void 0 ? [] : _ref$omitFromProps,
+      props = _objectWithoutProperties(_ref, _excluded);
+    var ref = arguments.length > 1 ? arguments[1] : undefined;
+    return props ? /*#__PURE__*/React.createElement(BaseTag, _objectSpread({
+      ref: ref
+    }, omit(props, [].concat(_toConsumableArray(omitFromProps), omitProps)))) : /*#__PURE__*/React.createElement(BaseTag, {
+      ref: ref
+    });
+  });
+  TagComponent.displayName = "Clean.".concat(tagName(tag));
+  return TagComponent;
+}
+var DefaultTag = tagBuilder();
+
+/**
+ * An element to be used to prevent unwanted props from passing through
+ * styled-components to the DOM
+ *
+ * @example
+ *
+ * const Component = styled(Tag)`
+ *   ${borderRadius};
+ * `
+ *
+ * const Component2 = styled(Tag.as('span'))`
+ *  ${background};
+ * `
+ */
+export var CleanTag = DefaultTag;
+CleanTag.as = tagBuilder;
+//# sourceMappingURL=CleanTag.js.map

package/dist/esm/elements/CleanTag/CleanTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CleanTag.js","names":["React","ComponentClass","FunctionComponent","omitProps","omit","obj","arguments","length","undefined","keys","next","key","indexOf","tagName","tag","displayName","tagBuilder","TagComponent","forwardRef","_ref","_ref$is","is","BaseTag","_ref$omitFromProps","omitFromProps","props","_objectWithoutProperties","_excluded","ref","createElement","_objectSpread","concat","_toConsumableArray","DefaultTag","CleanTag","as"],"sources":["../../../../src/elements/CleanTag/CleanTag.tsx"],"sourcesContent":["/**\n * Derived from @jxnblk's clean-tag\n * https://github.com/styled-system/extras/tree/master/packages/clean-tag\n *\n * The MIT License (MIT)\n * Copyright (c) 2017-2019 Brent Jackson\n * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\nimport React, { ComponentClass, FunctionComponent } from \"react\"\n\n/**\n * The default set of props to remove from components rendered by styled-components\n */\nexport const omitProps = [\n  \"backgroundColor\",\n  \"bg\",\n  \"borderRadius\",\n  \"color\",\n  \"display\",\n  \"fontFamily\",\n  \"fontSize\",\n  \"fontStyle\",\n  \"fontWeight\",\n  \"height\",\n  \"letterSpacing\",\n  \"lineHeight\",\n  \"m\",\n  \"maxHeight\",\n  \"maxWidth\",\n  \"mb\",\n  \"minHeight\",\n  \"minWidth\",\n  \"ml\",\n  \"mr\",\n  \"mt\",\n  \"mx\",\n  \"my\",\n  \"p\",\n  \"pb\",\n  \"pl\",\n  \"pr\",\n  \"pt\",\n  \"px\",\n  \"py\",\n  \"textAlign\",\n  \"theme\",\n  \"width\",\n]\n\n/**\n * Removes entries from an object based on a list of keys\n */\nexport const omit = (obj: object = {}, keys: string[]) => {\n  const next = {}\n  for (const key in obj) {\n    if (keys.indexOf(key) > -1) continue\n    next[key] = obj[key]\n  }\n  return next\n}\n\ntype ComponentSpecifier = string | FunctionComponent<React.PropsWithChildren<any>> | ComponentClass<any>\n\nexport interface TagProps {\n  omitFromProps?: string[]\n  is?: ComponentSpecifier\n}\n\nconst tagName = tag =>\n  typeof tag === \"string\" ? tag : tag.displayName || \"Tag\"\n\nfunction tagBuilder(tag: ComponentSpecifier = \"div\") {\n  const TagComponent = React.forwardRef<any, TagProps>(\n    ({ is: BaseTag = tag, omitFromProps = [], ...props } = {}, ref) =>\n      props\n        ? React.createElement(BaseTag, {\n            ref,\n            ...omit(props, [...omitFromProps, ...omitProps]),\n          })\n        : React.createElement(BaseTag, { ref })\n  )\n  TagComponent.displayName = `Clean.${tagName(tag)}`\n  return TagComponent\n}\n\nconst DefaultTag = tagBuilder()\n\n/**\n * An element to be used to prevent unwanted props from passing through\n * styled-components to the DOM\n *\n * @example\n *\n * const Component = styled(Tag)`\n *   ${borderRadius};\n * `\n *\n * const Component2 = styled(Tag.as('span'))`\n *  ${background};\n * `\n */\nexport const CleanTag: typeof DefaultTag & {\n  as?: typeof tagBuilder\n} = DefaultTag\n\nCleanTag.as = tagBuilder\n"],"mappings":"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"}

package/dist/esm/elements/CleanTag/index.js

@@ -0,0 +1,2 @@
+export * from "./CleanTag";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/CleanTag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/CleanTag/index.tsx"],"sourcesContent":["export * from \"./CleanTag\"\n"],"mappings":"AAAA"}

package/dist/esm/elements/Clickable/Clickable.js

@@ -0,0 +1,30 @@
+import React from "react";
+import styled from "styled-components";
+import { compose, ResponsiveValue, system } from "styled-system";
+import { splitProps } from "../../utils/splitProps";
+import { boxMixin, BoxProps } from "../Box";
+var cursor = system({
+  cursor: true
+});
+var textDecoration = system({
+  textDecoration: true
+});
+
+/** ClickableProps */
+
+var clickableMixin = compose(boxMixin, cursor, textDecoration);
+
+/**
+ * Clickable is a utility component useful for wrapping things like <div>s
+ * without having to deal with the requirements to make the <div> accessible.
+ */
+export var Clickable = styled.button.withConfig({
+  displayName: "Clickable",
+  componentId: "sc-10cr82y-0"
+})(["appearance:none;padding:0;border:0;margin:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;", " &:disabled{cursor:default;}"], clickableMixin);
+Clickable.defaultProps = {
+  cursor: "pointer",
+  type: "button"
+};
+export var splitClickableProps = splitProps(clickableMixin);
+//# sourceMappingURL=Clickable.js.map

package/dist/esm/elements/Clickable/Clickable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clickable.js","names":["React","styled","compose","ResponsiveValue","system","splitProps","boxMixin","BoxProps","cursor","textDecoration","clickableMixin","Clickable","button","withConfig","displayName","componentId","defaultProps","type","splitClickableProps"],"sources":["../../../../src/elements/Clickable/Clickable.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { compose, ResponsiveValue, system } from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { boxMixin, BoxProps } from \"../Box\"\n\nconst cursor = system({ cursor: true })\nconst textDecoration = system({ textDecoration: true })\n\n/** ClickableProps */\nexport type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> &\n  BoxProps & {\n    cursor?: ResponsiveValue<string>\n    textDecoration?: ResponsiveValue<string>\n  }\n\nconst clickableMixin = compose(boxMixin, cursor, textDecoration)\n\n/**\n * Clickable is a utility component useful for wrapping things like <div>s\n * without having to deal with the requirements to make the <div> accessible.\n */\nexport const Clickable = styled.button<ClickableProps>`\n  appearance: none;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background-color: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: inherit;\n\n  ${clickableMixin}\n\n  &:disabled {\n    cursor: default;\n  }\n`\n\nClickable.defaultProps = {\n  cursor: \"pointer\",\n  type: \"button\",\n}\n\nexport const splitClickableProps = splitProps<ClickableProps>(clickableMixin)\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,OAAO,EAAEC,eAAe,EAAEC,MAAM,QAAQ,eAAe;AAChE,SAASC,UAAU;AACnB,SAASC,QAAQ,EAAEC,QAAQ;AAE3B,IAAMC,MAAM,GAAGJ,MAAM,CAAC;EAAEI,MAAM,EAAE;AAAK,CAAC,CAAC;AACvC,IAAMC,cAAc,GAAGL,MAAM,CAAC;EAAEK,cAAc,EAAE;AAAK,CAAC,CAAC;;AAEvD;;AAOA,IAAMC,cAAc,GAAGR,OAAO,CAACI,QAAQ,EAAEE,MAAM,EAAEC,cAAc,CAAC;;AAEhE;AACA;AACA;AACA;AACA,OAAO,IAAME,SAAS,GAAGV,MAAM,CAACW,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gKAUlCL,cAAc,CAKjB;AAEDC,SAAS,CAACK,YAAY,GAAG;EACvBR,MAAM,EAAE,SAAS;EACjBS,IAAI,EAAE;AACR,CAAC;AAED,OAAO,IAAMC,mBAAmB,GAAGb,UAAU,CAAiBK,cAAc,CAAC"}

package/dist/esm/elements/Clickable/Clickable.story.js

@@ -0,0 +1,60 @@
+import { fn } from "@storybook/test";
+import React from "react";
+import { Clickable } from "./Clickable";
+import { STORYBOOK_PROPS_BLOCKLIST } from "../../utils/storybookBlocklist";
+export default {
+  title: "Components/Clickable",
+  component: Clickable,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "Clickable component provides an accessible clickable element that can be styled like a button but renders as a span by default. Includes proper focus and interaction states."
+      }
+    },
+    controls: {
+      exclude: STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+export var Default = {
+  args: {
+    children: "Clickable",
+    onClick: fn()
+  }
+};
+export var WithUnderline = {
+  args: {
+    children: "Underlined Clickable",
+    textDecoration: "underline",
+    onClick: fn()
+  }
+};
+export var DefaultCursor = {
+  args: {
+    children: "Default Cursor",
+    cursor: "default",
+    onClick: fn()
+  }
+};
+export var MultiLine = {
+  args: {
+    children: /*#__PURE__*/React.createElement(React.Fragment, null, "Inherits the page's", /*#__PURE__*/React.createElement("br", null), "text alignment."),
+    onClick: fn()
+  }
+};
+export var ButtonType = {
+  args: {
+    children: "Button Type",
+    type: "button",
+    onClick: fn()
+  }
+};
+export var SubmitType = {
+  args: {
+    children: "Submit Type",
+    type: "submit",
+    onClick: fn()
+  }
+};
+//# sourceMappingURL=Clickable.story.js.map

package/dist/esm/elements/Clickable/Clickable.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clickable.story.js","names":["fn","React","Clickable","STORYBOOK_PROPS_BLOCKLIST","title","component","tags","parameters","docs","description","controls","exclude","Default","args","children","onClick","WithUnderline","textDecoration","DefaultCursor","cursor","MultiLine","createElement","Fragment","ButtonType","type","SubmitType"],"sources":["../../../../src/elements/Clickable/Clickable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { Clickable } from \"./Clickable\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Clickable\",\n  component: Clickable,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"Clickable component provides an accessible clickable element that can be styled like a button but renders as a span by default. Includes proper focus and interaction states.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: \"Clickable\",\n    onClick: fn(),\n  },\n}\n\nexport const WithUnderline = {\n  args: {\n    children: \"Underlined Clickable\",\n    textDecoration: \"underline\",\n    onClick: fn(),\n  },\n}\n\nexport const DefaultCursor = {\n  args: {\n    children: \"Default Cursor\",\n    cursor: \"default\",\n    onClick: fn(),\n  },\n}\n\nexport const MultiLine = {\n  args: {\n    children: (\n      <>\n        Inherits the page's\n        <br />\n        text alignment.\n      </>\n    ),\n    onClick: fn(),\n  },\n}\n\nexport const ButtonType = {\n  args: {\n    children: \"Button Type\",\n    type: \"button\",\n    onClick: fn(),\n  },\n}\n\nexport const SubmitType = {\n  args: {\n    children: \"Submit Type\",\n    type: \"submit\",\n    onClick: fn(),\n  },\n}\n"],"mappings":"AAAA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,yBAAyB;AAElC,eAAe;EACbC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEH,SAAS;EACpBI,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXJ,SAAS,EACP;MACJ;IACF,CAAC;IACDK,QAAQ,EAAE;MACNC,OAAO,EAAER;IACX;EACJ;AACF,CAAC;AAED,OAAO,IAAMS,OAAO,GAAG;EACrBC,IAAI,EAAE;IACJC,QAAQ,EAAE,WAAW;IACrBC,OAAO,EAAEf,EAAE;EACb;AACF,CAAC;AAED,OAAO,IAAMgB,aAAa,GAAG;EAC3BH,IAAI,EAAE;IACJC,QAAQ,EAAE,sBAAsB;IAChCG,cAAc,EAAE,WAAW;IAC3BF,OAAO,EAAEf,EAAE;EACb;AACF,CAAC;AAED,OAAO,IAAMkB,aAAa,GAAG;EAC3BL,IAAI,EAAE;IACJC,QAAQ,EAAE,gBAAgB;IAC1BK,MAAM,EAAE,SAAS;IACjBJ,OAAO,EAAEf,EAAE;EACb;AACF,CAAC;AAED,OAAO,IAAMoB,SAAS,GAAG;EACvBP,IAAI,EAAE;IACJC,QAAQ,eACNb,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAqB,QAAA,QAAE,qBAEA,eAAArB,KAAA,CAAAoB,aAAA,YAAM,mBAER,CACD;IACDN,OAAO,EAAEf,EAAE;EACb;AACF,CAAC;AAED,OAAO,IAAMuB,UAAU,GAAG;EACxBV,IAAI,EAAE;IACJC,QAAQ,EAAE,aAAa;IACvBU,IAAI,EAAE,QAAQ;IACdT,OAAO,EAAEf,EAAE;EACb;AACF,CAAC;AAED,OAAO,IAAMyB,UAAU,GAAG;EACxBZ,IAAI,EAAE;IACJC,QAAQ,EAAE,aAAa;IACvBU,IAAI,EAAE,QAAQ;IACdT,OAAO,EAAEf,EAAE;EACb;AACF,CAAC"}

package/dist/esm/elements/Clickable/index.js

@@ -0,0 +1,2 @@
+export * from "./Clickable";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/Clickable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/Clickable/index.ts"],"sourcesContent":["export * from \"./Clickable\"\n"],"mappings":"AAAA"}

package/dist/esm/elements/Collapse/Collapse.js

@@ -0,0 +1,146 @@
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+import React from "react";
+/**
+ * Collapse component for the web
+ *
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use CSS-based approaches or native HTML elements like `<details>` instead.
+ * See the Expandable component for an example of CSS-based collapse behavior.
+ */
+export var Collapse = /*#__PURE__*/function (_React$Component) {
+  function Collapse() {
+    var _this2;
+    _classCallCheck(this, Collapse);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this2 = _callSuper(this, Collapse, [].concat(args));
+    // @ts-expect-error  MIGRATE_STRICT_MODE
+    _this2.wrapperModifyTimeout = void 0;
+    _this2.wrapperRef = null;
+    _this2.onTransitionEnd = function (ev) {
+      if (!_this2.wrapperRef) {
+        return;
+      }
+      // when animating open, we set the wrapper's height to an explicit pixel
+      // value. When the transition ends we want to set the height back to 'auto'
+      // so that if the content of the wrapper changes it's height will change too
+      if (ev.propertyName === "height") {
+        _this2.wrapperRef.style.height = _this2.props.open ? "auto" : "0px";
+      }
+    };
+    // this is set until the first time `open` changes
+    // then it becomes null. This helps us with SSR.
+    _this2.firstRender = {
+      open: _this2.props.open
+    };
+    return _this2;
+  }
+  _inherits(Collapse, _React$Component);
+  return _createClass(Collapse, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (!this.wrapperRef) {
+        return;
+      }
+      this.wrapperRef.addEventListener("transitionend", this.onTransitionEnd);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var _this3 = this;
+      if (!this.wrapperRef) {
+        return;
+      }
+      if (this.props.open && this.wrapperRef.style.height !== "auto") {
+        // animate opening
+        // measure goal height
+        var prevHeight = this.wrapperRef.style.height || "0px";
+        this.wrapperRef.style.height = "auto";
+        var goalheight = this.wrapperRef.offsetHeight;
+        this.wrapperRef.style.height = prevHeight;
+        // wait for a tick before setting goal height to allow transition
+        this.wrapperModifyTimeout = setTimeout(function () {
+          _this3.wrapperRef.style.height = goalheight + "px";
+        }, 10);
+      } else if (!this.props.open && this.wrapperRef.style.height !== "0px") {
+        // animate closing
+        // set the wrapper's current height explicitly
+        var currentHeight = this.wrapperRef.offsetHeight;
+        this.wrapperRef.style.height = currentHeight + "px";
+        // wait for a tick before setting it to 0 to allow transition
+        this.wrapperModifyTimeout = setTimeout(function () {
+          _this3.wrapperRef.style.height = "0px";
+        }, 10);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.wrapperRef.removeEventListener("transitionend", this.onTransitionEnd);
+      clearTimeout(this.wrapperModifyTimeout);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this4 = this;
+      var _this$props = this.props,
+        children = _this$props.children,
+        open = _this$props.open;
+      // render explicit height before first change, so SSR works properly.
+      // Thereafter we control the height property entirely in componentDidMount
+      // (which doesn't get called during SSR)
+      var heightProps = {};
+      if (this.firstRender) {
+        // render() might be called multiple times before the first time `open` changes
+        if (this.firstRender.open !== open) {
+          // `open` prop has changed for the first time
+          // ditch explicit height and let `componentDidUpdate` take the wheel
+          this.firstRender = null;
+        } else {
+          heightProps = {
+            height: open ? "auto" : "0px"
+          };
+        }
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        ref: function ref(_ref) {
+          return _this4.wrapperRef = _ref;
+        },
+        style: _objectSpread({
+          transition: "height 0.3s ease",
+          overflow: "hidden"
+        }, heightProps)
+      }, children);
+    }
+  }]);
+}(React.Component);
+Collapse.displayName = "Collapse";
+//# sourceMappingURL=Collapse.js.map

package/dist/esm/elements/Collapse/Collapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapse.js","names":["React","Collapse","_React$Component","_this2","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","props","open","firstRender","_inherits","_createClass","key","value","componentDidMount","addEventListener","componentDidUpdate","_this3","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this4","_this$props","children","heightProps","createElement","ref","_objectSpread","transition","overflow","Component","displayName"],"sources":["../../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n  open: boolean\n}\n/**\n * Collapse component for the web\n *\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use CSS-based approaches or native HTML elements like `<details>` instead.\n * See the Expandable component for an example of CSS-based collapse behavior.\n */\nexport class Collapse extends React.Component<\n  React.PropsWithChildren<CollapseProps>\n> {\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  wrapperModifyTimeout: ReturnType<typeof setTimeout>\n  wrapperRef: HTMLDivElement | null = null\n\n  onTransitionEnd = (ev: TransitionEvent) => {\n    if (!this.wrapperRef) {\n      return\n    }\n    // when animating open, we set the wrapper's height to an explicit pixel\n    // value. When the transition ends we want to set the height back to 'auto'\n    // so that if the content of the wrapper changes it's height will change too\n    if (ev.propertyName === \"height\") {\n      this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n    }\n  }\n\n  componentDidMount() {\n    if (!this.wrapperRef) {\n      return\n    }\n\n    this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n  }\n\n  componentDidUpdate() {\n    if (!this.wrapperRef) {\n      return\n    }\n    if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n      // animate opening\n      // measure goal height\n      const prevHeight = this.wrapperRef.style.height || \"0px\"\n      this.wrapperRef.style.height = \"auto\"\n      const goalheight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = prevHeight\n      // wait for a tick before setting goal height to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = goalheight + \"px\"\n      }, 10)\n    } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n      // animate closing\n      // set the wrapper's current height explicitly\n      const currentHeight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = currentHeight + \"px\"\n      // wait for a tick before setting it to 0 to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = \"0px\"\n      }, 10)\n    }\n  }\n\n  componentWillUnmount() {\n    this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n    clearTimeout(this.wrapperModifyTimeout)\n  }\n\n  // this is set until the first time `open` changes\n  // then it becomes null. This helps us with SSR.\n  firstRender: { open: boolean } | null = {\n    open: this.props.open,\n  }\n\n  render() {\n    const { children, open } = this.props\n    // render explicit height before first change, so SSR works properly.\n    // Thereafter we control the height property entirely in componentDidMount\n    // (which doesn't get called during SSR)\n    let heightProps = {}\n    if (this.firstRender) {\n      // render() might be called multiple times before the first time `open` changes\n      if (this.firstRender.open !== open) {\n        // `open` prop has changed for the first time\n        // ditch explicit height and let `componentDidUpdate` take the wheel\n        this.firstRender = null\n      } else {\n        heightProps = {\n          height: open ? \"auto\" : \"0px\",\n        }\n      }\n    }\n    return (\n      <div\n        ref={(ref) => (this.wrapperRef = ref)}\n        style={{\n          transition: \"height 0.3s ease\",\n          overflow: \"hidden\",\n          ...heightProps,\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/esm/elements/Collapse/index.js

@@ -0,0 +1,2 @@
+export * from "./Collapse";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/Collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/Collapse/index.tsx"],"sourcesContent":["export * from \"./Collapse\"\n"],"mappings":"AAAA"}

package/dist/esm/elements/Drawer/Drawer.js

@@ -0,0 +1,78 @@
+import { themeGet } from "@styled-system/theme-get";
+import React, { FC } from "react";
+import { FocusOn } from "react-focus-on";
+import styled, { css } from "styled-components";
+import { zIndex } from "styled-system";
+import { usePortal } from "../../utils/usePortal";
+import { Box } from "../Box";
+import { Flex } from "../Flex";
+export var Drawer = function Drawer(_ref) {
+  var children = _ref.children,
+    _ref$anchor = _ref.anchor,
+    anchor = _ref$anchor === void 0 ? "right" : _ref$anchor,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? DEFAULT_DRAWER_Z_INDEX : _ref$zIndex,
+    open = _ref.open,
+    onClose = _ref.onClose;
+  var _usePortal = usePortal(),
+    createPortal = _usePortal.createPortal;
+  return createPortal( /*#__PURE__*/React.createElement(Container, {
+    zIndex: zIndex,
+    anchor: anchor,
+    style: {
+      pointerEvents: open ? "auto" : "none",
+      transform: open ? "translateX(0)" : "none"
+    }
+  }, /*#__PURE__*/React.createElement(Focus, {
+    onClickOutside: onClose,
+    enabled: open,
+    onEscapeKey: onClose
+  }, /*#__PURE__*/React.createElement(Content, {
+    backgroundColor: "mono0",
+    height: "100%",
+    width: ["100%", "auto"],
+    overflowX: "hidden",
+    overflowY: "scroll",
+    anchor: anchor,
+    zIndex: zIndex,
+    transition: open ? "transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)" // easeOutExpo
+    : "transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)" // easeOutCirc
+    ,
+
+    style: {
+      transform: open ? "none" : "translateX(".concat(anchor === "left" ? "-110%" : "110%", ")")
+    }
+  }, children)), /*#__PURE__*/React.createElement(Overlay, {
+    display: ["none", "flex"],
+    onClick: onClose,
+    "data-testid": "drawer-overlay",
+    width: "inherit",
+    style: {
+      opacity: open ? 1 : 0
+    }
+  })));
+};
+var DEFAULT_DRAWER_Z_INDEX = 1;
+var Content = styled(Box).withConfig({
+  displayName: "Drawer__Content",
+  componentId: "sc-ixq342-0"
+})(["position:absolute;top:0;-webkit-overflow-scrolling:touch;", " ", ";"], function (props) {
+  return css(["transition:", ";"], props.transition);
+}, function (props) {
+  return css(["", ""], props.anchor === "left" ? "left: 0;" : "right: 0;");
+});
+var Overlay = styled(Box).withConfig({
+  displayName: "Drawer__Overlay",
+  componentId: "sc-ixq342-1"
+})(["height:100%;background:", ";transition:opacity 150ms linear 50ms;"], themeGet("effects.backdrop"));
+var Container = styled(Flex).withConfig({
+  displayName: "Drawer__Container",
+  componentId: "sc-ixq342-2"
+})(["top:0;left:0;width:100%;height:100%;", " position:fixed;", ""], zIndex, function (props) {
+  return css(["flex-direction:", ";"], props.anchor === "left" ? "row" : "row-reverse");
+});
+var Focus = styled(FocusOn).withConfig({
+  displayName: "Drawer__Focus",
+  componentId: "sc-ixq342-3"
+})(["height:100%;align-items:center;justify-content:center;"]);
+//# sourceMappingURL=Drawer.js.map

package/dist/esm/elements/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","names":["themeGet","React","FC","FocusOn","styled","css","zIndex","usePortal","Box","Flex","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","withConfig","displayName","componentId","props"],"sources":["../../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { FC } from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\n\nexport interface DrawerProps {\n  open: boolean\n  anchor?: \"left\" | \"right\"\n  zIndex?: number\n  onClose?(): void\n}\n\nexport const Drawer: FC<React.PropsWithChildren<DrawerProps>> = ({\n  children,\n  anchor = \"right\",\n  zIndex = DEFAULT_DRAWER_Z_INDEX,\n  open,\n  onClose,\n}) => {\n  const { createPortal } = usePortal()\n\n  return createPortal(\n    <Container\n      zIndex={zIndex}\n      anchor={anchor}\n      style={{\n        pointerEvents: open ? \"auto\" : \"none\",\n        transform: open ? \"translateX(0)\" : \"none\",\n      }}\n    >\n      <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n        <Content\n          backgroundColor=\"mono0\"\n          height=\"100%\"\n          width={[\"100%\", \"auto\"]}\n          overflowX=\"hidden\"\n          overflowY=\"scroll\"\n          anchor={anchor}\n          zIndex={zIndex}\n          transition={\n            open\n              ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n              : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n          }\n          style={{\n            transform: open\n              ? \"none\"\n              : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n          }}\n        >\n          {children}\n        </Content>\n      </Focus>\n\n      <Overlay\n        display={[\"none\", \"flex\"]}\n        onClick={onClose}\n        data-testid=\"drawer-overlay\"\n        width=\"inherit\"\n        style={{\n          opacity: open ? 1 : 0,\n        }}\n      />\n    </Container>\n  )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n  Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n  position: absolute;\n  top: 0;\n  -webkit-overflow-scrolling: touch;\n\n  ${(props) => css`\n    transition: ${props.transition};\n  `}\n\n  ${(props) => css`\n    ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n  `};\n`\n\nconst Overlay = styled(Box)`\n  height: 100%;\n  background: ${themeGet(\"effects.backdrop\")};\n  transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  ${zIndex}\n  position: fixed;\n\n  ${(props) => {\n    return css`\n      flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n    `\n  }}\n`\n\nconst Focus = styled(FocusOn)`\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`\n"],"mappings":"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"}

package/dist/esm/elements/Drawer/Drawer.story.js

@@ -0,0 +1,102 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from "react";
+import { Drawer } from "./Drawer";
+import { Flex } from "../Flex";
+import { Button } from "../Button";
+import { STORYBOOK_PROPS_BLOCKLIST } from "../../utils/storybookBlocklist";
+export default {
+  component: Drawer,
+  title: "Components/Drawer",
+  tags: ["autodocs"],
+  parameters: {
+    layout: "fullscreen",
+    docs: {
+      description: {
+        component: "A sliding drawer component that can be anchored to the left or right side of the screen."
+      }
+    },
+    controls: {
+      exclude: STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+var Layout = function Layout(_ref) {
+  var anchor = _ref.anchor;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Drawer, {
+    open: open,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    anchor: anchor
+  }, /*#__PURE__*/React.createElement(Flex, {
+    width: ["100%", 400],
+    justifyContent: "center",
+    p: 2,
+    flexDirection: "column"
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    onClick: function onClick() {
+      return setOpen(false);
+    }
+  }, "Close"))), /*#__PURE__*/React.createElement(Flex, {
+    width: "100vw",
+    height: "100%",
+    flexDirection: ["column", "row"]
+  }, /*#__PURE__*/React.createElement(Flex, {
+    flex: 1
+  }), /*#__PURE__*/React.createElement(Flex, {
+    flex: 2,
+    flexDirection: "column"
+  }, /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, "Open Drawer")), /*#__PURE__*/React.createElement(Flex, {
+    flex: 1
+  })));
+};
+export var Default = {
+  args: {
+    anchor: "right"
+  },
+  render: function render() {
+    return /*#__PURE__*/React.createElement(Layout, {
+      anchor: "right"
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Default drawer that slides in from the right side."
+      }
+    }
+  }
+};
+export var Left = {
+  args: {
+    anchor: "left"
+  },
+  render: function render() {
+    return /*#__PURE__*/React.createElement(Layout, {
+      anchor: "left"
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Drawer that slides in from the left side."
+      }
+    }
+  }
+};
+//# sourceMappingURL=Drawer.story.js.map

package/dist/esm/elements/Drawer/Drawer.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.story.js","names":["React","useState","Drawer","Flex","Button","STORYBOOK_PROPS_BLOCKLIST","component","title","tags","parameters","layout","docs","description","controls","exclude","Layout","_ref","anchor","_useState","_useState2","_slicedToArray","open","setOpen","createElement","Fragment","onClose","width","justifyContent","p","flexDirection","size","onClick","height","flex","Default","args","render","story","Left"],"sources":["../../../../src/elements/Drawer/Drawer.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Drawer } from \"./Drawer\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Drawer,\n  title: \"Components/Drawer\",\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"fullscreen\",\n    docs: {\n      description: {\n        component:\n          \"A sliding drawer component that can be anchored to the left or right side of the screen.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nconst Layout: React.FC<\n  React.PropsWithChildren<{ anchor: \"left\" | \"right\" }>\n> = ({ anchor }) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Drawer open={open} onClose={() => setOpen(false)} anchor={anchor}>\n        <Flex\n          width={[\"100%\", 400]}\n          justifyContent=\"center\"\n          p={2}\n          flexDirection=\"column\"\n        >\n          <Button size=\"small\" onClick={() => setOpen(false)}>\n            Close\n          </Button>\n        </Flex>\n      </Drawer>\n\n      <Flex width=\"100vw\" height=\"100%\" flexDirection={[\"column\", \"row\"]}>\n        <Flex flex={1} />\n        <Flex flex={2} flexDirection=\"column\">\n          <Button size=\"small\" onClick={() => setOpen(true)}>\n            Open Drawer\n          </Button>\n        </Flex>\n        <Flex flex={1} />\n      </Flex>\n    </>\n  )\n}\n\nexport const Default = {\n  args: {\n    anchor: \"right\",\n  },\n  render: () => <Layout anchor=\"right\" />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default drawer that slides in from the right side.\",\n      },\n    },\n  },\n}\n\nexport const Left = {\n  args: {\n    anchor: \"left\",\n  },\n  render: () => <Layout anchor=\"left\" />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Drawer that slides in from the left side.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/esm/elements/Drawer/index.js

@@ -0,0 +1,2 @@
+export * from "./Drawer";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/Drawer/index.tsx"],"sourcesContent":["export * from \"./Drawer\"\n"],"mappings":"AAAA"}