@mirai/ui 1.0.55 → 1.0.56

package/build/primitives/Input/Input.stories.js

@@ -30,10 +30,17 @@ Story.args = {
   disabled: false,
   multiLine: false,
   name: 'Input',
-  placeholder: 'Placeholder',
+  placeholder: 'placeholder',
   type: 'text'
 };
 Story.argTypes = {
+  type: {
+    options: ['text', 'password', 'number', 'email', 'date'],
+    control: {
+      type: 'select'
+    },
+    defaultValue: 'text'
+  },
   onChange: {
     action: 'onChange'
   },

package/build/primitives/Input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.js","names":["title","Story","props","storyName","args","disabled","multiLine","name","placeholder","type","argTypes","onChange","action","onEnter","onError","onLeave"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Input {...props} />;\n\nStory.storyName = 'Input';\n\nStory.args = {\n  disabled: false,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'Placeholder',\n  type: 'text',\n};\n\nStory.argTypes = {\n  onChange: { action: 'onChange' },\n  onEnter: { action: 'onEnter' },\n  onError: { action: 'onError' },\n  onLeave: { action: 'onLeave' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,YAAD,EAAWA,KAAX,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,OAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,SAAS,EAAE,KAFA;EAGXC,IAAI,EAAE,OAHK;EAIXC,WAAW,EAAE,aAJF;EAKXC,IAAI,EAAE;AALK,CAAb;AAQAR,KAAK,CAACS,QAAN,GAAiB;EACfC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAV,CADK;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV,CAFM;EAGfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV,CAHM;EAIfG,OAAO,EAAE;IAAEH,MAAM,EAAE;EAAV;AAJM,CAAjB"}
+{"version":3,"file":"Input.stories.js","names":["title","Story","props","storyName","args","disabled","multiLine","name","placeholder","type","argTypes","options","control","defaultValue","onChange","action","onEnter","onError","onLeave"],"sources":["../../../src/primitives/Input/Input.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Input } from './Input';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Input {...props} />;\n\nStory.storyName = 'Input';\n\nStory.args = {\n  disabled: false,\n  multiLine: false,\n  name: 'Input',\n  placeholder: 'placeholder',\n  type: 'text',\n};\n\nStory.argTypes = {\n  type: {\n    options: ['text', 'password', 'number', 'email', 'date'],\n    control: { type: 'select' },\n    defaultValue: 'text',\n  },\n  onChange: { action: 'onChange' },\n  onEnter: { action: 'onEnter' },\n  onError: { action: 'onError' },\n  onLeave: { action: 'onLeave' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,YAAD,EAAWA,KAAX,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,OAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,SAAS,EAAE,KAFA;EAGXC,IAAI,EAAE,OAHK;EAIXC,WAAW,EAAE,aAJF;EAKXC,IAAI,EAAE;AALK,CAAb;AAQAR,KAAK,CAACS,QAAN,GAAiB;EACfD,IAAI,EAAE;IACJE,OAAO,EAAE,CAAC,MAAD,EAAS,UAAT,EAAqB,QAArB,EAA+B,OAA/B,EAAwC,MAAxC,CADL;IAEJC,OAAO,EAAE;MAAEH,IAAI,EAAE;IAAR,CAFL;IAGJI,YAAY,EAAE;EAHV,CADS;EAMfC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAV,CANK;EAOfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV,CAPM;EAQfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV,CARM;EASfG,OAAO,EAAE;IAAEH,MAAM,EAAE;EAAV;AATM,CAAjB"}

package/build/primitives/Layer/Layer.module.css

@@ -1,7 +1,3 @@
-:root {
-  --mirai-ui-layer-content: var(--mirai-ui-layer-XL);
-}
-
 .layer {
   position: absolute;
   z-index: var(--mirai-ui-layer-content);

package/build/primitives/Layer/Layer.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Layer = require("./Layer");
+
+var _LayerContent = require("./LayerContent");
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Layer.Layer, _extends({
+    className: "children"
+  }, props), /*#__PURE__*/React.createElement("span", null, "dispatcher"), /*#__PURE__*/React.createElement(_LayerContent.LayerContent, null, /*#__PURE__*/React.createElement("span", null, "children")));
+};
+
+exports.Story = Story;
+Story.storyName = 'Layer';
+Story.args = {
+  bottom: false,
+  centered: false,
+  forceRender: true,
+  left: false,
+  right: false,
+  top: false,
+  visible: false
+};
+//# sourceMappingURL=Layer.stories.js.map

package/build/primitives/Layer/Layer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layer.stories.js","names":["title","Story","props","storyName","args","bottom","centered","forceRender","left","right","top","visible"],"sources":["../../../src/primitives/Layer/Layer.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Layer } from './Layer';\nimport { LayerContent } from './LayerContent';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Layer className=\"children\" {...props}>\n    <span>dispatcher</span>\n    <LayerContent>\n      <span>children</span>\n    </LayerContent>\n  </Layer>\n);\n\nStory.storyName = 'Layer';\n\nStory.args = {\n  bottom: false,\n  centered: false,\n  forceRender: true,\n  left: false,\n  right: false,\n  top: false,\n  visible: false,\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,YAAD;IAAO,SAAS,EAAC;EAAjB,GAAgCA,KAAhC,gBACE,+CADF,eAEE,oBAAC,0BAAD,qBACE,6CADF,CAFF,CADmB;AAAA,CAAd;;;AASPD,KAAK,CAACE,SAAN,GAAkB,OAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,MAAM,EAAE,KADG;EAEXC,QAAQ,EAAE,KAFC;EAGXC,WAAW,EAAE,IAHF;EAIXC,IAAI,EAAE,KAJK;EAKXC,KAAK,EAAE,KALI;EAMXC,GAAG,EAAE,KANM;EAOXC,OAAO,EAAE;AAPE,CAAb"}

package/build/primitives/Pressable/Pressable.stories.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Pressable = require("./Pressable");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Pressable.Pressable, props, /*#__PURE__*/React.createElement("span", {
+    className: "children"
+  }, "children"));
+};
+
+exports.Story = Story;
+Story.storyName = 'Pressable';
+Story.args = {
+  disabled: false,
+  preventDefault: false,
+  tag: 'button'
+};
+Story.argTypes = {
+  onEnter: {
+    action: 'onEnter'
+  },
+  onLeave: {
+    action: 'onLeave'
+  },
+  onPress: {
+    action: 'onPress'
+  }
+};
+//# sourceMappingURL=Pressable.stories.js.map

package/build/primitives/Pressable/Pressable.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pressable.stories.js","names":["title","Story","props","storyName","args","disabled","preventDefault","tag","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/primitives/Pressable/Pressable.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Pressable } from './Pressable';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <Pressable {...props}>\n    <span className=\"children\">children</span>\n  </Pressable>\n);\n\nStory.storyName = 'Pressable';\n\nStory.args = {\n  disabled: false,\n  preventDefault: false,\n  tag: 'button',\n};\n\nStory.argTypes = {\n  onEnter: { action: 'onEnter' },\n  onLeave: { action: 'onLeave' },\n  onPress: { action: 'onPress' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,oBAAD,EAAeA,KAAf,eACE;IAAM,SAAS,EAAC;EAAhB,cADF,CADmB;AAAA,CAAd;;;AAMPD,KAAK,CAACE,SAAN,GAAkB,WAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,cAAc,EAAE,KAFL;EAGXC,GAAG,EAAE;AAHM,CAAb;AAMAN,KAAK,CAACO,QAAN,GAAiB;EACfC,OAAO,EAAE;IAAEC,MAAM,EAAE;EAAV,CADM;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV,CAFM;EAGfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV;AAHM,CAAjB"}

package/build/primitives/Radio/Radio.module.css

@@ -1,11 +1,3 @@
-:root {
-  --mirai-ui-radio-base: var(--mirai-ui-base);
-  --mirai-ui-radio-border: var(--mirai-ui-content-light);
-  --mirai-ui-radio-checked: var(--mirai-ui-accent);
-  --mirai-ui-radio-disabled: var(--mirai-ui-content-border);
-  --mirai-ui-radio-size: var(--mirai-ui-space-L);
-}
-
 .radio {
   cursor: pointer;
   position: relative;

package/build/primitives/Radio/Radio.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Radio = require("./Radio");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Radio.Radio, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Radio';
+Story.args = {
+  checked: false,
+  children: 'children',
+  disabled: false,
+  name: 'Radio',
+  value: 'value'
+};
+Story.argTypes = {
+  onChange: {
+    action: 'onChange'
+  }
+};
+//# sourceMappingURL=Radio.stories.js.map

package/build/primitives/Radio/Radio.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.stories.js","names":["title","Story","props","storyName","args","checked","children","disabled","name","value","argTypes","onChange","action"],"sources":["../../../src/primitives/Radio/Radio.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Radio } from './Radio';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Radio {...props} />;\n\nStory.storyName = 'Radio';\n\nStory.args = {\n  checked: false,\n  children: 'children',\n  disabled: false,\n  name: 'Radio',\n  value: 'value',\n};\n\nStory.argTypes = {\n  onChange: { action: 'onChange' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,YAAD,EAAWA,KAAX,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,OAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,KADE;EAEXC,QAAQ,EAAE,UAFC;EAGXC,QAAQ,EAAE,KAHC;EAIXC,IAAI,EAAE,OAJK;EAKXC,KAAK,EAAE;AALI,CAAb;AAQAR,KAAK,CAACS,QAAN,GAAiB;EACfC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAV;AADK,CAAjB"}

package/build/primitives/ScrollView/ScrollView.stories.js

@@ -0,0 +1,87 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _ScrollView = require("./ScrollView");
+
+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 _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+var boxStyle = {
+  display: 'block',
+  margin: '1rem',
+  minHeight: 128,
+  minWidth: 128
+};
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_ScrollView.ScrollView, _extends({
+    className: "children",
+    style: {
+      backgroundColor: 'grey'
+    }
+  }, props), /*#__PURE__*/React.createElement("div", {
+    className: "children",
+    style: boxStyle
+  }, "child-1"), /*#__PURE__*/React.createElement("div", {
+    className: "children",
+    style: boxStyle
+  }, "child-2"), /*#__PURE__*/React.createElement("div", {
+    className: "children",
+    style: boxStyle
+  }, "child-3"), /*#__PURE__*/React.createElement("div", {
+    className: "children",
+    style: boxStyle
+  }, "child-4"), /*#__PURE__*/React.createElement("div", {
+    className: "children",
+    style: boxStyle
+  }, "child-5"));
+};
+
+exports.Story = Story;
+Story.storyName = 'Scrollview';
+Story.args = {
+  behavior: 'smooth',
+  height: 256,
+  horizontal: false,
+  scrollEventThrottle: 16,
+  scrollIndicator: false,
+  scrollTo: undefined,
+  snap: true,
+  tag: 'div',
+  width: 256,
+  onScroll: function onScroll() {
+    var _console;
+
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+
+    return (_console = console).log.apply(_console, ['<ScrollView>::onScroll'].concat(props));
+  }
+};
+Story.argTypes = {
+  behavior: {
+    options: ['auto', 'smooth', 'initial', 'inherit'],
+    control: {
+      type: 'select'
+    },
+    defaultValue: 'smooth'
+  } // onScroll: { action: 'onScroll' },
+
+};
+//# sourceMappingURL=ScrollView.stories.js.map

package/build/primitives/ScrollView/ScrollView.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.stories.js","names":["title","boxStyle","display","margin","minHeight","minWidth","Story","props","backgroundColor","storyName","args","behavior","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","undefined","snap","tag","width","onScroll","console","log","argTypes","options","control","type","defaultValue"],"sources":["../../../src/primitives/ScrollView/ScrollView.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ScrollView } from './ScrollView';\n\nexport default { title: 'Primitives' };\n\nconst boxStyle = { display: 'block', margin: '1rem', minHeight: 128, minWidth: 128 };\n\nexport const Story = (props) => (\n  <ScrollView className=\"children\" style={{ backgroundColor: 'grey' }} {...props}>\n    <div className=\"children\" style={boxStyle}>\n      child-1\n    </div>\n    <div className=\"children\" style={boxStyle}>\n      child-2\n    </div>\n    <div className=\"children\" style={boxStyle}>\n      child-3\n    </div>\n    <div className=\"children\" style={boxStyle}>\n      child-4\n    </div>\n    <div className=\"children\" style={boxStyle}>\n      child-5\n    </div>\n  </ScrollView>\n);\n\nStory.storyName = 'Scrollview';\n\nStory.args = {\n  behavior: 'smooth',\n  height: 256,\n  horizontal: false,\n  scrollEventThrottle: 16,\n  scrollIndicator: false,\n  scrollTo: undefined,\n  snap: true,\n  tag: 'div',\n  width: 256,\n  onScroll: (...props) => console.log('<ScrollView>::onScroll', ...props),\n};\n\nStory.argTypes = {\n  behavior: {\n    options: ['auto', 'smooth', 'initial', 'inherit'],\n    control: { type: 'select' },\n    defaultValue: 'smooth',\n  },\n  // onScroll: { action: 'onScroll' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;AAEf,IAAMC,QAAQ,GAAG;EAAEC,OAAO,EAAE,OAAX;EAAoBC,MAAM,EAAE,MAA5B;EAAoCC,SAAS,EAAE,GAA/C;EAAoDC,QAAQ,EAAE;AAA9D,CAAjB;;AAEO,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,sBAAD;IAAY,SAAS,EAAC,UAAtB;IAAiC,KAAK,EAAE;MAAEC,eAAe,EAAE;IAAnB;EAAxC,GAAyED,KAAzE,gBACE;IAAK,SAAS,EAAC,UAAf;IAA0B,KAAK,EAAEN;EAAjC,aADF,eAIE;IAAK,SAAS,EAAC,UAAf;IAA0B,KAAK,EAAEA;EAAjC,aAJF,eAOE;IAAK,SAAS,EAAC,UAAf;IAA0B,KAAK,EAAEA;EAAjC,aAPF,eAUE;IAAK,SAAS,EAAC,UAAf;IAA0B,KAAK,EAAEA;EAAjC,aAVF,eAaE;IAAK,SAAS,EAAC,UAAf;IAA0B,KAAK,EAAEA;EAAjC,aAbF,CADmB;AAAA,CAAd;;;AAoBPK,KAAK,CAACG,SAAN,GAAkB,YAAlB;AAEAH,KAAK,CAACI,IAAN,GAAa;EACXC,QAAQ,EAAE,QADC;EAEXC,MAAM,EAAE,GAFG;EAGXC,UAAU,EAAE,KAHD;EAIXC,mBAAmB,EAAE,EAJV;EAKXC,eAAe,EAAE,KALN;EAMXC,QAAQ,EAAEC,SANC;EAOXC,IAAI,EAAE,IAPK;EAQXC,GAAG,EAAE,KARM;EASXC,KAAK,EAAE,GATI;EAUXC,QAAQ,EAAE;IAAA;;IAAA,kCAAId,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAe,OAAO,EAACC,GAAR,kBAAY,wBAAZ,SAAyChB,KAAzC,EAAd;EAAA;AAVC,CAAb;AAaAD,KAAK,CAACkB,QAAN,GAAiB;EACfb,QAAQ,EAAE;IACRc,OAAO,EAAE,CAAC,MAAD,EAAS,QAAT,EAAmB,SAAnB,EAA8B,SAA9B,CADD;IAERC,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAR,CAFD;IAGRC,YAAY,EAAE;EAHN,CADK,CAMf;;AANe,CAAjB"}

package/build/primitives/Select/Select.stories.js

@@ -0,0 +1,73 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Select = require("./Select");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Select.Select, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Select';
+Story.args = {
+  disabled: false,
+  emptyOption: 'Select one option...',
+  name: 'Select',
+  options: ['one', 'two', 'three', 'four', 'five'],
+  value: '',
+  onChange: function onChange() {
+    var _console;
+
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+
+    return (_console = console).log.apply(_console, ['<Select>::onChange'].concat(props));
+  },
+  onEnter: function onEnter() {
+    var _console2;
+
+    for (var _len2 = arguments.length, props = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      props[_key2] = arguments[_key2];
+    }
+
+    return (_console2 = console).log.apply(_console2, ['<Select>::onEnter'].concat(props));
+  },
+  onError: function onError() {
+    var _console3;
+
+    for (var _len3 = arguments.length, props = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      props[_key3] = arguments[_key3];
+    }
+
+    return (_console3 = console).log.apply(_console3, ['<Select>::onError'].concat(props));
+  },
+  onLeave: function onLeave() {
+    var _console4;
+
+    for (var _len4 = arguments.length, props = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      props[_key4] = arguments[_key4];
+    }
+
+    return (_console4 = console).log.apply(_console4, ['<Select>::onLeave'].concat(props));
+  }
+};
+Story.argTypes = {};
+//# sourceMappingURL=Select.stories.js.map

package/build/primitives/Select/Select.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.js","names":["title","Story","props","storyName","args","disabled","emptyOption","name","options","value","onChange","console","log","onEnter","onError","onLeave","argTypes"],"sources":["../../../src/primitives/Select/Select.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Select } from './Select';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Select {...props} />;\n\nStory.storyName = 'Select';\n\nStory.args = {\n  disabled: false,\n  emptyOption: 'Select one option...',\n  name: 'Select',\n  options: ['one', 'two', 'three', 'four', 'five'],\n  value: '',\n  onChange: (...props) => console.log('<Select>::onChange', ...props),\n  onEnter: (...props) => console.log('<Select>::onEnter', ...props),\n  onError: (...props) => console.log('<Select>::onError', ...props),\n  onLeave: (...props) => console.log('<Select>::onLeave', ...props),\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,cAAD,EAAYA,KAAZ,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,QAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,WAAW,EAAE,sBAFF;EAGXC,IAAI,EAAE,QAHK;EAIXC,OAAO,EAAE,CAAC,KAAD,EAAQ,KAAR,EAAe,OAAf,EAAwB,MAAxB,EAAgC,MAAhC,CAJE;EAKXC,KAAK,EAAE,EALI;EAMXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIR,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAS,OAAO,EAACC,GAAR,kBAAY,oBAAZ,SAAqCV,KAArC,EAAd;EAAA,CANC;EAOXW,OAAO,EAAE;IAAA;;IAAA,mCAAIX,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAS,OAAO,EAACC,GAAR,mBAAY,mBAAZ,SAAoCV,KAApC,EAAd;EAAA,CAPE;EAQXY,OAAO,EAAE;IAAA;;IAAA,mCAAIZ,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAS,OAAO,EAACC,GAAR,mBAAY,mBAAZ,SAAoCV,KAApC,EAAd;EAAA,CARE;EASXa,OAAO,EAAE;IAAA;;IAAA,mCAAIb,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAS,OAAO,EAACC,GAAR,mBAAY,mBAAZ,SAAoCV,KAApC,EAAd;EAAA;AATE,CAAb;AAYAD,KAAK,CAACe,QAAN,GAAiB,EAAjB"}

package/build/primitives/Switch/Switch.module.css

@@ -1,13 +1,3 @@
-:root {
-  --mirai-ui-switch-base: var(--mirai-ui-base);
-  --mirai-ui-switch-border-color: var(--mirai-ui-content-light);
-  --mirai-ui-switch-border-size: calc(var(--mirai-ui-space-XS) / 4);
-  --mirai-ui-switch-border-radius: var(--mirai-ui-space-L);
-  --mirai-ui-switch-checked: var(--mirai-ui-accent);
-  --mirai-ui-switch-disabled: var(--mirai-ui-content-border);
-  --mirai-ui-switch-size: var(--mirai-ui-space-L);
-}
-
 .switch {
   align-self: flex-start;
   box-sizing: border-box;

package/build/primitives/Switch/Switch.stories.js

@@ -0,0 +1,39 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Switch = require("./Switch");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Switch.Switch, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Switch';
+Story.args = {
+  checked: false,
+  disabled: false,
+  name: 'Switch'
+};
+Story.argTypes = {
+  onChange: {
+    action: 'onChange'
+  }
+};
+//# sourceMappingURL=Switch.stories.js.map

package/build/primitives/Switch/Switch.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.js","names":["title","Story","props","storyName","args","checked","disabled","name","argTypes","onChange","action"],"sources":["../../../src/primitives/Switch/Switch.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Switch } from './Switch';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Switch {...props} />;\n\nStory.storyName = 'Switch';\n\nStory.args = {\n  checked: false,\n  disabled: false,\n  name: 'Switch',\n};\n\nStory.argTypes = {\n  onChange: { action: 'onChange' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,cAAD,EAAYA,KAAZ,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,QAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,KADE;EAEXC,QAAQ,EAAE,KAFC;EAGXC,IAAI,EAAE;AAHK,CAAb;AAMAN,KAAK,CAACO,QAAN,GAAiB;EACfC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAV;AADK,CAAjB"}

package/build/primitives/Text/Text.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _Text = require("./Text");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Text.Text, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Text';
+Story.args = {
+  action: false,
+  bold: false,
+  children: 'children',
+  headline: false,
+  level: 3,
+  small: false,
+  tag: 'span',
+  upperCase: false
+};
+Story.argTypes = {};
+//# sourceMappingURL=Text.stories.js.map

package/build/primitives/Text/Text.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.stories.js","names":["title","Story","props","storyName","args","action","bold","children","headline","level","small","tag","upperCase","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Text {...props} />;\n\nStory.storyName = 'Text';\n\nStory.args = {\n  action: false,\n  bold: false,\n  children: 'children',\n  headline: false,\n  level: 3,\n  small: false,\n  tag: 'span',\n  upperCase: false,\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,UAAD,EAAUA,KAAV,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,MAAM,EAAE,KADG;EAEXC,IAAI,EAAE,KAFK;EAGXC,QAAQ,EAAE,UAHC;EAIXC,QAAQ,EAAE,KAJC;EAKXC,KAAK,EAAE,CALI;EAMXC,KAAK,EAAE,KANI;EAOXC,GAAG,EAAE,MAPM;EAQXC,SAAS,EAAE;AARA,CAAb;AAWAX,KAAK,CAACY,QAAN,GAAiB,EAAjB"}

package/build/primitives/View/View.stories.js

@@ -0,0 +1,39 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Story = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _View = require("./View");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _default = {
+  title: 'Primitives'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_View.View, props, /*#__PURE__*/React.createElement("span", {
+    className: "children"
+  }, "child:1"), /*#__PURE__*/React.createElement("span", {
+    className: "children"
+  }, "child:2"));
+};
+
+exports.Story = Story;
+Story.storyName = 'View';
+Story.args = {
+  fit: false,
+  row: false,
+  tag: 'div'
+};
+Story.argTypes = {};
+//# sourceMappingURL=View.stories.js.map

package/build/primitives/View/View.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.stories.js","names":["title","Story","props","storyName","args","fit","row","tag","argTypes"],"sources":["../../../src/primitives/View/View.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { View } from './View';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => (\n  <View {...props}>\n    <span className=\"children\">child:1</span>\n    <span className=\"children\">child:2</span>\n  </View>\n);\n\nStory.storyName = 'View';\n\nStory.args = {\n  fit: false,\n  row: false,\n  tag: 'div',\n};\n\nStory.argTypes = {};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE;IAAM,SAAS,EAAC;EAAhB,aADF,eAEE;IAAM,SAAS,EAAC;EAAhB,aAFF,CADmB;AAAA,CAAd;;;AAOPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,GAAG,EAAE,KADM;EAEXC,GAAG,EAAE,KAFM;EAGXC,GAAG,EAAE;AAHM,CAAb;AAMAN,KAAK,CAACO,QAAN,GAAiB,EAAjB"}