@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/Box/Box.story.js

@@ -3,39 +3,65 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Stack = void 0;
+exports.default = exports.WithGap = exports.ResponsiveGap = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Box = require("../Box");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/Box"
+  title: "Components/Box",
+  component: _Box.Box,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "Box is a fundamental layout primitive component that provides a flexible container with styled-system props for spacing, layout, color, and typography."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
-var Stack = exports.Stack = function Stack() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      gap: 1
-    }, {
-      gap: 2
-    }, {
-      gap: [2, 4]
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    display: "flex",
-    flexDirection: "column"
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "yellow100"
-  }, "1"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "yellow100"
-  }, "2"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "yellow100"
-  }, "3"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "yellow100"
-  }, "4"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+var Default = exports.Default = {
+  args: {
+    children: "This is a Box component",
+    p: 2,
     bg: "yellow100"
-  }, "5"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    bg: "yellow100"
-  }, "6")));
+  }
+};
+var WithGap = exports.WithGap = {
+  args: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 2,
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "yellow100",
+      p: 1
+    }, "1"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "yellow100",
+      p: 1
+    }, "2"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "yellow100",
+      p: 1
+    }, "3"))
+  }
+};
+var ResponsiveGap = exports.ResponsiveGap = {
+  args: {
+    display: "flex",
+    flexDirection: "column",
+    gap: [1, 3],
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "yellow100",
+      p: 1
+    }, "Responsive"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "yellow100",
+      p: 1
+    }, "Gap"), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      bg: "yellow100",
+      p: 1
+    }, "Values"))
+  }
 };
-Stack.displayName = "Stack";
 //# sourceMappingURL=Box.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Box","obj","__esModule","default","_default","exports","title","Stack","createElement","States","states","gap","Box","display","flexDirection","bg","displayName"],"sources":["../../../src/elements/Box/Box.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport default {\n  title: \"Components/Box\",\n}\n\nexport const Stack = () => {\n  return (\n    <States<BoxProps> states={[{}, { gap: 1 }, { gap: 2 }, { gap: [2, 4] }]}>\n      <Box display=\"flex\" flexDirection=\"column\">\n        <Box bg=\"yellow100\">1</Box>\n        <Box bg=\"yellow100\">2</Box>\n        <Box bg=\"yellow100\">3</Box>\n        <Box bg=\"yellow100\">4</Box>\n        <Box bg=\"yellow100\">5</Box>\n        <Box bg=\"yellow100\">6</Box>\n      </Box>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AAAsC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEvB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAG,SAARA,KAAKA,CAAA,EAAS;EACzB,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IAAWC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,GAAG,EAAE;IAAE,CAAC,EAAE;MAAEA,GAAG,EAAE;IAAE,CAAC,EAAE;MAAEA,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAAE,CAAC;EAAE,gBACtEf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACC,OAAO,EAAC,MAAM;IAACC,aAAa,EAAC;EAAQ,gBACxClB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,eAC3BnB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAY,GAAG;IAACG,EAAE,EAAC;EAAW,GAAC,GAAC,CAAM,CACvB,CACC;AAEb,CAAC;AAbYR,KAAK,CAAAS,WAAA"}
+{"version":3,"file":"Box.story.js","names":["_react","_interopRequireDefault","require","_Box","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","Box","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","p","bg","WithGap","display","flexDirection","gap","createElement","Fragment","ResponsiveGap"],"sources":["../../../src/elements/Box/Box.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Box\",\n  component: Box,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"Box is a fundamental layout primitive component that provides a flexible container with styled-system props for spacing, layout, color, and typography.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: \"This is a Box component\",\n    p: 2,\n    bg: \"yellow100\",\n  },\n}\n\nexport const WithGap = {\n  args: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: 2,\n    children: (\n      <>\n        <Box bg=\"yellow100\" p={1}>\n          1\n        </Box>\n        <Box bg=\"yellow100\" p={1}>\n          2\n        </Box>\n        <Box bg=\"yellow100\" p={1}>\n          3\n        </Box>\n      </>\n    ),\n  },\n}\n\nexport const ResponsiveGap = {\n  args: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: [1, 3],\n    children: (\n      <>\n        <Box bg=\"yellow100\" p={1}>\n          Responsive\n        </Box>\n        <Box bg=\"yellow100\" p={1}>\n          Gap\n        </Box>\n        <Box bg=\"yellow100\" p={1}>\n          Values\n        </Box>\n      </>\n    ),\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0E,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,KAAK,EAAE,gBAAgB;EACvBC,SAAS,EAAEC,QAAG;EACdC,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,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,QAAQ,EAAE,yBAAyB;IACnCC,CAAC,EAAE,CAAC;IACJC,EAAE,EAAE;EACN;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAhB,OAAA,CAAAgB,OAAA,GAAG;EACrBJ,IAAI,EAAE;IACJK,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,GAAG,EAAE,CAAC;IACNN,QAAQ,eACNtB,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAA7B,MAAA,CAAAO,OAAA,CAAAuB,QAAA,qBACE9B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC1B,IAAA,CAAAS,GAAG;MAACY,EAAE,EAAC,WAAW;MAACD,CAAC,EAAE;IAAE,GAAC,GAE1B,CAAM,eACNvB,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC1B,IAAA,CAAAS,GAAG;MAACY,EAAE,EAAC,WAAW;MAACD,CAAC,EAAE;IAAE,GAAC,GAE1B,CAAM,eACNvB,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC1B,IAAA,CAAAS,GAAG;MAACY,EAAE,EAAC,WAAW;MAACD,CAAC,EAAE;IAAE,GAAC,GAE1B,CAAM;EAGZ;AACF,CAAC;AAEM,IAAMQ,aAAa,GAAAtB,OAAA,CAAAsB,aAAA,GAAG;EAC3BV,IAAI,EAAE;IACJK,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;IACXN,QAAQ,eACNtB,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAA7B,MAAA,CAAAO,OAAA,CAAAuB,QAAA,qBACE9B,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC1B,IAAA,CAAAS,GAAG;MAACY,EAAE,EAAC,WAAW;MAACD,CAAC,EAAE;IAAE,GAAC,YAE1B,CAAM,eACNvB,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC1B,IAAA,CAAAS,GAAG;MAACY,EAAE,EAAC,WAAW;MAACD,CAAC,EAAE;IAAE,GAAC,KAE1B,CAAM,eACNvB,MAAA,CAAAO,OAAA,CAAAsB,aAAA,CAAC1B,IAAA,CAAAS,GAAG;MAACY,EAAE,EAAC,WAAW;MAACD,CAAC,EAAE;IAAE,GAAC,QAE1B,CAAM;EAGZ;AACF,CAAC"}

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

@@ -1,6 +1,32 @@
 import React from "react";
 declare const _default: {
     title: string;
+    component: React.FC<React.PropsWithChildren<import("..").BoxProps>>;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        children: React.JSX.Element;
+    };
+};
+export declare const TwoLevels: {
+    args: {
+        children: React.JSX.Element;
+    };
+};
+export declare const SingleLevel: {
+    args: {
+        children: React.JSX.Element;
+    };
+};

package/dist/elements/Breadcrumbs/Breadcrumbs.story.js

@@ -3,36 +3,53 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
+exports.default = exports.TwoLevels = exports.SingleLevel = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Breadcrumbs = require("./Breadcrumbs");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/Breadcrumbs"
+  title: "Components/Breadcrumbs",
+  component: _Breadcrumbs.Breadcrumbs,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "Breadcrumbs component provides navigation links showing the user's location in the site hierarchy. Automatically adds separators between navigation items."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
-        href: "#1"
-      }, "Level 01"), /*#__PURE__*/_react.default.createElement("a", {
-        href: "#2"
-      }, "Level 02"))
-    }, {
-      children: /*#__PURE__*/_react.default.createElement("a", {
-        href: "#1"
-      }, "Level 01")
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Breadcrumbs.Breadcrumbs, null, /*#__PURE__*/_react.default.createElement("a", {
-    href: "#1"
-  }, "Level 01"), /*#__PURE__*/_react.default.createElement("a", {
-    href: "#2"
-  }, "Level 02"), /*#__PURE__*/_react.default.createElement("a", {
-    href: "#3"
-  }, "Level 03"), /*#__PURE__*/_react.default.createElement("a", {
-    href: "#4"
-  }, "Level 04")));
+var Default = exports.Default = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
+      href: "#1"
+    }, "Level 01"), /*#__PURE__*/_react.default.createElement("a", {
+      href: "#2"
+    }, "Level 02"), /*#__PURE__*/_react.default.createElement("a", {
+      href: "#3"
+    }, "Level 03"), /*#__PURE__*/_react.default.createElement("a", {
+      href: "#4"
+    }, "Level 04"))
+  }
+};
+var TwoLevels = exports.TwoLevels = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
+      href: "#1"
+    }, "Level 01"), /*#__PURE__*/_react.default.createElement("a", {
+      href: "#2"
+    }, "Level 02"))
+  }
+};
+var SingleLevel = exports.SingleLevel = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement("a", {
+      href: "#1"
+    }, "Level 01")
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=Breadcrumbs.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Breadcrumbs","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","children","Fragment","href","Breadcrumbs","displayName"],"sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Breadcrumbs } from \"./Breadcrumbs\"\n\nexport default {\n  title: \"Components/Breadcrumbs\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        {\n          children: (\n            <>\n              <a href=\"#1\">Level 01</a>\n              <a href=\"#2\">Level 02</a>\n            </>\n          ),\n        },\n        {\n          children: <a href=\"#1\">Level 01</a>,\n        },\n      ]}\n    >\n      <Breadcrumbs>\n        <a href=\"#1\">Level 01</a>\n        <a href=\"#2\">Level 02</a>\n        <a href=\"#3\">Level 03</a>\n        <a href=\"#4\">Level 04</a>\n      </Breadcrumbs>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA2C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE5B;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MACEC,QAAQ,eACNf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAAAZ,MAAA,CAAAO,OAAA,CAAAS,QAAA,qBACEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ,CAAI;IAG/B,CAAC,EACD;MACEF,QAAQ,eAAEf,MAAA,CAAAO,OAAA,CAAAK,aAAA;QAAGK,IAAI,EAAC;MAAI,GAAC,UAAQ;IACjC,CAAC;EACD,gBAEFjB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAc,WAAW,qBACVlB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,eACzBjB,MAAA,CAAAO,OAAA,CAAAK,aAAA;IAAGK,IAAI,EAAC;EAAI,GAAC,UAAQ,CAAI,CACb,CACP;AAEb,CAAC;AA1BYN,OAAO,CAAAQ,WAAA"}
+{"version":3,"file":"Breadcrumbs.story.js","names":["_react","_interopRequireDefault","require","_Breadcrumbs","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","Breadcrumbs","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","createElement","Fragment","href","TwoLevels","SingleLevel"],"sources":["../../../src/elements/Breadcrumbs/Breadcrumbs.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Breadcrumbs } from \"./Breadcrumbs\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Breadcrumbs\",\n  component: Breadcrumbs,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"Breadcrumbs component provides navigation links showing the user's location in the site hierarchy. Automatically adds separators between navigation items.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: (\n      <>\n        <a href=\"#1\">Level 01</a>\n        <a href=\"#2\">Level 02</a>\n        <a href=\"#3\">Level 03</a>\n        <a href=\"#4\">Level 04</a>\n      </>\n    ),\n  },\n}\n\nexport const TwoLevels = {\n  args: {\n    children: (\n      <>\n        <a href=\"#1\">Level 01</a>\n        <a href=\"#2\">Level 02</a>\n      </>\n    ),\n  },\n}\n\nexport const SingleLevel = {\n  args: {\n    children: <a href=\"#1\">Level 01</a>,\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0E,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAEC,wBAAW;EACtBC,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,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,QAAQ,eACNtB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAAAvB,MAAA,CAAAO,OAAA,CAAAiB,QAAA,qBACExB,MAAA,CAAAO,OAAA,CAAAgB,aAAA;MAAGE,IAAI,EAAC;IAAI,GAAC,UAAQ,CAAI,eACzBzB,MAAA,CAAAO,OAAA,CAAAgB,aAAA;MAAGE,IAAI,EAAC;IAAI,GAAC,UAAQ,CAAI,eACzBzB,MAAA,CAAAO,OAAA,CAAAgB,aAAA;MAAGE,IAAI,EAAC;IAAI,GAAC,UAAQ,CAAI,eACzBzB,MAAA,CAAAO,OAAA,CAAAgB,aAAA;MAAGE,IAAI,EAAC;IAAI,GAAC,UAAQ,CAAI;EAG/B;AACF,CAAC;AAEM,IAAMC,SAAS,GAAAjB,OAAA,CAAAiB,SAAA,GAAG;EACvBL,IAAI,EAAE;IACJC,QAAQ,eACNtB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAAAvB,MAAA,CAAAO,OAAA,CAAAiB,QAAA,qBACExB,MAAA,CAAAO,OAAA,CAAAgB,aAAA;MAAGE,IAAI,EAAC;IAAI,GAAC,UAAQ,CAAI,eACzBzB,MAAA,CAAAO,OAAA,CAAAgB,aAAA;MAAGE,IAAI,EAAC;IAAI,GAAC,UAAQ,CAAI;EAG/B;AACF,CAAC;AAEM,IAAME,WAAW,GAAAlB,OAAA,CAAAkB,WAAA,GAAG;EACzBN,IAAI,EAAE;IACJC,QAAQ,eAAEtB,MAAA,CAAAO,OAAA,CAAAgB,aAAA;MAAGE,IAAI,EAAC;IAAI,GAAC,UAAQ;EACjC;AACF,CAAC"}

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

@@ -1,29 +1,142 @@
-import React from "react";
 declare const _default: {
     title: string;
+    component: import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLElement>>;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const _States: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+export declare const Default: {
+    args: {
+        children: string;
+    };
+};
+export declare const Primary: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const Secondary: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const Large: {
+    args: {
+        size: string;
+        children: string;
+    };
+};
+export declare const Small: {
+    args: {
+        size: string;
+        children: string;
+    };
+};
+export declare const WithIconBasic: {
+    args: {
+        children: string;
+        variant: string;
+        size: string;
+        Icon: {
+            (props: import("@artsy/icons/Box").BoxProps): JSX.Element;
+            displayName: string;
+        };
+    };
+};
+export declare const LoadingState: {
+    args: {
+        children: string;
+        loading: boolean;
+    };
+};
+export declare const Disabled: {
+    args: {
+        children: string;
+        disabled: boolean;
+    };
+};
+export declare const Success: {
+    args: {
+        children: string;
+        success: boolean;
+    };
+};
+export declare const Focus: {
+    args: {
+        children: string;
+        focus: boolean;
+    };
+};
+export declare const Hover: {
+    args: {
+        children: string;
+        hover: boolean;
+    };
+};
+export declare const Active: {
+    args: {
+        children: string;
+        active: boolean;
+    };
+};
+export declare const PrimaryWhite: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const SecondaryWhite: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const SecondaryBlack: {
+    args: {
+        variant: string;
+        children: string;
+    };
+};
+export declare const AutoFocus: {
+    args: {
+        autoFocus: boolean;
+        children: string;
+    };
+};
+export declare const NotKeyboardFocusable: {
+    args: {
+        tabIndex: number;
+        children: string;
+    };
+};
+export declare const FullWidth: {
+    args: {
+        display: string;
+        width: string;
+        children: string;
     };
 };
-export declare const Sizes: () => React.JSX.Element;
-export declare const Variants: () => React.JSX.Element;
-export declare const NativeButtonProps: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+export declare const AsAnchor: {
+    args: {
+        as: string;
+        href: string;
+        children: string;
     };
 };
-export declare const WithBoxProps: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+export declare const ResponsiveSize: {
+    args: {
+        size: string[];
+        children: string;
     };
 };
-export declare const Loading: () => React.JSX.Element;
-export declare const As: () => React.JSX.Element;
-export declare const WithIcon: () => React.JSX.Element;
-export declare const ResponsiveSize: () => React.JSX.Element;