@mirai/ui 1.0.53 → 1.0.54

package/build/components/Button/Button.module.css

@@ -80,7 +80,7 @@
 
 .outlined {
   background-color: var(--mirai-ui-button-outlined-background);
-  border: solid 1px var(--mirai-ui-button-background);
+  border: solid var(--mirai-ui-border-width) var(--mirai-ui-button-background);
   color: var(--mirai-ui-button-background);
 }
 
@@ -108,9 +108,6 @@
   width: 100%;
 }
 
-@media only screen and (max-width: 600px) {
-}
-
 @media only screen and (min-width: 600px) {
   .button:not(:disabled).outlined:hover {
     border-color: var(--mirai-ui-button-color-hover);

package/build/components/Button/Button.stories.js

@@ -0,0 +1,52 @@
+"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 _Button = require("./Button");
+
+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: 'Components'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Button.Button, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Button';
+Story.args = {
+  busy: false,
+  children: 'children',
+  disabled: false,
+  large: false,
+  outlined: false,
+  rounded: false,
+  small: false,
+  squared: false,
+  tag: 'button',
+  wide: false
+};
+Story.argTypes = {
+  onEnter: {
+    action: 'onEnter'
+  },
+  onLeave: {
+    action: 'onLeave'
+  },
+  onPress: {
+    action: 'onPress'
+  }
+};
+//# sourceMappingURL=Button.stories.js.map

package/build/components/Button/Button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.js","names":["title","Story","props","storyName","args","busy","children","disabled","large","outlined","rounded","small","squared","tag","wide","argTypes","onEnter","action","onLeave","onPress"],"sources":["../../../src/components/Button/Button.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from './Button';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Button {...props} />;\n\nStory.storyName = 'Button';\n\nStory.args = {\n  busy: false,\n  children: 'children',\n  disabled: false,\n  large: false,\n  outlined: false,\n  rounded: false,\n  small: false,\n  squared: false,\n  tag: 'button',\n  wide: false,\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,oBAAW,oBAAC,cAAD,EAAYA,KAAZ,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,QAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,IAAI,EAAE,KADK;EAEXC,QAAQ,EAAE,UAFC;EAGXC,QAAQ,EAAE,KAHC;EAIXC,KAAK,EAAE,KAJI;EAKXC,QAAQ,EAAE,KALC;EAMXC,OAAO,EAAE,KANE;EAOXC,KAAK,EAAE,KAPI;EAQXC,OAAO,EAAE,KARE;EASXC,GAAG,EAAE,QATM;EAUXC,IAAI,EAAE;AAVK,CAAb;AAaAb,KAAK,CAACc,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/components/Calendar/Calendar.module.css

@@ -114,7 +114,7 @@
   }
 
   .weekdays {
-    border-bottom: solid 1px var(--mirai-ui-content-border);
+    border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
   }
 }
 

package/build/components/InputText/InputText.module.css

@@ -1,5 +1,5 @@
 :root {
-  --mirai-ui-input-text-border: solid 1px var(--mirai-ui-content-border);
+  --mirai-ui-input-text-border: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
   --mirai-ui-input-text-disabled: var(--mirai-ui-content-border);
   --mirai-ui-input-text-error: var(--mirai-ui-error);
   --mirai-ui-input-text-focus: var(--mirai-ui-accent);

package/build/components/Menu/Menu.module.css

@@ -39,7 +39,7 @@
 }
 
 .menu .divider {
-  box-shadow: inset 0 -1px var(--mirai-ui-menu-option-disabled);
+  box-shadow: inset 0 calc(var(--mirai-ui-border-width) * -1) var(--mirai-ui-menu-option-disabled);
 }
 
 .menu .icon {

package/build/components/Modal/Modal.module.css

@@ -21,7 +21,7 @@
 
 .header {
   align-items: center;
-  border-bottom: solid 1px var(--mirai-ui-content-border);
+  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-content-border);
   padding: var(--mirai-ui-modal-header-padding);
   width: 100%;
 }

package/build/components/Modal/Modal.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 _Modal = require("./Modal");
+
+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: 'Components'
+};
+exports.default = _default;
+
+var Story = function Story(props) {
+  return /*#__PURE__*/React.createElement(_Modal.Modal, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Modal';
+Story.args = {
+  children: 'Lorem ipsum dolor sit, amet consectetur adipisicing elit.',
+  overflow: true,
+  portal: false,
+  title: 'title',
+  visible: true
+};
+Story.argTypes = {
+  onBack: {
+    action: 'onBack'
+  },
+  onClose: {
+    action: 'onClose'
+  }
+};
+//# sourceMappingURL=Modal.stories.js.map

package/build/components/Modal/Modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.js","names":["title","Story","props","storyName","args","children","overflow","portal","visible","argTypes","onBack","action","onClose"],"sources":["../../../src/components/Modal/Modal.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Modal } from './Modal';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Modal {...props} />;\n\nStory.storyName = 'Modal';\n\nStory.args = {\n  children: 'Lorem ipsum dolor sit, amet consectetur adipisicing elit.',\n  overflow: true,\n  portal: false,\n  title: 'title',\n  visible: true,\n};\n\nStory.argTypes = {\n  onBack: { action: 'onBack' },\n  onClose: { action: 'onClose' },\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,2DADC;EAEXC,QAAQ,EAAE,IAFC;EAGXC,MAAM,EAAE,KAHG;EAIXP,KAAK,EAAE,OAJI;EAKXQ,OAAO,EAAE;AALE,CAAb;AAQAP,KAAK,CAACQ,QAAN,GAAiB;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADO;EAEfC,OAAO,EAAE;IAAED,MAAM,EAAE;EAAV;AAFM,CAAjB"}

package/build/components/Notification/Notification.module.css

@@ -12,7 +12,7 @@
 }
 
 .notification.outlined {
-  border: solid 1px var(--mirai-ui-accent-border);
+  border: solid var(--mirai-ui-border-width) var(--mirai-ui-accent-border);
 }
 
 .notification.small {

package/build/components/Table/Table.module.css

@@ -33,7 +33,7 @@
 }
 
 .table tr:not(:last-child) {
-  border-bottom: solid 1px var(--mirai-ui-table-border-color);
+  border-bottom: solid var(--mirai-ui-border-width) var(--mirai-ui-table-border-color);
 }
 
 .table th,

package/build/helpers/isJest.js

@@ -5,8 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IS_JEST = void 0;
 
-var _process, _process$env;
+var IS_JEST = function () {
+  try {
+    var _process, _process$env;
+
+    return !!((_process = process) !== null && _process !== void 0 && (_process$env = _process.env) !== null && _process$env !== void 0 && _process$env.JEST_WORKER_ID);
+  } catch (_unused) {
+    return false;
+  }
+}();
 
-var IS_JEST = !!((_process = process) !== null && _process !== void 0 && (_process$env = _process.env) !== null && _process$env !== void 0 && _process$env.JEST_WORKER_ID);
 exports.IS_JEST = IS_JEST;
 //# sourceMappingURL=isJest.js.map

package/build/helpers/isJest.js.map

@@ -1 +1 @@
-{"version":3,"file":"isJest.js","names":["IS_JEST","process","env","JEST_WORKER_ID"],"sources":["../../src/helpers/isJest.js"],"sourcesContent":["export const IS_JEST = !!process?.env?.JEST_WORKER_ID;\n"],"mappings":";;;;;;;;;AAAO,IAAMA,OAAO,GAAG,CAAC,cAACC,OAAD,qDAAC,SAASC,GAAV,yCAAC,aAAcC,cAAf,CAAjB"}
+{"version":3,"file":"isJest.js","names":["IS_JEST","process","env","JEST_WORKER_ID"],"sources":["../../src/helpers/isJest.js"],"sourcesContent":["export const IS_JEST = (() => {\n  try {\n    return !!process?.env?.JEST_WORKER_ID;\n  } catch {\n    return false;\n  }\n})();\n"],"mappings":";;;;;;;AAAO,IAAMA,OAAO,GAAI,YAAM;EAC5B,IAAI;IAAA;;IACF,OAAO,CAAC,cAACC,OAAD,qDAAC,SAASC,GAAV,yCAAC,aAAcC,cAAf,CAAR;EACD,CAFD,CAEE,gBAAM;IACN,OAAO,KAAP;EACD;AACF,CANsB,EAAhB"}

package/build/primitives/Checkbox/Checkbox.module.css

@@ -16,7 +16,7 @@
 
 .checkbox input {
   background-color: var(--mirai-ui-checkbox-base);
-  border: 1px solid var(--mirai-ui-checkbox-border-color);
+  border: solid var(--mirai-ui-border-width) var(--mirai-ui-checkbox-border-color);
   border-radius: var(--mirai-ui-checkbox-border-radius);
   box-sizing: border-box;
   height: var(--mirai-ui-checkbox-size);

package/build/primitives/Checkbox/Checkbox.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 _Checkbox = require("./Checkbox");
+
+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(_Checkbox.Checkbox, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Checkbox';
+Story.args = {
+  checked: false,
+  children: 'children',
+  disabled: false,
+  name: 'checkbox',
+  value: 'value'
+};
+Story.argTypes = {
+  onChange: {
+    action: 'onChange'
+  }
+};
+//# sourceMappingURL=Checkbox.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.js","names":["title","Story","props","storyName","args","checked","children","disabled","name","value","argTypes","onChange","action"],"sources":["../../../src/primitives/Checkbox/Checkbox.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Checkbox } from './Checkbox';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Checkbox {...props} />;\n\nStory.storyName = 'Checkbox';\n\nStory.args = {\n  checked: false,\n  children: 'children',\n  disabled: false,\n  name: 'checkbox',\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,kBAAD,EAAcA,KAAd,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,UAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,KADE;EAEXC,QAAQ,EAAE,UAFC;EAGXC,QAAQ,EAAE,KAHC;EAIXC,IAAI,EAAE,UAJK;EAKXC,KAAK,EAAE;AALI,CAAb;AAQAR,KAAK,CAACS,QAAN,GAAiB;EACfC,QAAQ,EAAE;IAAEC,MAAM,EAAE;EAAV;AADK,CAAjB"}

package/build/primitives/Icon/Icon.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 _ = require("./");
+
+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(_.Icon, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Icon';
+Story.args = {
+  name: 'EyeOpen'
+};
+Story.argTypes = {
+  name: {
+    options: Object.keys(_.ICONS),
+    control: {
+      type: 'select'
+    },
+    defaultValue: 'EyeOpen'
+  }
+};
+//# sourceMappingURL=Icon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","names":["title","Story","props","storyName","args","name","argTypes","options","Object","keys","ICONS","control","type","defaultValue"],"sources":["../../../src/primitives/Icon/Icon.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon, ICONS } from './';\n\nexport default { title: 'Primitives' };\n\nexport const Story = (props) => <Icon {...props} />;\n\nStory.storyName = 'Icon';\n\nStory.args = {\n  name: 'EyeOpen',\n};\n\nStory.argTypes = {\n  name: {\n    options: Object.keys(ICONS),\n    control: { type: 'select' },\n    defaultValue: 'EyeOpen',\n  },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,MAAD,EAAUA,KAAV,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,IAAI,EAAE;AADK,CAAb;AAIAJ,KAAK,CAACK,QAAN,GAAiB;EACfD,IAAI,EAAE;IACJE,OAAO,EAAEC,MAAM,CAACC,IAAP,CAAYC,OAAZ,CADL;IAEJC,OAAO,EAAE;MAAEC,IAAI,EAAE;IAAR,CAFL;IAGJC,YAAY,EAAE;EAHV;AADS,CAAjB"}

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

@@ -0,0 +1,50 @@
+"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 _Input = require("./Input");
+
+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(_Input.Input, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'Input';
+Story.args = {
+  disabled: false,
+  multiLine: false,
+  name: 'Input',
+  placeholder: 'Placeholder',
+  type: 'text'
+};
+Story.argTypes = {
+  onChange: {
+    action: 'onChange'
+  },
+  onEnter: {
+    action: 'onEnter'
+  },
+  onError: {
+    action: 'onError'
+  },
+  onLeave: {
+    action: 'onLeave'
+  }
+};
+//# sourceMappingURL=Input.stories.js.map

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

@@ -0,0 +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"}

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

@@ -15,7 +15,7 @@
 
 .radio input {
   background-color: var(--mirai-ui-radio-base);
-  border: 1px solid var(--mirai-ui-radio-border);
+  border: solid var(--mirai-ui-border-width) var(--mirai-ui-radio-border);
   border-radius: 50%;
   box-sizing: border-box;
   height: var(--mirai-ui-radio-size);

package/build/theme/default.theme.css

@@ -73,5 +73,6 @@
 
   /* defaults */
   --mirai-ui-border-radius: 4px;
+  --mirai-ui-border-width: 1px;
   --mirai-ui-shadow: 0 0 var(--mirai-ui-space-XS) var(--mirai-ui-content-border);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.53",
+  "version": "1.0.54",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",
@@ -18,7 +18,8 @@
     "test": "node scripts/test.js --watchAll=false",
     "test:watch": "node scripts/test.js",
     "pipeline": "yarn lint && yarn test && yarn build",
-    "release": "yarn version --patch && yarn publish --access public"
+    "release": "yarn version --patch && yarn publish --access public",
+    "storybook": "ladle serve"
   },
   "dependencies": {
     "@mirai/locale": "^0.2",
@@ -31,6 +32,7 @@
     "@babel/core": "^7.9.0",
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
+    "@ladle/react": "^2.4.5",
     "@mirai/eslint": "^0.1",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^7.0.2",