@artsy/palette 44.1.0 → 44.2.0

package/dist/elements/RadioGroup/RadioGroup.story.js

@@ -4,15 +4,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithDefaultValue = exports.OtherTypes = exports.Default = void 0;
+exports.default = exports.WithDefaultValue = exports.InteractiveDefault = exports.DisabledWithText = exports.Disabled = exports.Deselectable = exports.Default = exports.BooleanValues = void 0;
 var _test = require("@storybook/test");
 var _react = _interopRequireWildcard(require("react"));
-var _storybookStates = require("storybook-states");
 var _Spacer = require("../Spacer");
 var _Button = require("../Button");
 var _Radio = require("../Radio/Radio");
 var _RadioGroup = require("./RadioGroup");
 var _Join = require("../Join");
+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(); }
@@ -22,74 +22,192 @@ 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/RadioGroup"
+  component: _RadioGroup.RadioGroup,
+  title: "Components/RadioGroup",
+  tags: ["autodocs"],
+  parameters: {
+    docs: {
+      description: {
+        component: "A group of radio button inputs with support for default values and deselection."
+      }
+    },
+    controls: {
+      exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
+    }
+  }
 };
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
-    states: [{}, {
-      defaultValue: "Aural"
-    }, {
-      deselectable: true
-    }, {
-      disabled: true
-    }, {
-      disabled: true,
-      disabledText: "Reason for disabled"
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
-    onSelect: (0, _test.fn)()
-  }, /*#__PURE__*/_react.default.createElement(_Join.Join, {
-    separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-      y: 0.5
-    })
-  }, ["Visual", "Linguistic", "Spatial", "Aural", "Gestural"].map(function (value) {
-    return /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-      key: value,
-      value: value,
-      label: value
-    });
-  }))));
+var Default = exports.Default = {
+  args: {
+    onSelect: (0, _test.fn)(),
+    children: /*#__PURE__*/_react.default.createElement(_Join.Join, {
+      separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+        y: 0.5
+      })
+    }, ["Visual", "Linguistic", "Spatial", "Aural", "Gestural"].map(function (value) {
+      return /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+        key: value,
+        value: value,
+        label: value
+      });
+    }))
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Basic radio group with multiple options."
+      }
+    }
+  }
 };
-Default.displayName = "Default";
-var WithDefaultValue = exports.WithDefaultValue = function WithDefaultValue() {
-  var _useState = (0, _react.useState)("PICKUP"),
-    _useState2 = _slicedToArray(_useState, 2),
-    defaultValue = _useState2[0],
-    setValue = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    mb: 2,
-    onClick: function onClick() {
-      setValue(defaultValue === "PICKUP" ? "SHIP" : "PICKUP");
+var WithDefaultValue = exports.WithDefaultValue = {
+  args: {
+    defaultValue: "Aural",
+    onSelect: (0, _test.fn)(),
+    children: /*#__PURE__*/_react.default.createElement(_Join.Join, {
+      separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+        y: 0.5
+      })
+    }, ["Visual", "Linguistic", "Spatial", "Aural", "Gestural"].map(function (value) {
+      return /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+        key: value,
+        value: value,
+        label: value
+      });
+    }))
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Radio group with a pre-selected default value."
+      }
     }
-  }, "Toggle default value: ", defaultValue), /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
-    defaultValue: defaultValue,
-    onSelect: (0, _test.fn)()
-  }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-    value: "SHIP",
-    label: "Provide shipping address"
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    y: 0.5
-  }), /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-    value: "PICKUP",
-    label: "Arrange for pickup"
-  })));
+  }
 };
-WithDefaultValue.story = {
-  name: "With default value"
+var Deselectable = exports.Deselectable = {
+  args: {
+    deselectable: true,
+    onSelect: (0, _test.fn)(),
+    children: /*#__PURE__*/_react.default.createElement(_Join.Join, {
+      separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+        y: 0.5
+      })
+    }, ["Visual", "Linguistic", "Spatial", "Aural", "Gestural"].map(function (value) {
+      return /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+        key: value,
+        value: value,
+        label: value
+      });
+    }))
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Radio group that allows deselecting the current selection."
+      }
+    }
+  }
 };
-var OtherTypes = exports.OtherTypes = function OtherTypes() {
-  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+var Disabled = exports.Disabled = {
+  args: {
+    disabled: true,
+    onSelect: (0, _test.fn)(),
+    children: /*#__PURE__*/_react.default.createElement(_Join.Join, {
+      separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+        y: 0.5
+      })
+    }, ["Visual", "Linguistic", "Spatial", "Aural", "Gestural"].map(function (value) {
+      return /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+        key: value,
+        value: value,
+        label: value
+      });
+    }))
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled radio group that cannot be interacted with."
+      }
+    }
+  }
+};
+var DisabledWithText = exports.DisabledWithText = {
+  args: {
+    disabled: true,
+    disabledText: "Reason for disabled",
+    onSelect: (0, _test.fn)(),
+    children: /*#__PURE__*/_react.default.createElement(_Join.Join, {
+      separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+        y: 0.5
+      })
+    }, ["Visual", "Linguistic", "Spatial", "Aural", "Gestural"].map(function (value) {
+      return /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+        key: value,
+        value: value,
+        label: value
+      });
+    }))
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Disabled radio group with explanatory text."
+      }
+    }
+  }
+};
+var InteractiveDefault = exports.InteractiveDefault = {
+  render: function render() {
+    var _useState = (0, _react.useState)("PICKUP"),
+      _useState2 = _slicedToArray(_useState, 2),
+      defaultValue = _useState2[0],
+      setValue = _useState2[1];
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      mb: 2,
+      onClick: function onClick() {
+        setValue(defaultValue === "PICKUP" ? "SHIP" : "PICKUP");
+      }
+    }, "Toggle default value: ", defaultValue), /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+      defaultValue: defaultValue,
+      onSelect: (0, _test.fn)()
+    }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+      value: "SHIP",
+      label: "Provide shipping address"
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      y: 0.5
+    }), /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+      value: "PICKUP",
+      label: "Arrange for pickup"
+    })));
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Interactive example with dynamically changing default value."
+      }
+    }
+  }
+};
+var BooleanValues = exports.BooleanValues = {
+  args: {
     defaultValue: false,
-    onSelect: (0, _test.fn)()
-  }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-    value: true,
-    label: "Yes"
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
-    y: 0.5
-  }), /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
-    value: false,
-    label: "No"
-  })));
+    onSelect: (0, _test.fn)(),
+    children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+      value: true,
+      label: "Yes"
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+      y: 0.5
+    }), /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+      value: false,
+      label: "No"
+    }))
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Radio group with boolean values instead of strings."
+      }
+    }
+  }
 };
-OtherTypes.displayName = "OtherTypes";
 //# sourceMappingURL=RadioGroup.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Spacer","_Button","_Radio","_RadioGroup","_Join","_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","defaultValue","deselectable","disabled","disabledText","RadioGroup","onSelect","fn","Join","separator","Spacer","y","map","Radio","label","displayName","WithDefaultValue","_useState","useState","_useState2","setValue","Fragment","Button","mb","onClick","story","OtherTypes"],"sources":["../../../src/elements/RadioGroup/RadioGroup.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Spacer } from \"../Spacer\"\nimport { Button } from \"../Button\"\nimport { Radio } from \"../Radio/Radio\"\nimport { RadioGroup, RadioGroupProps } from \"./RadioGroup\"\nimport { Join } from \"../Join\"\n\nexport default {\n  title: \"Components/RadioGroup\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps<string>>>\n      states={[\n        {},\n        { defaultValue: \"Aural\" },\n        { deselectable: true },\n        { disabled: true },\n        { disabled: true, disabledText: \"Reason for disabled\" },\n      ]}\n    >\n      <RadioGroup onSelect={fn()}>\n        <Join separator={<Spacer y={0.5} />}>\n          {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n            (value) => {\n              return <Radio key={value} value={value} label={value} />\n            }\n          )}\n        </Join>\n      </RadioGroup>\n    </States>\n  )\n}\n\nexport const WithDefaultValue = () => {\n  const [defaultValue, setValue] = useState(\"PICKUP\")\n\n  return (\n    <>\n      <Button\n        mb={2}\n        onClick={() => {\n          setValue(defaultValue === \"PICKUP\" ? \"SHIP\" : \"PICKUP\")\n        }}\n      >\n        Toggle default value: {defaultValue}\n      </Button>\n\n      <RadioGroup defaultValue={defaultValue} onSelect={fn()}>\n        <Radio value=\"SHIP\" label=\"Provide shipping address\" />\n        <Spacer y={0.5} />\n        <Radio value=\"PICKUP\" label=\"Arrange for pickup\" />\n      </RadioGroup>\n    </>\n  )\n}\n\nWithDefaultValue.story = {\n  name: \"With default value\",\n}\n\nexport const OtherTypes = () => {\n  return (\n    <States<Partial<RadioGroupProps<boolean | undefined>>>>\n      <RadioGroup defaultValue={false} onSelect={fn()}>\n        <Radio value={true} label=\"Yes\" />\n\n        <Spacer y={0.5} />\n\n        <Radio value={false} label=\"No\" />\n      </RadioGroup>\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.story.js","names":["_test","require","_react","_interopRequireWildcard","_Spacer","_Button","_Radio","_RadioGroup","_Join","_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","RadioGroup","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","onSelect","fn","children","createElement","Join","separator","Spacer","y","map","Radio","label","story","WithDefaultValue","defaultValue","Deselectable","deselectable","Disabled","disabled","DisabledWithText","disabledText","InteractiveDefault","render","_useState","useState","_useState2","setValue","Fragment","Button","mb","onClick","BooleanValues"],"sources":["../../../src/elements/RadioGroup/RadioGroup.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { Spacer } from \"../Spacer\"\nimport { Button } from \"../Button\"\nimport { Radio } from \"../Radio/Radio\"\nimport { RadioGroup } from \"./RadioGroup\"\nimport { Join } from \"../Join\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n  component: RadioGroup,\n  title: \"Components/RadioGroup\",\n  tags: [\"autodocs\"],\n  parameters: {\n    docs: {\n      description: {\n        component:\n          \"A group of radio button inputs with support for default values and deselection.\",\n      },\n    },\n    controls: {\n        exclude: STORYBOOK_PROPS_BLOCKLIST,\n      },\n  },\n}\n\nexport const Default = {\n  args: {\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Basic radio group with multiple options.\",\n      },\n    },\n  },\n}\n\nexport const WithDefaultValue = {\n  args: {\n    defaultValue: \"Aural\",\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio group with a pre-selected default value.\",\n      },\n    },\n  },\n}\n\nexport const Deselectable = {\n  args: {\n    deselectable: true,\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio group that allows deselecting the current selection.\",\n      },\n    },\n  },\n}\n\nexport const Disabled = {\n  args: {\n    disabled: true,\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled radio group that cannot be interacted with.\",\n      },\n    },\n  },\n}\n\nexport const DisabledWithText = {\n  args: {\n    disabled: true,\n    disabledText: \"Reason for disabled\",\n    onSelect: fn(),\n    children: (\n      <Join separator={<Spacer y={0.5} />}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return <Radio key={value} value={value} label={value} />\n          }\n        )}\n      </Join>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Disabled radio group with explanatory text.\",\n      },\n    },\n  },\n}\n\nexport const InteractiveDefault = {\n  render: () => {\n    const [defaultValue, setValue] = useState(\"PICKUP\")\n\n    return (\n      <>\n        <Button\n          mb={2}\n          onClick={() => {\n            setValue(defaultValue === \"PICKUP\" ? \"SHIP\" : \"PICKUP\")\n          }}\n        >\n          Toggle default value: {defaultValue}\n        </Button>\n        <RadioGroup defaultValue={defaultValue} onSelect={fn()}>\n          <Radio value=\"SHIP\" label=\"Provide shipping address\" />\n          <Spacer y={0.5} />\n          <Radio value=\"PICKUP\" label=\"Arrange for pickup\" />\n        </RadioGroup>\n      </>\n    )\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Interactive example with dynamically changing default value.\",\n      },\n    },\n  },\n}\n\nexport const BooleanValues = {\n  args: {\n    defaultValue: false,\n    onSelect: fn(),\n    children: (\n      <>\n        <Radio value={true} label=\"Yes\" />\n        <Spacer y={0.5} />\n        <Radio value={false} label=\"No\" />\n      </>\n    ),\n  },\n  parameters: {\n    docs: {\n      description: {\n        story: \"Radio group with boolean values instead of strings.\",\n      },\n    },\n  },\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AAA0E,SAAAS,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,SAAAR,wBAAAY,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,sBAAU;EACrBC,KAAK,EAAE,uBAAuB;EAC9BC,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,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,gBAAgB,GAAAzB,OAAA,CAAAyB,gBAAA,GAAG;EAC9Bb,IAAI,EAAE;IACJc,YAAY,EAAE,OAAO;IACrBb,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMG,YAAY,GAAA3B,OAAA,CAAA2B,YAAA,GAAG;EAC1Bf,IAAI,EAAE;IACJgB,YAAY,EAAE,IAAI;IAClBf,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMK,QAAQ,GAAA7B,OAAA,CAAA6B,QAAA,GAAG;EACtBjB,IAAI,EAAE;IACJkB,QAAQ,EAAE,IAAI;IACdjB,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMO,gBAAgB,GAAA/B,OAAA,CAAA+B,gBAAA,GAAG;EAC9BnB,IAAI,EAAE;IACJkB,QAAQ,EAAE,IAAI;IACdE,YAAY,EAAE,qBAAqB;IACnCnB,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACjF,KAAA,CAAAkF,IAAI;MAACC,SAAS,eAAEzF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;QAACC,CAAC,EAAE;MAAI;IAAI,GACjC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAAC1B,KAAK,EAAK;MACT,oBAAOlE,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;QAACpE,GAAG,EAAEyC,KAAM;QAACA,KAAK,EAAEA,KAAM;QAAC4B,KAAK,EAAE5B;MAAM,EAAG;IAC1D,CAAC,CACF;EAGP,CAAC;EACDU,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMS,kBAAkB,GAAAjC,OAAA,CAAAiC,kBAAA,GAAG;EAChCC,MAAM,EAAE,SAARA,MAAMA,CAAA,EAAQ;IACZ,IAAAC,SAAA,GAAiC,IAAAC,eAAQ,EAAC,QAAQ,CAAC;MAAAC,UAAA,GAAA7E,cAAA,CAAA2E,SAAA;MAA5CT,YAAY,GAAAW,UAAA;MAAEC,QAAQ,GAAAD,UAAA;IAE7B,oBACE5G,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAAvF,MAAA,CAAAgB,OAAA,CAAA8F,QAAA,qBACE9G,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACpF,OAAA,CAAA4G,MAAM;MACLC,EAAE,EAAE,CAAE;MACNC,OAAO,EAAE,SAATA,OAAOA,CAAA,EAAQ;QACbJ,QAAQ,CAACZ,YAAY,KAAK,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;MACzD;IAAE,GACH,wBACuB,EAACA,YAAY,CAC5B,eACTjG,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAClF,WAAA,CAAAoE,UAAU;MAACwB,YAAY,EAAEA,YAAa;MAACb,QAAQ,EAAE,IAAAC,QAAE;IAAG,gBACrDrF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAC,MAAM;MAAC4B,KAAK,EAAC;IAA0B,EAAG,eACvD9F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;MAACC,CAAC,EAAE;IAAI,EAAG,eAClB3F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAC,QAAQ;MAAC4B,KAAK,EAAC;IAAoB,EAAG,CACxC,CACZ;EAEP,CAAC;EACDlB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMmB,aAAa,GAAA3C,OAAA,CAAA2C,aAAA,GAAG;EAC3B/B,IAAI,EAAE;IACJc,YAAY,EAAE,KAAK;IACnBb,QAAQ,EAAE,IAAAC,QAAE,GAAE;IACdC,QAAQ,eACNtF,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAAAvF,MAAA,CAAAgB,OAAA,CAAA8F,QAAA,qBACE9G,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAE,IAAK;MAAC4B,KAAK,EAAC;IAAK,EAAG,eAClC9F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACrF,OAAA,CAAAwF,MAAM;MAACC,CAAC,EAAE;IAAI,EAAG,eAClB3F,MAAA,CAAAgB,OAAA,CAAAuE,aAAA,CAACnF,MAAA,CAAAyF,KAAK;MAAC3B,KAAK,EAAE,KAAM;MAAC4B,KAAK,EAAC;IAAI,EAAG;EAGxC,CAAC;EACDlB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXiB,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}

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

@@ -1,18 +1,99 @@
 import React from "react";
 declare const _default: {
+    component: React.FC<React.PropsWithChildren<import("./Range").RangeProps>>;
     title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        controls: {
+            exclude: string[];
+        };
+    };
 };
 export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithinModal: () => React.JSX.Element;
+export declare const Default: {
+    args: {
+        min: number;
+        max: number;
+        step: number;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        ariaLabels: string[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithInitialValue: {
+    args: {
+        min: number;
+        max: number;
+        step: number;
+        value: number[];
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        ariaLabels: string[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const SmallRange: {
+    args: {
+        min: number;
+        max: number;
+        step: number;
+        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        ariaLabels: string[];
+    };
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const WithinModal: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
 export declare const WithinDrawer: {
-    (): React.JSX.Element;
-    story: {
-        parameters: {
-            chromatic: {
-                disable: boolean;
+    render: () => React.JSX.Element;
+    parameters: {
+        chromatic: {
+            disable: boolean;
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const InContext: {
+    render: () => React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
             };
         };
     };
 };
-export declare const InContext: () => React.JSX.Element;