@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/Button/Button.story.js

@@ -3,242 +3,147 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports._States = exports.WithIcon = exports.WithBoxProps = exports.Variants = exports.Sizes = exports.ResponsiveSize = exports.NativeButtonProps = exports.Loading = exports.As = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Join = require("../Join");
+exports.default = exports.WithIconBasic = exports.Success = exports.Small = exports.SecondaryWhite = exports.SecondaryBlack = exports.Secondary = exports.ResponsiveSize = exports.PrimaryWhite = exports.Primary = exports.NotKeyboardFocusable = exports.LoadingState = exports.Large = exports.Hover = exports.FullWidth = exports.Focus = exports.Disabled = exports.Default = exports.AutoFocus = exports.AsAnchor = exports.Active = void 0;
 var _BellStrokeIcon = _interopRequireDefault(require("@artsy/icons/BellStrokeIcon"));
-var _Box = require("../Box");
-var _Flex = require("../Flex");
-var _Spacer = require("../Spacer");
 var _index = require("./index");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 _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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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); }
 var _default = exports.default = {
-  title: "Components/Button"
-};
-var _States = exports._States = function _States() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      focus: true
-    }, {
-      hover: true
-    }, {
-      active: true
-    }, {
-      loading: true
-    }, {
-      disabled: true
-    }, {
-      success: true
-    }, {
-      loading: true,
-      disabled: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Label"));
-};
-_States.displayName = "_States";
-_States.story = {
-  name: "States"
-};
-var Sizes = exports.Sizes = function Sizes() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: _index.BUTTON_SIZE_NAMES.map(function (size) {
-      return {
-        size: size
-      };
-    })
-  }, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Label"));
-};
-Sizes.displayName = "Sizes";
-var variants = _index.BUTTON_VARIANT_NAMES.map(function (variant) {
-  return {
-    variant: variant
-  };
-});
-var Display = (0, _styledComponents.default)(_Box.Box).withConfig({
-  displayName: "Buttonstory__Display",
-  componentId: "sc-1hlhgwl-0"
-})([""]);
-Display.displayName = "Button";
-var Variants = exports.Variants = function Variants() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      size: "large"
-    }, {
-      size: "small"
-    }].map(function (size) {
-      return variants.map(function (variant) {
-        return _objectSpread(_objectSpread({}, size), variant);
-      });
-    }).reduce(function (a, b) {
-      return a.concat(b);
-    }, [])
-  }, function (props) {
-    return /*#__PURE__*/_react.default.createElement(Display, _extends({
-      p: 1,
-      overflowX: "auto"
-    }, ["primaryWhite", "secondaryWhite"].includes("".concat(props.variant)) ? {
-      bg: "mono100",
-      color: "mono0"
-    } : {
-      bg: "mono0",
-      color: "mono100"
-    }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Join.Join, {
-      separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-        x: 2
-      })
-    }, /*#__PURE__*/_react.default.createElement(_index.Button, props, "Default"), /*#__PURE__*/_react.default.createElement(_index.Button, _extends({}, props, {
-      focus: true
-    }), "Focus"), /*#__PURE__*/_react.default.createElement(_index.Button, _extends({}, props, {
-      hover: true
-    }), "Hover"), /*#__PURE__*/_react.default.createElement(_index.Button, _extends({}, props, {
-      active: true
-    }), "Active"), /*#__PURE__*/_react.default.createElement(_index.Button, _extends({}, props, {
-      loading: true
-    }), "Loading"), /*#__PURE__*/_react.default.createElement(_index.Button, _extends({}, props, {
-      disabled: true
-    }), "Disabled"), /*#__PURE__*/_react.default.createElement(_index.Button, _extends({}, props, {
-      success: true
-    }), "Success"))));
-  });
-};
-Variants.displayName = "Variants";
-var NativeButtonProps = exports.NativeButtonProps = function NativeButtonProps() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      autoFocus: true,
-      children: "autofocused"
-    }, {
-      tabIndex: -1,
-      children: "not focusable with keyboard"
-    }, {
-      onClick: function onClick(event) {
-        event.preventDefault();
+  title: "Components/Button",
+  component: _index.Button,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "Button component provides a clickable interface element with multiple variants, sizes, and states. Supports loading states, icons, and can be rendered as different HTML elements."
       },
-      children: "correctly typed click event"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_index.Button, null, "Label"));
-};
-NativeButtonProps.displayName = "NativeButtonProps";
-NativeButtonProps.story = {
-  name: "Native button tag props"
-};
-var WithBoxProps = exports.WithBoxProps = function WithBoxProps() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    border: "1px dotted",
-    borderColor: "mono100"
-  }, /*#__PURE__*/_react.default.createElement(_index.Button, {
-    display: "block",
-    width: "100%",
-    my: 2
-  }, "full width"), /*#__PURE__*/_react.default.createElement(_index.Button, {
-    display: "block",
-    width: "100%",
-    my: 2
-  }, "with collapsing"), /*#__PURE__*/_react.default.createElement(_index.Button, {
-    display: "block",
-    width: "100%",
-    my: 2
-  }, "margins")));
-};
-WithBoxProps.displayName = "WithBoxProps";
-WithBoxProps.story = {
-  name: "with BoxProps"
-};
-var Loading = exports.Loading = function Loading() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var handleClick = function handleClick() {
-    if (loading) return;
-    setLoading(true);
-    setTimeout(function () {
-      setLoading(false);
-    }, 1000);
-  };
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_index.Button, {
-    loading: loading,
-    onClick: handleClick
-  }, "click to load"));
-};
-Loading.displayName = "Loading";
-var As = exports.As = function As() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      as: "div",
-      children: "This is a div"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_index.Button, {
-    as: "a",
-    href: "#example"
-  }, "This is an anchor tag with an href"));
-};
-As.displayName = "As";
-var WithIcon = exports.WithIcon = function WithIcon() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      focus: true
-    }, {
-      hover: true
-    }, {
-      loading: true
-    }, {
-      disabled: true
-    }, {
-      loading: true,
-      disabled: true
-    }, {
-      success: true
-    }, {
-      size: "large"
-    }, {
-      size: "large",
-      focus: true
-    }, {
-      size: "large",
-      hover: true
-    }, {
-      size: "large",
-      loading: true
-    }, {
-      size: "large",
-      disabled: true
-    }, {
-      size: "large",
-      loading: true,
-      disabled: true
-    }, {
-      size: "large",
-      success: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_index.Button, {
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
+};
+var Default = exports.Default = {
+  args: {
+    children: "Button"
+  }
+};
+var Primary = exports.Primary = {
+  args: {
+    variant: "primary",
+    children: "Primary Button"
+  }
+};
+var Secondary = exports.Secondary = {
+  args: {
+    variant: "secondary",
+    children: "Secondary Button"
+  }
+};
+var Large = exports.Large = {
+  args: {
+    size: "large",
+    children: "Large Button"
+  }
+};
+var Small = exports.Small = {
+  args: {
+    size: "small",
+    children: "Small Button"
+  }
+};
+var WithIconBasic = exports.WithIconBasic = {
+  args: {
+    children: "Create an Alert",
     variant: "secondaryBlack",
     size: "small",
     Icon: _BellStrokeIcon.default
-  }, "Create an Alert"));
+  }
+};
+var LoadingState = exports.LoadingState = {
+  args: {
+    children: "Loading Button",
+    loading: true
+  }
+};
+var Disabled = exports.Disabled = {
+  args: {
+    children: "Disabled Button",
+    disabled: true
+  }
+};
+var Success = exports.Success = {
+  args: {
+    children: "Success Button",
+    success: true
+  }
+};
+var Focus = exports.Focus = {
+  args: {
+    children: "Focused Button",
+    focus: true
+  }
+};
+var Hover = exports.Hover = {
+  args: {
+    children: "Hovered Button",
+    hover: true
+  }
+};
+var Active = exports.Active = {
+  args: {
+    children: "Active Button",
+    active: true
+  }
+};
+var PrimaryWhite = exports.PrimaryWhite = {
+  args: {
+    variant: "primaryWhite",
+    children: "Primary White Button"
+  }
+};
+var SecondaryWhite = exports.SecondaryWhite = {
+  args: {
+    variant: "secondaryWhite",
+    children: "Secondary White Button"
+  }
+};
+var SecondaryBlack = exports.SecondaryBlack = {
+  args: {
+    variant: "secondaryBlack",
+    children: "Secondary Black Button"
+  }
+};
+var AutoFocus = exports.AutoFocus = {
+  args: {
+    autoFocus: true,
+    children: "Auto Focused Button"
+  }
+};
+var NotKeyboardFocusable = exports.NotKeyboardFocusable = {
+  args: {
+    tabIndex: -1,
+    children: "Not Keyboard Focusable"
+  }
+};
+var FullWidth = exports.FullWidth = {
+  args: {
+    display: "block",
+    width: "100%",
+    children: "Full Width Button"
+  }
+};
+var AsAnchor = exports.AsAnchor = {
+  args: {
+    as: "a",
+    href: "#example",
+    children: "This is an anchor tag"
+  }
 };
-WithIcon.displayName = "WithIcon";
-var ResponsiveSize = exports.ResponsiveSize = function ResponsiveSize() {
-  return /*#__PURE__*/_react.default.createElement(_index.Button, {
-    size: ["small", "large"]
-  }, "Resize Viewport");
+var ResponsiveSize = exports.ResponsiveSize = {
+  args: {
+    size: ["small", "large"],
+    children: "Resize Viewport"
+  }
 };
-ResponsiveSize.displayName = "ResponsiveSize";
 //# sourceMappingURL=Button.story.js.map

package/dist/elements/Button/Button.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_styledComponents","_interopRequireDefault","_Join","_BellStrokeIcon","_Box","_Flex","_Spacer","_index","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Symbol","iterator","constructor","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","name","Array","from","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_extends","assign","bind","target","arguments","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","Number","_default","exports","title","_States","createElement","States","states","focus","hover","active","loading","disabled","success","Button","displayName","story","Sizes","BUTTON_SIZE_NAMES","map","size","variants","BUTTON_VARIANT_NAMES","variant","Display","styled","Box","withConfig","componentId","Variants","reduce","a","b","concat","props","p","overflowX","includes","bg","color","Flex","Join","separator","Spacer","x","NativeButtonProps","autoFocus","children","tabIndex","onClick","event","preventDefault","WithBoxProps","border","borderColor","display","width","my","Loading","_useState","useState","_useState2","setLoading","handleClick","setTimeout","As","as","href","WithIcon","Icon","BellStrokeIcon","ResponsiveSize"],"sources":["../../../src/elements/Button/Button.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Join } from \"../Join\"\nimport BellStrokeIcon from \"@artsy/icons/BellStrokeIcon\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { ButtonProps } from \"./Button\"\nimport { Button, BUTTON_SIZE_NAMES, BUTTON_VARIANT_NAMES } from \"./index\"\n\nexport default { title: \"Components/Button\" }\n\nexport const _States = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { loading: true },\n        { disabled: true },\n        { success: true },\n        { loading: true, disabled: true },\n      ]}\n    >\n      <Button>Label</Button>\n    </States>\n  )\n}\n\n_States.story = {\n  name: \"States\",\n}\n\nexport const Sizes = () => {\n  return (\n    <States<ButtonProps> states={BUTTON_SIZE_NAMES.map((size) => ({ size }))}>\n      <Button>Label</Button>\n    </States>\n  )\n}\n\nconst variants = BUTTON_VARIANT_NAMES.map((variant) => ({ variant }))\n\nconst Display = styled(Box)``\nDisplay.displayName = \"Button\"\n\nexport const Variants = () => {\n  return (\n    <States<ButtonProps>\n      states={([{ size: \"large\" }, { size: \"small\" }] as const)\n        .map((size) => {\n          return variants.map((variant) => ({ ...size, ...variant }))\n        })\n        .reduce((a, b) => {\n          return a.concat(b)\n        }, [])}\n    >\n      {(props) => (\n        <Display\n          p={1}\n          overflowX=\"auto\"\n          {...([\"primaryWhite\", \"secondaryWhite\"].includes(`${props.variant}`)\n            ? { bg: \"mono100\", color: \"mono0\" }\n            : { bg: \"mono0\", color: \"mono100\" })}\n        >\n          <Flex>\n            <Join separator={<Spacer x={2} />}>\n              <Button {...props}>Default</Button>\n\n              <Button {...props} focus>\n                Focus\n              </Button>\n\n              <Button {...props} hover>\n                Hover\n              </Button>\n\n              <Button {...props} active>\n                Active\n              </Button>\n\n              <Button {...props} loading>\n                Loading\n              </Button>\n\n              <Button {...props} disabled>\n                Disabled\n              </Button>\n\n              <Button {...props} success>\n                Success\n              </Button>\n            </Join>\n          </Flex>\n        </Display>\n      )}\n    </States>\n  )\n}\n\nexport const NativeButtonProps = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        { autoFocus: true, children: \"autofocused\" },\n        { tabIndex: -1, children: \"not focusable with keyboard\" },\n        {\n          onClick: (event) => {\n            event.preventDefault()\n          },\n          children: \"correctly typed click event\",\n        },\n      ]}\n    >\n      <Button>Label</Button>\n    </States>\n  )\n}\n\nNativeButtonProps.story = {\n  name: \"Native button tag props\",\n}\n\nexport const WithBoxProps = () => {\n  return (\n    <States>\n      <Box border=\"1px dotted\" borderColor=\"mono100\">\n        <Button display=\"block\" width=\"100%\" my={2}>\n          full width\n        </Button>\n\n        <Button display=\"block\" width=\"100%\" my={2}>\n          with collapsing\n        </Button>\n\n        <Button display=\"block\" width=\"100%\" my={2}>\n          margins\n        </Button>\n      </Box>\n    </States>\n  )\n}\n\nWithBoxProps.story = {\n  name: \"with BoxProps\",\n}\n\nexport const Loading = () => {\n  const [loading, setLoading] = useState(false)\n\n  const handleClick = () => {\n    if (loading) return\n    setLoading(true)\n    setTimeout(() => {\n      setLoading(false)\n    }, 1000)\n  }\n  return (\n    <States>\n      <Button loading={loading} onClick={handleClick}>\n        click to load\n      </Button>\n    </States>\n  )\n}\n\nexport const As = () => {\n  return (\n    <States states={[{}, { as: \"div\", children: \"This is a div\" }]}>\n      {/* @ts-ignore */}\n      <Button as=\"a\" href=\"#example\">\n        This is an anchor tag with an href\n      </Button>\n    </States>\n  )\n}\n\nexport const WithIcon = () => {\n  return (\n    <States<ButtonProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { loading: true },\n        { disabled: true },\n        { loading: true, disabled: true },\n        { success: true },\n        { size: \"large\" },\n        { size: \"large\", focus: true },\n        { size: \"large\", hover: true },\n        { size: \"large\", loading: true },\n        { size: \"large\", disabled: true },\n        { size: \"large\", loading: true, disabled: true },\n        { size: \"large\", success: true },\n      ]}\n    >\n      <Button variant=\"secondaryBlack\" size=\"small\" Icon={BellStrokeIcon}>\n        Create an Alert\n      </Button>\n    </States>\n  )\n}\n\nexport const ResponsiveSize = () => {\n  return <Button size={[\"small\", \"large\"]}>Resize Viewport</Button>\n}\n"],"mappings":"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"}
+{"version":3,"file":"Button.story.js","names":["_BellStrokeIcon","_interopRequireDefault","require","_index","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","Button","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","Primary","variant","Secondary","Large","size","Small","WithIconBasic","Icon","BellStrokeIcon","LoadingState","loading","Disabled","disabled","Success","success","Focus","focus","Hover","hover","Active","active","PrimaryWhite","SecondaryWhite","SecondaryBlack","AutoFocus","autoFocus","NotKeyboardFocusable","tabIndex","FullWidth","display","width","AsAnchor","as","href","ResponsiveSize"],"sources":["../../../src/elements/Button/Button.story.tsx"],"sourcesContent":["import BellStrokeIcon from \"@artsy/icons/BellStrokeIcon\"\nimport { Button } from \"./index\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Button\",\n  component: Button,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"Button component provides a clickable interface element with multiple variants, sizes, and states. Supports loading states, icons, and can be rendered as different HTML elements.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: \"Button\",\n  },\n}\n\nexport const Primary = {\n  args: {\n    variant: \"primary\",\n    children: \"Primary Button\",\n  },\n}\n\nexport const Secondary = {\n  args: {\n    variant: \"secondary\",\n    children: \"Secondary Button\",\n  },\n}\n\nexport const Large = {\n  args: {\n    size: \"large\",\n    children: \"Large Button\",\n  },\n}\n\nexport const Small = {\n  args: {\n    size: \"small\",\n    children: \"Small Button\",\n  },\n}\n\nexport const WithIconBasic = {\n  args: {\n    children: \"Create an Alert\",\n    variant: \"secondaryBlack\",\n    size: \"small\",\n    Icon: BellStrokeIcon,\n  },\n}\n\nexport const LoadingState = {\n  args: {\n    children: \"Loading Button\",\n    loading: true,\n  },\n}\n\nexport const Disabled = {\n  args: {\n    children: \"Disabled Button\",\n    disabled: true,\n  },\n}\n\nexport const Success = {\n  args: {\n    children: \"Success Button\",\n    success: true,\n  },\n}\n\nexport const Focus = {\n  args: {\n    children: \"Focused Button\",\n    focus: true,\n  },\n}\n\nexport const Hover = {\n  args: {\n    children: \"Hovered Button\",\n    hover: true,\n  },\n}\n\nexport const Active = {\n  args: {\n    children: \"Active Button\",\n    active: true,\n  },\n}\n\nexport const PrimaryWhite = {\n  args: {\n    variant: \"primaryWhite\",\n    children: \"Primary White Button\",\n  },\n}\n\nexport const SecondaryWhite = {\n  args: {\n    variant: \"secondaryWhite\",\n    children: \"Secondary White Button\",\n  },\n}\n\nexport const SecondaryBlack = {\n  args: {\n    variant: \"secondaryBlack\",\n    children: \"Secondary Black Button\",\n  },\n}\n\nexport const AutoFocus = {\n  args: {\n    autoFocus: true,\n    children: \"Auto Focused Button\",\n  },\n}\n\nexport const NotKeyboardFocusable = {\n  args: {\n    tabIndex: -1,\n    children: \"Not Keyboard Focusable\",\n  },\n}\n\nexport const FullWidth = {\n  args: {\n    display: \"block\",\n    width: \"100%\",\n    children: \"Full Width Button\",\n  },\n}\n\nexport const AsAnchor = {\n  args: {\n    as: \"a\",\n    href: \"#example\",\n    children: \"This is an anchor tag\",\n  },\n}\n\nexport const ResponsiveSize = {\n  args: {\n    size: [\"small\", \"large\"],\n    children: \"Resize Viewport\",\n  },\n}\n"],"mappings":"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"}

package/dist/elements/CSSGrid/CSSGrid.story.d.ts

@@ -1,17 +1,42 @@
 import React from "react";
 declare const _default: {
     title: string;
-};
-export default _default;
-export declare const CssGridWithResponsiveProps: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
-        parameters: {
-            chromatic: {
-                delay: number;
-                diffThreshold: number;
+    component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, import("./CSSGrid").CSSGridProps>> & string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
             };
         };
     };
 };
+export default _default;
+export declare const ResponsiveGrid: {
+    args: {
+        width: number[];
+        gridGap: number[];
+        gridTemplateColumns: string[];
+        children: React.JSX.Element[];
+    };
+};
+export declare const SimpleGrid: {
+    args: {
+        gridGap: number;
+        gridTemplateColumns: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const FixedGrid: {
+    args: {
+        width: number;
+        gridGap: number;
+        gridTemplateColumns: string;
+        children: React.JSX.Element[];
+    };
+};

package/dist/elements/CSSGrid/CSSGrid.story.js

@@ -3,35 +3,72 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.CssGridWithResponsiveProps = void 0;
+exports.default = exports.SimpleGrid = exports.ResponsiveGrid = exports.FixedGrid = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Image = require("../Image");
 var _CSSGrid = require("./CSSGrid");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/CSSGrid"
+  title: "Components/CSSGrid",
+  component: _CSSGrid.CSSGrid,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "CSSGrid component provides a CSS Grid layout container with responsive props support. Allows for flexible grid layouts with configurable gaps, columns, and responsive breakpoints."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
-var CssGridWithResponsiveProps = exports.CssGridWithResponsiveProps = function CssGridWithResponsiveProps() {
-  return /*#__PURE__*/_react.default.createElement(_CSSGrid.CSSGrid, {
+var ResponsiveGrid = exports.ResponsiveGrid = {
+  args: {
     width: [220, 420, 680],
     gridGap: [2, 3, 4],
-    gridTemplateColumns: ["repeat(2, 1fr)", "repeat(3, 1fr)", "repeat(4, 1fr)"]
-  }, [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
-    return /*#__PURE__*/_react.default.createElement(_Image.Image, {
-      src: "https://picsum.photos/id/1025/140/100/",
-      width: [100, 120, 140],
-      key: i
-    });
-  }));
+    gridTemplateColumns: ["repeat(2, 1fr)", "repeat(3, 1fr)", "repeat(4, 1fr)"],
+    children: [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
+      return /*#__PURE__*/_react.default.createElement(_Image.Image, {
+        src: "https://picsum.photos/id/1025/140/100/",
+        width: [100, 120, 140],
+        key: i
+      });
+    })
+  }
 };
-CssGridWithResponsiveProps.displayName = "CssGridWithResponsiveProps";
-CssGridWithResponsiveProps.story = {
-  name: "CSSGrid with responsive props",
-  parameters: {
-    chromatic: {
-      delay: 500,
-      diffThreshold: 0.2
-    }
+var SimpleGrid = exports.SimpleGrid = {
+  args: {
+    gridGap: 2,
+    gridTemplateColumns: "repeat(3, 1fr)",
+    children: [1, 2, 3, 4, 5, 6].map(function (i) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: i,
+        style: {
+          background: "#f0f0f0",
+          padding: "16px",
+          textAlign: "center"
+        }
+      }, "Item ", i);
+    })
+  }
+};
+var FixedGrid = exports.FixedGrid = {
+  args: {
+    width: 400,
+    gridGap: 1,
+    gridTemplateColumns: "repeat(4, 1fr)",
+    children: [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: i,
+        style: {
+          background: "#e0e0e0",
+          padding: "8px",
+          textAlign: "center"
+        }
+      }, i);
+    })
   }
 };
 //# sourceMappingURL=CSSGrid.story.js.map

package/dist/elements/CSSGrid/CSSGrid.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSSGrid.story.js","names":["_react","_interopRequireDefault","require","_Image","_CSSGrid","obj","__esModule","default","_default","exports","title","CssGridWithResponsiveProps","createElement","CSSGrid","width","gridGap","gridTemplateColumns","map","i","Image","src","key","displayName","story","name","parameters","chromatic","delay","diffThreshold"],"sources":["../../../src/elements/CSSGrid/CSSGrid.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\nimport { CSSGrid } from \"./CSSGrid\"\n\nexport default {\n  title: \"Components/CSSGrid\",\n}\n\nexport const CssGridWithResponsiveProps = () => {\n  return (\n    <CSSGrid\n      width={[220, 420, 680]}\n      gridGap={[2, 3, 4]}\n      gridTemplateColumns={[\n        \"repeat(2, 1fr)\",\n        \"repeat(3, 1fr)\",\n        \"repeat(4, 1fr)\",\n      ]}\n    >\n      {[1, 2, 3, 4, 5, 6, 7, 8].map((i) => {\n        return (\n          <Image\n            src=\"https://picsum.photos/id/1025/140/100/\"\n            width={[100, 120, 140]}\n            key={i}\n          />\n        )\n      })}\n    </CSSGrid>\n  )\n}\n\nCssGridWithResponsiveProps.story = {\n  name: \"CSSGrid with responsive props\",\n  parameters: { chromatic: { delay: 500, diffThreshold: 0.2 } },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAmC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEpB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,0BAA0B,GAAAF,OAAA,CAAAE,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC9C,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,QAAA,CAAAS,OAAO;IACNC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;IACvBC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAE;IACnBC,mBAAmB,EAAE,CACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB;EAChB,GAED,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAK;IACnC,oBACElB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAgB,KAAK;MACJC,GAAG,EAAC,wCAAwC;MAC5CN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;MACvBO,GAAG,EAAEH;IAAE,EACP;EAEN,CAAC,CAAC,CACM;AAEd,CAAC;AAtBYP,0BAA0B,CAAAW,WAAA;AAwBvCX,0BAA0B,CAACY,KAAK,GAAG;EACjCC,IAAI,EAAE,+BAA+B;EACrCC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,aAAa,EAAE;IAAI;EAAE;AAC9D,CAAC"}
+{"version":3,"file":"CSSGrid.story.js","names":["_react","_interopRequireDefault","require","_Image","_CSSGrid","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","CSSGrid","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","ResponsiveGrid","args","width","gridGap","gridTemplateColumns","children","map","i","createElement","Image","src","key","SimpleGrid","style","background","padding","textAlign","FixedGrid"],"sources":["../../../src/elements/CSSGrid/CSSGrid.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image } from \"../Image\"\nimport { CSSGrid } from \"./CSSGrid\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/CSSGrid\",\n  component: CSSGrid,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"CSSGrid component provides a CSS Grid layout container with responsive props support. Allows for flexible grid layouts with configurable gaps, columns, and responsive breakpoints.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const ResponsiveGrid = {\n  args: {\n    width: [220, 420, 680],\n    gridGap: [2, 3, 4],\n    gridTemplateColumns: [\"repeat(2, 1fr)\", \"repeat(3, 1fr)\", \"repeat(4, 1fr)\"],\n    children: [1, 2, 3, 4, 5, 6, 7, 8].map((i) => (\n      <Image\n        src=\"https://picsum.photos/id/1025/140/100/\"\n        width={[100, 120, 140]}\n        key={i}\n      />\n    )),\n  },\n}\n\nexport const SimpleGrid = {\n  args: {\n    gridGap: 2,\n    gridTemplateColumns: \"repeat(3, 1fr)\",\n    children: [1, 2, 3, 4, 5, 6].map((i) => (\n      <div\n        key={i}\n        style={{ background: \"#f0f0f0\", padding: \"16px\", textAlign: \"center\" }}\n      >\n        Item {i}\n      </div>\n    )),\n  },\n}\n\nexport const FixedGrid = {\n  args: {\n    width: 400,\n    gridGap: 1,\n    gridTemplateColumns: \"repeat(4, 1fr)\",\n    children: [1, 2, 3, 4, 5, 6, 7, 8].map((i) => (\n      <div\n        key={i}\n        style={{ background: \"#e0e0e0\", padding: \"8px\", textAlign: \"center\" }}\n      >\n        {i}\n      </div>\n    )),\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0E,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,KAAK,EAAE,oBAAoB;EAC3BC,SAAS,EAAEC,gBAAO;EAClBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXL,SAAS,EACP;MACJ,CAAC;MACDM,QAAQ,EAAE;QACRC,OAAO,EAAEC;MACX;IACF;EACF;AACF,CAAC;AAEM,IAAMC,cAAc,GAAAX,OAAA,CAAAW,cAAA,GAAG;EAC5BC,IAAI,EAAE;IACJC,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IACtBC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClBC,mBAAmB,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,CAAC;IAC3EC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC;MAAA,oBACvC5B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA,CAAC1B,MAAA,CAAA2B,KAAK;QACJC,GAAG,EAAC,wCAAwC;QAC5CR,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;QACvBS,GAAG,EAAEJ;MAAE,EACP;IAAA,CACH;EACH;AACF,CAAC;AAEM,IAAMK,UAAU,GAAAvB,OAAA,CAAAuB,UAAA,GAAG;EACxBX,IAAI,EAAE;IACJE,OAAO,EAAE,CAAC;IACVC,mBAAmB,EAAE,gBAAgB;IACrCC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC;MAAA,oBACjC5B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA;QACEG,GAAG,EAAEJ,CAAE;QACPM,KAAK,EAAE;UAAEC,UAAU,EAAE,SAAS;UAAEC,OAAO,EAAE,MAAM;UAAEC,SAAS,EAAE;QAAS;MAAE,GACxE,OACM,EAACT,CAAC,CACH;IAAA,CACP;EACH;AACF,CAAC;AAEM,IAAMU,SAAS,GAAA5B,OAAA,CAAA4B,SAAA,GAAG;EACvBhB,IAAI,EAAE;IACJC,KAAK,EAAE,GAAG;IACVC,OAAO,EAAE,CAAC;IACVC,mBAAmB,EAAE,gBAAgB;IACrCC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC;MAAA,oBACvC5B,MAAA,CAAAQ,OAAA,CAAAqB,aAAA;QACEG,GAAG,EAAEJ,CAAE;QACPM,KAAK,EAAE;UAAEC,UAAU,EAAE,SAAS;UAAEC,OAAO,EAAE,KAAK;UAAEC,SAAS,EAAE;QAAS;MAAE,GAErET,CAAC,CACE;IAAA,CACP;EACH;AACF,CAAC"}