@artsy/palette 44.0.1 → 44.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"EntityHeader.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Button","_EntityHeader","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","exports","title","FollowButton","createElement","Button","size","variant","onClick","alert","displayName","imageProps","src","srcSet","lazyLoad","Default","States","states","name","smallVariant","initials","image","meta","href","labels","children","props","EntityHeader","maxWidth"],"sources":["../../../src/elements/EntityHeader/EntityHeader.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Button } from \"../Button\"\nimport { EntityHeader, EntityHeaderProps } from \"./EntityHeader\"\n\nexport default {\n  title: \"Components/EntityHeader\",\n}\n\nconst FollowButton = () => {\n  return (\n    <Button\n      size=\"small\"\n      variant=\"secondaryBlack\"\n      onClick={() => alert(\"Follow\")}\n    >\n      Follow\n    </Button>\n  )\n}\n\nconst imageProps = {\n  src: \"https://picsum.photos/seed/example/110/110\",\n  srcSet:\n    \"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\",\n  lazyLoad: true,\n}\n\nexport const Default = () => {\n  return (\n    <States<EntityHeaderProps>\n      states={[\n        { name: \"Francesca DiMattio\" },\n        { smallVariant: true, name: \"Francesca DiMattio\", initials: \"FD\" },\n        { name: \"Francesca DiMattio\", initials: \"FD\" },\n        {\n          smallVariant: true,\n          name: \"Francesca DiMattio\",\n          image: imageProps,\n        },\n        {\n          name: \"Francesca DiMattio\",\n          image: imageProps,\n        },\n        {\n          initials: \"FD\",\n          name: \"Francesca DiMattio\",\n          image: imageProps,\n          meta: \"American, b. 1979\",\n          href: \"http://www.artsy.net/artist/francesca-dimattio\",\n        },\n        {\n          smallVariant: true,\n          name: \"Francesca DiMattio\",\n          image: imageProps,\n          FollowButton: <FollowButton />,\n        },\n        {\n          initials: \"FD\",\n          name: \"Francesca DiMattio\",\n          image: imageProps,\n          meta: \"American, b. 1979\",\n          href: \"http://www.artsy.net/artist/francesca-dimattio\",\n          FollowButton: <FollowButton />,\n        },\n        {\n          initials: \"FLD\",\n          name: \"Francesca Longer DiMattio\",\n          image: imageProps,\n          meta: \"American, b. Founded 1979\",\n          href: \"http://www.artsy.net/artist/francesca-dimattio\",\n          FollowButton: <FollowButton />,\n        },\n        {\n          initials: \"FLD\",\n          name: \"Francesca Much Longer DiMattio\",\n          image: imageProps,\n          meta: \"American, b. Founded 1979\",\n          href: \"http://www.artsy.net/artist/francesca-dimattio\",\n          FollowButton: <FollowButton />,\n          labels: [{ children: \"Black Owned\" }],\n        },\n        {\n          initials: \"FLD\",\n          name: \"Francesca Much Longer DiMattio\",\n          image: imageProps,\n          meta: \"American, b. Founded 1979\",\n          href: \"http://www.artsy.net/artist/francesca-dimattio\",\n          FollowButton: <FollowButton />,\n          labels: [\n            { children: \"Black Owned\" },\n            { children: \"Women Owned\", variant: \"brand\" },\n          ],\n        },\n      ]}\n    >\n      {(props) => <EntityHeader {...props} maxWidth={350} />}\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"EntityHeader.story.js","names":["_react","_interopRequireDefault","require","_Button","_EntityHeader","_storybookBlocklist","obj","__esModule","default","_default","exports","component","EntityHeader","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","FollowButton","createElement","Button","size","variant","onClick","alert","displayName","imageProps","src","srcSet","lazyLoad","Default","args","name","initials","image","meta","href","maxWidth","NameOnly","story","SmallVariantWithInitials","smallVariant","WithInitials","SmallVariantWithImage","WithImage","WithMetaAndHref","SmallVariantWithButton","Complete","LongerName","WithSingleLabel","labels","children","WithMultipleLabels"],"sources":["../../../src/elements/EntityHeader/EntityHeader.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Button } from \"../Button\"\nimport { EntityHeader } from \"./EntityHeader\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: EntityHeader,\n  title: \"Components/EntityHeader\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A header component for displaying entity information including name, image, metadata, and action buttons.\",\n      },\n    },\n    controls: {\n      exclude: STORYBOOK_PROPS_BLOCKLIST,\n    },\n  },\n}\n\nconst FollowButton = () => {\n  return (\n    <Button\n      size=\"small\"\n      variant=\"secondaryBlack\"\n      onClick={() => alert(\"Follow\")}\n    >\n      Follow\n    </Button>\n  )\n}\n\nconst imageProps = {\n  src: \"https://picsum.photos/seed/example/110/110\",\n  srcSet:\n    \"https://picsum.photos/seed/example/110/110 1x, https://picsum.photos/seed/example/220/220 2x\",\n  lazyLoad: true,\n}\n\nexport const Default = {\n  args: {\n    name: \"Francesca DiMattio\",\n    initials: \"FD\",\n    image: imageProps,\n    meta: \"American, b. 1979\",\n    href: \"http://www.artsy.net/artist/francesca-dimattio\",\n    FollowButton: <FollowButton />,\n    maxWidth: 350,\n  },\n}\n\nexport const NameOnly = {\n  args: {\n    name: \"Francesca DiMattio\",\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"EntityHeader with only a name.\",\n      },\n    },\n  },\n}\n\nexport const SmallVariantWithInitials = {\n  args: {\n    smallVariant: true,\n    name: \"Francesca DiMattio\",\n    initials: \"FD\",\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Small variant EntityHeader with initials.\",\n      },\n    },\n  },\n}\n\nexport const WithInitials = {\n  args: {\n    name: \"Francesca DiMattio\",\n    initials: \"FD\",\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"EntityHeader with initials displayed.\",\n      },\n    },\n  },\n}\n\nexport const SmallVariantWithImage = {\n  args: {\n    smallVariant: true,\n    name: \"Francesca DiMattio\",\n    image: imageProps,\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Small variant EntityHeader with image.\",\n      },\n    },\n  },\n}\n\nexport const WithImage = {\n  args: {\n    name: \"Francesca DiMattio\",\n    image: imageProps,\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"EntityHeader with image.\",\n      },\n    },\n  },\n}\n\nexport const WithMetaAndHref = {\n  args: {\n    initials: \"FD\",\n    name: \"Francesca DiMattio\",\n    image: imageProps,\n    meta: \"American, b. 1979\",\n    href: \"http://www.artsy.net/artist/francesca-dimattio\",\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"EntityHeader with metadata and link.\",\n      },\n    },\n  },\n}\n\nexport const SmallVariantWithButton = {\n  args: {\n    smallVariant: true,\n    name: \"Francesca DiMattio\",\n    image: imageProps,\n    FollowButton: <FollowButton />,\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Small variant EntityHeader with action button.\",\n      },\n    },\n  },\n}\n\nexport const Complete = {\n  args: {\n    initials: \"FD\",\n    name: \"Francesca DiMattio\",\n    image: imageProps,\n    meta: \"American, b. 1979\",\n    href: \"http://www.artsy.net/artist/francesca-dimattio\",\n    FollowButton: <FollowButton />,\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Complete EntityHeader with all features.\",\n      },\n    },\n  },\n}\n\nexport const LongerName = {\n  args: {\n    initials: \"FLD\",\n    name: \"Francesca Longer DiMattio\",\n    image: imageProps,\n    meta: \"American, b. Founded 1979\",\n    href: \"http://www.artsy.net/artist/francesca-dimattio\",\n    FollowButton: <FollowButton />,\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"EntityHeader with longer name to test text wrapping.\",\n      },\n    },\n  },\n}\n\nexport const WithSingleLabel = {\n  args: {\n    initials: \"FLD\",\n    name: \"Francesca Much Longer DiMattio\",\n    image: imageProps,\n    meta: \"American, b. Founded 1979\",\n    href: \"http://www.artsy.net/artist/francesca-dimattio\",\n    FollowButton: <FollowButton />,\n    labels: [{ children: \"Black Owned\" }],\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"EntityHeader with a single label.\",\n      },\n    },\n  },\n}\n\nexport const WithMultipleLabels = {\n  args: {\n    initials: \"FLD\",\n    name: \"Francesca Much Longer DiMattio\",\n    image: imageProps,\n    meta: \"American, b. Founded 1979\",\n    href: \"http://www.artsy.net/artist/francesca-dimattio\",\n    FollowButton: <FollowButton />,\n    labels: [\n      { children: \"Black Owned\" },\n      { children: \"Women Owned\", variant: \"brand\" },\n    ],\n    maxWidth: 350,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"EntityHeader with multiple labels in different variants.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,59 @@
 import React from "react";
 declare const _default: {
     title: string;
+    component: ({ label, expanded: defaultExpanded, children, disabled, onClick, onToggle, borderColor, ...rest }: import("./Expandable").ExpandableProps) => React.JSX.Element;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const ConfigurableColors: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        label: string;
+        children: React.JSX.Element;
+        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const Expanded: {
+    args: {
+        label: string;
+        expanded: boolean;
+        children: React.JSX.Element;
+        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const Disabled: {
+    args: {
+        label: string;
+        disabled: boolean;
+        children: React.JSX.Element;
+        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const DisabledExpanded: {
+    args: {
+        label: string;
+        disabled: boolean;
+        expanded: boolean;
+        children: React.JSX.Element;
+        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const CustomLabel: {
+    args: {
+        label: React.JSX.Element;
+        children: React.JSX.Element;
+        onExpand: import("@vitest/spy").Mock<(...args: any[]) => any>;
+    };
+};
+export declare const ConfigurableColors: {
+    render: () => React.JSX.Element;
+};

package/dist/elements/Expandable/Expandable.story.js

@@ -3,83 +3,94 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = exports.ConfigurableColors = void 0;
+exports.default = exports.Expanded = exports.DisabledExpanded = exports.Disabled = exports.Default = exports.CustomLabel = exports.ConfigurableColors = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Clickable = require("../Clickable");
 var _Flex = require("../Flex");
 var _Text = require("../Text");
 var _Expandable = require("./Expandable");
 var _Button = require("../Button");
 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/Expandable"
+  title: "Components/Expandable",
+  component: _Expandable.Expandable,
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "An expandable component that shows and hides content with a clickable label. Supports custom labels, disabled states, and configurable styling."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+var Default = exports.Default = {
+  args: {
+    label: "Click to expand",
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This is the expanded content"),
+    onExpand: (0, _test.fn)()
+  }
+};
+var Expanded = exports.Expanded = {
+  args: {
+    label: "Click to collapse",
+    expanded: true,
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content is initially expanded"),
+    onExpand: (0, _test.fn)()
+  }
+};
+var Disabled = exports.Disabled = {
+  args: {
+    label: "Disabled expandable",
+    disabled: true,
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content cannot be expanded"),
+    onExpand: (0, _test.fn)()
+  }
+};
+var DisabledExpanded = exports.DisabledExpanded = {
+  args: {
+    label: "Disabled and expanded",
+    disabled: true,
+    expanded: true,
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, null, "This content is expanded but disabled"),
+    onExpand: (0, _test.fn)()
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      expanded: true
-    }, {
-      expanded: false,
-      disabled: true
-    }, {
-      expanded: true,
-      disabled: true
-    }, {
-      label: /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-        flex: 1,
-        justifyContent: "space-between"
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "sm-display"
-      }, "Heading"), /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
-        textDecoration: "underline",
-        onClick: function onClick(e) {
-          e.stopPropagation();
-          (0, _test.fn)();
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "sm-display"
-      }, "Reset")))
-    }, {
-      mb: 6
-    }, {
-      expanded: true,
-      mb: 6
-    }, {
-      expanded: true,
-      children: function children(_ref) {
-        var setExpanded = _ref.setExpanded;
-        return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-          onClick: function onClick() {
-            return setExpanded(false);
-          }
-        }, "Close"));
+var CustomLabel = exports.CustomLabel = {
+  args: {
+    label: /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
+      flex: 1,
+      justifyContent: "space-between"
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "sm-display"
+    }, "Custom Heading"), /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
+      textDecoration: "underline",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        (0, _test.fn)();
       }
-    }, {
-      label: "Lorem ipsum dolor sit amet consectetur adipisicing elit."
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, {
-    label: "Example",
-    maxWidth: 350,
-    onToggle: (0, _test.fn)()
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content")));
+    }, "Link in header")),
+    children: /*#__PURE__*/_react.default.createElement(_Box.Box, null, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content with custom label"), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      onClick: (0, _test.fn)()
+    }, "Action Button")),
+    onExpand: (0, _test.fn)()
+  }
 };
-Default.displayName = "Default";
-var ConfigurableColors = exports.ConfigurableColors = function ConfigurableColors() {
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    color: "mono0",
-    bg: "mono100"
-  }, /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      expanded: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, {
-    label: "Example",
-    maxWidth: 350,
-    borderColor: "mono30"
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content"))));
+var ConfigurableColors = exports.ConfigurableColors = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      color: "mono0",
+      bg: "mono100"
+    }, /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, {
+      label: "Custom Colors",
+      maxWidth: 350,
+      borderColor: "mono30"
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content with custom border color")));
+  }
 };
-ConfigurableColors.displayName = "ConfigurableColors";
 //# sourceMappingURL=Expandable.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Expandable.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","expanded","disabled","label","Flex","flex","justifyContent","Text","variant","Clickable","textDecoration","onClick","e","stopPropagation","fn","mb","children","_ref","setExpanded","Button","Expandable","maxWidth","onToggle","displayName","ConfigurableColors","Box","color","bg","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable, ExpandableProps } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/Expandable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ExpandableProps>>\n      states={[\n        {},\n        { expanded: true },\n        { expanded: false, disabled: true },\n        { expanded: true, disabled: true },\n        {\n          label: (\n            <Flex flex={1} justifyContent=\"space-between\">\n              <Text variant=\"sm-display\">Heading</Text>\n              <Clickable\n                textDecoration=\"underline\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  fn()\n                }}\n              >\n                <Text variant=\"sm-display\">Reset</Text>\n              </Clickable>\n            </Flex>\n          ),\n        },\n        { mb: 6 },\n        { expanded: true, mb: 6 },\n        {\n          expanded: true,\n          children: ({ setExpanded }) => (\n            <div>\n              <Text>Expanded content</Text>\n              <Button onClick={() => setExpanded(false)}>Close</Button>\n            </div>\n          ),\n        },\n        { label: \"Lorem ipsum dolor sit amet consectetur adipisicing elit.\" },\n      ]}\n    >\n      <Expandable label=\"Example\" maxWidth={350} onToggle={fn()}>\n        <Text>Expanded content</Text>\n      </Expandable>\n    </States>\n  )\n}\n\nexport const ConfigurableColors = () => {\n  return (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <States<Partial<ExpandableProps>> states={[{}, { expanded: true }]}>\n        <Expandable label=\"Example\" maxWidth={350} borderColor=\"mono30\">\n          <Text>Expanded content</Text>\n        </Expandable>\n      </States>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.story.js","names":["_test","require","_react","_interopRequireDefault","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","_storybookBlocklist","obj","__esModule","default","_default","exports","title","component","Expandable","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","label","children","createElement","Text","onExpand","fn","Expanded","expanded","Disabled","disabled","DisabledExpanded","CustomLabel","Flex","flex","justifyContent","variant","Clickable","textDecoration","onClick","e","stopPropagation","Box","Button","ConfigurableColors","render","color","bg","maxWidth","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/Expandable\",\n  component: Expandable,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"An expandable component that shows and hides content with a clickable label. Supports custom labels, disabled states, and configurable styling.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    label: \"Click to expand\",\n    children: <Text>This is the expanded content</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const Expanded = {\n  args: {\n    label: \"Click to collapse\",\n    expanded: true,\n    children: <Text>This content is initially expanded</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const Disabled = {\n  args: {\n    label: \"Disabled expandable\",\n    disabled: true,\n    children: <Text>This content cannot be expanded</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const DisabledExpanded = {\n  args: {\n    label: \"Disabled and expanded\",\n    disabled: true,\n    expanded: true,\n    children: <Text>This content is expanded but disabled</Text>,\n    onExpand: fn(),\n  },\n}\n\nexport const CustomLabel = {\n  args: {\n    label: (\n      <Flex flex={1} justifyContent=\"space-between\">\n        <Text variant=\"sm-display\">Custom Heading</Text>\n        <Clickable\n          textDecoration=\"underline\"\n          onClick={(e) => {\n            e.stopPropagation()\n            fn()\n          }}\n        >\n          Link in header\n        </Clickable>\n      </Flex>\n    ),\n    children: (\n      <Box>\n        <Text>Expanded content with custom label</Text>\n        <Button onClick={fn()}>Action Button</Button>\n      </Box>\n    ),\n    onExpand: fn(),\n  },\n}\n\nexport const ConfigurableColors = {\n  render: () => (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <Expandable label=\"Custom Colors\" maxWidth={350} borderColor=\"mono30\">\n        <Text>Expanded content with custom border color</Text>\n      </Expandable>\n    </Box>\n  ),\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,157 @@
-import React from "react";
 declare const _default: {
+    component: import("react").FC<import("react").PropsWithChildren<Partial<import("./Components/FilterSelectContext").FilterSelectState>>>;
     title: string;
+    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: {
+        placeholder: string;
+        initialItemsToShow: number;
+        order: string[][];
+        renderItemLabel: (item: any) => string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        items: {
+            label: string;
+            value: string;
+            country: string;
+        }[];
+        multiselect: boolean;
+    };
+};
+export declare const Multiselect: {
+    args: {
+        multiselect: boolean;
+        placeholder: string;
+        initialItemsToShow: number;
+        order: string[][];
+        renderItemLabel: (item: any) => string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        items: {
+            label: string;
+            value: string;
+            country: string;
+        }[];
+    };
+};
+export declare const WithSelectAll: {
+    args: {
+        multiselect: boolean;
+        enableSelectAll: boolean;
+        onSelectAll: (state: any) => void;
+        searchableText: (item: any) => string;
+        placeholder: string;
+        initialItemsToShow: number;
+        order: string[][];
+        renderItemLabel: (item: any) => string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        items: {
+            label: string;
+            value: string;
+            country: string;
+        }[];
+    };
+};
+export declare const SingleSelect: {
+    args: {
+        placeholder: string;
+        initialItemsToShow: number;
+        order: string[][];
+        renderItemLabel: (item: any) => string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        items: {
+            label: string;
+            value: string;
+            country: string;
+        }[];
+        multiselect: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const MultiselectBasic: {
+    args: {
+        placeholder: string;
+        initialItemsToShow: number;
+        order: string[][];
+        renderItemLabel: (item: any) => string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        items: {
+            label: string;
+            value: string;
+            country: string;
+        }[];
+        multiselect: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const MultiselectWithSearchableText: {
+    args: {
+        placeholder: string;
+        initialItemsToShow: number;
+        order: string[][];
+        renderItemLabel: (item: any) => string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        items: {
+            label: string;
+            value: string;
+            country: string;
+        }[];
+        multiselect: boolean;
+        enableSelectAll: boolean;
+        onSelectAll: (state: any) => void;
+        searchableText: (item: any) => string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const MultiselectNoMoveToTop: {
+    args: {
+        placeholder: string;
+        initialItemsToShow: number;
+        order: string[][];
+        renderItemLabel: (item: any) => string;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        items: {
+            label: string;
+            value: string;
+            country: string;
+        }[];
+        multiselect: boolean;
+        moveSelectedToTop: boolean;
+        enableSelectAll: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};