@artsy/palette 44.0.1 → 44.2.0

package/dist/elements/Range/Range.story.js

@@ -4,10 +4,9 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithinModal = exports.WithinDrawer = exports.InContext = exports.Default = void 0;
+exports.default = exports.WithinModal = exports.WithinDrawer = exports.WithInitialValue = exports.SmallRange = exports.InContext = exports.Default = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
 var _Box = require("../Box");
 var _Modal = require("../Modal");
 var _Range = require("./Range");
@@ -17,6 +16,7 @@ var _Spacer = require("../Spacer");
 var _Text = require("../Text");
 var _Drawer = require("../Drawer");
 var _Button = require("../Button");
+var _storybookBlocklist = require("../../utils/storybookBlocklist");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -26,117 +26,193 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var _default = exports.default = {
-  title: "Components/Range"
+  component: _Range.Range,
+  title: "Components/Range",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A dual-handle range slider component for selecting value ranges with customizable min/max/step values."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      value: [1100, 3450]
-    }, {
-      step: 1,
-      max: 10
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+var Default = exports.Default = {
+  args: {
     min: 0,
     max: 5000,
     step: 10,
     onChange: (0, _test.fn)(),
     ariaLabels: ["Min price", "Max price"]
-  }));
-};
-Default.displayName = "Default";
-var WithinModal = exports.WithinModal = function WithinModal() {
-  return /*#__PURE__*/_react.default.createElement(_Modal.ModalBase, {
-    width: "100%",
-    height: "100%",
-    dialogProps: {
-      width: 400,
-      height: 400,
-      bg: "mono5"
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic range slider with default settings."
+      }
     }
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    width: 400,
-    height: 400
-  }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+  }
+};
+var WithInitialValue = exports.WithInitialValue = {
+  args: {
     min: 0,
     max: 5000,
     step: 10,
-    onChange: (0, _test.fn)()
-  })));
+    value: [1100, 3450],
+    onChange: (0, _test.fn)(),
+    ariaLabels: ["Min price", "Max price"]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider with pre-selected values."
+      }
+    }
+  }
 };
-WithinModal.displayName = "WithinModal";
-var WithinDrawer = exports.WithinDrawer = function WithinDrawer() {
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    onClick: function onClick() {
-      setOpen(true);
+var SmallRange = exports.SmallRange = {
+  args: {
+    min: 0,
+    max: 10,
+    step: 1,
+    onChange: (0, _test.fn)(),
+    ariaLabels: ["Min value", "Max value"]
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider with small numeric range and step of 1."
+      }
     }
-  }, "Open"), /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
-    open: open,
-    onClose: function onClose() {
-      setOpen(false);
+  }
+};
+var WithinModal = exports.WithinModal = {
+  render: function render() {
+    var _React$useState = _react.default.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      open = _React$useState2[0],
+      setOpen = _React$useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      onClick: function onClick() {
+        return setOpen(true);
+      }
+    }, "Open Modal"), open && /*#__PURE__*/_react.default.createElement(_Modal.ModalBase, {
+      width: "100%",
+      height: "100%",
+      dialogProps: {
+        width: 400,
+        height: 400,
+        bg: "mono5"
+      },
+      onClose: function onClose() {
+        return setOpen(false);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      width: 400,
+      height: 400
+    }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+      min: 0,
+      max: 5000,
+      step: 10,
+      onChange: (0, _test.fn)()
+    }))));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider displayed within a modal dialog."
+      }
     }
-  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    width: 400,
-    p: 2
-  }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
-    min: 0,
-    max: 5000,
-    step: 10,
-    onChange: (0, _test.fn)()
-  }))));
+  }
 };
-WithinDrawer.story = {
+var WithinDrawer = exports.WithinDrawer = {
+  render: function render() {
+    var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      onClick: function onClick() {
+        setOpen(true);
+      }
+    }, "Open"), /*#__PURE__*/_react.default.createElement(_Drawer.Drawer, {
+      open: open,
+      onClose: function onClose() {
+        setOpen(false);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      width: 400,
+      p: 2
+    }, /*#__PURE__*/_react.default.createElement(_Range.Range, {
+      min: 0,
+      max: 5000,
+      step: 10,
+      onChange: (0, _test.fn)()
+    }))));
+  },
   parameters: {
     chromatic: {
       disable: true
+    },
+    docs: {
+      description: {
+        story: "Range slider displayed within a drawer component."
+      }
     }
   }
 };
-var InContext = exports.InContext = function InContext() {
-  var _useState3 = (0, _react.useState)([0, 50000]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    _useState4$ = _slicedToArray(_useState4[0], 2),
-    min = _useState4$[0],
-    max = _useState4$[1],
-    setMinMax = _useState4[1];
-  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
-    p: 2,
-    border: "1px solid",
-    borderColor: "mono10",
-    width: 375
-  }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
-    title: "Min",
-    label: "$USD",
-    flex: 1,
-    value: min
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    x: 1
-  }), /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
-    title: "Max",
-    label: "$USD",
-    flex: 1,
-    value: max
-  })), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    y: 1
-  }), /*#__PURE__*/_react.default.createElement(_Range.Range, {
-    min: 0,
-    max: 50000,
-    step: 100,
-    value: [min, max],
-    onChange: setMinMax
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    y: 0.5
-  }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
-    justifyContent: "space-between"
-  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, "$0"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
-    variant: "xs"
-  }, "$50000+")));
+var InContext = exports.InContext = {
+  render: function render() {
+    var _useState3 = (0, _react.useState)([0, 50000]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4$ = _slicedToArray(_useState4[0], 2),
+      min = _useState4$[0],
+      max = _useState4$[1],
+      setMinMax = _useState4[1];
+    return /*#__PURE__*/_react.default.createElement(_Box.Box, {
+      p: 2,
+      border: "1px solid",
+      borderColor: "mono10",
+      width: 375
+    }, /*#__PURE__*/_react.default.createElement(_Flex.Flex, null, /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
+      title: "Min",
+      label: "$USD",
+      flex: 1,
+      value: min
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      x: 1
+    }), /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
+      title: "Max",
+      label: "$USD",
+      flex: 1,
+      value: max
+    })), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      y: 1
+    }), /*#__PURE__*/_react.default.createElement(_Range.Range, {
+      min: 0,
+      max: 50000,
+      step: 100,
+      value: [min, max],
+      onChange: setMinMax
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      y: 0.5
+    }), /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
+      justifyContent: "space-between"
+    }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, "$0"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
+      variant: "xs"
+    }, "$50000+")));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Range slider integrated with input fields showing real-world price filtering usage."
+      }
+    }
+  }
 };
-InContext.displayName = "InContext";
 //# sourceMappingURL=Range.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Range.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Modal","_Range","_LabeledInput","_Flex","_Spacer","_Text","_Drawer","_Button","_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","step","max","Range","min","onChange","fn","ariaLabels","displayName","WithinModal","ModalBase","width","height","dialogProps","bg","Box","WithinDrawer","_useState","useState","_useState2","open","setOpen","Fragment","Button","onClick","Drawer","onClose","p","story","parameters","chromatic","disable","InContext","_useState3","_useState4","_useState4$","setMinMax","border","borderColor","Flex","LabeledInput","label","flex","Spacer","x","y","justifyContent","Text","variant"],"sources":["../../../src/elements/Range/Range.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { ModalBase } from \"../Modal\"\nimport { Range, RangeProps } from \"./Range\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Drawer } from \"../Drawer\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/Range\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RangeProps>>\n      states={[{}, { value: [1100, 3450] }, { step: 1, max: 10 }]}\n    >\n      <Range\n        min={0}\n        max={5000}\n        step={10}\n        onChange={fn()}\n        ariaLabels={[\"Min price\", \"Max price\"]}\n      />\n    </States>\n  )\n}\n\nexport const WithinModal = () => {\n  return (\n    <ModalBase\n      width=\"100%\"\n      height=\"100%\"\n      dialogProps={{ width: 400, height: 400, bg: \"mono5\" }}\n    >\n      <Box width={400} height={400}>\n        <Range min={0} max={5000} step={10} onChange={fn()} />\n      </Box>\n    </ModalBase>\n  )\n}\n\nexport const WithinDrawer = () => {\n  const [open, setOpen] = useState(false)\n  return (\n    <>\n      <Button\n        onClick={() => {\n          setOpen(true)\n        }}\n      >\n        Open\n      </Button>\n\n      <Drawer\n        open={open}\n        onClose={() => {\n          setOpen(false)\n        }}\n      >\n        <Box width={400} p={2}>\n          <Range min={0} max={5000} step={10} onChange={fn()} />\n        </Box>\n      </Drawer>\n    </>\n  )\n}\n\nWithinDrawer.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const InContext = () => {\n  const [[min, max], setMinMax] = useState<number[]>([0, 50000])\n\n  return (\n    <Box p={2} border=\"1px solid\" borderColor=\"mono10\" width={375}>\n      <Flex>\n        <LabeledInput title=\"Min\" label=\"$USD\" flex={1} value={min} />\n\n        <Spacer x={1} />\n\n        <LabeledInput title=\"Max\" label=\"$USD\" flex={1} value={max} />\n      </Flex>\n\n      <Spacer y={1} />\n\n      <Range\n        min={0}\n        max={50000}\n        step={100}\n        value={[min, max]}\n        onChange={setMinMax}\n      />\n\n      <Spacer y={0.5} />\n\n      <Flex justifyContent=\"space-between\">\n        <Text variant=\"xs\">$0</Text>\n\n        <Text variant=\"xs\">$50000+</Text>\n      </Flex>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Range.story.js","names":["_test","require","_react","_interopRequireWildcard","_Box","_Modal","_Range","_LabeledInput","_Flex","_Spacer","_Text","_Drawer","_Button","_storybookBlocklist","_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","component","Range","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","min","max","step","onChange","fn","ariaLabels","story","WithInitialValue","SmallRange","WithinModal","render","_React$useState","React","useState","_React$useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalBase","width","height","dialogProps","bg","onClose","Box","WithinDrawer","_useState","_useState2","Drawer","p","chromatic","disable","InContext","_useState3","_useState4","_useState4$","setMinMax","border","borderColor","Flex","LabeledInput","label","flex","Spacer","x","y","justifyContent","Text","variant"],"sources":["../../../src/elements/Range/Range.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { ModalBase } from \"../Modal\"\nimport { Range } from \"./Range\"\nimport { LabeledInput } from \"../LabeledInput\"\nimport { Flex } from \"../Flex\"\nimport { Spacer } from \"../Spacer\"\nimport { Text } from \"../Text\"\nimport { Drawer } from \"../Drawer\"\nimport { Button } from \"../Button\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: Range,\n  title: \"Components/Range\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A dual-handle range slider component for selecting value ranges with customizable min/max/step values.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    min: 0,\n    max: 5000,\n    step: 10,\n    onChange: fn(),\n    ariaLabels: [\"Min price\", \"Max price\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic range slider with default settings.\",\n      },\n    },\n  },\n}\n\nexport const WithInitialValue = {\n  args: {\n    min: 0,\n    max: 5000,\n    step: 10,\n    value: [1100, 3450],\n    onChange: fn(),\n    ariaLabels: [\"Min price\", \"Max price\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider with pre-selected values.\",\n      },\n    },\n  },\n}\n\nexport const SmallRange = {\n  args: {\n    min: 0,\n    max: 10,\n    step: 1,\n    onChange: fn(),\n    ariaLabels: [\"Min value\", \"Max value\"],\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider with small numeric range and step of 1.\",\n      },\n    },\n  },\n}\n\nexport const WithinModal = {\n  render: () => {\n    const [open, setOpen] = React.useState(false)\n    return (\n      <>\n        <Button onClick={() => setOpen(true)}>Open Modal</Button>\n        {open && (\n          <ModalBase\n            width=\"100%\"\n            height=\"100%\"\n            dialogProps={{ width: 400, height: 400, bg: \"mono5\" }}\n            onClose={() => setOpen(false)}\n          >\n            <Box width={400} height={400}>\n              <Range min={0} max={5000} step={10} onChange={fn()} />\n            </Box>\n          </ModalBase>\n        )}\n      </>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Range slider displayed within a modal dialog.\",\n      },\n    },\n  },\n}\n\nexport const WithinDrawer = {\n  render: () => {\n    const [open, setOpen] = useState(false)\n    return (\n      <>\n        <Button\n          onClick={() => {\n            setOpen(true)\n          }}\n        >\n          Open\n        </Button>\n        <Drawer\n          open={open}\n          onClose={() => {\n            setOpen(false)\n          }}\n        >\n          <Box width={400} p={2}>\n            <Range min={0} max={5000} step={10} onChange={fn()} />\n          </Box>\n        </Drawer>\n      </>\n    )\n  },\n  parameters: {\n    chromatic: { disable: true },\n    docs: {\n      description: {\n        story: \"Range slider displayed within a drawer component.\",\n      },\n    },\n  },\n}\n\nexport const InContext = {\n  render: () => {\n    const [[min, max], setMinMax] = useState<number[]>([0, 50000])\n\n    return (\n      <Box p={2} border=\"1px solid\" borderColor=\"mono10\" width={375}>\n        <Flex>\n          <LabeledInput title=\"Min\" label=\"$USD\" flex={1} value={min} />\n          <Spacer x={1} />\n          <LabeledInput title=\"Max\" label=\"$USD\" flex={1} value={max} />\n        </Flex>\n        <Spacer y={1} />\n        <Range\n          min={0}\n          max={50000}\n          step={100}\n          value={[min, max]}\n          onChange={setMinMax}\n        />\n        <Spacer y={0.5} />\n        <Flex justifyContent=\"space-between\">\n          <Text variant=\"xs\">$0</Text>\n          <Text variant=\"xs\">$50000+</Text>\n        </Flex>\n      </Box>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story:\n          \"Range slider integrated with input fields showing real-world price filtering usage.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,mBAAA,GAAAZ,OAAA;AAA0E,SAAAa,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,SAAAZ,wBAAAgB,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,GAE3D;EACbwD,SAAS,EAAEC,YAAK;EAChBC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAX,OAAA,CAAAW,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,GAAG,EAAE,CAAC;IACNC,GAAG,EAAE,IAAI;IACTC,IAAI,EAAE,EAAE;IACRC,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW;EACvC,CAAC;EACDb,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXY,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,gBAAgB,GAAApB,OAAA,CAAAoB,gBAAA,GAAG;EAC9BR,IAAI,EAAE;IACJC,GAAG,EAAE,CAAC;IACNC,GAAG,EAAE,IAAI;IACTC,IAAI,EAAE,EAAE;IACRpB,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;IACnBqB,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW;EACvC,CAAC;EACDb,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXY,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAME,UAAU,GAAArB,OAAA,CAAAqB,UAAA,GAAG;EACxBT,IAAI,EAAE;IACJC,GAAG,EAAE,CAAC;IACNC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,UAAU,EAAE,CAAC,WAAW,EAAE,WAAW;EACvC,CAAC;EACDb,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXY,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMG,WAAW,GAAAtB,OAAA,CAAAsB,WAAA,GAAG;EACzBC,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAAC,eAAA,GAAwBC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;MAAAC,gBAAA,GAAAnE,cAAA,CAAAgE,eAAA;MAAtCI,IAAI,GAAAD,gBAAA;MAAEE,OAAO,GAAAF,gBAAA;IACpB,oBACEtG,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAAzG,MAAA,CAAAoB,OAAA,CAAAsF,QAAA,qBACE1G,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAC/F,OAAA,CAAAiG,MAAM;MAACC,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQJ,OAAO,CAAC,IAAI,CAAC;MAAA;IAAC,GAAC,YAAU,CAAS,EACxDD,IAAI,iBACHvG,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACtG,MAAA,CAAA0G,SAAS;MACRC,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC,MAAM;MACbC,WAAW,EAAE;QAAEF,KAAK,EAAE,GAAG;QAAEC,MAAM,EAAE,GAAG;QAAEE,EAAE,EAAE;MAAQ,CAAE;MACtDC,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQV,OAAO,CAAC,KAAK,CAAC;MAAA;IAAC,gBAE9BxG,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACvG,IAAA,CAAAiH,GAAG;MAACL,KAAK,EAAE,GAAI;MAACC,MAAM,EAAE;IAAI,gBAC3B/G,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACrG,MAAA,CAAAyE,KAAK;MAACW,GAAG,EAAE,CAAE;MAACC,GAAG,EAAE,IAAK;MAACC,IAAI,EAAE,EAAG;MAACC,QAAQ,EAAE,IAAAC,QAAE;IAAG,EAAG,CAClD,CAET,CACA;EAEP,CAAC;EACDZ,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXY,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMsB,YAAY,GAAAzC,OAAA,CAAAyC,YAAA,GAAG;EAC1BlB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAAmB,SAAA,GAAwB,IAAAhB,eAAQ,EAAC,KAAK,CAAC;MAAAiB,UAAA,GAAAnF,cAAA,CAAAkF,SAAA;MAAhCd,IAAI,GAAAe,UAAA;MAAEd,OAAO,GAAAc,UAAA;IACpB,oBACEtH,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAAzG,MAAA,CAAAoB,OAAA,CAAAsF,QAAA,qBACE1G,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAC/F,OAAA,CAAAiG,MAAM;MACLC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACbJ,OAAO,CAAC,IAAI,CAAC;MACf;IAAE,GACH,MAED,CAAS,eACTxG,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAChG,OAAA,CAAA8G,MAAM;MACLhB,IAAI,EAAEA,IAAK;MACXW,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACbV,OAAO,CAAC,KAAK,CAAC;MAChB;IAAE,gBAEFxG,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACvG,IAAA,CAAAiH,GAAG;MAACL,KAAK,EAAE,GAAI;MAACU,CAAC,EAAE;IAAE,gBACpBxH,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACrG,MAAA,CAAAyE,KAAK;MAACW,GAAG,EAAE,CAAE;MAACC,GAAG,EAAE,IAAK;MAACC,IAAI,EAAE,EAAG;MAACC,QAAQ,EAAE,IAAAC,QAAE;IAAG,EAAG,CAClD,CACC,CACR;EAEP,CAAC;EACDZ,UAAU,EAAE;IACVyC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK,CAAC;IAC5BzC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXY,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAM6B,SAAS,GAAAhD,OAAA,CAAAgD,SAAA,GAAG;EACvBzB,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAA0B,UAAA,GAAgC,IAAAvB,eAAQ,EAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;MAAAwB,UAAA,GAAA1F,cAAA,CAAAyF,UAAA;MAAAE,WAAA,GAAA3F,cAAA,CAAA0F,UAAA;MAAtDrC,GAAG,GAAAsC,WAAA;MAAErC,GAAG,GAAAqC,WAAA;MAAGC,SAAS,GAAAF,UAAA;IAE5B,oBACE7H,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACvG,IAAA,CAAAiH,GAAG;MAACK,CAAC,EAAE,CAAE;MAACQ,MAAM,EAAC,WAAW;MAACC,WAAW,EAAC,QAAQ;MAACnB,KAAK,EAAE;IAAI,gBAC5D9G,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACnG,KAAA,CAAA4H,IAAI,qBACHlI,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACpG,aAAA,CAAA8H,YAAY;MAACrD,KAAK,EAAC,KAAK;MAACsD,KAAK,EAAC,MAAM;MAACC,IAAI,EAAE,CAAE;MAAC/D,KAAK,EAAEkB;IAAI,EAAG,eAC9DxF,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAClG,OAAA,CAAA+H,MAAM;MAACC,CAAC,EAAE;IAAE,EAAG,eAChBvI,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACpG,aAAA,CAAA8H,YAAY;MAACrD,KAAK,EAAC,KAAK;MAACsD,KAAK,EAAC,MAAM;MAACC,IAAI,EAAE,CAAE;MAAC/D,KAAK,EAAEmB;IAAI,EAAG,CACzD,eACPzF,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAClG,OAAA,CAAA+H,MAAM;MAACE,CAAC,EAAE;IAAE,EAAG,eAChBxI,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACrG,MAAA,CAAAyE,KAAK;MACJW,GAAG,EAAE,CAAE;MACPC,GAAG,EAAE,KAAM;MACXC,IAAI,EAAE,GAAI;MACVpB,KAAK,EAAE,CAACkB,GAAG,EAAEC,GAAG,CAAE;MAClBE,QAAQ,EAAEoC;IAAU,EACpB,eACF/H,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAAClG,OAAA,CAAA+H,MAAM;MAACE,CAAC,EAAE;IAAI,EAAG,eAClBxI,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACnG,KAAA,CAAA4H,IAAI;MAACO,cAAc,EAAC;IAAe,gBAClCzI,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACjG,KAAA,CAAAkI,IAAI;MAACC,OAAO,EAAC;IAAI,GAAC,IAAE,CAAO,eAC5B3I,MAAA,CAAAoB,OAAA,CAAAqF,aAAA,CAACjG,KAAA,CAAAkI,IAAI;MAACC,OAAO,EAAC;IAAI,GAAC,SAAO,CAAO,CAC5B,CACH;EAEV,CAAC;EACD3D,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXY,KAAK,EACH;MACJ;IACF;EACF;AACF,CAAC"}

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

@@ -1,53 +1,113 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./ReadMore").ReadMoreProps>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const WithCharacterCap: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+export declare const Default: {
+    args: {
+        maxChars: number;
+        content: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const ShortContent: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    args: {
+        maxChars: number;
+        content: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const AsString: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    args: {
+        maxChars: number;
+        content: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const CharacterCapWithHtml: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    args: {
+        maxChars: number;
+        content: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const WithCustomizableTypography: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const WithCustomizableTypography2: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const CharacterCapWithHtmlDisabled: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    args: {
+        disabled: boolean;
+        maxChars: number;
+        content: string;
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };
 export declare const WithBottomReadMore: {
-    (): React.JSX.Element;
-    story: {
-        name: string;
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
     };
 };