@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/Marquee/Marquee.story.js

@@ -3,38 +3,100 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
+exports.default = exports.WithoutDivider = exports.Variants = exports.Speeds = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Marquee = require("./Marquee");
-var _storybookStates = require("storybook-states");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  title: "Components/Marquee"
+  component: _Marquee.Marquee,
+  title: "Components/Marquee",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A scrolling marquee text component with different visual variants and speed options."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{
+var Default = exports.Default = {
+  args: {
+    marqueeText: "Black Owned"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic marquee with default settings."
+      }
+    }
+  }
+};
+var Variants = exports.Variants = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Marquee.Marquee, {
       variant: "defaultLight",
       marqueeText: "Black Owned"
-    }, {
+    }), /*#__PURE__*/_react.default.createElement(_Marquee.Marquee, {
       variant: "defaultDark",
       marqueeText: "Women Owned"
-    }, {
+    }), /*#__PURE__*/_react.default.createElement(_Marquee.Marquee, {
       variant: "brand",
       marqueeText: "Black Owned"
-    }, {
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Different visual variants of the marquee component."
+      }
+    }
+  }
+};
+var Speeds = exports.Speeds = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Marquee.Marquee, {
       speed: "5s",
-      marqueeText: "Black Owned"
-    }, {
+      marqueeText: "Fast Speed (5s)"
+    }), /*#__PURE__*/_react.default.createElement(_Marquee.Marquee, {
       speed: "20s",
-      marqueeText: "Women Owned"
-    }, {
-      divider: false,
-      marqueeText: "Black Owned"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Marquee.Marquee, {
-    marqueeText: "Black Owned"
-  }));
+      marqueeText: "Slow Speed (20s)"
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Marquee with different animation speeds."
+      }
+    }
+  }
+};
+var WithoutDivider = exports.WithoutDivider = {
+  args: {
+    divider: false,
+    marqueeText: "No Divider"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Marquee without the divider separator."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=Marquee.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Marquee.story.js","names":["_react","_interopRequireDefault","require","_Marquee","_storybookStates","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","variant","marqueeText","speed","divider","Marquee","displayName"],"sources":["../../../src/elements/Marquee/Marquee.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Marquee, MarqueeProps } from \"./Marquee\"\nimport { States } from \"storybook-states\"\n\nexport default {\n  title: \"Components/Marquee\",\n}\n\nexport const Default = () => {\n  return (\n    <States<MarqueeProps>\n      states={[\n        { variant: \"defaultLight\", marqueeText: \"Black Owned\" },\n        { variant: \"defaultDark\", marqueeText: \"Women Owned\" },\n        { variant: \"brand\", marqueeText: \"Black Owned\" },\n        { speed: \"5s\", marqueeText: \"Black Owned\" },\n        { speed: \"20s\", marqueeText: \"Women Owned\" },\n        { divider: false, marqueeText: \"Black Owned\" },\n      ]}\n    >\n      <Marquee marqueeText=\"Black Owned\" />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE1B;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,gBAAA,CAAAS,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE,cAAc;MAAEC,WAAW,EAAE;IAAc,CAAC,EACvD;MAAED,OAAO,EAAE,aAAa;MAAEC,WAAW,EAAE;IAAc,CAAC,EACtD;MAAED,OAAO,EAAE,OAAO;MAAEC,WAAW,EAAE;IAAc,CAAC,EAChD;MAAEC,KAAK,EAAE,IAAI;MAAED,WAAW,EAAE;IAAc,CAAC,EAC3C;MAAEC,KAAK,EAAE,KAAK;MAAED,WAAW,EAAE;IAAc,CAAC,EAC5C;MAAEE,OAAO,EAAE,KAAK;MAAEF,WAAW,EAAE;IAAc,CAAC;EAC9C,gBAEFhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,QAAA,CAAAgB,OAAO;IAACH,WAAW,EAAC;EAAa,EAAG,CAC9B;AAEb,CAAC;AAfYL,OAAO,CAAAS,WAAA"}
+{"version":3,"file":"Marquee.story.js","names":["_react","_interopRequireDefault","require","_Marquee","_storybookBlocklist","obj","__esModule","default","_default","exports","component","Marquee","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","marqueeText","story","Variants","render","createElement","style","display","flexDirection","gap","variant","Speeds","speed","WithoutDivider","divider"],"sources":["../../../src/elements/Marquee/Marquee.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Marquee } from \"./Marquee\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Marquee,\n  title: \"Components/Marquee\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A scrolling marquee text component with different visual variants and speed options.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    marqueeText: \"Black Owned\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic marquee with default settings.\",\n      },\n    },\n  },\n}\n\nexport const Variants = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <Marquee variant=\"defaultLight\" marqueeText=\"Black Owned\" />\n      <Marquee variant=\"defaultDark\" marqueeText=\"Women Owned\" />\n      <Marquee variant=\"brand\" marqueeText=\"Black Owned\" />\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Different visual variants of the marquee component.\",\n      },\n    },\n  },\n}\n\nexport const Speeds = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <Marquee speed=\"5s\" marqueeText=\"Fast Speed (5s)\" />\n      <Marquee speed=\"20s\" marqueeText=\"Slow Speed (20s)\" />\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Marquee with different animation speeds.\",\n      },\n    },\n  },\n}\n\nexport const WithoutDivider = {\n  args: {\n    divider: false,\n    marqueeText: \"No Divider\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Marquee without the divider separator.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA0E,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,SAAS,EAAEC,gBAAO;EAClBC,KAAK,EAAE,oBAAoB;EAC3BC,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,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,WAAW,EAAE;EACf,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,QAAQ,GAAAf,OAAA,CAAAe,QAAA,GAAG;EACtBC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA;MAAKC,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,aAAa,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAO;IAAE,gBACpE9B,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,QAAA,CAAAQ,OAAO;MAACoB,OAAO,EAAC,cAAc;MAACT,WAAW,EAAC;IAAa,EAAG,eAC5DtB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,QAAA,CAAAQ,OAAO;MAACoB,OAAO,EAAC,aAAa;MAACT,WAAW,EAAC;IAAa,EAAG,eAC3DtB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,QAAA,CAAAQ,OAAO;MAACoB,OAAO,EAAC,OAAO;MAACT,WAAW,EAAC;IAAa,EAAG,CACjD;EAAA,CACP;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMS,MAAM,GAAAvB,OAAA,CAAAuB,MAAA,GAAG;EACpBP,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA;MAAKC,KAAK,EAAE;QAAEC,OAAO,EAAE,MAAM;QAAEC,aAAa,EAAE,QAAQ;QAAEC,GAAG,EAAE;MAAO;IAAE,gBACpE9B,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,QAAA,CAAAQ,OAAO;MAACsB,KAAK,EAAC,IAAI;MAACX,WAAW,EAAC;IAAiB,EAAG,eACpDtB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,QAAA,CAAAQ,OAAO;MAACsB,KAAK,EAAC,KAAK;MAACX,WAAW,EAAC;IAAkB,EAAG,CAClD;EAAA,CACP;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMW,cAAc,GAAAzB,OAAA,CAAAyB,cAAA,GAAG;EAC5Bb,IAAI,EAAE;IACJc,OAAO,EAAE,KAAK;IACdb,WAAW,EAAE;EACf,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

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

@@ -1,6 +1,61 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./Message").MessageProps>>;
     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: {
+        children: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const AllVariants: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithoutTitle: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithCustomChildren: {
+    args: {
+        children: React.JSX.Element;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Message/Message.story.js

@@ -3,41 +3,100 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
+exports.default = exports.WithoutTitle = exports.WithCustomChildren = exports.Default = exports.AllVariants = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _storybookStates = require("storybook-states");
 var _Text = require("../Text");
 var _Message = require("./Message");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var _default = exports.default = {
-  title: "Components/Message"
+  component: _Message.Message,
+  title: "Components/Message",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A message component with different variants for displaying information, warnings, or errors."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [].concat(_toConsumableArray(Object.keys(_Message.MESSAGE_VARIANTS).map(function (variant) {
-      return {
+var Default = exports.Default = {
+  args: {
+    children: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae natus assumenda distinctio, voluptatum magni. Natus, aliquam neque odio debitis totam labore maiores, corrupti mollitia repudiandae optio illo, autem sunt."
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic message with default styling."
+      }
+    }
+  }
+};
+var AllVariants = exports.AllVariants = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      }
+    }, Object.keys(_Message.MESSAGE_VARIANTS).map(function (variant) {
+      return /*#__PURE__*/_react.default.createElement(_Message.Message, {
+        key: variant,
         variant: variant,
         title: "Message Title"
-      };
-    })), [{}, {
+      }, "Lorem ipsum dolor sit amet consectetur adipisicing elit.");
+    }));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "All available message variants with titles."
+      }
+    }
+  }
+};
+var WithoutTitle = exports.WithoutTitle = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "16px"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Message.Message, {
       variant: "info"
-    }, {
+    }, "Information message without title."), /*#__PURE__*/_react.default.createElement(_Message.Message, {
       variant: "warning"
-    }, {
+    }, "Warning message without title."), /*#__PURE__*/_react.default.createElement(_Message.Message, {
       variant: "error"
-    }, {
-      children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
-        variant: "lg-display",
-        color: "red100"
-      }, "custom children")
-    }])
-  }, /*#__PURE__*/_react.default.createElement(_Message.Message, null, "Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae natus assumenda distinctio, voluptatum magni. Natus, aliquam neque odio debitis totam labore maiores, corrupti mollitia repudiandae optio illo, autem sunt."));
+    }, "Error message without title."));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Messages without titles showing different variants."
+      }
+    }
+  }
+};
+var WithCustomChildren = exports.WithCustomChildren = {
+  args: {
+    children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "lg-display",
+      color: "red100"
+    }, "custom children")
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Message with custom React children instead of plain text."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
 //# sourceMappingURL=Message.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Message.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Text","_Message","obj","__esModule","default","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","Object","prototype","toString","call","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","length","i","arr2","_default","exports","title","Default","createElement","States","states","concat","keys","MESSAGE_VARIANTS","map","variant","children","Text","color","Message","displayName"],"sources":["../../../src/elements/Message/Message.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport {\n  Message,\n  MessageProps,\n  MESSAGE_VARIANTS,\n  MessageVariant,\n} from \"./Message\"\n\nexport default {\n  title: \"Components/Message\",\n}\n\nexport const Default = () => {\n  return (\n    <States<MessageProps>\n      states={[\n        ...Object.keys(MESSAGE_VARIANTS).map((variant) => ({\n          variant: variant as MessageVariant,\n          title: \"Message Title\",\n        })),\n        {},\n        { variant: \"info\" },\n        { variant: \"warning\" },\n        { variant: \"error\" },\n        {\n          children: (\n            <Text variant=\"lg-display\" color=\"red100\">\n              custom children\n            </Text>\n          ),\n        },\n      ]}\n    >\n      <Message>\n        Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae\n        natus assumenda distinctio, voluptatum magni. Natus, aliquam neque odio\n        debitis totam labore maiores, corrupti mollitia repudiandae optio illo,\n        autem sunt.\n      </Message>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKkB,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAAC,MAAA,CAAAC,SAAA,CAAAC,QAAA,CAAAC,IAAA,CAAAP,CAAA,EAAAQ,KAAA,aAAAL,CAAA,iBAAAH,CAAA,CAAAS,WAAA,EAAAN,CAAA,GAAAH,CAAA,CAAAS,WAAA,CAAAC,IAAA,MAAAP,CAAA,cAAAA,CAAA,mBAAAQ,KAAA,CAAAC,IAAA,CAAAZ,CAAA,OAAAG,CAAA,+DAAAU,IAAA,CAAAV,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAL,iBAAAkB,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAH,KAAA,CAAAC,IAAA,CAAAE,IAAA;AAAA,SAAAnB,mBAAAD,GAAA,QAAAiB,KAAA,CAAAM,OAAA,CAAAvB,GAAA,UAAAQ,iBAAA,CAAAR,GAAA;AAAA,SAAAQ,kBAAAR,GAAA,EAAAwB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,EAAAD,GAAA,GAAAxB,GAAA,CAAAyB,MAAA,WAAAC,CAAA,MAAAC,IAAA,OAAAV,KAAA,CAAAO,GAAA,GAAAE,CAAA,GAAAF,GAAA,EAAAE,CAAA,IAAAC,IAAA,CAAAD,CAAA,IAAA1B,GAAA,CAAA0B,CAAA,UAAAC,IAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEH;EACbgC,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEzC,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACvC,gBAAA,CAAAwC,MAAM;IACLC,MAAM,KAAAC,MAAA,CAAApC,kBAAA,CACDW,MAAM,CAAC0B,IAAI,CAACC,yBAAgB,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,OAAM;QACjDA,OAAO,EAAEA,OAAyB;QAClCT,KAAK,EAAE;MACT,CAAC;IAAA,CAAC,CAAC,IACH,CAAC,CAAC,EACF;MAAES,OAAO,EAAE;IAAO,CAAC,EACnB;MAAEA,OAAO,EAAE;IAAU,CAAC,EACtB;MAAEA,OAAO,EAAE;IAAQ,CAAC,EACpB;MACEC,QAAQ,eACNlD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACtC,KAAA,CAAA+C,IAAI;QAACF,OAAO,EAAC,YAAY;QAACG,KAAK,EAAC;MAAQ,GAAC,iBAE1C;IAEJ,CAAC;EACD,gBAEFpD,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACrC,QAAA,CAAAgD,OAAO,QAAC,sOAKT,CAAU,CACH;AAEb,CAAC;AA7BYZ,OAAO,CAAAa,WAAA"}
+{"version":3,"file":"Message.story.js","names":["_react","_interopRequireDefault","require","_Text","_Message","_storybookBlocklist","obj","__esModule","default","_default","exports","component","Message","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","story","AllVariants","render","createElement","style","display","flexDirection","gap","Object","keys","MESSAGE_VARIANTS","map","variant","key","WithoutTitle","WithCustomChildren","Text","color"],"sources":["../../../src/elements/Message/Message.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Text } from \"../Text\"\nimport { Message, MESSAGE_VARIANTS, MessageVariant } from \"./Message\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Message,\n  title: \"Components/Message\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A message component with different variants for displaying information, warnings, or errors.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    children:\n      \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis quae natus assumenda distinctio, voluptatum magni. Natus, aliquam neque odio debitis totam labore maiores, corrupti mollitia repudiandae optio illo, autem sunt.\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic message with default styling.\",\n      },\n    },\n  },\n}\n\nexport const AllVariants = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      {Object.keys(MESSAGE_VARIANTS).map((variant) => (\n        <Message\n          key={variant}\n          variant={variant as MessageVariant}\n          title=\"Message Title\"\n        >\n          Lorem ipsum dolor sit amet consectetur adipisicing elit.\n        </Message>\n      ))}\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"All available message variants with titles.\",\n      },\n    },\n  },\n}\n\nexport const WithoutTitle = {\n  render: () => (\n    <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n      <Message variant=\"info\">Information message without title.</Message>\n      <Message variant=\"warning\">Warning message without title.</Message>\n      <Message variant=\"error\">Error message without title.</Message>\n    </div>\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"Messages without titles showing different variants.\",\n      },\n    },\n  },\n}\n\nexport const WithCustomChildren = {\n  args: {\n    children: (\n      <Text variant=\"lg-display\" color=\"red100\">\n        custom children\n      </Text>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Message with custom React children instead of plain text.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

package/dist/elements/Modal/ModalBase.story.d.ts

@@ -1,9 +1,58 @@
 import React from "react";
+import { ModalBaseProps } from "./ModalBase";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<ModalBaseProps>>;
     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 DeferredFocusables: () => React.JSX.Element;
-export declare const Fullscreen: () => React.JSX.Element;
-export declare const Scrolling: () => React.JSX.Element;
+export declare const Default: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const DeferredFocusables: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Fullscreen: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Scrolling: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Modal/ModalBase.story.js

@@ -13,6 +13,7 @@ var _Input = require("../Input");
 var _Join = require("../Join");
 var _Spacer = require("../Spacer");
 var _ModalBase = require("./ModalBase");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 var _excluded = ["bodyChildren", "dialogChildren", "defer"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -86,43 +87,87 @@ var Example = function Example() {
   })))))));
 };
 var _default = exports.default = {
-  title: "Components/ModalBase"
+  component: _ModalBase.ModalBase,
+  title: "Components/ModalBase",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A base modal component that handles focus management, backdrop clicks, and accessibility."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(Example, null);
+var Default = exports.Default = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(Example, null);
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Default ModalBase with basic functionality."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
-var DeferredFocusables = exports.DeferredFocusables = function DeferredFocusables() {
-  return /*#__PURE__*/_react.default.createElement(Example, {
-    defer: true
-  });
+var DeferredFocusables = exports.DeferredFocusables = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(Example, {
+      defer: true
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "ModalBase with deferred focusable elements that are added after render."
+      }
+    }
+  }
 };
-DeferredFocusables.displayName = "DeferredFocusables";
-var Fullscreen = exports.Fullscreen = function Fullscreen() {
-  return /*#__PURE__*/_react.default.createElement(Example, {
-    dialogProps: {
-      width: "100%",
-      height: "100%",
-      background: "black",
-      alignItems: "center",
-      justifyContent: "center"
+var Fullscreen = exports.Fullscreen = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(Example, {
+      dialogProps: {
+        width: "100%",
+        height: "100%",
+        background: "black",
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "ModalBase in fullscreen mode."
+      }
     }
-  });
+  }
 };
-Fullscreen.displayName = "Fullscreen";
-var Scrolling = exports.Scrolling = function Scrolling() {
-  return /*#__PURE__*/_react.default.createElement(Example, {
-    bodyChildren: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(Array(100)).map(function (_, i) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: i
-      }, "content should not scroll when modal is open");
-    })),
-    dialogChildren: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(Array(100)).map(function (_, i) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: i
-      }, "content should be scrollable");
-    }))
-  });
+var Scrolling = exports.Scrolling = {
+  render: function render() {
+    return /*#__PURE__*/_react.default.createElement(Example, {
+      bodyChildren: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(Array(100)).map(function (_, i) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: i
+        }, "content should not scroll when modal is open");
+      })),
+      dialogChildren: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(Array(100)).map(function (_, i) {
+        return /*#__PURE__*/_react.default.createElement("div", {
+          key: i
+        }, "content should be scrollable");
+      }))
+    });
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "ModalBase with scrollable content inside while body scroll is prevented."
+      }
+    }
+  }
 };
-Scrolling.displayName = "Scrolling";
 //# sourceMappingURL=ModalBase.story.js.map

package/dist/elements/Modal/ModalBase.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_excluded","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Example","_ref","undefined","bodyChildren","dialogChildren","defer","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","_default","exports","title","Default","displayName","DeferredFocusables","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\n\nconst Example: React.FC<\n  React.PropsWithChildren<\n    ModalBaseProps & {\n      dialogChildren?: JSX.Element\n      bodyChildren?: JSX.Element\n      /** Simulates an input being added after render */\n      defer?: boolean\n    }\n  >\n> = ({ bodyChildren, dialogChildren, defer, ...rest } = {}) => {\n  const [open, setOpen] = useState(false)\n  const label = open ? \"opened\" : \"open\"\n  const handleClose = () => setOpen(false)\n\n  const [deferred, setDeferred] = useState(false)\n\n  useEffect(() => {\n    if (defer && open) {\n      setTimeout(() => {\n        setDeferred(true)\n      }, 1000)\n    }\n  }, [defer, open])\n\n  return (\n    <>\n      <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n        {label}\n      </Button>\n\n      {bodyChildren}\n\n      {open && (\n        <ModalBase onClose={handleClose} {...rest}>\n          <Box\n            background=\"black\"\n            p={4}\n            width=\"100%\"\n            height=\"100%\"\n            style={{ border: \"2px solid red\" }}\n          >\n            <Box textAlign=\"center\">\n              <Text variant=\"sm-display\" color=\"mono0\">\n                <Join separator={<Spacer y={2} />}>\n                  <>Some example content. Click outside to close.</>\n                  <Button variant=\"primaryWhite\" onClick={handleClose}>\n                    Or click here to close.\n                  </Button>\n                  <Input placeholder=\"Just an example for focusing\" />\n                  <Input placeholder=\"Just an example for focusing\" />\n                  {dialogChildren}\n                  {deferred && <Input placeholder=\"Deferred input\" />}\n                </Join>\n              </Text>\n            </Box>\n          </Box>\n        </ModalBase>\n      )}\n    </>\n  )\n}\n\nexport default { title: \"Components/ModalBase\" }\n\nexport const Default = () => {\n  return <Example />\n}\n\nexport const DeferredFocusables = () => {\n  return <Example defer />\n}\n\nexport const Fullscreen = () => {\n  return (\n    <Example\n      dialogProps={{\n        width: \"100%\",\n        height: \"100%\",\n        background: \"black\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    />\n  )\n}\n\nexport const Scrolling = () => {\n  return (\n    <Example\n      bodyChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should not scroll when modal is open</div>\n          ))}\n        </>\n      }\n      dialogChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should be scrollable</div>\n          ))}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_storybookBlocklist","_excluded","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Example","_ref","undefined","bodyChildren","dialogChildren","defer","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","_default","exports","component","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","render","story","DeferredFocusables","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst Example: React.FC<\n  React.PropsWithChildren<\n    ModalBaseProps & {\n      dialogChildren?: JSX.Element\n      bodyChildren?: JSX.Element\n      /** Simulates an input being added after render */\n      defer?: boolean\n    }\n  >\n> = ({ bodyChildren, dialogChildren, defer, ...rest } = {}) => {\n  const [open, setOpen] = useState(false)\n  const label = open ? \"opened\" : \"open\"\n  const handleClose = () => setOpen(false)\n\n  const [deferred, setDeferred] = useState(false)\n\n  useEffect(() => {\n    if (defer && open) {\n      setTimeout(() => {\n        setDeferred(true)\n      }, 1000)\n    }\n  }, [defer, open])\n\n  return (\n    <>\n      <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n        {label}\n      </Button>\n\n      {bodyChildren}\n\n      {open && (\n        <ModalBase onClose={handleClose} {...rest}>\n          <Box\n            background=\"black\"\n            p={4}\n            width=\"100%\"\n            height=\"100%\"\n            style={{ border: \"2px solid red\" }}\n          >\n            <Box textAlign=\"center\">\n              <Text variant=\"sm-display\" color=\"mono0\">\n                <Join separator={<Spacer y={2} />}>\n                  <>Some example content. Click outside to close.</>\n                  <Button variant=\"primaryWhite\" onClick={handleClose}>\n                    Or click here to close.\n                  </Button>\n                  <Input placeholder=\"Just an example for focusing\" />\n                  <Input placeholder=\"Just an example for focusing\" />\n                  {dialogChildren}\n                  {deferred && <Input placeholder=\"Deferred input\" />}\n                </Join>\n              </Text>\n            </Box>\n          </Box>\n        </ModalBase>\n      )}\n    </>\n  )\n}\n\nexport default {\n  component: ModalBase,\n  title: \"Components/ModalBase\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A base modal component that handles focus management, backdrop clicks, and accessibility.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Default = {\n  render: () => <Example />,\n  parameters: {\n    docs: {\n      description: {\n        story: \"Default ModalBase with basic functionality.\",\n      },\n    },\n  },\n}\n\nexport const DeferredFocusables = {\n  render: () => <Example defer />,\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"ModalBase with deferred focusable elements that are added after render.\",\n      },\n    },\n  },\n}\n\nexport const Fullscreen = {\n  render: () => (\n    <Example\n      dialogProps={{\n        width: \"100%\",\n        height: \"100%\",\n        background: \"black\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story: \"ModalBase in fullscreen mode.\",\n      },\n    },\n  },\n}\n\nexport const Scrolling = {\n  render: () => (\n    <Example\n      bodyChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should not scroll when modal is open</div>\n          ))}\n        </>\n      }\n      dialogChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should be scrollable</div>\n          ))}\n        </>\n      }\n    />\n  ),\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"ModalBase with scrollable content inside while body scroll is prevented.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}