@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/BaseTabs/BaseTabs.story.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports._BaseTab = exports.Overflowing = exports.NestedChildren = exports.Fill = exports.Default = exports.BreakingOutOfContainerMargin = exports.AsRouterLink = exports.AsClickable = exports.AsA = void 0;
+exports.default = exports.WithFill = exports.Overflowing = exports.NestedChildren = exports.Default = exports.BreakingOutOfContainerMargin = exports.AsRouterLink = exports.AsClickable = exports.AsAnchorTags = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _BaseTabs = require("../BaseTabs");
 var _Box = require("../Box");
 var _Clickable = require("../Clickable");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _excluded = ["to", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -26,162 +26,107 @@ var RouterLink = function RouterLink(_ref) {
 };
 RouterLink.displayName = "RouterLink";
 var _default = exports.default = {
-  title: "Components/BaseTabs"
-};
-var _BaseTab = exports._BaseTab = function _BaseTab() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      focus: true
-    }, {
-      hover: true
-    }, {
+  title: "Components/BaseTabs",
+  component: _BaseTabs.BaseTabs,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "BaseTabs component for creating tabbed navigation interfaces. Provides horizontal overflow handling and supports various tab configurations including fill width and custom tab implementations."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
+};
+var Default = exports.Default = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "First"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Second"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
       active: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Example"));
-};
-_BaseTab.displayName = "_BaseTab";
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      fill: true
-    }, {
-      justifyContent: "center"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "First"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Second"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    active: true
-  }, "Active"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Last")));
-};
-Default.displayName = "Default";
-var AsA = exports.AsA = function AsA() {
-  return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#overview"
-  }, "Overview"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#cv"
-  }, "CV"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#shows",
-    active: true
-  }, "Shows"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#auction-results"
-  }, "Auction Results"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#articles"
-  }, "Articles"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#related-artists"
-  }, "Related Artists"));
-};
-AsA.displayName = "AsA";
-AsA.story = {
-  name: 'as="a"'
-};
-var AsClickable = exports.AsClickable = function AsClickable() {
-  return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: _Clickable.Clickable,
-    onClick: (0, _test.fn)()
-  }, "Overview"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: _Clickable.Clickable,
-    onClick: (0, _test.fn)()
-  }, "CV"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: _Clickable.Clickable,
-    onClick: (0, _test.fn)(),
-    active: true
-  }, "Shows"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: _Clickable.Clickable,
-    onClick: (0, _test.fn)()
-  }, "Auction Results"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: _Clickable.Clickable,
-    onClick: (0, _test.fn)()
-  }, "Articles"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: _Clickable.Clickable,
-    onClick: (0, _test.fn)()
-  }, "Related Artists"));
+    }, "Active"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Last"))
+  }
 };
-AsClickable.displayName = "AsClickable";
-AsClickable.story = {
-  name: "as={Clickable}"
-};
-var AsRouterLink = exports.AsRouterLink = function AsRouterLink() {
-  return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: RouterLink,
-    to: "#example",
-    activeClassName: "active",
-    garbage: true
-  }, "Example"));
-};
-AsRouterLink.displayName = "AsRouterLink";
-AsRouterLink.story = {
-  name: "as={RouterLink}"
-};
-var Overflowing = exports.Overflowing = function Overflowing() {
-  return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, ["Artworks (580656)", "Artists (8)", "Collections (7)", "Artist Series (13)", "Galleries (4)", "Shows (3667)", "Categories (21)", "Articles (656)", "Auctions (23)", "More (46)"].map(function (label, i) {
-    return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-      key: label,
-      active: i === 1
-    }, label);
-  }));
-};
-Overflowing.displayName = "Overflowing";
-var Fill = exports.Fill = function Fill() {
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    m: 3
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, {
-    fill: true,
-    my: 3
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#"
-  }, "One")), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, {
+var WithFill = exports.WithFill = {
+  args: {
     fill: true,
-    my: 3
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#"
-  }, "One"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#",
-    active: true
-  }, "Two")), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, {
-    fill: true,
-    my: 3
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#"
-  }, "One"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#",
-    active: true
-  }, "Two"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    as: "a",
-    href: "#"
-  }, "Three")));
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "First"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Second"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      active: true
+    }, "Active"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Last"))
+  }
+};
+var AsAnchorTags = exports.AsAnchorTags = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: "a",
+      href: "#overview"
+    }, "Overview"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: "a",
+      href: "#cv"
+    }, "CV"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: "a",
+      href: "#shows",
+      active: true
+    }, "Shows"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: "a",
+      href: "#articles"
+    }, "Articles"))
+  }
+};
+var AsClickable = exports.AsClickable = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: _Clickable.Clickable,
+      onClick: (0, _test.fn)()
+    }, "Overview"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: _Clickable.Clickable,
+      onClick: (0, _test.fn)()
+    }, "CV"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: _Clickable.Clickable,
+      onClick: (0, _test.fn)(),
+      active: true
+    }, "Shows"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: _Clickable.Clickable,
+      onClick: (0, _test.fn)()
+    }, "Articles"))
+  }
+};
+var AsRouterLink = exports.AsRouterLink = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      as: RouterLink,
+      to: "#example",
+      activeClassName: "active"
+    }, "Example")
+  }
+};
+var Overflowing = exports.Overflowing = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Artworks (580656)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      active: true
+    }, "Artists (8)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Collections (7)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Artist Series (13)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Galleries (4)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Shows (3667)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Categories (21)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Articles (656)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Auctions (23)"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "More (46)"))
+  }
 };
-Fill.displayName = "Fill";
-var BreakingOutOfContainerMargin = exports.BreakingOutOfContainerMargin = function BreakingOutOfContainerMargin() {
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    m: 6,
-    bg: "mono10"
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, {
+var BreakingOutOfContainerMargin = exports.BreakingOutOfContainerMargin = {
+  args: {
     mx: -6,
-    px: 6
-  }, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    active: true
-  }, "Rail border should extend past mono10 background")));
-};
-BreakingOutOfContainerMargin.displayName = "BreakingOutOfContainerMargin";
-BreakingOutOfContainerMargin.story = {
-  name: "Breaking out of container margin"
-};
-var NestedChildren = exports.NestedChildren = function NestedChildren() {
-  return /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTabs, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "First"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Second"), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
-    active: true
-  }, "Active"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Last"))));
-};
-NestedChildren.displayName = "NestedChildren";
-NestedChildren.story = {
-  name: "nested children"
+    px: 6,
+    children: /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      active: true
+    }, "Rail border should extend past container")
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      m: 6,
+      bg: "mono10"
+    }, /*#__PURE__*/_react.default.createElement(Story, null));
+  }]
+};
+var NestedChildren = exports.NestedChildren = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "First"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Second"), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, {
+      active: true
+    }, "Active"), /*#__PURE__*/_react.default.createElement(_BaseTabs.BaseTab, null, "Last")))
+  }
 };
 //# sourceMappingURL=BaseTabs.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseTabs.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_BaseTabs","_Box","_Clickable","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RouterLink","_ref","to","children","rest","createElement","href","displayName","_default","exports","title","_BaseTab","States","states","focus","hover","active","BaseTab","Default","fill","justifyContent","BaseTabs","AsA","as","story","name","AsClickable","Clickable","onClick","fn","AsRouterLink","activeClassName","garbage","Overflowing","map","label","Fill","Box","m","my","BreakingOutOfContainerMargin","bg","mx","px","NestedChildren","Fragment"],"sources":["../../../src/elements/BaseTabs/BaseTabs.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { BaseTabProps } from \"./BaseTab\"\nimport { BaseTabsProps } from \"./BaseTabs\"\n\n// Fake `RouterLink`\nconst RouterLink: React.FC<React.PropsWithChildren<{ to: string }>> = ({\n  to,\n  children,\n  ...rest\n}) => {\n  return (\n    <a href={to} {...rest}>\n      {children}\n    </a>\n  )\n}\n\nexport default { title: \"Components/BaseTabs\" }\n\nexport const _BaseTab = () => {\n  return (\n    <States<BaseTabProps>\n      states={[{}, { focus: true }, { hover: true }, { active: true }]}\n    >\n      <BaseTab>Example</BaseTab>\n    </States>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<BaseTabsProps>>\n      states={[{}, { fill: true }, { justifyContent: \"center\" }]}\n    >\n      <BaseTabs>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <BaseTab active>Active</BaseTab>\n        <BaseTab>Last</BaseTab>\n      </BaseTabs>\n    </States>\n  )\n}\n\nexport const AsA = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as=\"a\" href=\"#overview\">\n        Overview\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#cv\">\n        CV\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#shows\" active>\n        Shows\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#auction-results\">\n        Auction Results\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#articles\">\n        Articles\n      </BaseTab>\n\n      <BaseTab as=\"a\" href=\"#related-artists\">\n        Related Artists\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsA.story = {\n  name: 'as=\"a\"',\n}\n\nexport const AsClickable = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as={Clickable} onClick={fn()}>\n        Overview\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={fn()}>\n        CV\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={fn()} active>\n        Shows\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={fn()}>\n        Auction Results\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={fn()}>\n        Articles\n      </BaseTab>\n\n      <BaseTab as={Clickable} onClick={fn()}>\n        Related Artists\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsClickable.story = {\n  name: \"as={Clickable}\",\n}\n\nexport const AsRouterLink = () => {\n  return (\n    <BaseTabs>\n      <BaseTab as={RouterLink} to=\"#example\" activeClassName=\"active\" garbage>\n        Example\n      </BaseTab>\n    </BaseTabs>\n  )\n}\n\nAsRouterLink.story = {\n  name: \"as={RouterLink}\",\n}\n\nexport const Overflowing = () => {\n  return (\n    <BaseTabs>\n      {[\n        \"Artworks (580656)\",\n        \"Artists (8)\",\n        \"Collections (7)\",\n        \"Artist Series (13)\",\n        \"Galleries (4)\",\n        \"Shows (3667)\",\n        \"Categories (21)\",\n        \"Articles (656)\",\n        \"Auctions (23)\",\n        \"More (46)\",\n      ].map((label, i) => {\n        return (\n          <BaseTab key={label} active={i === 1}>\n            {label}\n          </BaseTab>\n        )\n      })}\n    </BaseTabs>\n  )\n}\n\nexport const Fill = () => {\n  return (\n    <Box m={3}>\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n      </BaseTabs>\n\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\" active>\n          Two\n        </BaseTab>\n      </BaseTabs>\n\n      <BaseTabs fill my={3}>\n        <BaseTab as=\"a\" href=\"#\">\n          One\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\" active>\n          Two\n        </BaseTab>\n\n        <BaseTab as=\"a\" href=\"#\">\n          Three\n        </BaseTab>\n      </BaseTabs>\n    </Box>\n  )\n}\n\nexport const BreakingOutOfContainerMargin = () => {\n  return (\n    <Box m={6} bg=\"mono10\">\n      <BaseTabs mx={-6} px={6}>\n        <BaseTab active>\n          Rail border should extend past mono10 background\n        </BaseTab>\n      </BaseTabs>\n    </Box>\n  )\n}\n\nBreakingOutOfContainerMargin.story = {\n  name: \"Breaking out of container margin\",\n}\n\nexport const NestedChildren = () => {\n  return (\n    <BaseTabs>\n      <>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <>\n          <BaseTab active>Active</BaseTab>\n          <BaseTab>Last</BaseTab>\n        </>\n      </>\n    </BaseTabs>\n  )\n}\n\nNestedChildren.story = {\n  name: \"nested children\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAwC,IAAAO,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAIxC;AACA,IAAMmB,UAA6D,GAAG,SAAhEA,UAA6DA,CAAAC,IAAA,EAI7D;EAAA,IAHJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,IAAI,GAAAb,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,oBACEN,MAAA,CAAAS,OAAA,CAAA6B,aAAA,MAAA5B,QAAA;IAAG6B,IAAI,EAAEJ;EAAG,GAAKE,IAAI,GAClBD,QAAQ,CACP;AAER,CAAC;AAVKH,UAA6D,CAAAO,WAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAjC,OAAA,GAYpD;EAAEkC,KAAK,EAAE;AAAsB,CAAC;AAExC,IAAMC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACE5C,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACpC,gBAAA,CAAA2C,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,KAAK,EAAE;IAAK,CAAC,EAAE;MAAEC,KAAK,EAAE;IAAK,CAAC,EAAE;MAAEC,MAAM,EAAE;IAAK,CAAC;EAAE,gBAEjEjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,SAAO,CAAU,CACnB;AAEb,CAAC;AARYN,QAAQ,CAAAJ,WAAA;AAUd,IAAMW,OAAO,GAAAT,OAAA,CAAAS,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEnD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACpC,gBAAA,CAAA2C,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEM,IAAI,EAAE;IAAK,CAAC,EAAE;MAAEC,cAAc,EAAE;IAAS,CAAC;EAAE,gBAE3DrD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,OAAK,CAAU,eACxBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,QAAM,CAAU,eACzBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACD,MAAM;EAAA,GAAC,QAAM,CAAU,eAChCjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,MAAI,CAAU,CACd,CACJ;AAEb,CAAC;AAbYC,OAAO,CAAAX,WAAA;AAeb,IAAMe,GAAG,GAAAb,OAAA,CAAAa,GAAA,GAAG,SAANA,GAAGA,CAAA,EAAS;EACvB,oBACEvD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAW,GAAC,UAEjC,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAK,GAAC,IAE3B,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC,QAAQ;IAACU,MAAM;EAAA,GAAC,OAErC,CAAU,eAEVjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAkB,GAAC,iBAExC,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAW,GAAC,UAEjC,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAkB,GAAC,iBAExC,CAAU,CACD;AAEf,CAAC;AA5BYgB,GAAG,CAAAf,WAAA;AA8BhBe,GAAG,CAACE,KAAK,GAAG;EACVC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMC,WAAW,GAAAjB,OAAA,CAAAiB,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACE3D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,QAAE;EAAG,GAAC,UAEvC,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,QAAE;EAAG,GAAC,IAEvC,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,QAAE,GAAG;IAACb,MAAM;EAAA,GAAC,OAE9C,CAAU,eAEVjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,QAAE;EAAG,GAAC,iBAEvC,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,QAAE;EAAG,GAAC,UAEvC,CAAU,eAEV9D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEI,oBAAU;IAACC,OAAO,EAAE,IAAAC,QAAE;EAAG,GAAC,iBAEvC,CAAU,CACD;AAEf,CAAC;AA5BYH,WAAW,CAAAnB,WAAA;AA8BxBmB,WAAW,CAACF,KAAK,GAAG;EAClBC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMK,YAAY,GAAArB,OAAA,CAAAqB,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,oBACE/D,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAEvB,UAAW;IAACE,EAAE,EAAC,UAAU;IAAC6B,eAAe,EAAC,QAAQ;IAACC,OAAO;EAAA,GAAC,SAExE,CAAU,CACD;AAEf,CAAC;AARYF,YAAY,CAAAvB,WAAA;AAUzBuB,YAAY,CAACN,KAAK,GAAG;EACnBC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMQ,WAAW,GAAAxB,OAAA,CAAAwB,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACElE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,QACN,CACC,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,WAAW,CACZ,CAACa,GAAG,CAAC,UAACC,KAAK,EAAErD,CAAC,EAAK;IAClB,oBACEf,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;MAAC/B,GAAG,EAAEiD,KAAM;MAACnB,MAAM,EAAElC,CAAC,KAAK;IAAE,GAClCqD,KAAK,CACE;EAEd,CAAC,CAAC,CACO;AAEf,CAAC;AAvBYF,WAAW,CAAA1B,WAAA;AAyBjB,IAAM6B,IAAI,GAAA3B,OAAA,CAAA2B,IAAA,GAAG,SAAPA,IAAIA,CAAA,EAAS;EACxB,oBACErE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAClC,IAAA,CAAAkE,GAAG;IAACC,CAAC,EAAE;EAAE,gBACRvE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACF,IAAI;IAACoB,EAAE,EAAE;EAAE,gBACnBxE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,KAEzB,CAAU,CACD,eAEXvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACF,IAAI;IAACoB,EAAE,EAAE;EAAE,gBACnBxE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,KAEzB,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC,GAAG;IAACU,MAAM;EAAA,GAAC,KAEhC,CAAU,CACD,eAEXjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACF,IAAI;IAACoB,EAAE,EAAE;EAAE,gBACnBxE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,KAEzB,CAAU,eAEVvC,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC,GAAG;IAACU,MAAM;EAAA,GAAC,KAEhC,CAAU,eAEVjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACM,EAAE,EAAC,GAAG;IAACjB,IAAI,EAAC;EAAG,GAAC,OAEzB,CAAU,CACD,CACP;AAEV,CAAC;AAlCY8B,IAAI,CAAA7B,WAAA;AAoCV,IAAMiC,4BAA4B,GAAA/B,OAAA,CAAA+B,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAChD,oBACEzE,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAClC,IAAA,CAAAkE,GAAG;IAACC,CAAC,EAAE,CAAE;IAACG,EAAE,EAAC;EAAQ,gBACpB1E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ;IAACqB,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACtB5E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACD,MAAM;EAAA,GAAC,kDAEhB,CAAU,CACD,CACP;AAEV,CAAC;AAVYwB,4BAA4B,CAAAjC,WAAA;AAYzCiC,4BAA4B,CAAChB,KAAK,GAAG;EACnCC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMmB,cAAc,GAAAnC,OAAA,CAAAmC,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,oBACE7E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAAmD,QAAQ,qBACPtD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAAtC,MAAA,CAAAS,OAAA,CAAAqE,QAAA,qBACE9E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,OAAK,CAAU,eACxBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,QAAM,CAAU,eACzBlD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAAAtC,MAAA,CAAAS,OAAA,CAAAqE,QAAA,qBACE9E,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO;IAACD,MAAM;EAAA,GAAC,QAAM,CAAU,eAChCjD,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACnC,SAAA,CAAA+C,OAAO,QAAC,MAAI,CAAU,CACtB,CACF,CACM;AAEf,CAAC;AAbY2B,cAAc,CAAArC,WAAA;AAe3BqC,cAAc,CAACpB,KAAK,GAAG;EACrBC,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"BaseTabs.story.js","names":["_test","require","_react","_interopRequireDefault","_BaseTabs","_Box","_Clickable","_storybookBlocklist","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","RouterLink","_ref","to","children","rest","createElement","href","displayName","_default","exports","title","component","BaseTabs","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","Fragment","BaseTab","active","WithFill","fill","AsAnchorTags","as","AsClickable","Clickable","onClick","fn","AsRouterLink","activeClassName","Overflowing","BreakingOutOfContainerMargin","mx","px","decorators","Story","Box","m","bg","NestedChildren"],"sources":["../../../src/elements/BaseTabs/BaseTabs.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\n// Fake `RouterLink`\nconst RouterLink: React.FC<React.PropsWithChildren<{ to: string }>> = ({\n  to,\n  children,\n  ...rest\n}) => {\n  return (\n    <a href={to} {...rest}>\n      {children}\n    </a>\n  )\n}\n\nexport default {\n  title: \"Components/BaseTabs\",\n  component: BaseTabs,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"BaseTabs component for creating tabbed navigation interfaces. Provides horizontal overflow handling and supports various tab configurations including fill width and custom tab implementations.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    children: (\n      <>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <BaseTab active>Active</BaseTab>\n        <BaseTab>Last</BaseTab>\n      </>\n    ),\n  },\n}\n\nexport const WithFill = {\n  args: {\n    fill: true,\n    children: (\n      <>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <BaseTab active>Active</BaseTab>\n        <BaseTab>Last</BaseTab>\n      </>\n    ),\n  },\n}\n\nexport const AsAnchorTags = {\n  args: {\n    children: (\n      <>\n        <BaseTab as=\"a\" href=\"#overview\">\n          Overview\n        </BaseTab>\n        <BaseTab as=\"a\" href=\"#cv\">\n          CV\n        </BaseTab>\n        <BaseTab as=\"a\" href=\"#shows\" active>\n          Shows\n        </BaseTab>\n        <BaseTab as=\"a\" href=\"#articles\">\n          Articles\n        </BaseTab>\n      </>\n    ),\n  },\n}\n\nexport const AsClickable = {\n  args: {\n    children: (\n      <>\n        <BaseTab as={Clickable} onClick={fn()}>\n          Overview\n        </BaseTab>\n        <BaseTab as={Clickable} onClick={fn()}>\n          CV\n        </BaseTab>\n        <BaseTab as={Clickable} onClick={fn()} active>\n          Shows\n        </BaseTab>\n        <BaseTab as={Clickable} onClick={fn()}>\n          Articles\n        </BaseTab>\n      </>\n    ),\n  },\n}\n\nexport const AsRouterLink = {\n  args: {\n    children: (\n      <BaseTab as={RouterLink} to=\"#example\" activeClassName=\"active\">\n        Example\n      </BaseTab>\n    ),\n  },\n}\n\nexport const Overflowing = {\n  args: {\n    children: (\n      <>\n        <BaseTab>Artworks (580656)</BaseTab>\n        <BaseTab active>Artists (8)</BaseTab>\n        <BaseTab>Collections (7)</BaseTab>\n        <BaseTab>Artist Series (13)</BaseTab>\n        <BaseTab>Galleries (4)</BaseTab>\n        <BaseTab>Shows (3667)</BaseTab>\n        <BaseTab>Categories (21)</BaseTab>\n        <BaseTab>Articles (656)</BaseTab>\n        <BaseTab>Auctions (23)</BaseTab>\n        <BaseTab>More (46)</BaseTab>\n      </>\n    ),\n  },\n}\n\nexport const BreakingOutOfContainerMargin = {\n  args: {\n    mx: -6,\n    px: 6,\n    children: (\n      <BaseTab active>Rail border should extend past container</BaseTab>\n    ),\n  },\n  decorators: [\n    (Story) => (\n      <Box m={6} bg=\"mono10\">\n        <Story />\n      </Box>\n    ),\n  ],\n}\n\nexport const NestedChildren = {\n  args: {\n    children: (\n      <>\n        <BaseTab>First</BaseTab>\n        <BaseTab>Second</BaseTab>\n        <>\n          <BaseTab active>Active</BaseTab>\n          <BaseTab>Last</BaseTab>\n        </>\n      </>\n    ),\n  },\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,35 @@
 import React from "react";
 declare const _default: {
     title: string;
+    component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("..").RadioProps<unknown>, import("./BorderedRadio").BorderedRadioProps<any>>> & string & Omit<(<T>({ children, disabled, hover, focus, error, label, selected, value, size, onSelect, ...rest }: import("..").RadioProps<T>) => React.JSX.Element), keyof React.Component<any, {}, any>>;
+    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: {
+        value: string;
+        children: string;
+    };
+};
+export declare const WithPreselected: {
+    render: () => React.JSX.Element;
+};
+export declare const WithDeselectable: {
+    render: () => React.JSX.Element;
+};
+export declare const WithDisabledOption: {
+    render: () => React.JSX.Element;
+};
+export declare const WithErrorState: {
+    render: () => React.JSX.Element;
+};

package/dist/elements/BorderedRadio/BorderedRadio.story.js

@@ -3,31 +3,104 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
+exports.default = exports.WithPreselected = exports.WithErrorState = exports.WithDisabledOption = exports.WithDeselectable = exports.Default = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _RadioGroup = require("../RadioGroup");
 var _BorderedRadio = require("./BorderedRadio");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/BorderedRadio"
+  title: "Components/BorderedRadio",
+  component: _BorderedRadio.BorderedRadio,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "BorderedRadio component provides a radio button with border styling. Designed to be used within RadioGroup for creating radio button lists with consistent visual borders."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      defaultValue: "Aural"
-    }, {
-      deselectable: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
-    onSelect: (0, _test.fn)()
-  }, ["Visual", "Linguistic", "Spatial", "Aural", "Gestural"].map(function (value) {
-    return /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
-      key: value,
-      value: value
-    }, value);
-  })));
+var Default = exports.Default = {
+  args: {
+    value: "option1",
+    children: "Option 1"
+  }
+};
+var WithPreselected = exports.WithPreselected = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+      defaultValue: "Aural",
+      onSelect: (0, _test.fn)()
+    }, /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Visual"
+    }, "Visual"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Linguistic"
+    }, "Linguistic"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Spatial"
+    }, "Spatial"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Aural"
+    }, "Aural"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Gestural"
+    }, "Gestural"));
+  }
+};
+var WithDeselectable = exports.WithDeselectable = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+      deselectable: true,
+      onSelect: (0, _test.fn)()
+    }, /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Visual"
+    }, "Visual"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Linguistic"
+    }, "Linguistic"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Spatial"
+    }, "Spatial"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Aural"
+    }, "Aural"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Gestural"
+    }, "Gestural"));
+  }
+};
+var WithDisabledOption = exports.WithDisabledOption = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+      onSelect: (0, _test.fn)()
+    }, /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Visual"
+    }, "Visual"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Linguistic",
+      disabled: true
+    }, "Linguistic (Disabled)"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Spatial"
+    }, "Spatial"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Aural"
+    }, "Aural"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Gestural"
+    }, "Gestural"));
+  }
+};
+var WithErrorState = exports.WithErrorState = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+      onSelect: (0, _test.fn)()
+    }, /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Visual"
+    }, "Visual"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Linguistic"
+    }, "Linguistic"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Spatial",
+      error: true
+    }, "Spatial (Error)"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Aural"
+    }, "Aural"), /*#__PURE__*/_react.default.createElement(_BorderedRadio.BorderedRadio, {
+      value: "Gestural"
+    }, "Gestural"));
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=BorderedRadio.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BorderedRadio.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_RadioGroup","_BorderedRadio","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","defaultValue","deselectable","RadioGroup","onSelect","fn","map","value","BorderedRadio","key","displayName"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { RadioGroup, RadioGroupProps } from \"../RadioGroup\"\nimport { BorderedRadio } from \"./BorderedRadio\"\n\nexport default {\n  title: \"Components/BorderedRadio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps<string>>>\n      states={[{}, { defaultValue: \"Aural\" }, { deselectable: true }]}\n    >\n      <RadioGroup onSelect={fn()}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return (\n              <BorderedRadio key={value} value={value}>\n                {value}\n              </BorderedRadio>\n            )\n          }\n        )}\n      </RadioGroup>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA+C,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEhC;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAQ,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAK,CAAC;EAAE,gBAEhEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAc,UAAU;IAACC,QAAQ,EAAE,IAAAC,QAAE;EAAG,GACxB,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAACC,KAAK,EAAK;IACT,oBACErB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAkB,aAAa;MAACC,GAAG,EAAEF,KAAM;MAACA,KAAK,EAAEA;IAAM,GACrCA,KAAK,CACQ;EAEpB,CAAC,CACF,CACU,CACN;AAEb,CAAC;AAlBYV,OAAO,CAAAa,WAAA"}
+{"version":3,"file":"BorderedRadio.story.js","names":["_test","require","_react","_interopRequireDefault","_RadioGroup","_BorderedRadio","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","BorderedRadio","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","value","children","WithPreselected","render","createElement","RadioGroup","defaultValue","onSelect","fn","WithDeselectable","deselectable","WithDisabledOption","disabled","WithErrorState","error"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { RadioGroup } from \"../RadioGroup\"\nimport { BorderedRadio } from \"./BorderedRadio\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/BorderedRadio\",\n  component: BorderedRadio,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"BorderedRadio component provides a radio button with border styling. Designed to be used within RadioGroup for creating radio button lists with consistent visual borders.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  args: {\n    value: \"option1\",\n    children: \"Option 1\",\n  },\n}\n\nexport const WithPreselected = {\n  render: () => (\n    <RadioGroup defaultValue=\"Aural\" onSelect={fn()}>\n      <BorderedRadio value=\"Visual\">Visual</BorderedRadio>\n      <BorderedRadio value=\"Linguistic\">Linguistic</BorderedRadio>\n      <BorderedRadio value=\"Spatial\">Spatial</BorderedRadio>\n      <BorderedRadio value=\"Aural\">Aural</BorderedRadio>\n      <BorderedRadio value=\"Gestural\">Gestural</BorderedRadio>\n    </RadioGroup>\n  ),\n}\n\nexport const WithDeselectable = {\n  render: () => (\n    <RadioGroup deselectable onSelect={fn()}>\n      <BorderedRadio value=\"Visual\">Visual</BorderedRadio>\n      <BorderedRadio value=\"Linguistic\">Linguistic</BorderedRadio>\n      <BorderedRadio value=\"Spatial\">Spatial</BorderedRadio>\n      <BorderedRadio value=\"Aural\">Aural</BorderedRadio>\n      <BorderedRadio value=\"Gestural\">Gestural</BorderedRadio>\n    </RadioGroup>\n  ),\n}\n\nexport const WithDisabledOption = {\n  render: () => (\n    <RadioGroup onSelect={fn()}>\n      <BorderedRadio value=\"Visual\">Visual</BorderedRadio>\n      <BorderedRadio value=\"Linguistic\" disabled>\n        Linguistic (Disabled)\n      </BorderedRadio>\n      <BorderedRadio value=\"Spatial\">Spatial</BorderedRadio>\n      <BorderedRadio value=\"Aural\">Aural</BorderedRadio>\n      <BorderedRadio value=\"Gestural\">Gestural</BorderedRadio>\n    </RadioGroup>\n  ),\n}\n\nexport const WithErrorState = {\n  render: () => (\n    <RadioGroup onSelect={fn()}>\n      <BorderedRadio value=\"Visual\">Visual</BorderedRadio>\n      <BorderedRadio value=\"Linguistic\">Linguistic</BorderedRadio>\n      <BorderedRadio value=\"Spatial\" error>\n        Spatial (Error)\n      </BorderedRadio>\n      <BorderedRadio value=\"Aural\">Aural</BorderedRadio>\n      <BorderedRadio value=\"Gestural\">Gestural</BorderedRadio>\n    </RadioGroup>\n  ),\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,40 @@
 import React from "react";
 declare const _default: {
     title: string;
+    component: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("./Box").BoxProps>> & string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
-export declare const Stack: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        children: string;
+        p: number;
+        bg: string;
+    };
+};
+export declare const WithGap: {
+    args: {
+        display: string;
+        flexDirection: string;
+        gap: number;
+        children: React.JSX.Element;
+    };
+};
+export declare const ResponsiveGap: {
+    args: {
+        display: string;
+        flexDirection: string;
+        gap: number[];
+        children: React.JSX.Element;
+    };
+};