@artsy/palette 44.0.1 → 44.2.0

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Demo = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
 var _Flex = require("../Flex");
 var _Button = require("../Button");
 var _Text = require("../Text");
@@ -15,6 +14,7 @@ var _Toasts = require("./Toasts");
 var _useToasts2 = require("./useToasts");
 var _Separator = require("../Separator");
 var _Clickable = require("../Clickable");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 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; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -28,30 +28,66 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = exports.default = {
-  title: "Components/Toasts"
+  component: _Toasts.Toasts,
+  title: "Components/Toasts",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A toast container component that manages multiple toast notifications with ToastsProvider."
+      },
+      controls: {
+        exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+      }
+    }
+  }
 };
-var Demo = exports.Demo = function Demo() {
-  var _useToasts = (0, _useToasts2.useToasts)(),
-    sendToast = _useToasts.sendToast,
-    retractToast = _useToasts.retractToast;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeToasts = _useState2[0],
-    setActiveToasts = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    mb: 1
-  }, Object.keys(_Toast.TOAST_VARIANTS).map(function (variant) {
-    var captialized = variant.charAt(0).toUpperCase() + variant.slice(1);
-    return /*#__PURE__*/_react.default.createElement(_Button.Button, {
-      key: variant,
-      variant: "secondaryBlack",
+var Demo = exports.Demo = {
+  render: function render() {
+    var _useToasts = (0, _useToasts2.useToasts)(),
+      sendToast = _useToasts.sendToast,
+      retractToast = _useToasts.retractToast;
+    var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeToasts = _useState2[0],
+      setActiveToasts = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
+      mb: 1
+    }, Object.keys(_Toast.TOAST_VARIANTS).map(function (variant) {
+      var captialized = variant.charAt(0).toUpperCase() + variant.slice(1);
+      return /*#__PURE__*/_react.default.createElement(_Button.Button, {
+        key: variant,
+        variant: "secondaryBlack",
+        size: "small",
+        mr: 1,
+        onClick: function onClick() {
+          var _sendToast = sendToast({
+              variant: variant,
+              message: "".concat(captialized, " Title"),
+              description: "This is example text.",
+              onClose: function onClose(closedID) {
+                setActiveToasts(function (activeToasts) {
+                  return activeToasts.filter(function (id) {
+                    return id !== closedID;
+                  });
+                });
+              }
+            }),
+            id = _sendToast.id;
+          setActiveToasts(function (activeToasts) {
+            return [].concat(_toConsumableArray(activeToasts), [id]);
+          });
+        }
+      }, captialized);
+    }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
       size: "small",
-      mr: 1,
+      variant: "primaryGray",
       onClick: function onClick() {
-        var _sendToast = sendToast({
-            variant: variant,
-            message: "".concat(captialized, " Title"),
-            description: "This is example text.",
+        var _sendToast2 = sendToast({
+            variant: "message",
+            message: "Until manually dismissed",
+            description: "This toast will hang around until it's manually dismissed.",
+            ttl: Infinity,
             onClose: function onClose(closedID) {
               setActiveToasts(function (activeToasts) {
                 return activeToasts.filter(function (id) {
@@ -60,51 +96,29 @@ var Demo = exports.Demo = function Demo() {
               });
             }
           }),
-          id = _sendToast.id;
+          id = _sendToast2.id;
         setActiveToasts(function (activeToasts) {
           return [].concat(_toConsumableArray(activeToasts), [id]);
         });
       }
-    }, captialized);
-  }), /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    size: "small",
-    variant: "primaryGray",
-    onClick: function onClick() {
-      var _sendToast2 = sendToast({
-          variant: "message",
-          message: "Until manually dismissed",
-          description: "This toast will hang around until it's manually dismissed.",
-          ttl: Infinity,
-          onClose: function onClose(closedID) {
-            setActiveToasts(function (activeToasts) {
-              return activeToasts.filter(function (id) {
-                return id !== closedID;
-              });
-            });
-          }
-        }),
-        id = _sendToast2.id;
-      setActiveToasts(function (activeToasts) {
-        return [].concat(_toConsumableArray(activeToasts), [id]);
-      });
-    }
-  }, "Until manually dismissed")), /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Toasts.Toasts, {
-    limit: 7
-  })), activeToasts.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Separator.Separator, {
-    my: 1
-  }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, /*#__PURE__*/_react.default.createElement("u", null, "Active toasts:"), activeToasts.map(function (id) {
-    return /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
-      key: id,
-      display: "block",
-      onClick: function onClick() {
-        return retractToast(id);
-      }
-    }, "Remove ", id);
-  }))));
+    }, "Until manually dismissed")), /*#__PURE__*/_react.default.createElement(_Toasts.Toasts, {
+      limit: 7
+    }), activeToasts.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Separator.Separator, {
+      my: 1
+    }), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, /*#__PURE__*/_react.default.createElement("u", null, "Active toasts:"), activeToasts.map(function (id) {
+      return /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
+        key: id,
+        display: "block",
+        onClick: function onClick() {
+          return retractToast(id);
+        }
+      }, "Remove ", id);
+    }))));
+  },
+  decorators: [function (Story) {
+    return /*#__PURE__*/_react.default.createElement(_useToasts2.ToastsProvider, null, /*#__PURE__*/_react.default.createElement(Story, null));
+  }]
 };
-Demo.decorators = [function (Story) {
-  return /*#__PURE__*/_react.default.createElement(_useToasts2.ToastsProvider, null, /*#__PURE__*/_react.default.createElement(Story, null));
-}];
 //# sourceMappingURL=Toasts.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toasts.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Flex","_Button","_Text","_Toast","_Toasts","_useToasts2","_Separator","_Clickable","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_default","exports","title","Demo","_useToasts","useToasts","sendToast","retractToast","_useState","useState","_useState2","activeToasts","setActiveToasts","createElement","Fragment","Flex","mb","keys","TOAST_VARIANTS","map","variant","captialized","charAt","toUpperCase","Button","size","mr","onClick","_sendToast","message","concat","description","onClose","closedID","filter","id","_sendToast2","ttl","Infinity","States","Toasts","limit","Separator","my","Text","Clickable","display","decorators","Story","ToastsProvider"],"sources":["../../../src/elements/Toasts/Toasts.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { ToastVariant, TOAST_VARIANTS } from \"./Toast\"\nimport { Toasts } from \"./Toasts\"\nimport { ToastsProvider, useToasts } from \"./useToasts\"\nimport { Separator } from \"../Separator\"\nimport { Clickable } from \"../Clickable\"\n\nexport default {\n  title: \"Components/Toasts\",\n}\n\nexport const Demo = () => {\n  const { sendToast, retractToast } = useToasts()\n\n  const [activeToasts, setActiveToasts] = useState<string[]>([])\n\n  return (\n    <>\n      <Flex mb={1}>\n        {(Object.keys(TOAST_VARIANTS) as ToastVariant[]).map((variant) => {\n          const captialized = variant.charAt(0).toUpperCase() + variant.slice(1)\n\n          return (\n            <Button\n              key={variant}\n              variant=\"secondaryBlack\"\n              size=\"small\"\n              mr={1}\n              onClick={() => {\n                const { id } = sendToast({\n                  variant,\n                  message: `${captialized} Title`,\n                  description: \"This is example text.\",\n                  onClose: (closedID) => {\n                    setActiveToasts((activeToasts) => {\n                      return activeToasts.filter((id) => id !== closedID)\n                    })\n                  },\n                })\n\n                setActiveToasts((activeToasts) => [...activeToasts, id])\n              }}\n            >\n              {captialized}\n            </Button>\n          )\n        })}\n\n        <Button\n          size=\"small\"\n          variant=\"primaryGray\"\n          onClick={() => {\n            const { id } = sendToast({\n              variant: \"message\",\n              message: \"Until manually dismissed\",\n              description:\n                \"This toast will hang around until it's manually dismissed.\",\n              ttl: Infinity,\n              onClose: (closedID) => {\n                setActiveToasts((activeToasts) => {\n                  return activeToasts.filter((id) => id !== closedID)\n                })\n              },\n            })\n\n            setActiveToasts((activeToasts) => [...activeToasts, id])\n          }}\n        >\n          Until manually dismissed\n        </Button>\n      </Flex>\n\n      <States>\n        <Toasts limit={7} />\n      </States>\n\n      {activeToasts.length > 0 && (\n        <>\n          <Separator my={1} />\n\n          <Text variant=\"xs\">\n            <u>Active toasts:</u>\n\n            {activeToasts.map((id) => {\n              return (\n                <Clickable\n                  key={id}\n                  display=\"block\"\n                  onClick={() => retractToast(id)}\n                >\n                  Remove {id}\n                </Clickable>\n              )\n            })}\n          </Text>\n        </>\n      )}\n    </>\n  )\n}\n\nDemo.decorators = [\n  (Story) => (\n    <ToastsProvider>\n      <Story />\n    </ToastsProvider>\n  ),\n]\n"],"mappings":"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"}
+{"version":3,"file":"Toasts.story.js","names":["_react","_interopRequireWildcard","require","_Flex","_Button","_Text","_Toast","_Toasts","_useToasts2","_Separator","_Clickable","_storybookBlocklist","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_default","exports","component","Toasts","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Demo","render","_useToasts","useToasts","sendToast","retractToast","_useState","useState","_useState2","activeToasts","setActiveToasts","createElement","Fragment","Flex","mb","keys","TOAST_VARIANTS","map","variant","captialized","charAt","toUpperCase","Button","size","mr","onClick","_sendToast","message","concat","onClose","closedID","filter","id","_sendToast2","ttl","Infinity","limit","Separator","my","Text","Clickable","display","decorators","Story","ToastsProvider"],"sources":["../../../src/elements/Toasts/Toasts.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Flex } from \"../Flex\"\nimport { Button } from \"../Button\"\nimport { Text } from \"../Text\"\nimport { ToastVariant, TOAST_VARIANTS } from \"./Toast\"\nimport { Toasts } from \"./Toasts\"\nimport { ToastsProvider, useToasts } from \"./useToasts\"\nimport { Separator } from \"../Separator\"\nimport { Clickable } from \"../Clickable\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Toasts,\n  title: \"Components/Toasts\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A toast container component that manages multiple toast notifications with ToastsProvider.\",\n      },\n      controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n    },\n  },\n}\n\nexport const Demo = {\n  render: () => {\n    const { sendToast, retractToast } = useToasts()\n\n    const [activeToasts, setActiveToasts] = useState<string[]>([])\n\n    return (\n      <>\n        <Flex mb={1}>\n          {(Object.keys(TOAST_VARIANTS) as ToastVariant[]).map((variant) => {\n            const captialized =\n              variant.charAt(0).toUpperCase() + variant.slice(1)\n\n            return (\n              <Button\n                key={variant}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                mr={1}\n                onClick={() => {\n                  const { id } = sendToast({\n                    variant,\n                    message: `${captialized} Title`,\n                    description: \"This is example text.\",\n                    onClose: (closedID) => {\n                      setActiveToasts((activeToasts) => {\n                        return activeToasts.filter((id) => id !== closedID)\n                      })\n                    },\n                  })\n\n                  setActiveToasts((activeToasts) => [...activeToasts, id])\n                }}\n              >\n                {captialized}\n              </Button>\n            )\n          })}\n\n          <Button\n            size=\"small\"\n            variant=\"primaryGray\"\n            onClick={() => {\n              const { id } = sendToast({\n                variant: \"message\",\n                message: \"Until manually dismissed\",\n                description:\n                  \"This toast will hang around until it's manually dismissed.\",\n                ttl: Infinity,\n                onClose: (closedID) => {\n                  setActiveToasts((activeToasts) => {\n                    return activeToasts.filter((id) => id !== closedID)\n                  })\n                },\n              })\n\n              setActiveToasts((activeToasts) => [...activeToasts, id])\n            }}\n          >\n            Until manually dismissed\n          </Button>\n        </Flex>\n\n        <Toasts limit={7} />\n\n        {activeToasts.length > 0 && (\n          <>\n            <Separator my={1} />\n\n            <Text variant=\"xs\">\n              <u>Active toasts:</u>\n\n              {activeToasts.map((id) => {\n                return (\n                  <Clickable\n                    key={id}\n                    display=\"block\"\n                    onClick={() => retractToast(id)}\n                  >\n                    Remove {id}\n                  </Clickable>\n                )\n              })}\n            </Text>\n          </>\n        )}\n      </>\n    )\n  },\n  decorators: [\n    (Story) => (\n      <ToastsProvider>\n        <Story />\n      </ToastsProvider>\n    ),\n  ],\n}\n"],"mappings":"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"}

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

@@ -1,7 +1,71 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./Toggle").ToggleProps>>;
     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 Demo: () => React.JSX.Element;
+export declare const Default: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        selected: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Selected: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        selected: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Disabled: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        disabled: boolean;
+        selected: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const DisabledSelected: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        disabled: boolean;
+        selected: boolean;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/elements/Toggle/Toggle.story.js

@@ -1,18 +1,14 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Demo = exports.Default = void 0;
-var _test = require("@storybook/test");
-var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
+exports.default = exports.Selected = exports.DisabledSelected = exports.Disabled = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _Toggle = require("./Toggle");
-var _Text = require("../Text");
-var _Flex = require("../Flex");
-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; }
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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); }
@@ -20,40 +16,100 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = exports.default = {
-  title: "Components/Toggle"
+  component: _Toggle.Toggle,
+  title: "Components/Toggle",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A toggle switch component for binary on/off states with hover and disabled states."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
+};
+var Default = exports.Default = {
+  render: function render(args) {
+    var _args$selected;
+    var _React$useState = _react.default.useState((_args$selected = args.selected) !== null && _args$selected !== void 0 ? _args$selected : false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      selected = _React$useState2[0],
+      setSelected = _React$useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, _extends({}, args, {
+      selected: selected,
+      onSelect: function onSelect() {
+        return setSelected(!selected);
+      }
+    }));
+  },
+  args: {
+    selected: false
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic toggle in off state."
+      }
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      selected: true
-    }, {
-      hover: true
-    }, {
-      hover: true,
-      selected: true
-    }, {
-      disabled: true
-    }, {
-      disabled: true,
-      selected: true
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, null));
+var Selected = exports.Selected = {
+  render: function render(args) {
+    var _args$selected2;
+    var _React$useState3 = _react.default.useState((_args$selected2 = args.selected) !== null && _args$selected2 !== void 0 ? _args$selected2 : true),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      selected = _React$useState4[0],
+      setSelected = _React$useState4[1];
+    return /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, _extends({}, args, {
+      selected: selected,
+      onSelect: function onSelect() {
+        return setSelected(!selected);
+      }
+    }));
+  },
+  args: {
+    selected: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Toggle in selected/on state."
+      }
+    }
+  }
+};
+var Disabled = exports.Disabled = {
+  render: function render(args) {
+    return /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, args);
+  },
+  args: {
+    disabled: true,
+    selected: false
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled toggle that cannot be interacted with."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
-var Demo = exports.Demo = function Demo() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSelected = _useState2[0],
-    setSelected = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    px: 1
-  }, isSelected ? "On" : "Off", " "), /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, {
-    selected: isSelected,
-    onSelect: function onSelect(selected) {
-      setSelected(selected);
-      (0, _test.fn)()(selected);
+var DisabledSelected = exports.DisabledSelected = {
+  render: function render(args) {
+    return /*#__PURE__*/_react.default.createElement(_Toggle.Toggle, args);
+  },
+  args: {
+    disabled: true,
+    selected: true
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled toggle in selected state."
+      }
     }
-  }, "Example")));
+  }
 };
-Demo.displayName = "Demo";
 //# sourceMappingURL=Toggle.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Toggle","_Text","_Flex","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","selected","hover","disabled","Toggle","displayName","Demo","_useState","useState","_useState2","isSelected","setSelected","Flex","Text","px","onSelect","fn"],"sources":["../../../src/elements/Toggle/Toggle.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Toggle } from \"./Toggle\"\nimport { Text } from \"../Text\"\nimport { Flex } from \"../Flex\"\n\nexport default {\n  title: \"Components/Toggle\",\n}\n\nexport const Default = () => {\n  return (\n    <States\n      states={[\n        {},\n        { selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n      ]}\n    >\n      <Toggle />\n    </States>\n  )\n}\n\nexport const Demo = () => {\n  const [isSelected, setSelected] = useState(false)\n  return (\n    <States>\n      <Flex>\n        <Text px={1}>{isSelected ? \"On\" : \"Off\"} </Text>\n        <Toggle\n          selected={isSelected}\n          onSelect={(selected) => {\n            setSelected(selected)\n            fn()(selected)\n          }}\n        >\n          Example\n        </Toggle>\n      </Flex>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Toggle.story.js","names":["_react","_interopRequireDefault","require","_Toggle","_storybookBlocklist","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","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","_default","exports","component","Toggle","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","render","args","_args$selected","_React$useState","React","useState","selected","_React$useState2","setSelected","createElement","onSelect","story","Selected","_args$selected2","_React$useState3","_React$useState4","Disabled","disabled","DisabledSelected"],"sources":["../../../src/elements/Toggle/Toggle.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Toggle } from \"./Toggle\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Toggle,\n  title: \"Components/Toggle\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A toggle switch component for binary on/off states with hover and disabled states.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  render: (args) => {\n    const [selected, setSelected] = React.useState(args.selected ?? false)\n    return (\n      <Toggle\n        {...args}\n        selected={selected}\n        onSelect={() => setSelected(!selected)}\n      />\n    )\n  },\n  args: {\n    selected: false,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic toggle in off state.\",\n      },\n    },\n  },\n}\n\nexport const Selected = {\n  render: (args) => {\n    const [selected, setSelected] = React.useState(args.selected ?? true)\n    return (\n      <Toggle\n        {...args}\n        selected={selected}\n        onSelect={() => setSelected(!selected)}\n      />\n    )\n  },\n  args: {\n    selected: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Toggle in selected/on state.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  render: (args) => <Toggle {...args} />,\n  args: {\n    disabled: true,\n    selected: false,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled toggle that cannot be interacted with.\",\n      },\n    },\n  },\n}\n\nexport const DisabledSelected = {\n  render: (args) => <Toggle {...args} />,\n  args: {\n    disabled: true,\n    selected: true,\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled toggle in selected state.\",\n      },\n    },\n  },\n}\n"],"mappings":"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"}

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

@@ -1,31 +1,65 @@
 import React from "react";
+import { TooltipProps } from "./Tooltip";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<TooltipProps>>;
     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 _Clickable: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
+export declare const Default: {
+    args: {
+        content: string;
+        children: React.JSX.Element;
+    };
+};
+export declare const WithClickable: {
+    tags: string[];
+    args: {
+        content: string;
+        children: React.JSX.Element;
+    };
+    parameters: {
+        chromatic: {
+            disable: boolean;
         };
     };
 };
-export declare const Placement: () => React.JSX.Element;
-export declare const IconExample: () => React.JSX.Element;
-export declare const ExternalControl: () => React.JSX.Element;
-export declare const PointerCentering: () => React.JSX.Element;
+export declare const Placement: {
+    tags: string[];
+    render: () => React.JSX.Element;
+};
+export declare const IconExample: {
+    tags: string[];
+    render: () => React.JSX.Element;
+};
+export declare const ExternalControl: {
+    tags: string[];
+    render: () => React.JSX.Element;
+};
+export declare const PointerCentering: {
+    tags: string[];
+    render: () => React.JSX.Element;
+};
 export declare const StressTest: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
-            };
+    tags: string[];
+    render: () => React.JSX.Element;
+    parameters: {
+        chromatic: {
+            disable: boolean;
         };
     };
 };
-export declare const PositioningBug: () => React.JSX.Element;
+export declare const PositioningBug: {
+    tags: string[];
+    render: () => React.JSX.Element;
+};