@mirai/ui 1.0.55 → 1.0.56

package/README.md

@@ -131,6 +131,11 @@ const MyComponent = () => {
 
 ```css
 --mirai-ui-layer-content: var(--mirai-ui-layer-XL);
+/* position (z-index) */
+--mirai-ui-layer-S: 0;
+--mirai-ui-layer-M: 1;
+--mirai-ui-layer-L: 10;
+--mirai-ui-layer-XL: 100;
 ```
 
 ### Pressable
@@ -707,23 +712,31 @@ Theme.shadeColors()
 --mirai-ui-font-weight: 400;
 --mirai-ui-font-bold: Arial, Regular;
 --mirai-ui-font-bold-weight: 700;
---mirai-ui-font-size-headline: 18px;
+--mirai-ui-font-size-headline-1: 32px;
+--mirai-ui-line-height-headline-1: 38px;
+--mirai-ui-font-size-headline-2: 24px;
+--mirai-ui-line-height-headline-2: 25px;
+--mirai-ui-font-size-headline-3: 18px;
+--mirai-ui-line-height-headline-3: 22px;
+--mirai-ui-font-size-headline-4: 16px;
+--mirai-ui-line-height-headline-4: 19px;
 --mirai-ui-font-size-paragraph: 14px;
+--mirai-ui-line-height-paragraph: 22px;
 --mirai-ui-font-size-action: 14px;
+--mirai-ui-line-height-action: 20px;
 --mirai-ui-font-size-small: 12px;
---mirai-ui-line-height: 24px;
+--mirai-ui-line-height-small: 18px;
 --mirai-ui-text-direction: ltr;
 --mirai-ui-text-align: left;
 
 /* palette */
 --mirai-ui-base: #ffffff;
-/* !TODO: Change to -text ------------------------------------------------- */
+
 --mirai-ui-content: #484848;
 --mirai-ui-content-background: #f6f6f6;
 --mirai-ui-content-border: #e4e4e4;
 --mirai-ui-content-dark: #202020;
 --mirai-ui-content-light: #999999;
-/* !TODO ------------------------------------------------------------------ */
 
 --mirai-ui-accent: #3978c5;
 --mirai-ui-accent-background: #e9f1fc;
@@ -757,12 +770,6 @@ Theme.shadeColors()
 --mirai-ui-space-XL: 48px;
 --mirai-ui-space-XXL: 64px;
 
-/* layer */
---mirai-ui-layer-S: 0;
---mirai-ui-layer-M: 1;
---mirai-ui-layer-L: 10;
---mirai-ui-layer-XL: 100;
-
 /* motion */
 --mirai-ui-motion-collapse: 200ms;
 --mirai-ui-motion-expand: 300ms;
@@ -772,8 +779,11 @@ Theme.shadeColors()
 --mirai-ui-input-font-size: var(--mirai-ui-font-size-paragraph);
 --mirai-ui-input-min-height: var(--mirai-ui-space-XL);
 
-/* defaults */
+/* border */
 --mirai-ui-border-radius: 4px;
+--mirai-ui-border-width: 1px;
+
+/* shadow */
 --mirai-ui-shadow: 0 0 var(--mirai-ui-space-XS) var(--mirai-ui-content-border);
 ```
 

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

@@ -1,21 +1,3 @@
-:root {
-  --mirai-ui-button-background: var(--mirai-ui-accent);
-  --mirai-ui-button-busy-width: 0%;
-  --mirai-ui-button-busy-motion: calc(var(--mirai-ui-motion-expand) * 10);
-  --mirai-ui-button-color: var(--mirai-ui-base);
-  --mirai-ui-button-color-active: rgba(255, 255, 255, 0.2);
-  --mirai-ui-button-color-focus: var(--mirai-ui-content);
-  --mirai-ui-button-disabled-background: var(--mirai-ui-content-border);
-  --mirai-ui-button-disabled-color: var(--mirai-ui-content-light);
-  --mirai-ui-button-font: var(--mirai-ui-font);
-  --mirai-ui-button-font-weight: var(--mirai-ui-font-weight);
-  --mirai-ui-button-padding-y: var(--mirai-ui-space-S);
-  --mirai-ui-button-padding-x: var(--mirai-ui-space-L);
-  --mirai-ui-button-radius: var(--mirai-ui-border-radius);
-  --mirai-ui-button-secondary-background: var(--mirai-ui-base);
-  --mirai-ui-button-squared: calc(var(--mirai-ui-space-M) * 2);
-}
-
 .button {
   align-items: center;
   background-color: var(--mirai-ui-button-background);

package/build/components/Calendar/Calendar.module.css

@@ -1,15 +1,3 @@
-:root {
-  --mirai-ui-calendar-caption-color: var(--mirai-ui-content-light);
-  --mirai-ui-calendar-cell: var(--mirai-ui-space-XL);
-  --mirai-ui-calendar-highlight-color: var(--mirai-ui-accent);
-  --mirai-ui-calendar-padding: var(--mirai-ui-space-XS);
-  --mirai-ui-calendar-range-background: var(--mirai-ui-content-background);
-  --mirai-ui-calendar-selected-background: var(--mirai-ui-accent);
-  --mirai-ui-calendar-selected-color: var(--mirai-ui-base);
-  --mirai-ui-calendar-weekday-color: var(--mirai-ui-content-light);
-  --mirai-ui-calendar-week-margin: 2px;
-}
-
 .month {
   justify-content: flex-start;
   padding: var(--mirai-ui-calendar-padding);

package/build/components/Calendar/Calendar.stories.js

@@ -7,14 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Story = void 0;
 
+var _locale = require("@mirai/locale");
+
 var React = _interopRequireWildcard(require("react"));
 
 var _Calendar = require("./Calendar");
 
+var _captions;
+
 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var _default = {
   title: 'Components'
 };
@@ -25,30 +31,95 @@ var Story = function Story(props) {
 };
 
 exports.Story = Story;
+var format = 'DD/MM/YYYY';
+var today = new Date();
 Story.storyName = 'Calendar';
 Story.args = {
-  captions: {},
-  disabledDates: [],
+  captions: (_captions = {}, _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
+    format: format
+  }), '10.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 8, 'days'), {
+    format: format
+  }), '129510.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 16, 'days'), {
+    format: format
+  }), '10.95$'), _defineProperty(_captions, (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 18, 'days'), {
+    format: format
+  }), '9.95$'), _captions),
+  disabledDates: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 20, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 21, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 22, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 23, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 24, 'days'), {
+    format: format
+  })],
   disabledPast: true,
-  format: 'DD/MM/YYYY',
-  // children: 'Hello',
-  // disabled: false,
-  // large: false,
-  locale: 'en-GB',
-  months: 3,
+  format: format,
+  from: '',
+  highlights: [(0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 10, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 12, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 14, 'days'), {
+    format: format
+  }), (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 16, 'days'), {
+    format: format
+  })],
+  locale: 'es-ES',
+  months: 2,
   range: true,
   rangeMaxDays: 7,
-  rangeMinDays: 3 // outlined: false,
-  // rounded: false,
-  // small: false,
-  // squared: false,
-  // tag: 'Calendar',
-  // wide: false,
+  rangeMinDays: 3,
+  to: (0, _locale.dateFormat)((0, _locale.dateCalc)(today, 6, 'months')),
+  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, ['<Calendar>::onChange'].concat(props));
+  },
+  onFocus: function onFocus() {
+    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, ['<Calendar>::onFocus'].concat(props));
+  },
+  onNavigation: function onNavigation() {
+    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, ['<Calendar>::onNavigation'].concat(props));
+  },
+  onScroll: function onScroll() {
+    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, ['<Calendar>::onScroll'].concat(props));
+  }
 };
-Story.argTypes = {// onChange: { action: 'onChange' },
-  // onFocus: { action: 'onFocus' },
-  // onNavigation: { action: 'onNavigation' }, // ! TODO:
-  // onScroll: { action: 'onScroll' },
+Story.argTypes = {
+  locale: {
+    options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],
+    control: {
+      type: 'select'
+    },
+    defaultValue: 'es-ES'
+  }
 };
 //# sourceMappingURL=Calendar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.stories.js","names":["title","Story","props","storyName","args","captions","disabledDates","disabledPast","format","locale","months","range","rangeMaxDays","rangeMinDays","argTypes"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Calendar {...props} />;\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {},\n  disabledDates: [],\n  disabledPast: true,\n  format: 'DD/MM/YYYY',\n  // children: 'Hello',\n  // disabled: false,\n  // large: false,\n  locale: 'en-GB',\n  months: 3,\n  range: true,\n  rangeMaxDays: 7,\n  rangeMinDays: 3,\n  // outlined: false,\n  // rounded: false,\n  // small: false,\n  // squared: false,\n  // tag: 'Calendar',\n  // wide: false,\n};\n\nStory.argTypes = {\n  // onChange: { action: 'onChange' },\n  // onFocus: { action: 'onFocus' },\n  // onNavigation: { action: 'onNavigation' }, // ! TODO:\n  // onScroll: { action: 'onScroll' },\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,QAAQ,EAAE,EADC;EAEXC,aAAa,EAAE,EAFJ;EAGXC,YAAY,EAAE,IAHH;EAIXC,MAAM,EAAE,YAJG;EAKX;EACA;EACA;EACAC,MAAM,EAAE,OARG;EASXC,MAAM,EAAE,CATG;EAUXC,KAAK,EAAE,IAVI;EAWXC,YAAY,EAAE,CAXH;EAYXC,YAAY,EAAE,CAZH,CAaX;EACA;EACA;EACA;EACA;EACA;;AAlBW,CAAb;AAqBAZ,KAAK,CAACa,QAAN,GAAiB,CACf;EACA;EACA;EACA;AAJe,CAAjB"}
+{"version":3,"file":"Calendar.stories.js","names":["title","Story","props","format","today","Date","storyName","args","captions","disabledDates","disabledPast","from","highlights","locale","months","range","rangeMaxDays","rangeMinDays","to","value","onChange","console","log","onFocus","onNavigation","onScroll","argTypes","options","control","type","defaultValue"],"sources":["../../../src/components/Calendar/Calendar.stories.jsx"],"sourcesContent":["import { dateCalc, dateFormat } from '@mirai/locale';\nimport * as React from 'react';\n\nimport { Calendar } from './Calendar';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <Calendar {...props} />;\n\nconst format = 'DD/MM/YYYY';\nconst today = new Date();\n\nStory.storyName = 'Calendar';\n\nStory.args = {\n  captions: {\n    [dateFormat(dateCalc(today, 6, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 8, 'days'), { format })]: '129510.95$',\n    [dateFormat(dateCalc(today, 16, 'days'), { format })]: '10.95$',\n    [dateFormat(dateCalc(today, 18, 'days'), { format })]: '9.95$',\n  },\n  disabledDates: [\n    dateFormat(dateCalc(today, 20, 'days'), { format }),\n    dateFormat(dateCalc(today, 21, 'days'), { format }),\n    dateFormat(dateCalc(today, 22, 'days'), { format }),\n    dateFormat(dateCalc(today, 23, 'days'), { format }),\n    dateFormat(dateCalc(today, 24, 'days'), { format }),\n  ],\n  disabledPast: true,\n  format,\n  from: '',\n  highlights: [\n    dateFormat(dateCalc(today, 6, 'days'), { format }),\n    dateFormat(dateCalc(today, 10, 'days'), { format }),\n    dateFormat(dateCalc(today, 12, 'days'), { format }),\n    dateFormat(dateCalc(today, 14, 'days'), { format }),\n    dateFormat(dateCalc(today, 16, 'days'), { format }),\n  ],\n  locale: 'es-ES',\n  months: 2,\n  range: true,\n  rangeMaxDays: 7,\n  rangeMinDays: 3,\n  to: dateFormat(dateCalc(today, 6, 'months')),\n  value: [],\n  onChange: (...props) => console.log('<Calendar>::onChange', ...props),\n  onFocus: (...props) => console.log('<Calendar>::onFocus', ...props),\n  onNavigation: (...props) => console.log('<Calendar>::onNavigation', ...props),\n  onScroll: (...props) => console.log('<Calendar>::onScroll', ...props),\n};\n\nStory.argTypes = {\n  locale: {\n    options: ['es-ES', 'en-GB', 'ja-JP', 'it-IT', 'pt-PT'],\n    control: { type: 'select' },\n    defaultValue: 'es-ES',\n  },\n};\n"],"mappings":"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"}

package/build/components/Form/Form.stories.js

@@ -0,0 +1,63 @@
+"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("../");
+
+var _Form = require("./Form");
+
+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(_Form.Form, props, /*#__PURE__*/React.createElement(_.InputText, {
+    name: "username",
+    label: "username"
+  }), /*#__PURE__*/React.createElement(_.InputText, {
+    name: "password",
+    label: "password",
+    type: "password"
+  }), /*#__PURE__*/React.createElement(_.Button, {
+    wide: true
+  }, "Submit"));
+};
+
+exports.Story = Story;
+Story.storyName = 'Form';
+Story.args = {
+  debounce: 0,
+  schema: {},
+  showErrors: false,
+  validateOnMount: false
+};
+Story.argTypes = {
+  onBlur: {
+    action: 'onBlur'
+  },
+  onChange: {
+    action: 'onBlur'
+  },
+  onError: {
+    action: 'onError'
+  },
+  onFocus: {
+    action: 'onFocus'
+  },
+  onSubmit: {
+    action: 'onSubmit'
+  }
+};
+//# sourceMappingURL=Form.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.stories.js","names":["title","Story","props","storyName","args","debounce","schema","showErrors","validateOnMount","argTypes","onBlur","action","onChange","onError","onFocus","onSubmit"],"sources":["../../../src/components/Form/Form.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button, InputText } from '../';\nimport { Form } from './Form';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => (\n  <Form {...props}>\n    <InputText name=\"username\" label=\"username\" />\n    <InputText name=\"password\" label=\"password\" type=\"password\" />\n    <Button wide>Submit</Button>\n  </Form>\n);\n\nStory.storyName = 'Form';\n\nStory.args = {\n  debounce: 0,\n  schema: {},\n  showErrors: false,\n  validateOnMount: false,\n};\n\nStory.argTypes = {\n  onBlur: { action: 'onBlur' },\n  onChange: { action: 'onBlur' },\n  onError: { action: 'onError' },\n  onFocus: { action: 'onFocus' },\n  onSubmit: { action: 'onSubmit' },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBACnB,oBAAC,UAAD,EAAUA,KAAV,eACE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC;EAAjC,EADF,eAEE,oBAAC,WAAD;IAAW,IAAI,EAAC,UAAhB;IAA2B,KAAK,EAAC,UAAjC;IAA4C,IAAI,EAAC;EAAjD,EAFF,eAGE,oBAAC,QAAD;IAAQ,IAAI;EAAZ,YAHF,CADmB;AAAA,CAAd;;;AAQPD,KAAK,CAACE,SAAN,GAAkB,MAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,CADC;EAEXC,MAAM,EAAE,EAFG;EAGXC,UAAU,EAAE,KAHD;EAIXC,eAAe,EAAE;AAJN,CAAb;AAOAP,KAAK,CAACQ,QAAN,GAAiB;EACfC,MAAM,EAAE;IAAEC,MAAM,EAAE;EAAV,CADO;EAEfC,QAAQ,EAAE;IAAED,MAAM,EAAE;EAAV,CAFK;EAGfE,OAAO,EAAE;IAAEF,MAAM,EAAE;EAAV,CAHM;EAIfG,OAAO,EAAE;IAAEH,MAAM,EAAE;EAAV,CAJM;EAKfI,QAAQ,EAAE;IAAEJ,MAAM,EAAE;EAAV;AALK,CAAjB"}

package/build/components/InputDate/InputDate.module.css

@@ -1,6 +1,3 @@
-:root {
-}
-
 .input {
   max-width: calc(calc(var(--mirai-ui-input-font-size) * 2.25) + calc(var(--mirai-ui-input-text-padding-x) * 2));
 }

package/build/components/InputDate/InputDate.stories.js

@@ -0,0 +1,78 @@
+"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 _InputDate = require("./InputDate");
+
+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(_InputDate.InputDate, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'InputDate';
+Story.args = {
+  disabled: false,
+  error: false,
+  format: 'DD/MM/YYYY',
+  hint: 'hint',
+  label: 'label',
+  max: '10/04/2080',
+  min: '10/04/1980',
+  name: 'name',
+  required: false,
+  value: '06/05/2020',
+  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, ['<InputDate>::onBlur'].concat(props));
+  },
+  onError: function onError() {
+    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, ['<InputDate>::onError'].concat(props));
+  },
+  onEnter: function onEnter() {
+    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, ['<InputDate>::onEnter'].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, ['<InputDate>::onLeave'].concat(props));
+  }
+};
+Story.argTypes = {};
+//# sourceMappingURL=InputDate.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputDate.stories.js","names":["title","Story","props","storyName","args","disabled","error","format","hint","label","max","min","name","required","value","onChange","console","log","onError","onEnter","onLeave","argTypes"],"sources":["../../../src/components/InputDate/InputDate.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputDate } from './InputDate';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputDate {...props} />;\n\nStory.storyName = 'InputDate';\n\nStory.args = {\n  disabled: false,\n  error: false,\n  format: 'DD/MM/YYYY',\n  hint: 'hint',\n  label: 'label',\n  max: '10/04/2080',\n  min: '10/04/1980',\n  name: 'name',\n  required: false,\n  value: '06/05/2020',\n  onChange: (...props) => console.log('<InputDate>::onBlur', ...props),\n  onError: (...props) => console.log('<InputDate>::onError', ...props),\n  onEnter: (...props) => console.log('<InputDate>::onEnter', ...props),\n  onLeave: (...props) => console.log('<InputDate>::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,oBAAD,EAAeA,KAAf,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,WAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,KAAK,EAAE,KAFI;EAGXC,MAAM,EAAE,YAHG;EAIXC,IAAI,EAAE,MAJK;EAKXC,KAAK,EAAE,OALI;EAMXC,GAAG,EAAE,YANM;EAOXC,GAAG,EAAE,YAPM;EAQXC,IAAI,EAAE,MARK;EASXC,QAAQ,EAAE,KATC;EAUXC,KAAK,EAAE,YAVI;EAWXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIb,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAc,OAAO,EAACC,GAAR,kBAAY,qBAAZ,SAAsCf,KAAtC,EAAd;EAAA,CAXC;EAYXgB,OAAO,EAAE;IAAA;;IAAA,mCAAIhB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAZE;EAaXiB,OAAO,EAAE;IAAA;;IAAA,mCAAIjB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA,CAbE;EAcXkB,OAAO,EAAE;IAAA;;IAAA,mCAAIlB,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,aAAAc,OAAO,EAACC,GAAR,mBAAY,sBAAZ,SAAuCf,KAAvC,EAAd;EAAA;AAdE,CAAb;AAiBAD,KAAK,CAACoB,QAAN,GAAiB,EAAjB"}

package/build/components/InputNumber/InputNumber.module.css

@@ -1,7 +1,3 @@
-:root {
-  --mirai-ui-input-number-value-width: var(--mirai-ui-space-XL);
-}
-
 .inputNumber {
   margin-bottom: var(--mirai-ui-input-text-padding-y);
 }

package/build/components/InputNumber/InputNumber.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 _InputNumber = require("./InputNumber");
+
+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(_InputNumber.InputNumber, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'InputNumber';
+Story.args = {
+  disabled: false,
+  hint: 'hint',
+  label: 'label',
+  max: 8,
+  min: 1,
+  name: 'name',
+  rounded: false,
+  step: 1,
+  value: 1,
+  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, ['<InputNumber>::onChange'].concat(props));
+  }
+};
+Story.argTypes = {};
+//# sourceMappingURL=InputNumber.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber.stories.js","names":["title","Story","props","storyName","args","disabled","hint","label","max","min","name","rounded","step","value","onChange","console","log","argTypes"],"sources":["../../../src/components/InputNumber/InputNumber.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputNumber } from './InputNumber';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputNumber {...props} />;\n\nStory.storyName = 'InputNumber';\n\nStory.args = {\n  disabled: false,\n  hint: 'hint',\n  label: 'label',\n  max: 8,\n  min: 1,\n  name: 'name',\n  rounded: false,\n  step: 1,\n  value: 1,\n  onChange: (...props) => console.log('<InputNumber>::onChange', ...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,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,QAAQ,EAAE,KADC;EAEXC,IAAI,EAAE,MAFK;EAGXC,KAAK,EAAE,OAHI;EAIXC,GAAG,EAAE,CAJM;EAKXC,GAAG,EAAE,CALM;EAMXC,IAAI,EAAE,MANK;EAOXC,OAAO,EAAE,KAPE;EAQXC,IAAI,EAAE,CARK;EASXC,KAAK,EAAE,CATI;EAUXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIZ,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAa,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0Cd,KAA1C,EAAd;EAAA;AAVC,CAAb;AAaAD,KAAK,CAACgB,QAAN,GAAiB,EAAjB"}

package/build/components/InputOption/InputOption.module.css

@@ -1,9 +1,3 @@
-:root {
-  --mirai-ui-input-option-disabled: var(--mirai-ui-content-light);
-  --mirai-ui-input-option-label-margin: var(--mirai-ui-space-S);
-  --mirai-ui-input-option-padding-y: var(--mirai-ui-space-S);
-}
-
 .inputOption {
   align-items: center;
   display: flex;

package/build/components/InputOption/InputOption.stories.js

@@ -0,0 +1,58 @@
+"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 _InputOption = require("./InputOption");
+
+var _InputOption2 = require("./InputOption.constants");
+
+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(_InputOption.InputOption, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'InputOption';
+Story.args = {
+  checked: true,
+  disabled: false,
+  label: 'label',
+  name: 'name',
+  reverse: false,
+  type: 'checkbox',
+  value: '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, ['<InputOption>::onChange'].concat(props));
+  }
+};
+Story.argTypes = {
+  type: {
+    options: [_InputOption2.CHECKBOX, _InputOption2.RADIO, _InputOption2.SWITCH],
+    control: {
+      type: 'select'
+    },
+    defaultValue: _InputOption2.CHECKBOX
+  }
+};
+//# sourceMappingURL=InputOption.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputOption.stories.js","names":["title","Story","props","storyName","args","checked","disabled","label","name","reverse","type","value","onChange","console","log","argTypes","options","CHECKBOX","RADIO","SWITCH","control","defaultValue"],"sources":["../../../src/components/InputOption/InputOption.stories.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { InputOption } from './InputOption';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\n\nexport default { title: 'Components' };\n\nexport const Story = (props) => <InputOption {...props} />;\n\nStory.storyName = 'InputOption';\n\nStory.args = {\n  checked: true,\n  disabled: false,\n  label: 'label',\n  name: 'name',\n  reverse: false,\n  type: 'checkbox',\n  value: 'value',\n  onChange: (...props) => console.log('<InputOption>::onChange', ...props),\n};\n\nStory.argTypes = {\n  type: {\n    options: [CHECKBOX, RADIO, SWITCH],\n    control: { type: 'select' },\n    defaultValue: CHECKBOX,\n  },\n};\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;eAEe;EAAEA,KAAK,EAAE;AAAT,C;;;AAER,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,oBAAW,oBAAC,wBAAD,EAAiBA,KAAjB,CAAX;AAAA,CAAd;;;AAEPD,KAAK,CAACE,SAAN,GAAkB,aAAlB;AAEAF,KAAK,CAACG,IAAN,GAAa;EACXC,OAAO,EAAE,IADE;EAEXC,QAAQ,EAAE,KAFC;EAGXC,KAAK,EAAE,OAHI;EAIXC,IAAI,EAAE,MAJK;EAKXC,OAAO,EAAE,KALE;EAMXC,IAAI,EAAE,UANK;EAOXC,KAAK,EAAE,OAPI;EAQXC,QAAQ,EAAE;IAAA;;IAAA,kCAAIV,KAAJ;MAAIA,KAAJ;IAAA;;IAAA,OAAc,YAAAW,OAAO,EAACC,GAAR,kBAAY,yBAAZ,SAA0CZ,KAA1C,EAAd;EAAA;AARC,CAAb;AAWAD,KAAK,CAACc,QAAN,GAAiB;EACfL,IAAI,EAAE;IACJM,OAAO,EAAE,CAACC,sBAAD,EAAWC,mBAAX,EAAkBC,oBAAlB,CADL;IAEJC,OAAO,EAAE;MAAEV,IAAI,EAAE;IAAR,CAFL;IAGJW,YAAY,EAAEJ;EAHV;AADS,CAAjB"}

package/build/components/InputSelect/InputSelect.stories.js

@@ -0,0 +1,66 @@
+"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 _InputSelect = require("./InputSelect");
+
+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(_InputSelect.InputSelect, props);
+};
+
+exports.Story = Story;
+Story.storyName = 'InputSelect';
+Story.args = {
+  disabled: false,
+  error: false,
+  hint: 'hint',
+  label: 'label',
+  name: 'name',
+  options: ['one', 'two', 'three', 'four', 'five'],
+  value: 'two',
+  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, ['<InputSelect>::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, ['<InputSelect>::onEnter'].concat(props));
+  },
+  onLeave: function onLeave() {
+    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, ['<InputSelect>::onLeave'].concat(props));
+  }
+};
+Story.argTypes = {};
+//# sourceMappingURL=InputSelect.stories.js.map