@artsy/palette 42.0.2 → 43.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Clickable.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Clickable","_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","textDecoration","cursor","children","Fragment","bg","color","m","p","Clickable","onClick","action","displayName","Submit","_useState","useState","_useState2","isSubmitted","setSubmitted","onSubmit","e","preventDefault","setTimeout","Box","mt","border","type","mr","story"],"sources":["../../../src/elements/Clickable/Clickable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Clickable, ClickableProps } from \"./Clickable\"\n\nexport default {\n  title: \"Components/Clickable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<ClickableProps>\n      states={[\n        {},\n        { textDecoration: \"underline\" },\n        { cursor: \"default\" },\n        {\n          children: (\n            <>\n              Inherits the page’s\n              <br />\n              text alignment.\n            </>\n          ),\n        },\n        {\n          bg: \"red100\",\n          color: \"mono0\",\n          m: 2,\n          p: 1,\n        },\n      ]}\n    >\n      <Clickable onClick={action(\"onClick\")}>Clickable</Clickable>\n    </States>\n  )\n}\n\nexport const Submit = () => {\n  const [isSubmitted, setSubmitted] = useState(false)\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault()\n        setSubmitted(true)\n\n        setTimeout(() => {\n          setSubmitted(false)\n        }, 1000)\n      }}\n    >\n      <pre>submitted? {isSubmitted ? \"yes\" : \"no\"}</pre>\n\n      <Box mt={1}>\n        <Clickable border=\"1px solid\" p={2} type=\"button\" mr={1}>\n          type=\"button\"\n        </Clickable>\n\n        <Clickable border=\"1px solid\" p={2} type=\"submit\">\n          type=\"submit\"\n        </Clickable>\n      </Box>\n    </form>\n  )\n}\n\nSubmit.story = {\n  name: \"Does not submit forms by default\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"Clickable.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Clickable","_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","textDecoration","cursor","children","Fragment","bg","color","m","p","Clickable","onClick","fn","displayName","Submit","_useState","useState","_useState2","isSubmitted","setSubmitted","onSubmit","e","preventDefault","setTimeout","Box","mt","border","type","mr","story"],"sources":["../../../src/elements/Clickable/Clickable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Clickable, ClickableProps } from \"./Clickable\"\n\nexport default {\n  title: \"Components/Clickable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<ClickableProps>\n      states={[\n        {},\n        { textDecoration: \"underline\" },\n        { cursor: \"default\" },\n        {\n          children: (\n            <>\n              Inherits the page’s\n              <br />\n              text alignment.\n            </>\n          ),\n        },\n        {\n          bg: \"red100\",\n          color: \"mono0\",\n          m: 2,\n          p: 1,\n        },\n      ]}\n    >\n      <Clickable onClick={fn()}>Clickable</Clickable>\n    </States>\n  )\n}\n\nexport const Submit = () => {\n  const [isSubmitted, setSubmitted] = useState(false)\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault()\n        setSubmitted(true)\n\n        setTimeout(() => {\n          setSubmitted(false)\n        }, 1000)\n      }}\n    >\n      <pre>submitted? {isSubmitted ? \"yes\" : \"no\"}</pre>\n\n      <Box mt={1}>\n        <Clickable border=\"1px solid\" p={2} type=\"button\" mr={1}>\n          type=\"button\"\n        </Clickable>\n\n        <Clickable border=\"1px solid\" p={2} type=\"submit\">\n          type=\"submit\"\n        </Clickable>\n      </Box>\n    </form>\n  )\n}\n\nSubmit.story = {\n  name: \"Does not submit forms by default\",\n}\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Default = exports.ConfigurableColors = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Clickable = require("../Clickable");
@@ -37,7 +37,7 @@ var Default = exports.Default = function Default() {
         textDecoration: "underline",
         onClick: function onClick(e) {
           e.stopPropagation();
-          (0, _addonActions.action)("Secondary action");
+          (0, _test.fn)();
         }
       }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
         variant: "sm-display"
@@ -63,7 +63,7 @@ var Default = exports.Default = function Default() {
   }, /*#__PURE__*/_react.default.createElement(_Expandable.Expandable, {
     label: "Example",
     maxWidth: 350,
-    onToggle: (0, _addonActions.action)("onToggle")
+    onToggle: (0, _test.fn)()
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, null, "Expanded content")));
 };
 Default.displayName = "Default";

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

@@ -1 +1 @@
-{"version":3,"file":"Expandable.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","expanded","disabled","label","Flex","flex","justifyContent","Text","variant","Clickable","textDecoration","onClick","e","stopPropagation","action","mb","children","_ref","setExpanded","Button","Expandable","maxWidth","onToggle","displayName","ConfigurableColors","Box","color","bg","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable, ExpandableProps } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/Expandable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ExpandableProps>>\n      states={[\n        {},\n        { expanded: true },\n        { expanded: false, disabled: true },\n        { expanded: true, disabled: true },\n        {\n          label: (\n            <Flex flex={1} justifyContent=\"space-between\">\n              <Text variant=\"sm-display\">Heading</Text>\n              <Clickable\n                textDecoration=\"underline\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  action(\"Secondary action\")\n                }}\n              >\n                <Text variant=\"sm-display\">Reset</Text>\n              </Clickable>\n            </Flex>\n          ),\n        },\n        { mb: 6 },\n        { expanded: true, mb: 6 },\n        {\n          expanded: true,\n          children: ({ setExpanded }) => (\n            <div>\n              <Text>Expanded content</Text>\n              <Button onClick={() => setExpanded(false)}>Close</Button>\n            </div>\n          ),\n        },\n        { label: \"Lorem ipsum dolor sit amet consectetur adipisicing elit.\" },\n      ]}\n    >\n      <Expandable label=\"Example\" maxWidth={350} onToggle={action(\"onToggle\")}>\n        <Text>Expanded content</Text>\n      </Expandable>\n    </States>\n  )\n}\n\nexport const ConfigurableColors = () => {\n  return (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <States<Partial<ExpandableProps>> states={[{}, { expanded: true }]}>\n        <Expandable label=\"Example\" maxWidth={350} borderColor=\"mono30\">\n          <Text>Expanded content</Text>\n        </Expandable>\n      </States>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_Clickable","_Flex","_Text","_Expandable","_Button","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","expanded","disabled","label","Flex","flex","justifyContent","Text","variant","Clickable","textDecoration","onClick","e","stopPropagation","fn","mb","children","_ref","setExpanded","Button","Expandable","maxWidth","onToggle","displayName","ConfigurableColors","Box","color","bg","borderColor"],"sources":["../../../src/elements/Expandable/Expandable.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Expandable, ExpandableProps } from \"./Expandable\"\nimport { Button } from \"../Button\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/Expandable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ExpandableProps>>\n      states={[\n        {},\n        { expanded: true },\n        { expanded: false, disabled: true },\n        { expanded: true, disabled: true },\n        {\n          label: (\n            <Flex flex={1} justifyContent=\"space-between\">\n              <Text variant=\"sm-display\">Heading</Text>\n              <Clickable\n                textDecoration=\"underline\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  fn()\n                }}\n              >\n                <Text variant=\"sm-display\">Reset</Text>\n              </Clickable>\n            </Flex>\n          ),\n        },\n        { mb: 6 },\n        { expanded: true, mb: 6 },\n        {\n          expanded: true,\n          children: ({ setExpanded }) => (\n            <div>\n              <Text>Expanded content</Text>\n              <Button onClick={() => setExpanded(false)}>Close</Button>\n            </div>\n          ),\n        },\n        { label: \"Lorem ipsum dolor sit amet consectetur adipisicing elit.\" },\n      ]}\n    >\n      <Expandable label=\"Example\" maxWidth={350} onToggle={fn()}>\n        <Text>Expanded content</Text>\n      </Expandable>\n    </States>\n  )\n}\n\nexport const ConfigurableColors = () => {\n  return (\n    <Box color=\"mono0\" bg=\"mono100\">\n      <States<Partial<ExpandableProps>> states={[{}, { expanded: true }]}>\n        <Expandable label=\"Example\" maxWidth={350} borderColor=\"mono30\">\n          <Text>Expanded content</Text>\n        </Expandable>\n      </States>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/FilterSelect/FilterSelect.story.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Default = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _FilterSelect = require("./FilterSelect");
@@ -42,7 +42,7 @@ var Default = exports.Default = function Default() {
     renderItemLabel: function renderItemLabel(item) {
       return "".concat(item.label, ", ").concat(item.country);
     },
-    onChange: (0, _addonActions.action)("onChange"),
+    onChange: (0, _test.fn)(),
     items: [{
       label: "Barbara Kruger",
       value: "barbara-kruger",

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

@@ -1 +1 @@
-{"version":3,"file":"FilterSelect.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_FilterSelect","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","multiselect","enableSelectAll","onSelectAll","state","console","log","searchableText","item","extraSearchTerms","country","concat","label","FilterSelect","placeholder","initialItemsToShow","order","renderItemLabel","onChange","action","items","value","displayName"],"sources":["../../../src/elements/FilterSelect/FilterSelect.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { FilterSelect } from \"./FilterSelect\"\nimport { FilterSelectProps } from \"./FilterSelect\"\n\nexport default {\n  title: \"Components/FilterSelect\",\n}\n\nexport const Default = () => {\n  return (\n    <States<FilterSelectProps>\n      states={[\n        // radio\n        { multiselect: false },\n\n        // checkboxes\n        { multiselect: true },\n\n        // checkboxes with searchable hidden text and quick select-all\n        {\n          multiselect: true,\n          enableSelectAll: true,\n          onSelectAll: (state) => console.log(\"onSelectAll\", state),\n          searchableText: (item) => {\n            const extraSearchTerms =\n              item.country === \"American\" ? \"USA; Yankee; Murican\" : \"\"\n            return `${item.label}; ${item.country}; ${extraSearchTerms}`\n          },\n        },\n      ]}\n    >\n      <FilterSelect\n        placeholder=\"Filter by artist name\"\n        initialItemsToShow={6}\n        order={[\n          [\"country\", \"name\"],\n          [\"asc\", \"asc\"],\n        ]}\n        renderItemLabel={(item) => `${item.label}, ${item.country}`}\n        onChange={action(\"onChange\")}\n        items={[\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger\",\n            country: \"American\",\n          },\n          {\n            label: \"Carrie Mae Weems\",\n            value: \"carrie-weems\",\n            country: \"American\",\n          },\n          {\n            label: \"Daniel Arsham\",\n            value: \"daniel-asham\",\n            country: \"American\",\n          },\n          {\n            label: \"Takashi Murakami\",\n            value: \"takashi-muakami\",\n            country: \"American\",\n          },\n          {\n            label: \"Tracey Emin\",\n            value: \"tracey-emin\",\n            country: \"British-Nigerian\",\n          },\n          {\n            label: \"Yinka Shonibare\",\n            value: \"yinka-shonibare\",\n            country: \"Japanese\",\n          },\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger-2\",\n            country: \"British-Nigerian\",\n          },\n        ]}\n      />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA6C,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAG9B;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;IACN;IACA;MAAEC,WAAW,EAAE;IAAM,CAAC;IAEtB;IACA;MAAEA,WAAW,EAAE;IAAK,CAAC;IAErB;IACA;MACEA,WAAW,EAAE,IAAI;MACjBC,eAAe,EAAE,IAAI;MACrBC,WAAW,EAAE,SAAbA,WAAWA,CAAGC,KAAK;QAAA,OAAKC,OAAO,CAACC,GAAG,CAAC,aAAa,EAAEF,KAAK,CAAC;MAAA;MACzDG,cAAc,EAAE,SAAhBA,cAAcA,CAAGC,IAAI,EAAK;QACxB,IAAMC,gBAAgB,GACpBD,IAAI,CAACE,OAAO,KAAK,UAAU,GAAG,sBAAsB,GAAG,EAAE;QAC3D,UAAAC,MAAA,CAAUH,IAAI,CAACI,KAAK,QAAAD,MAAA,CAAKH,IAAI,CAACE,OAAO,QAAAC,MAAA,CAAKF,gBAAgB;MAC5D;IACF,CAAC;EACD,gBAEFtB,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,aAAA,CAAAuB,YAAY;IACXC,WAAW,EAAC,uBAAuB;IACnCC,kBAAkB,EAAE,CAAE;IACtBC,KAAK,EAAE,CACL,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,KAAK,EAAE,KAAK,CAAC,CACd;IACFC,eAAe,EAAE,SAAjBA,eAAeA,CAAGT,IAAI;MAAA,UAAAG,MAAA,CAAQH,IAAI,CAACI,KAAK,QAAAD,MAAA,CAAKH,IAAI,CAACE,OAAO;IAAA,CAAG;IAC5DQ,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU,CAAE;IAC7BC,KAAK,EAAE,CACL;MACER,KAAK,EAAE,gBAAgB;MACvBS,KAAK,EAAE,gBAAgB;MACvBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,kBAAkB;MACzBS,KAAK,EAAE,cAAc;MACrBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,eAAe;MACtBS,KAAK,EAAE,cAAc;MACrBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,kBAAkB;MACzBS,KAAK,EAAE,iBAAiB;MACxBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,aAAa;MACpBS,KAAK,EAAE,aAAa;MACpBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,iBAAiB;MACxBS,KAAK,EAAE,iBAAiB;MACxBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,gBAAgB;MACvBS,KAAK,EAAE,kBAAkB;MACzBX,OAAO,EAAE;IACX,CAAC;EACD,EACF,CACK;AAEb,CAAC;AAxEYb,OAAO,CAAAyB,WAAA"}
+{"version":3,"file":"FilterSelect.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_FilterSelect","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","multiselect","enableSelectAll","onSelectAll","state","console","log","searchableText","item","extraSearchTerms","country","concat","label","FilterSelect","placeholder","initialItemsToShow","order","renderItemLabel","onChange","fn","items","value","displayName"],"sources":["../../../src/elements/FilterSelect/FilterSelect.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { FilterSelect } from \"./FilterSelect\"\nimport { FilterSelectProps } from \"./FilterSelect\"\n\nexport default {\n  title: \"Components/FilterSelect\",\n}\n\nexport const Default = () => {\n  return (\n    <States<FilterSelectProps>\n      states={[\n        // radio\n        { multiselect: false },\n\n        // checkboxes\n        { multiselect: true },\n\n        // checkboxes with searchable hidden text and quick select-all\n        {\n          multiselect: true,\n          enableSelectAll: true,\n          onSelectAll: (state) => console.log(\"onSelectAll\", state),\n          searchableText: (item) => {\n            const extraSearchTerms =\n              item.country === \"American\" ? \"USA; Yankee; Murican\" : \"\"\n            return `${item.label}; ${item.country}; ${extraSearchTerms}`\n          },\n        },\n      ]}\n    >\n      <FilterSelect\n        placeholder=\"Filter by artist name\"\n        initialItemsToShow={6}\n        order={[\n          [\"country\", \"name\"],\n          [\"asc\", \"asc\"],\n        ]}\n        renderItemLabel={(item) => `${item.label}, ${item.country}`}\n        onChange={fn()}\n        items={[\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger\",\n            country: \"American\",\n          },\n          {\n            label: \"Carrie Mae Weems\",\n            value: \"carrie-weems\",\n            country: \"American\",\n          },\n          {\n            label: \"Daniel Arsham\",\n            value: \"daniel-asham\",\n            country: \"American\",\n          },\n          {\n            label: \"Takashi Murakami\",\n            value: \"takashi-muakami\",\n            country: \"American\",\n          },\n          {\n            label: \"Tracey Emin\",\n            value: \"tracey-emin\",\n            country: \"British-Nigerian\",\n          },\n          {\n            label: \"Yinka Shonibare\",\n            value: \"yinka-shonibare\",\n            country: \"Japanese\",\n          },\n          {\n            label: \"Barbara Kruger\",\n            value: \"barbara-kruger-2\",\n            country: \"British-Nigerian\",\n          },\n        ]}\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,aAAA,GAAAJ,OAAA;AAA6C,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAG9B;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;IACN;IACA;MAAEC,WAAW,EAAE;IAAM,CAAC;IAEtB;IACA;MAAEA,WAAW,EAAE;IAAK,CAAC;IAErB;IACA;MACEA,WAAW,EAAE,IAAI;MACjBC,eAAe,EAAE,IAAI;MACrBC,WAAW,EAAE,SAAbA,WAAWA,CAAGC,KAAK;QAAA,OAAKC,OAAO,CAACC,GAAG,CAAC,aAAa,EAAEF,KAAK,CAAC;MAAA;MACzDG,cAAc,EAAE,SAAhBA,cAAcA,CAAGC,IAAI,EAAK;QACxB,IAAMC,gBAAgB,GACpBD,IAAI,CAACE,OAAO,KAAK,UAAU,GAAG,sBAAsB,GAAG,EAAE;QAC3D,UAAAC,MAAA,CAAUH,IAAI,CAACI,KAAK,QAAAD,MAAA,CAAKH,IAAI,CAACE,OAAO,QAAAC,MAAA,CAAKF,gBAAgB;MAC5D;IACF,CAAC;EACD,gBAEFtB,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,aAAA,CAAAuB,YAAY;IACXC,WAAW,EAAC,uBAAuB;IACnCC,kBAAkB,EAAE,CAAE;IACtBC,KAAK,EAAE,CACL,CAAC,SAAS,EAAE,MAAM,CAAC,EACnB,CAAC,KAAK,EAAE,KAAK,CAAC,CACd;IACFC,eAAe,EAAE,SAAjBA,eAAeA,CAAGT,IAAI;MAAA,UAAAG,MAAA,CAAQH,IAAI,CAACI,KAAK,QAAAD,MAAA,CAAKH,IAAI,CAACE,OAAO;IAAA,CAAG;IAC5DQ,QAAQ,EAAE,IAAAC,QAAE,GAAG;IACfC,KAAK,EAAE,CACL;MACER,KAAK,EAAE,gBAAgB;MACvBS,KAAK,EAAE,gBAAgB;MACvBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,kBAAkB;MACzBS,KAAK,EAAE,cAAc;MACrBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,eAAe;MACtBS,KAAK,EAAE,cAAc;MACrBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,kBAAkB;MACzBS,KAAK,EAAE,iBAAiB;MACxBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,aAAa;MACpBS,KAAK,EAAE,aAAa;MACpBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,iBAAiB;MACxBS,KAAK,EAAE,iBAAiB;MACxBX,OAAO,EAAE;IACX,CAAC,EACD;MACEE,KAAK,EAAE,gBAAgB;MACvBS,KAAK,EAAE,kBAAkB;MACzBX,OAAO,EAAE;IACX,CAAC;EACD,EACF,CACK;AAEb,CAAC;AAxEYb,OAAO,CAAAyB,WAAA"}

package/dist/elements/LabeledInput/LabeledInput.story.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Default = exports.CustomHeight = exports.CharacterCountExample = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
 var _Clickable = require("../Clickable");
@@ -30,7 +30,7 @@ var Default = exports.Default = function Default() {
     }, {
       placeholder: "Clickable label",
       label: /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
-        onClick: (0, _addonActions.action)("onClick"),
+        onClick: (0, _test.fn)(),
         bg: "mono60",
         width: 18,
         height: 18,

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

@@ -1 +1 @@
-{"version":3,"file":"LabeledInput.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Clickable","_LabeledInput","_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","label","placeholder","type","Clickable","onClick","action","bg","width","height","borderRadius","description","variant","showCounter","maxLength","LabeledInput","displayName","CharacterCountExample","defaultValue","_useState","useState","_useState2","setLength","onChange","e","currentTarget","CustomHeight"],"sources":["../../../src/elements/LabeledInput/LabeledInput.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { LabeledInput, LabeledInputProps } from \"./LabeledInput\"\n\nexport default {\n  title: \"Components/LabeledInput\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<LabeledInputProps>>\n      states={[\n        { label: \"$USD\", placeholder: \"Min\", type: \"number\" },\n        {\n          placeholder: \"Clickable label\",\n          label: (\n            <Clickable\n              onClick={action(\"onClick\")}\n              bg=\"mono60\"\n              width={18}\n              height={18}\n              borderRadius=\"50%\"\n            />\n          ),\n        },\n        { title: \"Amount\" },\n        { title: \"Amount\", description: \"Currency: USD\" },\n        {\n          label: \"USD\",\n          variant: \"prefix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n          showCounter: true,\n          maxLength: 40,\n        },\n      ]}\n    >\n      <LabeledInput label=\"$\" />\n    </States>\n  )\n}\n\nexport const CharacterCountExample = () => {\n  const defaultValue = \"Hello world\"\n  const [length, setLength] = useState(defaultValue.length)\n  return (\n    <LabeledInput\n      label={length}\n      onChange={(e) => setLength(e.currentTarget.value.length)}\n      defaultValue={defaultValue}\n    />\n  )\n}\n\nexport const CustomHeight = () => {\n  return (\n    <LabeledInput\n      label=\"🔎\"\n      height={40}\n      placeholder=\"Input is 40px in height\"\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"LabeledInput.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Clickable","_LabeledInput","_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","label","placeholder","type","Clickable","onClick","fn","bg","width","height","borderRadius","description","variant","showCounter","maxLength","LabeledInput","displayName","CharacterCountExample","defaultValue","_useState","useState","_useState2","setLength","onChange","e","currentTarget","CustomHeight"],"sources":["../../../src/elements/LabeledInput/LabeledInput.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { LabeledInput, LabeledInputProps } from \"./LabeledInput\"\n\nexport default {\n  title: \"Components/LabeledInput\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<LabeledInputProps>>\n      states={[\n        { label: \"$USD\", placeholder: \"Min\", type: \"number\" },\n        {\n          placeholder: \"Clickable label\",\n          label: (\n            <Clickable\n              onClick={fn()}\n              bg=\"mono60\"\n              width={18}\n              height={18}\n              borderRadius=\"50%\"\n            />\n          ),\n        },\n        { title: \"Amount\" },\n        { title: \"Amount\", description: \"Currency: USD\" },\n        {\n          label: \"USD\",\n          variant: \"prefix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n          showCounter: true,\n          maxLength: 40,\n        },\n      ]}\n    >\n      <LabeledInput label=\"$\" />\n    </States>\n  )\n}\n\nexport const CharacterCountExample = () => {\n  const defaultValue = \"Hello world\"\n  const [length, setLength] = useState(defaultValue.length)\n  return (\n    <LabeledInput\n      label={length}\n      onChange={(e) => setLength(e.currentTarget.value.length)}\n      defaultValue={defaultValue}\n    />\n  )\n}\n\nexport const CustomHeight = () => {\n  return (\n    <LabeledInput\n      label=\"🔎\"\n      height={40}\n      placeholder=\"Input is 40px in height\"\n    />\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAAgE,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,IAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,UAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAAAC,OAAA,CAAAvD,OAAA,GAEjD;EACbwD,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEtE,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACrE,gBAAA,CAAAsE,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,KAAK,EAAE,MAAM;MAAEC,WAAW,EAAE,KAAK;MAAEC,IAAI,EAAE;IAAS,CAAC,EACrD;MACED,WAAW,EAAE,iBAAiB;MAC9BD,KAAK,eACH1E,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACpE,UAAA,CAAA0E,SAAS;QACRC,OAAO,EAAE,IAAAC,QAAE,GAAG;QACdC,EAAE,EAAC,QAAQ;QACXC,KAAK,EAAE,EAAG;QACVC,MAAM,EAAE,EAAG;QACXC,YAAY,EAAC;MAAK;IAGxB,CAAC,EACD;MAAEd,KAAK,EAAE;IAAS,CAAC,EACnB;MAAEA,KAAK,EAAE,QAAQ;MAAEe,WAAW,EAAE;IAAgB,CAAC,EACjD;MACEV,KAAK,EAAE,KAAK;MACZW,OAAO,EAAE,QAAQ;MACjBhB,KAAK,EAAE,YAAY;MACnBM,WAAW,EAAE,iBAAiB;MAC9BhC,IAAI,EAAE;IACR,CAAC,EACD;MACE+B,KAAK,EAAE,KAAK;MACZW,OAAO,EAAE,QAAQ;MACjBhB,KAAK,EAAE,YAAY;MACnBM,WAAW,EAAE,iBAAiB;MAC9BhC,IAAI,EAAE;IACR,CAAC,EACD;MACE+B,KAAK,EAAE,KAAK;MACZW,OAAO,EAAE,QAAQ;MACjBhB,KAAK,EAAE,YAAY;MACnBM,WAAW,EAAE,iBAAiB;MAC9BhC,IAAI,EAAE,OAAO;MACb2C,WAAW,EAAE,IAAI;MACjBC,SAAS,EAAE;IACb,CAAC;EACD,gBAEFvF,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACnE,aAAA,CAAAoF,YAAY;IAACd,KAAK,EAAC;EAAG,EAAG,CACnB;AAEb,CAAC;AA/CYJ,OAAO,CAAAmB,WAAA;AAiDb,IAAMC,qBAAqB,GAAAtB,OAAA,CAAAsB,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,IAAMC,YAAY,GAAG,aAAa;EAClC,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAACF,YAAY,CAAC3C,MAAM,CAAC;IAAA8C,UAAA,GAAAlE,cAAA,CAAAgE,SAAA;IAAlD5C,MAAM,GAAA8C,UAAA;IAAEC,SAAS,GAAAD,UAAA;EACxB,oBACE9F,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACnE,aAAA,CAAAoF,YAAY;IACXd,KAAK,EAAE1B,MAAO;IACdgD,QAAQ,EAAE,SAAVA,QAAQA,CAAGC,CAAC;MAAA,OAAKF,SAAS,CAACE,CAAC,CAACC,aAAa,CAACnC,KAAK,CAACf,MAAM,CAAC;IAAA,CAAC;IACzD2C,YAAY,EAAEA;EAAa,EAC3B;AAEN,CAAC;AAVYD,qBAAqB,CAAAD,WAAA;AAY3B,IAAMU,YAAY,GAAA/B,OAAA,CAAA+B,YAAA,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,oBACEnG,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACnE,aAAA,CAAAoF,YAAY;IACXd,KAAK,EAAC,cAAI;IACVQ,MAAM,EAAE,EAAG;IACXP,WAAW,EAAC;EAAyB,EACrC;AAEN,CAAC;AARYwB,YAAY,CAAAV,WAAA"}

package/dist/elements/ModalDialog/ModalDialogContent.story.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Default = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _ModalDialogContent = require("./ModalDialogContent");
@@ -80,7 +80,7 @@ var Default = exports.Default = function Default() {
       }), /*#__PURE__*/_react.default.createElement(_CloseIcon.default, null))
     }]
   }, /*#__PURE__*/_react.default.createElement(_ModalDialogContent.ModalDialogContent, {
-    onClose: (0, _addonActions.action)("onClose"),
+    onClose: (0, _test.fn)(),
     maxHeight: 400
   }, /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {

package/dist/elements/ModalDialog/ModalDialogContent.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDialogContent.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_ModalDialogContent","_Text","_Button","_Input","_Join","_Spacer","_Box","_ChevronLeftIcon","_ArtsyLogoIcon","_CloseIcon","obj","__esModule","default","_default","exports","title","EXAMPLE_LONG_NAME","Default","createElement","States","states","children","Text","variant","bg","concat","hasLogo","footer","Button","width","Box","display","alignItems","justifyContent","p","height","ModalDialogContent","onClose","action","maxHeight","Join","separator","Spacer","y","Input","placeholder","autoComplete","type","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialogContent.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport {\n  ModalDialogContent,\n  ModalDialogContentProps,\n} from \"./ModalDialogContent\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { Box } from \"../Box\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ArtsyLogoIcon from \"@artsy/icons/ArtsyLogoIcon\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\n\nexport default {\n  title: \"Components/ModalDialogContent\",\n}\n\nconst EXAMPLE_LONG_NAME =\n  \"Egypt, Thebes, Wadi Qubbanet el-Qirud, New Kingdom, Late Dynasty 18 or early Dynasty 19\"\n\nexport const Default = () => {\n  return (\n    <States<Partial<ModalDialogContentProps>>\n      states={[\n        {\n          children: (\n            <Text variant=\"sm\" bg=\"mono10\">\n              Content shorter than width\n            </Text>\n          ),\n        },\n        {\n          children: (\n            <Text variant=\"sm\">\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n              neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n              asperiores iure explicabo itaque accusantium, consectetur aut sit\n              maxime culpa ab aliquid consequatur?\n            </Text>\n          ),\n        },\n        { title: \"Modal Title\" },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n        },\n        { title: \"Pneumonoultramicroscopicsilicovolcanoconiosis\" },\n        {\n          title: `Sign up to discover new works by ${EXAMPLE_LONG_NAME} and more artists you love`,\n        },\n        { hasLogo: true },\n        { title: \"Modal Title\", hasLogo: true },\n        {\n          children: (\n            <Text variant=\"sm\">\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n              neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n              asperiores iure explicabo itaque accusantium, consectetur aut sit\n              maxime culpa ab aliquid consequatur?\n            </Text>\n          ),\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          hasLogo: true,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title: (\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n              p={2}\n            >\n              <ChevronLeftIcon />\n              <ArtsyLogoIcon height={30} />\n              <CloseIcon />\n            </Box>\n          ),\n        },\n      ]}\n    >\n      <ModalDialogContent onClose={action(\"onClose\")} maxHeight={400}>\n        <Join separator={<Spacer y={1} />}>\n          <Text variant=\"sm\">\n            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n            neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n            asperiores iure explicabo itaque accusantium, consectetur aut sit\n            maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n            consectetur adipisicing elit. Quam enim vel accusamus dolor\n            voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n            nihil minima praesentium, quaerat cupiditate amet dolor similique\n            corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n            Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n            eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n            nisi voluptatem inventore! Lorem ipsum, dolor sit amet consectetur\n            adipisicing elit. Eaque, neque voluptates! Sapiente, sint magnam.\n          </Text>\n\n          <Input placeholder=\"Enter your name\" autoComplete=\"name\" />\n\n          <Input\n            placeholder=\"Enter your email\"\n            type=\"email\"\n            autoComplete=\"email\"\n          />\n\n          <Text variant=\"sm\">\n            Assumenda, hic eius asperiores iure explicabo itaque accusantium,\n            consectetur aut sit maxime culpa ab aliquid consequatur? Lorem,\n            ipsum dolor sit amet consectetur adipisicing elit. Quam enim vel\n            accusamus dolor voluptatibus? Cumque dicta blanditiis debitis rerum\n            asperiores quae nihil minima praesentium, quaerat cupiditate amet\n            dolor similique corporis? Lorem, ipsum dolor sit amet consectetur\n            adipisicing elit. Quibusdam, eaque placeat mollitia aliquam porro\n            molestiae recusandae eos iusto obcaecati quo ducimus in iure tenetur\n            vitae animi ullam nisi voluptatem inventore! Lorem ipsum, dolor sit\n            amet consectetur adipisicing elit. Eaque, neque voluptates!\n            Sapiente, sint magnam. Assumenda, hic eius asperiores iure explicabo\n            itaque accusantium, consectetur aut sit maxime culpa ab aliquid\n            consequatur? Lorem, ipsum dolor sit amet consectetur adipisicing\n            elit. Quam enim vel accusamus dolor voluptatibus? Cumque dicta\n            blanditiis debitis rerum asperiores quae nihil minima praesentium,\n            quaerat cupiditate amet dolor similique corporis? Lorem, ipsum dolor\n            sit amet consectetur adipisicing elit. Quibusdam, eaque placeat\n            mollitia aliquam porro molestiae recusandae eos iusto obcaecati quo\n            ducimus in iure tenetur vitae animi ullam nisi voluptatem inventore!\n            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n            neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n            asperiores iure explicabo itaque accusantium, consectetur aut sit\n            maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n            consectetur adipisicing elit. Quam enim vel accusamus dolor\n            voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n            nihil minima praesentium, quaerat cupiditate amet dolor similique\n            corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n            Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n            eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n            nisi voluptatem inventore!\n          </Text>\n        </Join>\n      </ModalDialogContent>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalDialogContent.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_ModalDialogContent","_Text","_Button","_Input","_Join","_Spacer","_Box","_ChevronLeftIcon","_ArtsyLogoIcon","_CloseIcon","obj","__esModule","default","_default","exports","title","EXAMPLE_LONG_NAME","Default","createElement","States","states","children","Text","variant","bg","concat","hasLogo","footer","Button","width","Box","display","alignItems","justifyContent","p","height","ModalDialogContent","onClose","fn","maxHeight","Join","separator","Spacer","y","Input","placeholder","autoComplete","type","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialogContent.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport {\n  ModalDialogContent,\n  ModalDialogContentProps,\n} from \"./ModalDialogContent\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { Box } from \"../Box\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ArtsyLogoIcon from \"@artsy/icons/ArtsyLogoIcon\"\nimport CloseIcon from \"@artsy/icons/CloseIcon\"\n\nexport default {\n  title: \"Components/ModalDialogContent\",\n}\n\nconst EXAMPLE_LONG_NAME =\n  \"Egypt, Thebes, Wadi Qubbanet el-Qirud, New Kingdom, Late Dynasty 18 or early Dynasty 19\"\n\nexport const Default = () => {\n  return (\n    <States<Partial<ModalDialogContentProps>>\n      states={[\n        {\n          children: (\n            <Text variant=\"sm\" bg=\"mono10\">\n              Content shorter than width\n            </Text>\n          ),\n        },\n        {\n          children: (\n            <Text variant=\"sm\">\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n              neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n              asperiores iure explicabo itaque accusantium, consectetur aut sit\n              maxime culpa ab aliquid consequatur?\n            </Text>\n          ),\n        },\n        { title: \"Modal Title\" },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n        },\n        { title: \"Pneumonoultramicroscopicsilicovolcanoconiosis\" },\n        {\n          title: `Sign up to discover new works by ${EXAMPLE_LONG_NAME} and more artists you love`,\n        },\n        { hasLogo: true },\n        { title: \"Modal Title\", hasLogo: true },\n        {\n          children: (\n            <Text variant=\"sm\">\n              Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n              neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n              asperiores iure explicabo itaque accusantium, consectetur aut sit\n              maxime culpa ab aliquid consequatur?\n            </Text>\n          ),\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          hasLogo: true,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title: (\n            <Box\n              display=\"flex\"\n              alignItems=\"center\"\n              justifyContent=\"space-between\"\n              p={2}\n            >\n              <ChevronLeftIcon />\n              <ArtsyLogoIcon height={30} />\n              <CloseIcon />\n            </Box>\n          ),\n        },\n      ]}\n    >\n      <ModalDialogContent onClose={fn()} maxHeight={400}>\n        <Join separator={<Spacer y={1} />}>\n          <Text variant=\"sm\">\n            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n            neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n            asperiores iure explicabo itaque accusantium, consectetur aut sit\n            maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n            consectetur adipisicing elit. Quam enim vel accusamus dolor\n            voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n            nihil minima praesentium, quaerat cupiditate amet dolor similique\n            corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n            Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n            eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n            nisi voluptatem inventore! Lorem ipsum, dolor sit amet consectetur\n            adipisicing elit. Eaque, neque voluptates! Sapiente, sint magnam.\n          </Text>\n\n          <Input placeholder=\"Enter your name\" autoComplete=\"name\" />\n\n          <Input\n            placeholder=\"Enter your email\"\n            type=\"email\"\n            autoComplete=\"email\"\n          />\n\n          <Text variant=\"sm\">\n            Assumenda, hic eius asperiores iure explicabo itaque accusantium,\n            consectetur aut sit maxime culpa ab aliquid consequatur? Lorem,\n            ipsum dolor sit amet consectetur adipisicing elit. Quam enim vel\n            accusamus dolor voluptatibus? Cumque dicta blanditiis debitis rerum\n            asperiores quae nihil minima praesentium, quaerat cupiditate amet\n            dolor similique corporis? Lorem, ipsum dolor sit amet consectetur\n            adipisicing elit. Quibusdam, eaque placeat mollitia aliquam porro\n            molestiae recusandae eos iusto obcaecati quo ducimus in iure tenetur\n            vitae animi ullam nisi voluptatem inventore! Lorem ipsum, dolor sit\n            amet consectetur adipisicing elit. Eaque, neque voluptates!\n            Sapiente, sint magnam. Assumenda, hic eius asperiores iure explicabo\n            itaque accusantium, consectetur aut sit maxime culpa ab aliquid\n            consequatur? Lorem, ipsum dolor sit amet consectetur adipisicing\n            elit. Quam enim vel accusamus dolor voluptatibus? Cumque dicta\n            blanditiis debitis rerum asperiores quae nihil minima praesentium,\n            quaerat cupiditate amet dolor similique corporis? Lorem, ipsum dolor\n            sit amet consectetur adipisicing elit. Quibusdam, eaque placeat\n            mollitia aliquam porro molestiae recusandae eos iusto obcaecati quo\n            ducimus in iure tenetur vitae animi ullam nisi voluptatem inventore!\n            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eaque,\n            neque voluptates! Sapiente, sint magnam. Assumenda, hic eius\n            asperiores iure explicabo itaque accusantium, consectetur aut sit\n            maxime culpa ab aliquid consequatur? Lorem, ipsum dolor sit amet\n            consectetur adipisicing elit. Quam enim vel accusamus dolor\n            voluptatibus? Cumque dicta blanditiis debitis rerum asperiores quae\n            nihil minima praesentium, quaerat cupiditate amet dolor similique\n            corporis? Lorem, ipsum dolor sit amet consectetur adipisicing elit.\n            Quibusdam, eaque placeat mollitia aliquam porro molestiae recusandae\n            eos iusto obcaecati quo ducimus in iure tenetur vitae animi ullam\n            nisi voluptatem inventore!\n          </Text>\n        </Join>\n      </ModalDialogContent>\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,mBAAA,GAAAJ,OAAA;AAIA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AACA,IAAAU,IAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,cAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,UAAA,GAAAX,sBAAA,CAAAF,OAAA;AAA8C,SAAAE,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE/B;EACbG,KAAK,EAAE;AACT,CAAC;AAED,IAAMC,iBAAiB,GACrB,yFAAyF;AAEpF,IAAMC,OAAO,GAAAH,OAAA,CAAAG,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEpB,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACnB,gBAAA,CAAAoB,MAAM;IACLC,MAAM,EAAE,CACN;MACEC,QAAQ,eACNxB,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACjB,KAAA,CAAAqB,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,EAAE,EAAC;MAAQ,GAAC,4BAE/B;IAEJ,CAAC,EACD;MACEH,QAAQ,eACNxB,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACjB,KAAA,CAAAqB,IAAI;QAACC,OAAO,EAAC;MAAI,GAAC,sOAKnB;IAEJ,CAAC,EACD;MAAER,KAAK,EAAE;IAAc,CAAC,EACxB;MACEA,KAAK,EACH;IACJ,CAAC,EACD;MAAEA,KAAK,EAAE;IAAgD,CAAC,EAC1D;MACEA,KAAK,sCAAAU,MAAA,CAAsCT,iBAAiB;IAC9D,CAAC,EACD;MAAEU,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEX,KAAK,EAAE,aAAa;MAAEW,OAAO,EAAE;IAAK,CAAC,EACvC;MACEL,QAAQ,eACNxB,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACjB,KAAA,CAAAqB,IAAI;QAACC,OAAO,EAAC;MAAI,GAAC,sOAKnB,CACD;MACDI,MAAM,eAAE9B,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAAChB,OAAA,CAAA0B,MAAM;QAACC,KAAK,EAAC;MAAM,GAAC,SAAO;IACtC,CAAC,EACD;MAAEd,KAAK,EAAE,aAAa;MAAEY,MAAM,eAAE9B,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAAChB,OAAA,CAAA0B,MAAM;QAACC,KAAK,EAAC;MAAM,GAAC,SAAO;IAAU,CAAC,EACvE;MACEd,KAAK,EACH,kFAAkF;MACpFY,MAAM,eAAE9B,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAAChB,OAAA,CAAA0B,MAAM;QAACC,KAAK,EAAC;MAAM,GAAC,SAAO;IACtC,CAAC,EACD;MACEd,KAAK,EACH,kFAAkF;MACpFW,OAAO,EAAE,IAAI;MACbC,MAAM,eAAE9B,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAAChB,OAAA,CAAA0B,MAAM;QAACC,KAAK,EAAC;MAAM,GAAC,SAAO;IACtC,CAAC,EACD;MACEd,KAAK,eACHlB,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACZ,IAAA,CAAAwB,GAAG;QACFC,OAAO,EAAC,MAAM;QACdC,UAAU,EAAC,QAAQ;QACnBC,cAAc,EAAC,eAAe;QAC9BC,CAAC,EAAE;MAAE,gBAELrC,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACX,gBAAA,CAAAK,OAAe,OAAG,eACnBf,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACV,cAAA,CAAAI,OAAa;QAACuB,MAAM,EAAE;MAAG,EAAG,eAC7BtC,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACT,UAAA,CAAAG,OAAS,OAAG;IAGnB,CAAC;EACD,gBAEFf,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAAClB,mBAAA,CAAAoC,kBAAkB;IAACC,OAAO,EAAE,IAAAC,QAAE,GAAG;IAACC,SAAS,EAAE;EAAI,gBAChD1C,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACd,KAAA,CAAAoC,IAAI;IAACC,SAAS,eAAE5C,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACb,OAAA,CAAAqC,MAAM;MAACC,CAAC,EAAE;IAAE;EAAI,gBAChC9C,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACjB,KAAA,CAAAqB,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,oxBAanB,CAAO,eAEP1B,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACf,MAAA,CAAAyC,KAAK;IAACC,WAAW,EAAC,iBAAiB;IAACC,YAAY,EAAC;EAAM,EAAG,eAE3DjD,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACf,MAAA,CAAAyC,KAAK;IACJC,WAAW,EAAC,kBAAkB;IAC9BE,IAAI,EAAC,OAAO;IACZD,YAAY,EAAC;EAAO,EACpB,eAEFjD,MAAA,CAAAe,OAAA,CAAAM,aAAA,CAACjB,KAAA,CAAAqB,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,k5DA+BnB,CAAO,CACF,CACY,CACd;AAEb,CAAC;AApIYN,OAAO,CAAA+B,WAAA"}

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Example = exports.Default = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
 var _MultiSelect = require("./MultiSelect");
@@ -68,7 +68,7 @@ var Default = exports.Default = function Default() {
   }, /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     name: "Medium",
     options: OPTIONS,
-    onSelect: (0, _addonActions.action)("onSelect")
+    onSelect: (0, _test.fn)()
   }));
 };
 Default.displayName = "Default";

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_MultiSelect","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_default","exports","title","OPTIONS","text","Default","createElement","States","states","focus","hover","complete","error","disabled","required","description","MultiSelect","options","onSelect","action","displayName","Example","_useReducer","useReducer","state","newFilter","_useReducer2","filters","setFilter","Fragment","JSON","stringify","sizes","map","size"],"sources":["../../../src/elements/MultiSelect/MultiSelect.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useReducer } from \"react\"\nimport { States } from \"storybook-states\"\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\"\n\nexport default {\n  title: \"Components/MultiSelect\",\n}\n\nconst OPTIONS = [\n  { text: \"Painting\", value: \"painting\" },\n  { text: \"Print\", value: \"print\" },\n  { text: \"Sculpture\", value: \"sculpture\" },\n  { text: \"Photography\", value: \"photography\" },\n  { text: \"Mixed Media\", value: \"mixed-media\" },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<MultiSelectProps>>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { complete: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { title: \"Medium\", name: \"Select\" },\n        { title: \"Medium\", name: \"Select\", required: true },\n        {\n          title: \"Medium\",\n          name: \"Select\",\n          description: \"Materials or support\",\n        },\n      ]}\n    >\n      <MultiSelect\n        name=\"Medium\"\n        options={OPTIONS}\n        onSelect={action(\"onSelect\")}\n      />\n    </States>\n  )\n}\n\nexport const Example = () => {\n  const [filters, setFilter] = useReducer(\n    (state, newFilter) => ({ ...state, ...newFilter }),\n    {}\n  )\n\n  return (\n    <>\n      <pre>{JSON.stringify(filters)}</pre>\n\n      <MultiSelect\n        options={OPTIONS}\n        name=\"Size\"\n        onSelect={(sizes) => {\n          setFilter({ sizes: sizes.map((size) => size.value) })\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MultiSelect.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_MultiSelect","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_default","exports","title","OPTIONS","text","Default","createElement","States","states","focus","hover","complete","error","disabled","required","description","MultiSelect","options","onSelect","fn","displayName","Example","_useReducer","useReducer","state","newFilter","_useReducer2","filters","setFilter","Fragment","JSON","stringify","sizes","map","size"],"sources":["../../../src/elements/MultiSelect/MultiSelect.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useReducer } from \"react\"\nimport { States } from \"storybook-states\"\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\"\n\nexport default {\n  title: \"Components/MultiSelect\",\n}\n\nconst OPTIONS = [\n  { text: \"Painting\", value: \"painting\" },\n  { text: \"Print\", value: \"print\" },\n  { text: \"Sculpture\", value: \"sculpture\" },\n  { text: \"Photography\", value: \"photography\" },\n  { text: \"Mixed Media\", value: \"mixed-media\" },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<MultiSelectProps>>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { complete: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { title: \"Medium\", name: \"Select\" },\n        { title: \"Medium\", name: \"Select\", required: true },\n        {\n          title: \"Medium\",\n          name: \"Select\",\n          description: \"Materials or support\",\n        },\n      ]}\n    >\n      <MultiSelect\n        name=\"Medium\"\n        options={OPTIONS}\n        onSelect={fn()}\n      />\n    </States>\n  )\n}\n\nexport const Example = () => {\n  const [filters, setFilter] = useReducer(\n    (state, newFilter) => ({ ...state, ...newFilter }),\n    {}\n  )\n\n  return (\n    <>\n      <pre>{JSON.stringify(filters)}</pre>\n\n      <MultiSelect\n        options={OPTIONS}\n        name=\"Size\"\n        onSelect={(sizes) => {\n          setFilter({ sizes: sizes.map((size) => size.value) })\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Skeleton = exports.Default = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Pagination = require("./Pagination");
@@ -67,14 +67,14 @@ var Default = exports.Default = function Default() {
     pageCursors: EXAMPLE_PAGE_CURSORS,
     onClick: function onClick(cursor, page, event) {
       event.preventDefault();
-      (0, _addonActions.action)("onClick")(cursor, page, event);
+      (0, _test.fn)()(cursor, page, event);
     },
     onNext: function onNext(event) {
       event.preventDefault();
       for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
         rest[_key - 1] = arguments[_key];
       }
-      (0, _addonActions.action)("onNext").apply(void 0, [event].concat(rest));
+      (0, _test.fn)().apply(void 0, [event].concat(rest));
     }
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","exports","title","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","Default","createElement","States","states","pageCursors","hasNextPage","Pagination","onClick","event","preventDefault","action","onNext","_len","rest","Array","_key","concat","displayName","story","name","Skeleton","PaginationSkeleton"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Pagination, PaginationProps, PaginationSkeleton } from \"./Pagination\"\n\nexport default {\n  title: \"Components/Pagination\",\n}\n\nconst EXAMPLE_PAGE_CURSORS = {\n  first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n  last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  around: [\n    { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n    { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n    { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n    { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  ],\n  previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PaginationProps>>\n      states={[\n        {},\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null as any } },\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS }, hasNextPage: false },\n      ]}\n    >\n      <Pagination\n        hasNextPage\n        pageCursors={EXAMPLE_PAGE_CURSORS}\n        onClick={(cursor, page, event) => {\n          event.preventDefault()\n          action(\"onClick\")(cursor, page, event)\n        }}\n        onNext={(event, ...rest) => {\n          event.preventDefault()\n          action(\"onNext\")(event, ...rest)\n        }}\n      />\n    </States>\n  )\n}\n\nDefault.story = {\n  name: \"Pagination\",\n}\n\nexport const Skeleton = () => {\n  return (\n    <States>\n      <PaginationSkeleton />\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","exports","title","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","Default","createElement","States","states","pageCursors","hasNextPage","Pagination","onClick","event","preventDefault","fn","onNext","_len","rest","Array","_key","concat","displayName","story","name","Skeleton","PaginationSkeleton"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Pagination, PaginationProps, PaginationSkeleton } from \"./Pagination\"\n\nexport default {\n  title: \"Components/Pagination\",\n}\n\nconst EXAMPLE_PAGE_CURSORS = {\n  first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n  last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  around: [\n    { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n    { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n    { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n    { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  ],\n  previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PaginationProps>>\n      states={[\n        {},\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null as any } },\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS }, hasNextPage: false },\n      ]}\n    >\n      <Pagination\n        hasNextPage\n        pageCursors={EXAMPLE_PAGE_CURSORS}\n        onClick={(cursor, page, event) => {\n          event.preventDefault()\n          fn()(cursor, page, event)\n        }}\n        onNext={(event, ...rest) => {\n          event.preventDefault()\n          fn()(event, ...rest)\n        }}\n      />\n    </States>\n  )\n}\n\nDefault.story = {\n  name: \"Pagination\",\n}\n\nexport const Skeleton = () => {\n  return (\n    <States>\n      <PaginationSkeleton />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA8E,SAAAE,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,QAAAH,GAAA,sCAAAG,OAAA,wBAAAC,MAAA,uBAAAA,MAAA,CAAAC,QAAA,aAAAL,GAAA,kBAAAA,GAAA,gBAAAA,GAAA,WAAAA,GAAA,yBAAAI,MAAA,IAAAJ,GAAA,CAAAM,WAAA,KAAAF,MAAA,IAAAJ,GAAA,KAAAI,MAAA,CAAAG,SAAA,qBAAAP,GAAA,KAAAG,OAAA,CAAAH,GAAA;AAAA,SAAAQ,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,IAAAC,eAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAAA,SAAAO,gBAAA7B,GAAA,EAAA4B,GAAA,EAAAK,KAAA,IAAAL,GAAA,GAAAM,cAAA,CAAAN,GAAA,OAAAA,GAAA,IAAA5B,GAAA,IAAAY,MAAA,CAAAoB,cAAA,CAAAhC,GAAA,EAAA4B,GAAA,IAAAK,KAAA,EAAAA,KAAA,EAAAf,UAAA,QAAAiB,YAAA,QAAAC,QAAA,oBAAApC,GAAA,CAAA4B,GAAA,IAAAK,KAAA,WAAAjC,GAAA;AAAA,SAAAkC,eAAAG,GAAA,QAAAT,GAAA,GAAAU,YAAA,CAAAD,GAAA,oBAAAlC,OAAA,CAAAyB,GAAA,iBAAAA,GAAA,GAAAW,MAAA,CAAAX,GAAA;AAAA,SAAAU,aAAAE,KAAA,EAAAC,IAAA,QAAAtC,OAAA,CAAAqC,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAApC,MAAA,CAAAuC,WAAA,OAAAD,IAAA,KAAAE,SAAA,QAAAC,GAAA,GAAAH,IAAA,CAAAI,IAAA,CAAAN,KAAA,EAAAC,IAAA,oBAAAtC,OAAA,CAAA0C,GAAA,uBAAAA,GAAA,YAAAE,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,IAAAS,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAE/D;EACbiD,KAAK,EAAE;AACT,CAAC;AAED,IAAMC,oBAAoB,GAAG;EAC3BC,KAAK,EAAE;IAAEC,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE,cAAc;IAAEC,SAAS,EAAE;EAAM,CAAC;EAC5DC,IAAI,EAAE;IAAEH,IAAI,EAAE,EAAE;IAAEC,MAAM,EAAE,cAAc;IAAEC,SAAS,EAAE;EAAM,CAAC;EAC5DE,MAAM,EAAE,CACN;IAAEJ,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE,cAAc;IAAEC,SAAS,EAAE;EAAK,CAAC,EACpD;IAAEF,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE,cAAc;IAAEC,SAAS,EAAE;EAAM,CAAC,EACrD;IAAEF,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE,cAAc;IAAEC,SAAS,EAAE;EAAM,CAAC,EACrD;IAAEF,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE,cAAc;IAAEC,SAAS,EAAE;EAAM,CAAC,CACtD;EACDG,QAAQ,EAAE;IAAEL,IAAI,EAAE,CAAC;IAAEC,MAAM,EAAE,cAAc;IAAEC,SAAS,EAAE;EAAM;AAChE,CAAC;AAEM,IAAMI,OAAO,GAAAV,OAAA,CAAAU,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEhE,MAAA,CAAAM,OAAA,CAAA2D,aAAA,CAAC/D,gBAAA,CAAAgE,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,WAAW,EAAA3C,aAAA,CAAAA,aAAA,KAAO+B,oBAAoB;QAAEO,QAAQ,EAAE;MAAW;IAAG,CAAC,EACnE;MAAEK,WAAW,EAAA3C,aAAA,KAAO+B,oBAAoB,CAAE;MAAEa,WAAW,EAAE;IAAM,CAAC;EAChE,gBAEFrE,MAAA,CAAAM,OAAA,CAAA2D,aAAA,CAAC9D,WAAA,CAAAmE,UAAU;IACTD,WAAW;IACXD,WAAW,EAAEZ,oBAAqB;IAClCe,OAAO,EAAE,SAATA,OAAOA,CAAGZ,MAAM,EAAED,IAAI,EAAEc,KAAK,EAAK;MAChCA,KAAK,CAACC,cAAc,EAAE;MACtB,IAAAC,QAAE,GAAE,CAACf,MAAM,EAAED,IAAI,EAAEc,KAAK,CAAC;IAC3B,CAAE;IACFG,MAAM,EAAE,SAARA,MAAMA,CAAGH,KAAK,EAAc;MAC1BA,KAAK,CAACC,cAAc,EAAE;MAAA,SAAAG,IAAA,GAAAhD,SAAA,CAAAC,MAAA,EADLgD,IAAI,OAAAC,KAAA,CAAAF,IAAA,OAAAA,IAAA,WAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;QAAJF,IAAI,CAAAE,IAAA,QAAAnD,SAAA,CAAAmD,IAAA;MAAA;MAErB,IAAAL,QAAE,GAAE,CAAAlD,KAAA,UAACgD,KAAK,EAAAQ,MAAA,CAAKH,IAAI,EAAC;IACtB;EAAE,EACF,CACK;AAEb,CAAC;AAvBYb,OAAO,CAAAiB,WAAA;AAyBpBjB,OAAO,CAACkB,KAAK,GAAG;EACdC,IAAI,EAAE;AACR,CAAC;AAEM,IAAMC,QAAQ,GAAA9B,OAAA,CAAA8B,QAAA,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACEpF,MAAA,CAAAM,OAAA,CAAA2D,aAAA,CAAC/D,gBAAA,CAAAgE,MAAM,qBACLlE,MAAA,CAAAM,OAAA,CAAA2D,aAAA,CAAC9D,WAAA,CAAAkF,kBAAkB,OAAG,CACf;AAEb,CAAC;AANYD,QAAQ,CAAAH,WAAA"}

package/dist/elements/Popover/Popover.story.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.PopoverActions = exports.Placement = exports.ManageFocus = exports.Default = exports.CrashAtSpecificZoomLevels = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _utils = require("../../utils");
@@ -25,8 +25,8 @@ var Default = exports.Default = function Default() {
     states: [{}, {
       visible: true
     }, {
-      onClose: (0, _addonActions.action)("onClose"),
-      onDismiss: (0, _addonActions.action)("onDismiss")
+      onClose: (0, _test.fn)(),
+      onDismiss: (0, _test.fn)()
     }, {
       visible: true,
       popover: /*#__PURE__*/_react.default.createElement(_Text.Text, {

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

@@ -1 +1 @@
-{"version":3,"file":"Popover.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","exports","title","Default","createElement","States","states","visible","onClose","action","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ManageFocus","manageFocus","_ref3","PopoverActions","_ref4","onHide","Spacer","y","Flex","flex","x","_ref5","CrashAtSpecificZoomLevels","height","_ref6","_ref7"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\n\nconst CONTENT =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.\"\n\nexport default {\n  title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        {},\n        { visible: true },\n        { onClose: action(\"onClose\"), onDismiss: action(\"onDismiss\") },\n        {\n          visible: true,\n          popover: (\n            <Text variant=\"xs\" width={300}>\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | — (Content interaction with close button.)\n            </Text>\n          ),\n        },\n        {\n          pointer: true,\n          visible: true,\n          p: 0,\n          popover: (\n            <>\n              {new Array(4).fill(0).map((_, i) => (\n                <Text\n                  key={i}\n                  variant=\"sm-display\"\n                  overflowEllipsis\n                  bg=\"red10\"\n                  px={1}\n                  py={0.5}\n                >\n                  Example Item\n                </Text>\n              ))}\n            </>\n          ),\n        },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n          zIndex: 99,\n        },\n        {\n          ignoreClickOutside: true,\n        },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Popover\n            popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n            visible\n            variant=\"defaultDark\"\n            pointer\n            {...props}\n          >\n            {({ anchorRef }) => {\n              return (\n                <Text\n                  ref={anchorRef as any}\n                  variant=\"xs\"\n                  textAlign=\"center\"\n                  p={1}\n                  maxWidth=\"50%\"\n                  mx=\"auto\"\n                  bg=\"mono10\"\n                >\n                  {JSON.stringify(props)}\n                </Text>\n              )\n            }}\n          </Popover>\n        )\n      }}\n    </States>\n  )\n}\n\nPlacement.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        { visible: true, manageFocus: false },\n        { visible: true, manageFocus: true },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const PopoverActions = () => {\n  return (\n    <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n      <Popover\n        placement=\"bottom\"\n        popover={({ onHide, onDismiss }) => {\n          return (\n            <>\n              <Text variant=\"xs\" width={300}>\n                {CONTENT}\n              </Text>\n\n              <Spacer y={2} />\n\n              <Flex>\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onHide}\n                >\n                  Hide\n                </Button>\n\n                <Spacer x={1} />\n\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onDismiss}\n                >\n                  Dismiss\n                </Button>\n              </Flex>\n            </>\n          )\n        }}\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const CrashAtSpecificZoomLevels = () => {\n  return (\n    <>\n      <Box height={100}>Zoom to 90% in Chrome, click, then scroll.</Box>\n\n      <Box height={2000} bg=\"mono5\">\n        <Box height={200} />\n\n        <Popover\n          placement=\"top\"\n          popover={({ onHide, onDismiss }) => {\n            return (\n              <>\n                <Text variant=\"xs\" width={300}>\n                  {CONTENT}\n                </Text>\n\n                <Spacer y={2} />\n\n                <Flex>\n                  <Button\n                    flex={1}\n                    size=\"small\"\n                    variant=\"secondaryBlack\"\n                    onClick={onHide}\n                  >\n                    Hide\n                  </Button>\n\n                  <Spacer x={1} />\n\n                  <Button\n                    flex={1}\n                    size=\"small\"\n                    variant=\"secondaryBlack\"\n                    onClick={onDismiss}\n                  >\n                    Dismiss\n                  </Button>\n                </Flex>\n              </>\n            )\n          }}\n        >\n          {({ onVisible, anchorRef }) => {\n            return (\n              <Box textAlign=\"center\">\n                <Button\n                  ref={anchorRef}\n                  variant=\"secondaryBlack\"\n                  size=\"small\"\n                  onClick={onVisible}\n                >\n                  Click to display popover\n                </Button>\n              </Box>\n            )\n          }}\n        </Popover>\n      </Box>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Popover.story.js","names":["_test","require","_react","_interopRequireDefault","_storybookStates","_utils","_Box","_Button","_Flex","_Spacer","_Text","_Popover","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CONTENT","_default","exports","title","Default","createElement","States","states","visible","onClose","fn","onDismiss","popover","Text","variant","width","pointer","p","Fragment","Array","fill","map","_","overflowEllipsis","bg","px","py","placement","zIndex","ignoreClickOutside","Popover","_ref","onVisible","anchorRef","Box","textAlign","Button","ref","size","onClick","displayName","story","parameters","chromatic","disable","Placement","keys","POSITION","props","JSON","stringify","_ref2","maxWidth","mx","ManageFocus","manageFocus","_ref3","PopoverActions","_ref4","onHide","Spacer","y","Flex","flex","x","_ref5","CrashAtSpecificZoomLevels","height","_ref6","_ref7"],"sources":["../../../src/elements/Popover/Popover.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Position, POSITION } from \"../../utils\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Popover, PopoverProps } from \"./Popover\"\n\nconst CONTENT =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi eius autem aliquid cumque, mollitia incidunt totam. Id ut quae hic in quisquam, cupiditate iure nobis, provident minus voluptatem tenetur consequatur.\"\n\nexport default {\n  title: \"Components/Popover\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        {},\n        { visible: true },\n        { onClose: fn(), onDismiss: fn() },\n        {\n          visible: true,\n          popover: (\n            <Text variant=\"xs\" width={300}>\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\n              | | | — (Content interaction with close button.)\n            </Text>\n          ),\n        },\n        {\n          pointer: true,\n          visible: true,\n          p: 0,\n          popover: (\n            <>\n              {new Array(4).fill(0).map((_, i) => (\n                <Text\n                  key={i}\n                  variant=\"sm-display\"\n                  overflowEllipsis\n                  bg=\"red10\"\n                  px={1}\n                  py={0.5}\n                >\n                  Example Item\n                </Text>\n              ))}\n            </>\n          ),\n        },\n        {\n          variant: \"defaultDark\",\n          placement: \"bottom\",\n          visible: true,\n          pointer: true,\n          zIndex: 99,\n        },\n        {\n          ignoreClickOutside: true,\n        },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nDefault.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const Placement = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={Object.keys(POSITION).map((placement) => ({\n        placement: placement as Position,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Popover\n            popover={<Text variant=\"xs\">{JSON.stringify(props)}</Text>}\n            visible\n            variant=\"defaultDark\"\n            pointer\n            {...props}\n          >\n            {({ anchorRef }) => {\n              return (\n                <Text\n                  ref={anchorRef as any}\n                  variant=\"xs\"\n                  textAlign=\"center\"\n                  p={1}\n                  maxWidth=\"50%\"\n                  mx=\"auto\"\n                  bg=\"mono10\"\n                >\n                  {JSON.stringify(props)}\n                </Text>\n              )\n            }}\n          </Popover>\n        )\n      }}\n    </States>\n  )\n}\n\nPlacement.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const ManageFocus = () => {\n  return (\n    <States<Partial<PopoverProps>>\n      states={[\n        { visible: true, manageFocus: false },\n        { visible: true, manageFocus: true },\n      ]}\n    >\n      <Popover\n        placement=\"bottom\"\n        popover={\n          <Text variant=\"xs\" width={300}>\n            {CONTENT}\n          </Text>\n        }\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const PopoverActions = () => {\n  return (\n    <States<Partial<PopoverProps>> states={[{ visible: true }]}>\n      <Popover\n        placement=\"bottom\"\n        popover={({ onHide, onDismiss }) => {\n          return (\n            <>\n              <Text variant=\"xs\" width={300}>\n                {CONTENT}\n              </Text>\n\n              <Spacer y={2} />\n\n              <Flex>\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onHide}\n                >\n                  Hide\n                </Button>\n\n                <Spacer x={1} />\n\n                <Button\n                  flex={1}\n                  size=\"small\"\n                  variant=\"secondaryBlack\"\n                  onClick={onDismiss}\n                >\n                  Dismiss\n                </Button>\n              </Flex>\n            </>\n          )\n        }}\n      >\n        {({ onVisible, anchorRef }) => {\n          return (\n            <Box textAlign=\"center\">\n              <Button\n                ref={anchorRef}\n                variant=\"secondaryBlack\"\n                size=\"small\"\n                onClick={onVisible}\n              >\n                Click to display popover\n              </Button>\n            </Box>\n          )\n        }}\n      </Popover>\n    </States>\n  )\n}\n\nexport const CrashAtSpecificZoomLevels = () => {\n  return (\n    <>\n      <Box height={100}>Zoom to 90% in Chrome, click, then scroll.</Box>\n\n      <Box height={2000} bg=\"mono5\">\n        <Box height={200} />\n\n        <Popover\n          placement=\"top\"\n          popover={({ onHide, onDismiss }) => {\n            return (\n              <>\n                <Text variant=\"xs\" width={300}>\n                  {CONTENT}\n                </Text>\n\n                <Spacer y={2} />\n\n                <Flex>\n                  <Button\n                    flex={1}\n                    size=\"small\"\n                    variant=\"secondaryBlack\"\n                    onClick={onHide}\n                  >\n                    Hide\n                  </Button>\n\n                  <Spacer x={1} />\n\n                  <Button\n                    flex={1}\n                    size=\"small\"\n                    variant=\"secondaryBlack\"\n                    onClick={onDismiss}\n                  >\n                    Dismiss\n                  </Button>\n                </Flex>\n              </>\n            )\n          }}\n        >\n          {({ onVisible, anchorRef }) => {\n            return (\n              <Box textAlign=\"center\">\n                <Button\n                  ref={anchorRef}\n                  variant=\"secondaryBlack\"\n                  size=\"small\"\n                  onClick={onVisible}\n                >\n                  Click to display popover\n                </Button>\n              </Box>\n            )\n          }}\n        </Popover>\n      </Box>\n    </>\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;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,QAAA,GAAAV,OAAA;AAAiD,SAAAE,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEjD,IAAMQ,OAAO,GACX,sNAAsN;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAEzM;EACbkB,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACE/B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEC,OAAO,EAAE,IAAAC,QAAE,GAAE;MAAEC,SAAS,EAAE,IAAAD,QAAE;IAAG,CAAC,EAClC;MACEF,OAAO,EAAE,IAAI;MACbI,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,KAAK,EAAE;MAAI,GAAC,mcAQ/B;IAEJ,CAAC,EACD;MACEC,OAAO,EAAE,IAAI;MACbR,OAAO,EAAE,IAAI;MACbS,CAAC,EAAE,CAAC;MACJL,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,QACG,IAAIC,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,UAACC,CAAC,EAAE/B,CAAC;QAAA,oBAC7BlB,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;UACHlB,GAAG,EAAEJ,CAAE;UACPuB,OAAO,EAAC,YAAY;UACpBS,gBAAgB;UAChBC,EAAE,EAAC,OAAO;UACVC,EAAE,EAAE,CAAE;UACNC,EAAE,EAAE;QAAI,GACT,cAED,CAAO;MAAA,CACR,CAAC;IAGR,CAAC,EACD;MACEZ,OAAO,EAAE,aAAa;MACtBa,SAAS,EAAE,QAAQ;MACnBnB,OAAO,EAAE,IAAI;MACbQ,OAAO,EAAE,IAAI;MACbY,MAAM,EAAE;IACV,CAAC,EACD;MACEC,kBAAkB,EAAE;IACtB,CAAC;EACD,gBAEFxD,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,KAAK,EAAE;IAAI,GAC3Bf,OAAO;EAEX,GAEA,UAAA+B,IAAA,EAA8B;IAAA,IAA3BC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AA/EY5B,OAAO,CAAAoC,WAAA;AAiFpBpC,OAAO,CAACqC,KAAK,GAAG;EACdC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,SAAS,GAAA3C,OAAA,CAAA2C,SAAA,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,oBACExE,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAEpB,MAAM,CAAC2D,IAAI,CAACC,eAAQ,CAAC,CAAC1B,GAAG,CAAC,UAACM,SAAS;MAAA,OAAM;QAChDA,SAAS,EAAEA;MACb,CAAC;IAAA,CAAC;EAAE,GAEH,UAACqB,KAAK,EAAK;IACV,oBACE3E,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO,EAAA5C,QAAA;MACN0B,OAAO,eAAEvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC;MAAI,GAAEmC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CAAS;MAC3DxC,OAAO;MACPM,OAAO,EAAC,aAAa;MACrBE,OAAO;IAAA,GACHgC,KAAK,GAER,UAAAG,KAAA,EAAmB;MAAA,IAAhBlB,SAAS,GAAAkB,KAAA,CAATlB,SAAS;MACX,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QACHwB,GAAG,EAAEJ,SAAiB;QACtBnB,OAAO,EAAC,IAAI;QACZqB,SAAS,EAAC,QAAQ;QAClBlB,CAAC,EAAE,CAAE;QACLmC,QAAQ,EAAC,KAAK;QACdC,EAAE,EAAC,MAAM;QACT7B,EAAE,EAAC;MAAQ,GAEVyB,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,CACjB;IAEX,CAAC,CACO;EAEd,CAAC,CACM;AAEb,CAAC;AApCYH,SAAS,CAAAL,WAAA;AAsCtBK,SAAS,CAACJ,KAAK,GAAG;EAChBC,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMU,WAAW,GAAApD,OAAA,CAAAoD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,oBACEjF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,OAAO,EAAE,IAAI;MAAE+C,WAAW,EAAE;IAAM,CAAC,EACrC;MAAE/C,OAAO,EAAE,IAAI;MAAE+C,WAAW,EAAE;IAAK,CAAC;EACpC,gBAEFlF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,eACLvC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;MAACC,OAAO,EAAC,IAAI;MAACC,KAAK,EAAE;IAAI,GAC3Bf,OAAO;EAEX,GAEA,UAAAwD,KAAA,EAA8B;IAAA,IAA3BxB,SAAS,GAAAwB,KAAA,CAATxB,SAAS;MAAEC,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAjCYsB,WAAW,CAAAd,WAAA;AAmCjB,IAAMiB,cAAc,GAAAvD,OAAA,CAAAuD,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,oBACEpF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC9B,gBAAA,CAAA+B,MAAM;IAAwBC,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAK,CAAC;EAAE,gBACzDnC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,QAAQ;IAClBf,OAAO,EAAE,SAATA,OAAOA,CAAA8C,KAAA,EAA6B;MAAA,IAAxBC,MAAM,GAAAD,KAAA,CAANC,MAAM;QAAEhD,SAAS,GAAA+C,KAAA,CAAT/C,SAAS;MAC3B,oBACEtC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,qBACE7C,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,KAAK,EAAE;MAAI,GAC3Bf,OAAO,CACH,eAEP3B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACC,CAAC,EAAE;MAAE,EAAG,eAEhBxF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC1B,KAAA,CAAAmF,IAAI,qBACHzF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAEoB;MAAO,GACjB,MAED,CAAS,eAETtF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACI,CAAC,EAAE;MAAE,EAAG,eAEhB3F,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAE5B;MAAU,GACpB,SAED,CAAS,CACJ,CACN;IAEP;EAAE,GAED,UAAAsD,KAAA,EAA8B;IAAA,IAA3BjC,SAAS,GAAAiC,KAAA,CAATjC,SAAS;MAAEC,SAAS,GAAAgC,KAAA,CAAThC,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACH;AAEb,CAAC;AAxDYyB,cAAc,CAAAjB,WAAA;AA0DpB,IAAM0B,yBAAyB,GAAAhE,OAAA,CAAAgE,yBAAA,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAC7C,oBACE7F,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,qBACE7C,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;IAACiC,MAAM,EAAE;EAAI,GAAC,4CAA0C,CAAM,eAElE9F,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;IAACiC,MAAM,EAAE,IAAK;IAAC3C,EAAE,EAAC;EAAO,gBAC3BnD,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;IAACiC,MAAM,EAAE;EAAI,EAAG,eAEpB9F,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACvB,QAAA,CAAAgD,OAAO;IACNH,SAAS,EAAC,KAAK;IACff,OAAO,EAAE,SAATA,OAAOA,CAAAwD,KAAA,EAA6B;MAAA,IAAxBT,MAAM,GAAAS,KAAA,CAANT,MAAM;QAAEhD,SAAS,GAAAyD,KAAA,CAATzD,SAAS;MAC3B,oBACEtC,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAAhC,MAAA,CAAAY,OAAA,CAAAiC,QAAA,qBACE7C,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACxB,KAAA,CAAAgC,IAAI;QAACC,OAAO,EAAC,IAAI;QAACC,KAAK,EAAE;MAAI,GAC3Bf,OAAO,CACH,eAEP3B,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACC,CAAC,EAAE;MAAE,EAAG,eAEhBxF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC1B,KAAA,CAAAmF,IAAI,qBACHzF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAEoB;MAAO,GACjB,MAED,CAAS,eAETtF,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAACzB,OAAA,CAAAgF,MAAM;QAACI,CAAC,EAAE;MAAE,EAAG,eAEhB3F,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;QACL2B,IAAI,EAAE,CAAE;QACRzB,IAAI,EAAC,OAAO;QACZxB,OAAO,EAAC,gBAAgB;QACxByB,OAAO,EAAE5B;MAAU,GACpB,SAED,CAAS,CACJ,CACN;IAEP;EAAE,GAED,UAAA0D,KAAA,EAA8B;IAAA,IAA3BrC,SAAS,GAAAqC,KAAA,CAATrC,SAAS;MAAEC,SAAS,GAAAoC,KAAA,CAATpC,SAAS;IACtB,oBACE5D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC5B,IAAA,CAAAyD,GAAG;MAACC,SAAS,EAAC;IAAQ,gBACrB9D,MAAA,CAAAY,OAAA,CAAAoB,aAAA,CAAC3B,OAAA,CAAA0D,MAAM;MACLC,GAAG,EAAEJ,SAAU;MACfnB,OAAO,EAAC,gBAAgB;MACxBwB,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEP;IAAU,GACpB,0BAED,CAAS,CACL;EAEV,CAAC,CACO,CACN,CACL;AAEP,CAAC"}

package/dist/elements/ProgressDots/ProgressDots.story.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Demo = exports.Default = void 0;
-var _addonActions = require("@storybook/addon-actions");
+var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
 var _ProgressDots = require("./ProgressDots");
@@ -54,7 +54,7 @@ var Default = exports.Default = function Default() {
       variant: "dash",
       activeIndex: 0,
       amount: 5,
-      onClick: (0, _addonActions.action)("onClick")
+      onClick: (0, _test.fn)()
     }]
   }, /*#__PURE__*/_react.default.createElement(_ProgressDots.ProgressDots, {
     activeIndex: 0,