@artsy/palette 44.1.0 → 44.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_MultiSelect","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_default","exports","title","OPTIONS","text","Default","createElement","States","states","focus","hover","complete","error","disabled","required","description","MultiSelect","options","onSelect","fn","displayName","Example","_useReducer","useReducer","state","newFilter","_useReducer2","filters","setFilter","Fragment","JSON","stringify","sizes","map","size","CustomSelectionLogic","_React$useState","React","useState","_React$useState2","selectedValue","setSelectedValue","handleSelect","selection","newlySelected","selected"],"sources":["../../../src/elements/MultiSelect/MultiSelect.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useReducer } from \"react\"\nimport { States } from \"storybook-states\"\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\"\n\nexport default {\n  title: \"Components/MultiSelect\",\n}\n\nconst OPTIONS = [\n  { text: \"Painting\", value: \"painting\" },\n  { text: \"Print\", value: \"print\" },\n  { text: \"Sculpture\", value: \"sculpture\" },\n  { text: \"Photography\", value: \"photography\" },\n  { text: \"Mixed Media\", value: \"mixed-media\" },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<MultiSelectProps>>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { complete: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { title: \"Medium\", name: \"Select\" },\n        { title: \"Medium\", name: \"Select\", required: true },\n        {\n          title: \"Medium\",\n          name: \"Select\",\n          description: \"Materials or support\",\n        },\n      ]}\n    >\n      <MultiSelect name=\"Medium\" options={OPTIONS} onSelect={fn()} />\n    </States>\n  )\n}\n\nexport const Example = () => {\n  const [filters, setFilter] = useReducer(\n    (state, newFilter) => ({ ...state, ...newFilter }),\n    {}\n  )\n\n  return (\n    <>\n      <pre>{JSON.stringify(filters)}</pre>\n\n      <MultiSelect\n        options={OPTIONS}\n        name=\"Size\"\n        onSelect={(sizes) => {\n          setFilter({ sizes: sizes.map((size) => size.value) })\n        }}\n      />\n    </>\n  )\n}\n\nexport const CustomSelectionLogic = () => {\n  const [selectedValue, setSelectedValue] = React.useState<string[]>([])\n\n  const handleSelect = (selection) => {\n    // If a new option is selected, only keep the most recently selected one\n    if (selection.length > selectedValue.length) {\n      const newlySelected = selection[selection.length - 1]\n      setSelectedValue([newlySelected.value])\n    } else {\n      // If an option was deselected, clear the selection\n      setSelectedValue([])\n    }\n  }\n\n  return (\n    <>\n      <p>\n        This MultiSelect behaves like a single select - selecting a new option\n        deselects all others.\n      </p>\n      <pre>Selected: {JSON.stringify(selectedValue)}</pre>\n\n      <MultiSelect\n        options={OPTIONS}\n        name=\"Select one medium\"\n        selected={selectedValue}\n        onSelect={handleSelect}\n      />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.story.js","names":["_test","require","_react","_interopRequireWildcard","_MultiSelect","_storybookBlocklist","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_default","exports","title","component","MultiSelect","tags","parameters","docs","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","OPTIONS","text","Default","args","options","onSelect","fn","Focus","focus","Hover","hover","Complete","complete","WithError","error","Disabled","disabled","WithTitle","Required","required","WithDescription","description","WithStateTracking","render","_useReducer","useReducer","state","newFilter","_useReducer2","filters","setFilter","createElement","Fragment","JSON","stringify","sizes","map","size","CustomSelectionLogic","_React$useState","React","useState","_React$useState2","selectedValue","setSelectedValue","handleSelect","selection","newlySelected","selected"],"sources":["../../../src/elements/MultiSelect/MultiSelect.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useReducer } from \"react\"\nimport { MultiSelect } from \"./MultiSelect\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  title: \"Components/MultiSelect\",\n  component: MultiSelect,\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nconst OPTIONS = [\n  { text: \"Painting\", value: \"painting\" },\n  { text: \"Print\", value: \"print\" },\n  { text: \"Sculpture\", value: \"sculpture\" },\n  { text: \"Photography\", value: \"photography\" },\n  { text: \"Mixed Media\", value: \"mixed-media\" },\n]\n\nexport const Default = {\n  args: {\n    name: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Focus = {\n  args: {\n    name: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n    focus: true,\n  },\n}\n\nexport const Hover = {\n  args: {\n    name: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n    hover: true,\n  },\n}\n\nexport const Complete = {\n  args: {\n    name: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n    complete: true,\n  },\n}\n\nexport const WithError = {\n  args: {\n    name: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n    error: \"Something went wrong.\",\n  },\n}\n\nexport const Disabled = {\n  args: {\n    name: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n    disabled: true,\n  },\n}\n\nexport const WithTitle = {\n  args: {\n    name: \"Select\",\n    title: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const Required = {\n  args: {\n    name: \"Select\",\n    title: \"Medium\",\n    options: OPTIONS,\n    onSelect: fn(),\n    required: true,\n  },\n}\n\nexport const WithDescription = {\n  args: {\n    name: \"Select\",\n    title: \"Medium\",\n    description: \"Materials or support\",\n    options: OPTIONS,\n    onSelect: fn(),\n  },\n}\n\nexport const WithStateTracking = {\n  args: {\n    name: \"Size\",\n    options: OPTIONS,\n  },\n  render: (args) => {\n    const [filters, setFilter] = useReducer(\n      (state, newFilter) => ({ ...state, ...newFilter }),\n      {}\n    )\n\n    return (\n      <>\n        <pre>{JSON.stringify(filters)}</pre>\n\n        <MultiSelect\n          {...args}\n          onSelect={(sizes) => {\n            setFilter({ sizes: sizes.map((size) => size.value) })\n          }}\n        />\n      </>\n    )\n  },\n}\n\nexport const CustomSelectionLogic = () => {\n  const [selectedValue, setSelectedValue] = React.useState<string[]>([])\n\n  const handleSelect = (selection) => {\n    // If a new option is selected, only keep the most recently selected one\n    if (selection.length > selectedValue.length) {\n      const newlySelected = selection[selection.length - 1]\n      setSelectedValue([newlySelected.value])\n    } else {\n      // If an option was deselected, clear the selection\n      setSelectedValue([])\n    }\n  }\n\n  return (\n    <>\n      <p>\n        This MultiSelect behaves like a single select - selecting a new option\n        deselects all others.\n      </p>\n      <pre>Selected: {JSON.stringify(selectedValue)}</pre>\n\n      <MultiSelect\n        options={OPTIONS}\n        name=\"Select one medium\"\n        selected={selectedValue}\n        onSelect={handleSelect}\n      />\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -1,12 +1,96 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./Pagination").PaginationProps>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
 export declare const Default: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    args: {
+        hasNextPage: boolean;
+        pageCursors: {
+            first: {
+                page: number;
+                cursor: string;
+                isCurrent: boolean;
+            };
+            last: {
+                page: number;
+                cursor: string;
+                isCurrent: boolean;
+            };
+            around: {
+                page: number;
+                cursor: string;
+                isCurrent: boolean;
+            }[];
+            previous: {
+                page: number;
+                cursor: string;
+                isCurrent: boolean;
+            };
+        };
+        onClick: (cursor: any, page: any, event: any) => void;
+        onNext: (event: any, ...rest: any[]) => void;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithoutPrevious: {
+    args: {
+        hasNextPage: boolean;
+        pageCursors: {
+            previous: null;
+            first: {
+                page: number;
+                cursor: string;
+                isCurrent: boolean;
+            };
+            last: {
+                page: number;
+                cursor: string;
+                isCurrent: boolean;
+            };
+            around: {
+                page: number;
+                cursor: string;
+                isCurrent: boolean;
+            }[];
+        };
+        onClick: (cursor: any, page: any, event: any) => void;
+        onNext: (event: any, ...rest: any[]) => void;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Skeleton: {
+    args: {};
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
-export declare const Skeleton: () => React.JSX.Element;

package/dist/elements/Pagination/Pagination.story.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Skeleton = exports.Default = void 0;
+exports.default = exports.WithoutPrevious = exports.Skeleton = exports.Default = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Pagination = require("./Pagination");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -15,9 +15,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var _default = exports.default = {
-  title: "Components/Pagination"
-};
 var EXAMPLE_PAGE_CURSORS = {
   first: {
     page: 1,
@@ -52,17 +49,23 @@ var EXAMPLE_PAGE_CURSORS = {
     isCurrent: false
   }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      pageCursors: _objectSpread(_objectSpread({}, EXAMPLE_PAGE_CURSORS), {}, {
-        previous: null
-      })
-    }, {
-      pageCursors: _objectSpread({}, EXAMPLE_PAGE_CURSORS),
-      hasNextPage: false
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, {
+var _default = exports.default = {
+  component: _Pagination.Pagination,
+  title: "Components/Pagination",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A pagination component for navigating through pages of content with support for cursor-based pagination."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+var Default = exports.Default = {
+  args: {
     hasNextPage: true,
     pageCursors: EXAMPLE_PAGE_CURSORS,
     onClick: function onClick(cursor, page, event) {
@@ -76,14 +79,52 @@ var Default = exports.Default = function Default() {
       }
       (0, _test.fn)().apply(void 0, [event].concat(rest));
     }
-  }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic pagination with next page available."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
-Default.story = {
-  name: "Pagination"
+var WithoutPrevious = exports.WithoutPrevious = {
+  args: {
+    hasNextPage: true,
+    pageCursors: _objectSpread(_objectSpread({}, EXAMPLE_PAGE_CURSORS), {}, {
+      previous: null
+    }),
+    onClick: function onClick(cursor, page, event) {
+      event.preventDefault();
+      (0, _test.fn)()(cursor, page, event);
+    },
+    onNext: function onNext(event) {
+      event.preventDefault();
+      for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        rest[_key2 - 1] = arguments[_key2];
+      }
+      (0, _test.fn)().apply(void 0, [event].concat(rest));
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Pagination on first page without previous navigation."
+      }
+    }
+  }
 };
-var Skeleton = exports.Skeleton = function Skeleton() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Pagination.PaginationSkeleton, null));
+var Skeleton = exports.Skeleton = {
+  args: {},
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(_Pagination.PaginationSkeleton, null);
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Loading skeleton for pagination component."
+      }
+    }
+  }
 };
-Skeleton.displayName = "Skeleton";
 //# sourceMappingURL=Pagination.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","exports","title","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","Default","createElement","States","states","pageCursors","hasNextPage","Pagination","onClick","event","preventDefault","fn","onNext","_len","rest","Array","_key","concat","displayName","story","name","Skeleton","PaginationSkeleton"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Pagination, PaginationProps, PaginationSkeleton } from \"./Pagination\"\n\nexport default {\n  title: \"Components/Pagination\",\n}\n\nconst EXAMPLE_PAGE_CURSORS = {\n  first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n  last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  around: [\n    { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n    { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n    { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n    { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  ],\n  previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PaginationProps>>\n      states={[\n        {},\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null as any } },\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS }, hasNextPage: false },\n      ]}\n    >\n      <Pagination\n        hasNextPage\n        pageCursors={EXAMPLE_PAGE_CURSORS}\n        onClick={(cursor, page, event) => {\n          event.preventDefault()\n          fn()(cursor, page, event)\n        }}\n        onNext={(event, ...rest) => {\n          event.preventDefault()\n          fn()(event, ...rest)\n        }}\n      />\n    </States>\n  )\n}\n\nDefault.story = {\n  name: \"Pagination\",\n}\n\nexport const Skeleton = () => {\n  return (\n    <States>\n      <PaginationSkeleton />\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.story.js","names":["_test","require","_react","_interopRequireDefault","_Pagination","_storybookBlocklist","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","_default","exports","component","Pagination","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","hasNextPage","pageCursors","onClick","event","preventDefault","fn","onNext","_len","rest","Array","_key","concat","story","WithoutPrevious","_len2","_key2","Skeleton","render","createElement","PaginationSkeleton"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { Pagination, PaginationSkeleton } from \"./Pagination\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst EXAMPLE_PAGE_CURSORS = {\n  first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n  last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  around: [\n    { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n    { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n    { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n    { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  ],\n  previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport default {\n  component: Pagination,\n  title: \"Components/Pagination\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A pagination component for navigating through pages of content with support for cursor-based pagination.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    hasNextPage: true,\n    pageCursors: EXAMPLE_PAGE_CURSORS,\n    onClick: (cursor, page, event) => {\n      event.preventDefault()\n      fn()(cursor, page, event)\n    },\n    onNext: (event, ...rest) => {\n      event.preventDefault()\n      fn()(event, ...rest)\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic pagination with next page available.\",\n      },\n    },\n  },\n}\n\nexport const WithoutPrevious = {\n  args: {\n    hasNextPage: true,\n    pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null },\n    onClick: (cursor, page, event) => {\n      event.preventDefault()\n      fn()(cursor, page, event)\n    },\n    onNext: (event, ...rest) => {\n      event.preventDefault()\n      fn()(event, ...rest)\n    },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Pagination on first page without previous navigation.\",\n      },\n    },\n  },\n}\n\nexport const Skeleton = {\n  args: {},\n  render: () => <PaginationSkeleton />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Loading skeleton for pagination component.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,58 @@
-import React from "react";
 declare const _default: {
+    component: import("react").FC<import("react").PropsWithChildren<import("./PasswordInput").PasswordInputProps>>;
     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: {
+        name: string;
+        placeholder: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithValue: {
+    args: {
+        name: string;
+        placeholder: string;
+        defaultValue: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const VisibleByDefault: {
+    args: {
+        name: string;
+        placeholder: string;
+        defaultValue: string;
+        defaultVisibility: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/PasswordInput/PasswordInput.story.js

@@ -3,26 +3,64 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
+exports.default = exports.WithValue = exports.VisibleByDefault = exports.Default = void 0;
 var _PasswordInput = require("./PasswordInput");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _default = exports.default = {
-  title: "Components/PasswordInput"
+  component: _PasswordInput.PasswordInput,
+  title: "Components/PasswordInput",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A password input field with a toggle to show/hide the password text."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      defaultValue: "secret"
-    }, {
-      defaultValue: "secret",
-      defaultVisibility: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_PasswordInput.PasswordInput, {
+var Default = exports.Default = {
+  args: {
     name: "Password",
     placeholder: "Password"
-  }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic password input with placeholder text."
+      }
+    }
+  }
+};
+var WithValue = exports.WithValue = {
+  args: {
+    name: "Password",
+    placeholder: "Password",
+    defaultValue: "secret"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Password input with a default value."
+      }
+    }
+  }
+};
+var VisibleByDefault = exports.VisibleByDefault = {
+  args: {
+    name: "Password",
+    placeholder: "Password",
+    defaultValue: "secret",
+    defaultVisibility: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Password input with text visible by default."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=PasswordInput.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordInput.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_PasswordInput","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","defaultValue","defaultVisibility","PasswordInput","name","placeholder","displayName"],"sources":["../../../src/elements/PasswordInput/PasswordInput.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { PasswordInput, PasswordInputProps } from \"./PasswordInput\"\n\nexport default {\n  title: \"Components/PasswordInput\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PasswordInputProps>>\n      states={[\n        {},\n        { defaultValue: \"secret\" },\n        { defaultValue: \"secret\", defaultVisibility: true },\n      ]}\n    >\n      <PasswordInput name=\"Password\" placeholder=\"Password\" />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAAmE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEpD;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;MAAEC,YAAY,EAAE;IAAS,CAAC,EAC1B;MAAEA,YAAY,EAAE,QAAQ;MAAEC,iBAAiB,EAAE;IAAK,CAAC;EACnD,gBAEFhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAa,aAAa;IAACC,IAAI,EAAC,UAAU;IAACC,WAAW,EAAC;EAAU,EAAG,CACjD;AAEb,CAAC;AAZYR,OAAO,CAAAS,WAAA"}
+{"version":3,"file":"PasswordInput.story.js","names":["_PasswordInput","require","_storybookBlocklist","_default","exports","default","component","PasswordInput","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","name","placeholder","story","WithValue","defaultValue","VisibleByDefault","defaultVisibility"],"sources":["../../../src/elements/PasswordInput/PasswordInput.story.tsx"],"sourcesContent":["import { PasswordInput } from \"./PasswordInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: PasswordInput,\n  title: \"Components/PasswordInput\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A password input field with a toggle to show/hide the password text.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    name: \"Password\",\n    placeholder: \"Password\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic password input with placeholder text.\",\n      },\n    },\n  },\n}\n\nexport const WithValue = {\n  args: {\n    name: \"Password\",\n    placeholder: \"Password\",\n    defaultValue: \"secret\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Password input with a default value.\",\n      },\n    },\n  },\n}\n\nexport const VisibleByDefault = {\n  args: {\n    name: \"Password\",\n    placeholder: \"Password\",\n    defaultValue: \"secret\",\n    defaultVisibility: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Password input with text visible by default.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAA0E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,SAAS,EAAEC,4BAAa;EACxBC,KAAK,EAAE,0BAA0B;EACjCC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE;EACf,CAAC;EACDT,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,SAAS,GAAAjB,OAAA,CAAAiB,SAAA,GAAG;EACvBJ,IAAI,EAAE;IACJC,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE,UAAU;IACvBG,YAAY,EAAE;EAChB,CAAC;EACDZ,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMG,gBAAgB,GAAAnB,OAAA,CAAAmB,gBAAA,GAAG;EAC9BN,IAAI,EAAE;IACJC,IAAI,EAAE,UAAU;IAChBC,WAAW,EAAE,UAAU;IACvBG,YAAY,EAAE,QAAQ;IACtBE,iBAAiB,EAAE;EACrB,CAAC;EACDd,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXQ,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

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

@@ -1,14 +1,119 @@
 import React from "react";
 declare const _default: {
+    component: React.ForwardRefExoticComponent<import("./Pill").PillProps & React.RefAttributes<HTMLAnchorElement & HTMLButtonElement>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Variants: () => React.JSX.Element;
-export declare const LinkExample: () => React.JSX.Element;
-export declare const LongExampleWithTruncation: () => React.JSX.Element;
-export declare const SearchWithCount: () => React.JSX.Element;
-export declare const ArtistWithImage: () => React.JSX.Element;
-export declare const PillWithIcon: () => React.JSX.Element;
-export declare const Demo: () => React.JSX.Element;
-export declare const ProfileVariant: () => React.JSX.Element;
-export declare const PillWithPopover: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        children: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Variants: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LinkExample: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const LongExampleWithTruncation: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SearchWithCount: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ArtistWithImage: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PillWithIcon: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Interactive: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ProfileVariant: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const PillWithPopover: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};