@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/TextArea/TextArea.story.js

@@ -3,69 +3,126 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Required = exports.Default = void 0;
+exports.default = exports.InForm = exports.Default = exports.AllStates = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Button = require("../Button");
 var _TextArea = require("./TextArea");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/TextArea"
+  component: _TextArea.TextArea,
+  title: "Components/TextArea",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A multi-line text input component with character limits, validation, and form states."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      focus: true
-    }, {
-      hover: true
-    }, {
-      active: true
-    }, {
-      error: "Something went wrong."
-    }, {
-      disabled: true
-    }, {
-      title: "Note"
-    }, {
+var Default = exports.Default = {
+  args: {
+    placeholder: "Start typing...",
+    onChange: (0, _test.fn)()
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic text area with placeholder text."
+      }
+    }
+  }
+};
+var AllStates = exports.AllStates = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
+      placeholder: "Default state",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
+      error: "Something went wrong.",
+      placeholder: "Error state",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
+      disabled: true,
+      placeholder: "Disabled state",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
+      title: "Note",
+      placeholder: "With title",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
       title: "Note",
-      required: true
-    }, {
-      characterLimit: 10
-    }, {
+      required: true,
+      placeholder: "Required field",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
+      characterLimit: 10,
+      placeholder: "Character limit",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
       characterLimit: 10,
       characterLimitHelper: true,
-      required: true
-    }, {
+      required: true,
+      placeholder: "With helper text",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
       characterLimit: 10,
-      defaultValue: "hello"
-    }, {
+      defaultValue: "hello",
+      placeholder: "Under limit",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
       characterLimit: 10,
-      defaultValue: "hello world"
-    }, {
-      name: "my-text-area"
-    }, {
+      defaultValue: "hello world",
+      placeholder: "Over limit",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
       name: "my-text-area",
       title: "Note",
-      description: "This is my description"
-    }, {
-      defaultValue: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem nam iste beatae reiciendis ea harum, aspernatur, eius, omnis eveniet corporis consequatur minima assumenda ipsum dolor dolorum perferendis animi distinctio eligendi?"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
-    placeholder: "Start typing...",
-    onChange: (0, _test.fn)()
-  }));
+      description: "This is my description",
+      placeholder: "With description",
+      onChange: (0, _test.fn)()
+    }), /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
+      defaultValue: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem nam iste beatae reiciendis ea harum, aspernatur, eius, omnis eveniet corporis consequatur minima assumenda ipsum dolor dolorum perferendis animi distinctio eligendi?",
+      placeholder: "With long content",
+      onChange: (0, _test.fn)()
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "All available states and configurations of the TextArea component."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
-var Required = exports.Required = function Required() {
-  return /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
-    mt: 1,
-    title: "Example",
-    required: true,
-    placeholder: "Submission should be blocked unless this has a value"
-  }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    mt: 1
-  }, "Submit"));
+var InForm = exports.InForm = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement("form", null, /*#__PURE__*/_react.default.createElement(_TextArea.TextArea, {
+      mt: 1,
+      title: "Example",
+      required: true,
+      placeholder: "Submission should be blocked unless this has a value"
+    }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      mt: 1
+    }, "Submit"));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "TextArea used within a form with required validation."
+      }
+    }
+  }
 };
-Required.displayName = "Required";
 //# sourceMappingURL=TextArea.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_Button","_TextArea","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","focus","hover","active","error","disabled","required","characterLimit","characterLimitHelper","defaultValue","name","description","TextArea","placeholder","onChange","fn","displayName","Required","mt","Button"],"sources":["../../../src/elements/TextArea/TextArea.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Button } from \"../Button\"\nimport { TextArea, TextAreaProps } from \"./TextArea\"\n\nexport default {\n  title: \"Components/TextArea\",\n}\n\nexport const Default = () => {\n  return (\n    <States<TextAreaProps>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { title: \"Note\" },\n        { title: \"Note\", required: true },\n        { characterLimit: 10 },\n        {\n          characterLimit: 10,\n          characterLimitHelper: true,\n          required: true,\n        },\n        { characterLimit: 10, defaultValue: \"hello\" },\n        { characterLimit: 10, defaultValue: \"hello world\" },\n        { name: \"my-text-area\" },\n        {\n          name: \"my-text-area\",\n          title: \"Note\",\n          description: \"This is my description\",\n        },\n        {\n          defaultValue:\n            \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem nam iste beatae reiciendis ea harum, aspernatur, eius, omnis eveniet corporis consequatur minima assumenda ipsum dolor dolorum perferendis animi distinctio eligendi?\",\n        },\n      ]}\n    >\n      <TextArea placeholder=\"Start typing...\" onChange={fn()} />\n    </States>\n  )\n}\n\nexport const Required = () => {\n  return (\n    <form>\n      <TextArea\n        mt={1}\n        title=\"Example\"\n        required\n        placeholder=\"Submission should be blocked unless this has a value\"\n      />\n\n      <Button mt={1}>Submit</Button>\n    </form>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAAoD,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAErC;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,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,MAAM,EAAE;IAAK,CAAC,EAChB;MAAEC,KAAK,EAAE;IAAwB,CAAC,EAClC;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAET,KAAK,EAAE;IAAO,CAAC,EACjB;MAAEA,KAAK,EAAE,MAAM;MAAEU,QAAQ,EAAE;IAAK,CAAC,EACjC;MAAEC,cAAc,EAAE;IAAG,CAAC,EACtB;MACEA,cAAc,EAAE,EAAE;MAClBC,oBAAoB,EAAE,IAAI;MAC1BF,QAAQ,EAAE;IACZ,CAAC,EACD;MAAEC,cAAc,EAAE,EAAE;MAAEE,YAAY,EAAE;IAAQ,CAAC,EAC7C;MAAEF,cAAc,EAAE,EAAE;MAAEE,YAAY,EAAE;IAAc,CAAC,EACnD;MAAEC,IAAI,EAAE;IAAe,CAAC,EACxB;MACEA,IAAI,EAAE,cAAc;MACpBd,KAAK,EAAE,MAAM;MACbe,WAAW,EAAE;IACf,CAAC,EACD;MACEF,YAAY,EACV;IACJ,CAAC;EACD,gBAEFvB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,SAAA,CAAAsB,QAAQ;IAACC,WAAW,EAAC,iBAAiB;IAACC,QAAQ,EAAE,IAAAC,QAAE;EAAG,EAAG,CACnD;AAEb,CAAC;AAnCYlB,OAAO,CAAAmB,WAAA;AAqCb,IAAMC,QAAQ,GAAAtB,OAAA,CAAAsB,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACE/B,MAAA,CAAAO,OAAA,CAAAK,aAAA,4BACEZ,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,SAAA,CAAAsB,QAAQ;IACPM,EAAE,EAAE,CAAE;IACNtB,KAAK,EAAC,SAAS;IACfU,QAAQ;IACRO,WAAW,EAAC;EAAsD,EAClE,eAEF3B,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,OAAA,CAAA8B,MAAM;IAACD,EAAE,EAAE;EAAE,GAAC,QAAM,CAAS,CACzB;AAEX,CAAC;AAbYD,QAAQ,CAAAD,WAAA"}
+{"version":3,"file":"TextArea.story.js","names":["_test","require","_react","_interopRequireDefault","_Button","_TextArea","_storybookBlocklist","obj","__esModule","default","_default","exports","component","TextArea","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","placeholder","onChange","fn","story","AllStates","render","createElement","style","display","flexDirection","gap","error","disabled","required","characterLimit","characterLimitHelper","defaultValue","name","InForm","mt","Button"],"sources":["../../../src/elements/TextArea/TextArea.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { Button } from \"../Button\"\nimport { TextArea } from \"./TextArea\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: TextArea,\n  title: \"Components/TextArea\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A multi-line text input component with character limits, validation, and form states.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    placeholder: \"Start typing...\",\n    onChange: fn(),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic text area with placeholder text.\",\n      },\n    },\n  },\n}\n\nexport const AllStates = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <TextArea placeholder=\"Default state\" onChange={fn()} />\n      <TextArea\n        error=\"Something went wrong.\"\n        placeholder=\"Error state\"\n        onChange={fn()}\n      />\n      <TextArea disabled placeholder=\"Disabled state\" onChange={fn()} />\n      <TextArea title=\"Note\" placeholder=\"With title\" onChange={fn()} />\n      <TextArea\n        title=\"Note\"\n        required\n        placeholder=\"Required field\"\n        onChange={fn()}\n      />\n      <TextArea\n        characterLimit={10}\n        placeholder=\"Character limit\"\n        onChange={fn()}\n      />\n      <TextArea\n        characterLimit={10}\n        characterLimitHelper\n        required\n        placeholder=\"With helper text\"\n        onChange={fn()}\n      />\n      <TextArea\n        characterLimit={10}\n        defaultValue=\"hello\"\n        placeholder=\"Under limit\"\n        onChange={fn()}\n      />\n      <TextArea\n        characterLimit={10}\n        defaultValue=\"hello world\"\n        placeholder=\"Over limit\"\n        onChange={fn()}\n      />\n      <TextArea\n        name=\"my-text-area\"\n        title=\"Note\"\n        description=\"This is my description\"\n        placeholder=\"With description\"\n        onChange={fn()}\n      />\n      <TextArea\n        defaultValue=\"Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem nam iste beatae reiciendis ea harum, aspernatur, eius, omnis eveniet corporis consequatur minima assumenda ipsum dolor dolorum perferendis animi distinctio eligendi?\"\n        placeholder=\"With long content\"\n        onChange={fn()}\n      />\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"All available states and configurations of the TextArea component.\",\n      },\n    },\n  },\n}\n\nexport const InForm = {\n  render: () => (\n    <form>\n      <TextArea\n        mt={1}\n        title=\"Example\"\n        required\n        placeholder=\"Submission should be blocked unless this has a value\"\n      />\n      <Button mt={1}>Submit</Button>\n    </form>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"TextArea used within a form with required validation.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/elements/Toasts/Toast.story.d.ts

@@ -1,6 +1,95 @@
-import React from "react";
 declare const _default: {
+    component: import("react").FC<import("react").PropsWithChildren<import("./Toast").ToastProps>>;
     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 Message: {
+    args: {
+        id: string;
+        variant: string;
+        message: string;
+        description: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Alert: {
+    args: {
+        id: string;
+        variant: string;
+        message: string;
+        description: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Success: {
+    args: {
+        id: string;
+        variant: string;
+        message: string;
+        description: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Error: {
+    args: {
+        id: string;
+        variant: string;
+        message: string;
+        description: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithAction: {
+    args: {
+        id: string;
+        variant: string;
+        message: string;
+        description: string;
+        action: {
+            label: string;
+            onClick: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        };
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Toasts/Toast.story.js

@@ -3,36 +3,102 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
+exports.default = exports.WithAction = exports.Success = exports.Message = exports.Error = exports.Alert = void 0;
 var _test = require("@storybook/test");
-var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Toast = require("./Toast");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _default = exports.default = {
-  title: "Components/Toast"
-};
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
-      variant: "message"
-    }, {
-      variant: "alert"
-    }, {
-      variant: "success"
-    }, {
-      variant: "error"
-    }, {
-      action: {
-        label: "Undo",
-        onClick: (0, _test.fn)()
+  component: _Toast.Toast,
+  title: "Components/Toast",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A toast notification component with different variants for messages, alerts, success, and errors."
       }
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Toast.Toast, {
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+var Message = exports.Message = {
+  args: {
     id: "example",
+    variant: "message",
     message: "Message Title",
     description: "This is placeholder text."
-  }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic message toast notification."
+      }
+    }
+  }
+};
+var Alert = exports.Alert = {
+  args: {
+    id: "example",
+    variant: "alert",
+    message: "Alert Message",
+    description: "This is an alert notification."
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Alert toast notification for warnings."
+      }
+    }
+  }
+};
+var Success = exports.Success = {
+  args: {
+    id: "example",
+    variant: "success",
+    message: "Success Message",
+    description: "This is a success notification."
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Success toast notification."
+      }
+    }
+  }
+};
+var Error = exports.Error = {
+  args: {
+    id: "example",
+    variant: "error",
+    message: "Error Message",
+    description: "This is an error notification."
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Error toast notification."
+      }
+    }
+  }
+};
+var WithAction = exports.WithAction = {
+  args: {
+    id: "example",
+    variant: "message",
+    message: "Message with Action",
+    description: "This toast has an action button.",
+    action: {
+      label: "Undo",
+      onClick: (0, _test.fn)()
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Toast with an action button."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=Toast.story.js.map

package/dist/elements/Toasts/Toast.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_Toast","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","variant","action","label","onClick","fn","Toast","id","message","description","displayName"],"sources":["../../../src/elements/Toasts/Toast.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Toast, ToastProps } from \"./Toast\"\n\nexport default {\n  title: \"Components/Toast\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ToastProps>>\n      states={[\n        { variant: \"message\" },\n        { variant: \"alert\" },\n        { variant: \"success\" },\n        { variant: \"error\" },\n        { action: { label: \"Undo\", onClick: fn() } },\n      ]}\n    >\n      <Toast\n        id=\"example\"\n        message=\"Message Title\"\n        description=\"This is placeholder text.\"\n      />\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,MAAA,GAAAJ,OAAA;AAA2C,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE5B;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEV,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE;IAAU,CAAC,EACtB;MAAEA,OAAO,EAAE;IAAQ,CAAC,EACpB;MAAEA,OAAO,EAAE;IAAU,CAAC,EACtB;MAAEA,OAAO,EAAE;IAAQ,CAAC,EACpB;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE,MAAM;QAAEC,OAAO,EAAE,IAAAC,QAAE;MAAG;IAAE,CAAC;EAC5C,gBAEFlB,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAgB,KAAK;IACJC,EAAE,EAAC,SAAS;IACZC,OAAO,EAAC,eAAe;IACvBC,WAAW,EAAC;EAA2B,EACvC,CACK;AAEb,CAAC;AAlBYZ,OAAO,CAAAa,WAAA"}
+{"version":3,"file":"Toast.story.js","names":["_test","require","_Toast","_storybookBlocklist","_default","exports","default","component","Toast","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Message","args","id","variant","message","story","Alert","Success","Error","WithAction","action","label","onClick","fn"],"sources":["../../../src/elements/Toasts/Toast.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport { Toast } from \"./Toast\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Toast,\n  title: \"Components/Toast\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A toast notification component with different variants for messages, alerts, success, and errors.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Message = {\n  args: {\n    id: \"example\",\n    variant: \"message\",\n    message: \"Message Title\",\n    description: \"This is placeholder text.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic message toast notification.\",\n      },\n    },\n  },\n}\n\nexport const Alert = {\n  args: {\n    id: \"example\",\n    variant: \"alert\",\n    message: \"Alert Message\",\n    description: \"This is an alert notification.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Alert toast notification for warnings.\",\n      },\n    },\n  },\n}\n\nexport const Success = {\n  args: {\n    id: \"example\",\n    variant: \"success\",\n    message: \"Success Message\",\n    description: \"This is a success notification.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Success toast notification.\",\n      },\n    },\n  },\n}\n\nexport const Error = {\n  args: {\n    id: \"example\",\n    variant: \"error\",\n    message: \"Error Message\",\n    description: \"This is an error notification.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Error toast notification.\",\n      },\n    },\n  },\n}\n\nexport const WithAction = {\n  args: {\n    id: \"example\",\n    variant: \"message\",\n    message: \"Message with Action\",\n    description: \"This toast has an action button.\",\n    action: { label: \"Undo\", onClick: fn() },\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Toast with an action button.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0E,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,SAAS,EAAEC,YAAK;EAChBC,KAAK,EAAE,kBAAkB;EACzBC,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,EAAE,EAAE,SAAS;IACbC,OAAO,EAAE,SAAS;IAClBC,OAAO,EAAE,eAAe;IACxBR,WAAW,EAAE;EACf,CAAC;EACDF,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,KAAK,GAAAlB,OAAA,CAAAkB,KAAA,GAAG;EACnBL,IAAI,EAAE;IACJC,EAAE,EAAE,SAAS;IACbC,OAAO,EAAE,OAAO;IAChBC,OAAO,EAAE,eAAe;IACxBR,WAAW,EAAE;EACf,CAAC;EACDF,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAME,OAAO,GAAAnB,OAAA,CAAAmB,OAAA,GAAG;EACrBN,IAAI,EAAE;IACJC,EAAE,EAAE,SAAS;IACbC,OAAO,EAAE,SAAS;IAClBC,OAAO,EAAE,iBAAiB;IAC1BR,WAAW,EAAE;EACf,CAAC;EACDF,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMG,KAAK,GAAApB,OAAA,CAAAoB,KAAA,GAAG;EACnBP,IAAI,EAAE;IACJC,EAAE,EAAE,SAAS;IACbC,OAAO,EAAE,OAAO;IAChBC,OAAO,EAAE,eAAe;IACxBR,WAAW,EAAE;EACf,CAAC;EACDF,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMI,UAAU,GAAArB,OAAA,CAAAqB,UAAA,GAAG;EACxBR,IAAI,EAAE;IACJC,EAAE,EAAE,SAAS;IACbC,OAAO,EAAE,SAAS;IAClBC,OAAO,EAAE,qBAAqB;IAC9BR,WAAW,EAAE,kCAAkC;IAC/Cc,MAAM,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,OAAO,EAAE,IAAAC,QAAE;IAAG;EACzC,CAAC;EACDnB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

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

@@ -1,9 +1,21 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./Toasts").ToastsProps>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+            controls: {
+                exclude: string[];
+            };
+        };
+    };
 };
 export default _default;
 export declare const Demo: {
-    (): React.JSX.Element;
+    render: () => React.JSX.Element;
     decorators: ((Story: any) => React.JSX.Element)[];
 };