@mirai/ui 1.0.16 → 1.0.19

package/build/components/Calendar/Calendar.js

@@ -102,7 +102,7 @@ var Calendar = function Calendar(_ref) {
     if (!date) return setSelected(range ? [] : undefined);
     date = (0, _locale.parseDate)(date, format);
     if (range && selected.length === 0 || !range) setInstance((0, _helpers2.getFirstDateOfMonth)(date));
-    setSelected(range ? [(0, _locale.UTC)(date), value[1] ? (0, _locale.UTC)((0, _locale.parseDate)(value[1], format)) : undefined] : (0, _locale.UTC)(date));
+    setSelected(range ? [(0, _locale.UTC)(date), value[1] ? (0, _locale.UTC)((0, _locale.parseDate)(value[1], format)) : undefined] : (0, _locale.UTC)(date)); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [format, range, value]);
   (0, _react.useEffect)(function () {
     onFocus(focus);

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["Calendar","disabledPast","format","from","months","locale","range","rangeMaxDays","to","value","onChange","onFocus","others","isDesktop","focus","setFocus","instance","setInstance","undefined","selected","setSelected","date","length","handleChange","next","getTime","handleMonth","month","Date","getFullYear","getMonth","instanceTS","todayMonthTS","disabledPrevious","disabledNext","props","style","scrollview","className","Array","empty","index","displayName","propTypes","captions","PropTypes","shape","disabledDates","arrayOf","string","bool","disabledWeekends","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getToday } from './helpers';\n\nexport const Calendar = ({\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  months = 2,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  onChange = () => {},\n  onFocus = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [selected, setSelected] = useState(range ? [] : undefined);\n\n  useEffect(() => {\n    let date = range ? (value ? value[0] : undefined) : value;\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && selected.length === 0) || !range) setInstance(getFirstDateOfMonth(date));\n\n    setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n  }, [format, range, value]);\n\n  useEffect(() => {\n    onFocus(focus);\n  }, [focus, onFocus]);\n\n  const handleChange = (date) => {\n    setSelected(() => {\n      let next;\n\n      if (!range) {\n        next = date;\n      } else if (selected[1] === undefined && date > selected[0]) {\n        next = [selected[0], date];\n      } else {\n        next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n        setFocus(undefined);\n      }\n      onChange(next);\n\n      return next;\n    });\n  };\n\n  const handleMonth = (month) => {\n    setInstance(getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + month)));\n  };\n\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(getToday()).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext = to && instanceTS >= getFirstDateOfMonth(parseDate(to, format)).getTime();\n\n  const props = {\n    ...others,\n    disabledPast,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    to: to\n      ? parseDate(to, format)\n      : range && rangeMaxDays && selected[0]\n      ? dateCalc(selected[0], rangeMaxDays, 'days')\n      : undefined,\n    selected,\n    onChange: handleChange,\n    onFocus: isDesktop ? setFocus : undefined,\n  };\n\n  return (\n    <View data-testid={others['data-testid']}>\n      {!isDesktop && <Weekdays locale={locale} />}\n      <ScrollView horizontal={isDesktop} className={styles(style.scrollview, others.className)}>\n        {Array.from({ length: months }, (empty, index) => (\n          <Month\n            key={index}\n            onNext={isDesktop && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={isDesktop && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)}\n            {...props}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  disabledWeekends: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.string,\n  highlights: PropTypes.arrayOf(PropTypes.string),\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  to: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["Calendar","disabledPast","format","from","months","locale","range","rangeMaxDays","to","value","onChange","onFocus","others","isDesktop","focus","setFocus","instance","setInstance","undefined","selected","setSelected","date","length","handleChange","next","getTime","handleMonth","month","Date","getFullYear","getMonth","instanceTS","todayMonthTS","disabledPrevious","disabledNext","props","style","scrollview","className","Array","empty","index","displayName","propTypes","captions","PropTypes","shape","disabledDates","arrayOf","string","bool","disabledWeekends","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getToday } from './helpers';\n\nexport const Calendar = ({\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  months = 2,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  onChange = () => {},\n  onFocus = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [selected, setSelected] = useState(range ? [] : undefined);\n\n  useEffect(() => {\n    let date = range ? (value ? value[0] : undefined) : value;\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && selected.length === 0) || !range) setInstance(getFirstDateOfMonth(date));\n\n    setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [format, range, value]);\n\n  useEffect(() => {\n    onFocus(focus);\n  }, [focus, onFocus]);\n\n  const handleChange = (date) => {\n    setSelected(() => {\n      let next;\n\n      if (!range) {\n        next = date;\n      } else if (selected[1] === undefined && date > selected[0]) {\n        next = [selected[0], date];\n      } else {\n        next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n        setFocus(undefined);\n      }\n      onChange(next);\n\n      return next;\n    });\n  };\n\n  const handleMonth = (month) => {\n    setInstance(getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + month)));\n  };\n\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(getToday()).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext = to && instanceTS >= getFirstDateOfMonth(parseDate(to, format)).getTime();\n\n  const props = {\n    ...others,\n    disabledPast,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    to: to\n      ? parseDate(to, format)\n      : range && rangeMaxDays && selected[0]\n      ? dateCalc(selected[0], rangeMaxDays, 'days')\n      : undefined,\n    selected,\n    onChange: handleChange,\n    onFocus: isDesktop ? setFocus : undefined,\n  };\n\n  return (\n    <View data-testid={others['data-testid']}>\n      {!isDesktop && <Weekdays locale={locale} />}\n      <ScrollView horizontal={isDesktop} className={styles(style.scrollview, others.className)}>\n        {Array.from({ length: months }, (empty, index) => (\n          <Month\n            key={index}\n            onNext={isDesktop && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={isDesktop && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)}\n            {...props}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: PropTypes.bool,\n  disabledWeekends: PropTypes.bool,\n  format: PropTypes.string,\n  from: PropTypes.string,\n  highlights: PropTypes.arrayOf(PropTypes.string),\n  locale: PropTypes.string,\n  months: PropTypes.number,\n  range: PropTypes.bool,\n  rangeMaxDays: PropTypes.number,\n  rangeMinDays: PropTypes.number,\n  to: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n};\n"],"mappings":"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"}

package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap

@@ -6,7 +6,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview mirai"
+      class="scrollview snap horizontal scrollview mirai"
     >
       <div
         class="view month mirai"
@@ -1230,7 +1230,7 @@ exports[`component:<Calendar> prop:captions 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -2759,7 +2759,7 @@ exports[`component:<Calendar> prop:disabledDates 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -3983,7 +3983,7 @@ exports[`component:<Calendar> prop:disabledPast 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -5207,7 +5207,7 @@ exports[`component:<Calendar> prop:disabledWeekends 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -6431,7 +6431,7 @@ exports[`component:<Calendar> prop:format 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -7655,7 +7655,7 @@ exports[`component:<Calendar> prop:from 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -8879,7 +8879,7 @@ exports[`component:<Calendar> prop:highlights 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -10103,7 +10103,7 @@ exports[`component:<Calendar> prop:locale 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -11327,7 +11327,7 @@ exports[`component:<Calendar> prop:locale en-US 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -12551,7 +12551,7 @@ exports[`component:<Calendar> prop:months 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -14361,7 +14361,7 @@ exports[`component:<Calendar> prop:range 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -15585,7 +15585,7 @@ exports[`component:<Calendar> prop:rangeMaxDays 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -16809,7 +16809,7 @@ exports[`component:<Calendar> prop:rangeMinDays 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -18033,7 +18033,7 @@ exports[`component:<Calendar> prop:to 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -19257,7 +19257,7 @@ exports[`component:<Calendar> renders 1`] = `
     class="view"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"
@@ -20482,7 +20482,7 @@ exports[`component:<Calendar> testID 1`] = `
     data-testid="mirai"
   >
     <div
-      class="scrollview horizontal scrollview"
+      class="scrollview snap horizontal scrollview"
     >
       <div
         class="view month"

package/build/components/InputNumber/InputNumber.js

@@ -17,7 +17,7 @@ var _Button = require("../Button");
 
 var _InputNumberModule = _interopRequireDefault(require("./InputNumber.module.css"));
 
-var _excluded = ["disabled", "hint", "label", "max", "min", "name", "step", "value", "onChange"];
+var _excluded = ["disabled", "hint", "label", "max", "min", "name", "rounded", "step", "value", "onChange"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -35,6 +35,8 @@ var InputNumber = function InputNumber(_ref) {
       _ref$min = _ref.min,
       min = _ref$min === void 0 ? 0 : _ref$min,
       name = _ref.name,
+      _ref$rounded = _ref.rounded,
+      rounded = _ref$rounded === void 0 ? false : _ref$rounded,
       _ref$step = _ref.step,
       step = _ref$step === void 0 ? 1 : _ref$step,
       _ref$value = _ref.value,
@@ -57,6 +59,7 @@ var InputNumber = function InputNumber(_ref) {
     disabled: disabled || value <= min,
     outlined: true,
     preventDefault: true,
+    rounded: rounded,
     squared: true,
     onPress: function onPress() {
       return onChange(value - step, name);
@@ -69,6 +72,7 @@ var InputNumber = function InputNumber(_ref) {
     disabled: disabled || value >= max,
     outlined: true,
     preventDefault: true,
+    rounded: rounded,
     squared: true,
     onPress: function onPress() {
       return onChange(value + step, name);
@@ -81,11 +85,12 @@ var InputNumber = function InputNumber(_ref) {
 exports.InputNumber = InputNumber;
 InputNumber.propTypes = {
   disabled: _propTypes.default.bool,
-  hint: _propTypes.default.string,
+  hint: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]),
   label: _propTypes.default.string,
   max: _propTypes.default.number,
   min: _propTypes.default.number,
   name: _propTypes.default.string.isRequired,
+  rounded: _propTypes.default.bool,
   step: _propTypes.default.number,
   value: _propTypes.default.number,
   onChange: _propTypes.default.func

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

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","step","value","onChange","others","style","inputNumber","className","texts","propTypes","PropTypes","bool","string","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n  disabled,\n  hint,\n  label,\n  max,\n  min = 0,\n  name,\n  step = 1,\n  value = 0,\n  onChange = () => {},\n  ...others\n}) => (\n  <View {...others} row className={styles(style.inputNumber, others.className)}>\n    <View className={style.texts}>\n      {label && <Text className={disabled && style.disabled}>{label}</Text>}\n      {hint && (\n        <Text small className={styles(style.hint, disabled && style.disabled)}>\n          {hint}\n        </Text>\n      )}\n    </View>\n    <Button\n      disabled={disabled || value <= min}\n      outlined\n      preventDefault\n      squared\n      onPress={() => onChange(value - step, name)}\n    >\n      <Icon name=\"Minus\" />\n    </Button>\n    <Text className={style.value}>{typeof value === 'number' ? value : min}</Text>\n    <Button\n      disabled={disabled || value >= max}\n      outlined\n      preventDefault\n      squared\n      onPress={() => onChange(value + step, name)}\n    >\n      <Icon name=\"Plus\" />\n    </Button>\n  </View>\n);\n\nInputNumber.propTypes = {\n  disabled: PropTypes.bool,\n  hint: PropTypes.string,\n  label: PropTypes.string,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,IACzBC,QADyB,QACzBA,QADyB;EAAA,IAEzBC,IAFyB,QAEzBA,IAFyB;EAAA,IAGzBC,KAHyB,QAGzBA,KAHyB;EAAA,IAIzBC,GAJyB,QAIzBA,GAJyB;EAAA,oBAKzBC,GALyB;EAAA,IAKzBA,GALyB,yBAKnB,CALmB;EAAA,IAMzBC,IANyB,QAMzBA,IANyB;EAAA,qBAOzBC,IAPyB;EAAA,IAOzBA,IAPyB,0BAOlB,CAPkB;EAAA,sBAQzBC,KARyB;EAAA,IAQzBA,KARyB,2BAQjB,CARiB;EAAA,yBASzBC,QATyB;EAAA,IASzBA,QATyB,8BASd,YAAM,CAAE,CATM;EAAA,IAUtBC,MAVsB;;EAAA,oBAYzB,6BAAC,gBAAD,eAAUA,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOC,2BAAMC,WAAb,EAA0BF,MAAM,CAACG,SAAjC;EAAjC,iBACE,6BAAC,gBAAD;IAAM,SAAS,EAAEF,2BAAMG;EAAvB,GACGX,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEF,QAAQ,IAAIU,2BAAMV;EAAnC,GAA8CE,KAA9C,CADZ,EAEGD,IAAI,iBACH,6BAAC,gBAAD;IAAM,KAAK,MAAX;IAAY,SAAS,EAAE,qBAAOS,2BAAMT,IAAb,EAAmBD,QAAQ,IAAIU,2BAAMV,QAArC;EAAvB,GACGC,IADH,CAHJ,CADF,eASE,6BAAC,cAAD;IACE,QAAQ,EAAED,QAAQ,IAAIO,KAAK,IAAIH,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,MAJT;IAKE,OAAO,EAAE;MAAA,OAAMI,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EALX,gBAOE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EAPF,CATF,eAkBE,6BAAC,gBAAD;IAAM,SAAS,EAAEK,2BAAMH;EAAvB,GAA+B,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCH,GAAnE,CAlBF,eAmBE,6BAAC,cAAD;IACE,QAAQ,EAAEJ,QAAQ,IAAIO,KAAK,IAAIJ,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,MAJT;IAKE,OAAO,EAAE;MAAA,OAAMK,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EALX,gBAOE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EAPF,CAnBF,CAZyB;AAAA,CAApB;;;AA2CPN,WAAW,CAACe,SAAZ,GAAwB;EACtBd,QAAQ,EAAEe,mBAAUC,IADE;EAEtBf,IAAI,EAAEc,mBAAUE,MAFM;EAGtBf,KAAK,EAAEa,mBAAUE,MAHK;EAItBd,GAAG,EAAEY,mBAAUG,MAJO;EAKtBd,GAAG,EAAEW,mBAAUG,MALO;EAMtBb,IAAI,EAAEU,mBAAUE,MAAV,CAAiBE,UAND;EAOtBb,IAAI,EAAES,mBAAUG,MAPM;EAQtBX,KAAK,EAAEQ,mBAAUG,MARK;EAStBV,QAAQ,EAAEO,mBAAUK;AATE,CAAxB"}
+{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","rounded","step","value","onChange","others","style","inputNumber","className","texts","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n  disabled,\n  hint,\n  label,\n  max,\n  min = 0,\n  name,\n  rounded = false,\n  step = 1,\n  value = 0,\n  onChange = () => {},\n  ...others\n}) => (\n  <View {...others} row className={styles(style.inputNumber, others.className)}>\n    <View className={style.texts}>\n      {label && <Text className={disabled && style.disabled}>{label}</Text>}\n      {hint && (\n        <Text small className={styles(style.hint, disabled && style.disabled)}>\n          {hint}\n        </Text>\n      )}\n    </View>\n    <Button\n      disabled={disabled || value <= min}\n      outlined\n      preventDefault\n      rounded={rounded}\n      squared\n      onPress={() => onChange(value - step, name)}\n    >\n      <Icon name=\"Minus\" />\n    </Button>\n    <Text className={style.value}>{typeof value === 'number' ? value : min}</Text>\n    <Button\n      disabled={disabled || value >= max}\n      outlined\n      preventDefault\n      rounded={rounded}\n      squared\n      onPress={() => onChange(value + step, name)}\n    >\n      <Icon name=\"Plus\" />\n    </Button>\n  </View>\n);\n\nInputNumber.propTypes = {\n  disabled: PropTypes.bool,\n  hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  label: PropTypes.string,\n  max: PropTypes.number,\n  min: PropTypes.number,\n  name: PropTypes.string.isRequired,\n  rounded: PropTypes.bool,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,IACzBC,QADyB,QACzBA,QADyB;EAAA,IAEzBC,IAFyB,QAEzBA,IAFyB;EAAA,IAGzBC,KAHyB,QAGzBA,KAHyB;EAAA,IAIzBC,GAJyB,QAIzBA,GAJyB;EAAA,oBAKzBC,GALyB;EAAA,IAKzBA,GALyB,yBAKnB,CALmB;EAAA,IAMzBC,IANyB,QAMzBA,IANyB;EAAA,wBAOzBC,OAPyB;EAAA,IAOzBA,OAPyB,6BAOf,KAPe;EAAA,qBAQzBC,IARyB;EAAA,IAQzBA,IARyB,0BAQlB,CARkB;EAAA,sBASzBC,KATyB;EAAA,IASzBA,KATyB,2BASjB,CATiB;EAAA,yBAUzBC,QAVyB;EAAA,IAUzBA,QAVyB,8BAUd,YAAM,CAAE,CAVM;EAAA,IAWtBC,MAXsB;;EAAA,oBAazB,6BAAC,gBAAD,eAAUA,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOC,2BAAMC,WAAb,EAA0BF,MAAM,CAACG,SAAjC;EAAjC,iBACE,6BAAC,gBAAD;IAAM,SAAS,EAAEF,2BAAMG;EAAvB,GACGZ,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEF,QAAQ,IAAIW,2BAAMX;EAAnC,GAA8CE,KAA9C,CADZ,EAEGD,IAAI,iBACH,6BAAC,gBAAD;IAAM,KAAK,MAAX;IAAY,SAAS,EAAE,qBAAOU,2BAAMV,IAAb,EAAmBD,QAAQ,IAAIW,2BAAMX,QAArC;EAAvB,GACGC,IADH,CAHJ,CADF,eASE,6BAAC,cAAD;IACE,QAAQ,EAAED,QAAQ,IAAIQ,KAAK,IAAIJ,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,EAAEE,OAJX;IAKE,OAAO,MALT;IAME,OAAO,EAAE;MAAA,OAAMG,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeF,IAAf,CAAd;IAAA;EANX,gBAQE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EARF,CATF,eAmBE,6BAAC,gBAAD;IAAM,SAAS,EAAEM,2BAAMH;EAAvB,GAA+B,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCJ,GAAnE,CAnBF,eAoBE,6BAAC,cAAD;IACE,QAAQ,EAAEJ,QAAQ,IAAIQ,KAAK,IAAIL,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,EAAEG,OAJX;IAKE,OAAO,MALT;IAME,OAAO,EAAE;MAAA,OAAMG,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeF,IAAf,CAAd;IAAA;EANX,gBAQE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EARF,CApBF,CAbyB;AAAA,CAApB;;;AA8CPN,WAAW,CAACgB,SAAZ,GAAwB;EACtBf,QAAQ,EAAEgB,mBAAUC,IADE;EAEtBhB,IAAI,EAAEe,mBAAUE,SAAV,CAAoB,CAACF,mBAAUG,MAAX,EAAmBH,mBAAUI,KAA7B,CAApB,CAFgB;EAGtBlB,KAAK,EAAEc,mBAAUG,MAHK;EAItBhB,GAAG,EAAEa,mBAAUK,MAJO;EAKtBjB,GAAG,EAAEY,mBAAUK,MALO;EAMtBhB,IAAI,EAAEW,mBAAUG,MAAV,CAAiBG,UAND;EAOtBhB,OAAO,EAAEU,mBAAUC,IAPG;EAQtBV,IAAI,EAAES,mBAAUK,MARM;EAStBb,KAAK,EAAEQ,mBAAUK,MATK;EAUtBZ,QAAQ,EAAEO,mBAAUO;AAVE,CAAxB"}

package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap

@@ -469,6 +469,81 @@ exports[`component:<InputNumber> prop:min 1`] = `
 </DocumentFragment>
 `;
 
+exports[`component:<InputNumber> prop:rounded 1`] = `
+<DocumentFragment>
+  <div
+    class="view row inputNumber"
+  >
+    <div
+      class="view texts"
+    />
+    <button
+      class="pressable button rounded squared outlined"
+    >
+      <span
+        class="icon"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <line
+            x1="5"
+            x2="19"
+            y1="12"
+            y2="12"
+          />
+        </svg>
+      </span>
+    </button>
+    <span
+      class="text paragraph value"
+    >
+      10
+    </span>
+    <button
+      class="pressable button rounded squared outlined"
+    >
+      <span
+        class="icon"
+      >
+        <svg
+          fill="none"
+          height="1em"
+          stroke="currentColor"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          stroke-width="2"
+          viewBox="0 0 24 24"
+          width="1em"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <line
+            x1="12"
+            x2="12"
+            y1="5"
+            y2="19"
+          />
+          <line
+            x1="5"
+            x2="19"
+            y1="12"
+            y2="12"
+          />
+        </svg>
+      </span>
+    </button>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`component:<InputNumber> prop:value 1`] = `
 <DocumentFragment>
   <div

package/build/primitives/ScrollView/ScrollView.js

@@ -15,7 +15,7 @@ var _helpers = require("../../helpers");
 
 var _ScrollViewModule = _interopRequireDefault(require("./ScrollView.module.css"));
 
-var _excluded = ["behavior", "children", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "tag", "width", "onScroll"];
+var _excluded = ["behavior", "children", "height", "horizontal", "scrollEventThrottle", "scrollIndicator", "scrollTo", "snap", "tag", "width", "onScroll"];
 
 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); }
 
@@ -43,6 +43,8 @@ var ScrollView = function ScrollView(_ref) {
       scrollEventThrottle = _ref$scrollEventThrot === void 0 ? 16 : _ref$scrollEventThrot,
       scrollIndicator = _ref.scrollIndicator,
       scrollTo = _ref.scrollTo,
+      _ref$snap = _ref.snap,
+      snap = _ref$snap === void 0 ? true : _ref$snap,
       _ref$tag = _ref.tag,
       tag = _ref$tag === void 0 ? 'div' : _ref$tag,
       width = _ref.width,
@@ -86,7 +88,7 @@ var ScrollView = function ScrollView(_ref) {
 
   return /*#__PURE__*/_react.default.createElement(tag, _objectSpread(_objectSpread({}, others), {}, {
     ref: ref,
-    className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, horizontal && _ScrollViewModule.default.horizontal, scrollIndicator && _ScrollViewModule.default.indicator, others.className),
+    className: (0, _helpers.styles)(_ScrollViewModule.default.scrollview, snap && _ScrollViewModule.default.snap, horizontal && _ScrollViewModule.default.horizontal, scrollIndicator && _ScrollViewModule.default.indicator, others.className),
     style: {
       height: height,
       width: width
@@ -105,6 +107,7 @@ ScrollView.propTypes = {
   scrollEventThrottle: _propTypes.default.number,
   scrollIndicator: _propTypes.default.bool,
   scrollTo: _propTypes.default.number,
+  snap: _propTypes.default.bool,
   tag: _propTypes.default.string,
   width: _propTypes.default.number,
   onScroll: _propTypes.default.func

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","tag","width","onScroll","others","ref","timeout","current","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","clearTimeout","setTimeout","percentX","percentY","React","createElement","className","style","scrollview","indicator","undefined","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n  behavior = 'smooth',\n  children,\n  height,\n  horizontal,\n  scrollEventThrottle = 16, // * 60fps\n  scrollIndicator,\n  scrollTo,\n  tag = 'div',\n  width,\n  onScroll,\n  ...others\n}) => {\n  const ref = useRef();\n\n  let timeout = null;\n\n  useEffect(() => {\n    const { current = {} } = ref || {};\n    if (!current.scrollTo || !scrollTo) return;\n\n    current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollTo]);\n\n  const handleScroll = ({\n    target: { clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {},\n  }) => {\n    const x = parseInt(scrollLeft, 10);\n    const y = parseInt(scrollTop, 10);\n\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      onScroll({\n        x,\n        y,\n        percentX: parseInt((x * 100) / (scrollWidth - clientWidth), 10),\n        percentY: parseInt((y * 100) / (scrollHeight - clientHeight), 10),\n      });\n    }, scrollEventThrottle);\n  };\n\n  return React.createElement(\n    tag,\n    {\n      ...others,\n      ref,\n      className: styles(\n        style.scrollview,\n        horizontal && style.horizontal,\n        scrollIndicator && style.indicator,\n        others.className,\n      ),\n      style: { height, width },\n      onScroll: onScroll ? handleScroll : undefined,\n    },\n    children,\n  );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n  behavior: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  height: PropTypes.number,\n  horizontal: PropTypes.bool,\n  scrollEventThrottle: PropTypes.number,\n  scrollIndicator: PropTypes.bool,\n  scrollTo: PropTypes.number,\n  tag: PropTypes.string,\n  width: PropTypes.number,\n  onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}
+{"version":3,"file":"ScrollView.js","names":["ScrollView","behavior","children","height","horizontal","scrollEventThrottle","scrollIndicator","scrollTo","snap","tag","width","onScroll","others","ref","timeout","current","handleScroll","target","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","clearTimeout","setTimeout","percentX","percentY","React","createElement","className","style","scrollview","indicator","undefined","displayName","propTypes","PropTypes","string","node","isRequired","number","bool","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n  behavior = 'smooth',\n  children,\n  height,\n  horizontal,\n  scrollEventThrottle = 16, // * 60fps\n  scrollIndicator,\n  scrollTo,\n  snap = true,\n  tag = 'div',\n  width,\n  onScroll,\n  ...others\n}) => {\n  const ref = useRef();\n\n  let timeout = null;\n\n  useEffect(() => {\n    const { current = {} } = ref || {};\n    if (!current.scrollTo || !scrollTo) return;\n\n    current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [scrollTo]);\n\n  const handleScroll = ({\n    target: { clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {},\n  }) => {\n    const x = parseInt(scrollLeft, 10);\n    const y = parseInt(scrollTop, 10);\n\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      onScroll({\n        x,\n        y,\n        percentX: parseInt((x * 100) / (scrollWidth - clientWidth), 10),\n        percentY: parseInt((y * 100) / (scrollHeight - clientHeight), 10),\n      });\n    }, scrollEventThrottle);\n  };\n\n  return React.createElement(\n    tag,\n    {\n      ...others,\n      ref,\n      className: styles(\n        style.scrollview,\n        snap && style.snap,\n        horizontal && style.horizontal,\n        scrollIndicator && style.indicator,\n        others.className,\n      ),\n      style: { height, width },\n      onScroll: onScroll ? handleScroll : undefined,\n    },\n    children,\n  );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n  behavior: PropTypes.string,\n  children: PropTypes.node.isRequired,\n  height: PropTypes.number,\n  horizontal: PropTypes.bool,\n  scrollEventThrottle: PropTypes.number,\n  scrollIndicator: PropTypes.bool,\n  scrollTo: PropTypes.number,\n  snap: PropTypes.bool,\n  tag: PropTypes.string,\n  width: PropTypes.number,\n  onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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"}

package/build/primitives/ScrollView/ScrollView.module.css

@@ -7,16 +7,22 @@
 
 .scrollview:not(.horizontal) {
   flex-direction: column;
-  scroll-snap-type: y mandatory;
   overflow-y: scroll;
 }
 
+.scrollview.snap:not(.horizontal) {
+  scroll-snap-type: y mandatory;
+}
+
 .scrollview.horizontal {
   flex-direction: row;
-  scroll-snap-type: x mandatory;
   overflow-x: scroll;
 }
 
+.scrollview.snap.horizontal {
+  scroll-snap-type: x mandatory;
+}
+
 .indicator {
   /* TODO: Just need this empty class */
 }
@@ -30,6 +36,6 @@
   display: none;
 }
 
-.scrollview > * {
+.scrollview.snap > * {
   scroll-snap-align: start;
 }

package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap

@@ -3,7 +3,7 @@
 exports[`primitive:<ScrollView> inherit:className 1`] = `
 <DocumentFragment>
   <div
-    class="scrollview mirai"
+    class="scrollview snap mirai"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -62,7 +62,7 @@ exports[`primitive:<ScrollView> inherit:className 1`] = `
 exports[`primitive:<ScrollView> prop:height 1`] = `
 <DocumentFragment>
   <div
-    class="scrollview"
+    class="scrollview snap"
     style="height: 256px;"
   >
     <div
@@ -122,7 +122,7 @@ exports[`primitive:<ScrollView> prop:height 1`] = `
 exports[`primitive:<ScrollView> prop:horizontal 1`] = `
 <DocumentFragment>
   <div
-    class="scrollview horizontal"
+    class="scrollview snap horizontal"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -181,7 +181,7 @@ exports[`primitive:<ScrollView> prop:horizontal 1`] = `
 exports[`primitive:<ScrollView> prop:scrollIndicator 1`] = `
 <DocumentFragment>
   <div
-    class="scrollview indicator"
+    class="scrollview snap indicator"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -238,6 +238,65 @@ exports[`primitive:<ScrollView> prop:scrollIndicator 1`] = `
 `;
 
 exports[`primitive:<ScrollView> prop:scrollto 1`] = `
+<DocumentFragment>
+  <div
+    class="scrollview snap"
+  >
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      1
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      2
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      3
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      4
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      5
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      6
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      7
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      8
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      9
+    </div>
+    <div
+      style="height: 128px; width: 128px;"
+    >
+      10
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`primitive:<ScrollView> prop:snap 1`] = `
 <DocumentFragment>
   <div
     class="scrollview"
@@ -299,7 +358,7 @@ exports[`primitive:<ScrollView> prop:scrollto 1`] = `
 exports[`primitive:<ScrollView> prop:tag 1`] = `
 <DocumentFragment>
   <section
-    class="scrollview"
+    class="scrollview snap"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -358,7 +417,7 @@ exports[`primitive:<ScrollView> prop:tag 1`] = `
 exports[`primitive:<ScrollView> prop:width 1`] = `
 <DocumentFragment>
   <div
-    class="scrollview"
+    class="scrollview snap"
     style="width: 256px;"
   >
     <div
@@ -418,7 +477,7 @@ exports[`primitive:<ScrollView> prop:width 1`] = `
 exports[`primitive:<ScrollView> renders 1`] = `
 <DocumentFragment>
   <div
-    class="scrollview"
+    class="scrollview snap"
   >
     <div
       style="height: 128px; width: 128px;"
@@ -477,7 +536,7 @@ exports[`primitive:<ScrollView> renders 1`] = `
 exports[`primitive:<ScrollView> testID 1`] = `
 <DocumentFragment>
   <div
-    class="scrollview"
+    class="scrollview snap"
     data-testid="mirai"
   >
     <div

package/build/primitives/Text/Text.js

@@ -48,7 +48,7 @@ Text.displayName = 'Primitive:Text';
 Text.propTypes = {
   action: _propTypes.default.bool,
   bold: _propTypes.default.bool,
-  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  children: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]),
   headline: _propTypes.default.bool,
   upperCase: _propTypes.default.bool,
   small: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","small","tag","upperCase","others","React","createElement","className","style","text","paragraph","displayName","propTypes","PropTypes","bool","oneOfType","string","number"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Text.module.css';\n\nconst Text = ({ action, bold, children, headline, small, tag = 'span', upperCase, ...others }) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        headline ? style.headline : action ? style.action : small ? style.small : style.paragraph,\n        upperCase && style.upperCase,\n        others.className,\n      ),\n    },\n    children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  headline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,IAAX,QAAWA,IAAX;EAAA,IAAiBC,QAAjB,QAAiBA,QAAjB;EAAA,IAA2BC,QAA3B,QAA2BA,QAA3B;EAAA,IAAqCC,KAArC,QAAqCA,KAArC;EAAA,oBAA4CC,GAA5C;EAAA,IAA4CA,GAA5C,yBAAkD,MAAlD;EAAA,IAA0DC,SAA1D,QAA0DA,SAA1D;EAAA,IAAwEC,MAAxE;;EAAA,oBACXC,eAAMC,aAAN,CACEJ,GADF,kCAGOE,MAHP;IAIIG,SAAS,EAAE,qBACTC,oBAAMC,IADG,EAETX,IAAI,IAAIU,oBAAMV,IAFL,EAGTE,QAAQ,GAAGQ,oBAAMR,QAAT,GAAoBH,MAAM,GAAGW,oBAAMX,MAAT,GAAkBI,KAAK,GAAGO,oBAAMP,KAAT,GAAiBO,oBAAME,SAHvE,EAITP,SAAS,IAAIK,oBAAML,SAJV,EAKTC,MAAM,CAACG,SALE;EAJf,IAYER,QAZF,CADW;AAAA,CAAb;;;AAgBAH,IAAI,CAACe,WAAL,GAAmB,gBAAnB;AAEAf,IAAI,CAACgB,SAAL,GAAiB;EACff,MAAM,EAAEgB,mBAAUC,IADH;EAEfhB,IAAI,EAAEe,mBAAUC,IAFD;EAGff,QAAQ,EAAEc,mBAAUE,SAAV,CAAoB,CAACF,mBAAUG,MAAX,EAAmBH,mBAAUI,MAA7B,CAApB,CAHK;EAIfjB,QAAQ,EAAEa,mBAAUC,IAJL;EAKfX,SAAS,EAAEU,mBAAUC,IALN;EAMfb,KAAK,EAAEY,mBAAUC,IANF;EAOfZ,GAAG,EAAEW,mBAAUG;AAPA,CAAjB"}
+{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","small","tag","upperCase","others","React","createElement","className","style","text","paragraph","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Text.module.css';\n\nconst Text = ({ action, bold, children, headline, small, tag = 'span', upperCase, ...others }) =>\n  React.createElement(\n    tag,\n    {\n      ...others,\n      className: styles(\n        style.text,\n        bold && style.bold,\n        headline ? style.headline : action ? style.action : small ? style.small : style.paragraph,\n        upperCase && style.upperCase,\n        others.className,\n      ),\n    },\n    children,\n  );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n  action: PropTypes.bool,\n  bold: PropTypes.bool,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n  headline: PropTypes.bool,\n  upperCase: PropTypes.bool,\n  small: PropTypes.bool,\n  tag: PropTypes.string,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,IAAWC,IAAX,QAAWA,IAAX;EAAA,IAAiBC,QAAjB,QAAiBA,QAAjB;EAAA,IAA2BC,QAA3B,QAA2BA,QAA3B;EAAA,IAAqCC,KAArC,QAAqCA,KAArC;EAAA,oBAA4CC,GAA5C;EAAA,IAA4CA,GAA5C,yBAAkD,MAAlD;EAAA,IAA0DC,SAA1D,QAA0DA,SAA1D;EAAA,IAAwEC,MAAxE;;EAAA,oBACXC,eAAMC,aAAN,CACEJ,GADF,kCAGOE,MAHP;IAIIG,SAAS,EAAE,qBACTC,oBAAMC,IADG,EAETX,IAAI,IAAIU,oBAAMV,IAFL,EAGTE,QAAQ,GAAGQ,oBAAMR,QAAT,GAAoBH,MAAM,GAAGW,oBAAMX,MAAT,GAAkBI,KAAK,GAAGO,oBAAMP,KAAT,GAAiBO,oBAAME,SAHvE,EAITP,SAAS,IAAIK,oBAAML,SAJV,EAKTC,MAAM,CAACG,SALE;EAJf,IAYER,QAZF,CADW;AAAA,CAAb;;;AAgBAH,IAAI,CAACe,WAAL,GAAmB,gBAAnB;AAEAf,IAAI,CAACgB,SAAL,GAAiB;EACff,MAAM,EAAEgB,mBAAUC,IADH;EAEfhB,IAAI,EAAEe,mBAAUC,IAFD;EAGff,QAAQ,EAAEc,mBAAUE,SAAV,CAAoB,CAACF,mBAAUG,MAAX,EAAmBH,mBAAUI,MAA7B,EAAqCJ,mBAAUK,KAA/C,CAApB,CAHK;EAIflB,QAAQ,EAAEa,mBAAUC,IAJL;EAKfX,SAAS,EAAEU,mBAAUC,IALN;EAMfb,KAAK,EAAEY,mBAAUC,IANF;EAOfZ,GAAG,EAAEW,mBAAUG;AAPA,CAAjB"}

package/build/theme/default.theme.css

@@ -22,14 +22,13 @@
   /* !TODO ------------------------------------------------------------------ */
 
   --mirai-ui-accent: #3978c5;
-  --mirai-ui-accent-400: #609ae0;
-  --mirai-ui-accent-300: #b7d3f9;
-  --mirai-ui-accent-200: #e5eefa;
-
+  --mirai-ui-accent-400: #61a0ed;
+  --mirai-ui-accent-300: #89c8ff;
+  --mirai-ui-accent-200: #edffff;
   --mirai-ui-error: #e04646;
-  --mirai-ui-error-400: #eccccc;
+  --mirai-ui-error-300: #ff9696;
   --mirai-ui-success: #5fb560;
-  --mirai-ui-success-400: #c6e7c6;
+  --mirai-ui-success-300: #afffb0;
 
   /* spacing */
   --mirai-ui-space-XS: 8px;

package/build/theme/helpers/colorShade.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colorShade = void 0;
+var R = 0;
+var G = 8;
+var B = 16;
+var SCALE = {
+  400: 40,
+  300: 80,
+  200: 180
+};
+
+var colorShade = function colorShade() {
+  var hexColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '#000000';
+  var magnitude = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  if (!hexColor.charAt(0) === '#' || hexColor.length !== 7) return hexColor;
+  var decimalColor = parseInt(hexColor.slice(1), 16);
+
+  var range = function range(value) {
+    return value < 0 ? 0 : value > 255 ? 255 : value;
+  };
+
+  return '#' + [R, G, B].map(function (item) {
+    return range((decimalColor >> item & 0xff) + (SCALE[magnitude] || 0)) << item;
+  }).reduce(function (previous, current) {
+    return previous + current;
+  }, 0).toString(16).padStart(6, '0');
+};
+
+exports.colorShade = colorShade;
+//# sourceMappingURL=colorShade.js.map

package/build/theme/helpers/colorShade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorShade.js","names":["R","G","B","SCALE","colorShade","hexColor","magnitude","charAt","length","decimalColor","parseInt","slice","range","value","map","item","reduce","previous","current","toString","padStart"],"sources":["../../../src/theme/helpers/colorShade.js"],"sourcesContent":["const R = 0;\nconst G = 8;\nconst B = 16;\n\nconst SCALE = {\n  400: 40,\n  300: 80,\n  200: 180,\n};\n\nexport const colorShade = (hexColor = '#000000', magnitude = 0) => {\n  if (!hexColor.charAt(0) === '#' || hexColor.length !== 7) return hexColor;\n\n  const decimalColor = parseInt(hexColor.slice(1), 16);\n  const range = (value) => (value < 0 ? 0 : value > 255 ? 255 : value);\n\n  return (\n    '#' +\n    [R, G, B]\n      .map((item) => range(((decimalColor >> item) & 0xff) + (SCALE[magnitude] || 0)) << item)\n      .reduce((previous, current) => previous + current, 0)\n      .toString(16)\n      .padStart(6, '0')\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAMA,CAAC,GAAG,CAAV;AACA,IAAMC,CAAC,GAAG,CAAV;AACA,IAAMC,CAAC,GAAG,EAAV;AAEA,IAAMC,KAAK,GAAG;EACZ,KAAK,EADO;EAEZ,KAAK,EAFO;EAGZ,KAAK;AAHO,CAAd;;AAMO,IAAMC,UAAU,GAAG,SAAbA,UAAa,GAAyC;EAAA,IAAxCC,QAAwC,uEAA7B,SAA6B;EAAA,IAAlBC,SAAkB,uEAAN,CAAM;EACjE,IAAI,CAACD,QAAQ,CAACE,MAAT,CAAgB,CAAhB,CAAD,KAAwB,GAAxB,IAA+BF,QAAQ,CAACG,MAAT,KAAoB,CAAvD,EAA0D,OAAOH,QAAP;EAE1D,IAAMI,YAAY,GAAGC,QAAQ,CAACL,QAAQ,CAACM,KAAT,CAAe,CAAf,CAAD,EAAoB,EAApB,CAA7B;;EACA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;IAAA,OAAYA,KAAK,GAAG,CAAR,GAAY,CAAZ,GAAgBA,KAAK,GAAG,GAAR,GAAc,GAAd,GAAoBA,KAAhD;EAAA,CAAd;;EAEA,OACE,MACA,CAACb,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EACGY,GADH,CACO,UAACC,IAAD;IAAA,OAAUH,KAAK,CAAC,CAAEH,YAAY,IAAIM,IAAjB,GAAyB,IAA1B,KAAmCZ,KAAK,CAACG,SAAD,CAAL,IAAoB,CAAvD,CAAD,CAAL,IAAoES,IAA9E;EAAA,CADP,EAEGC,MAFH,CAEU,UAACC,QAAD,EAAWC,OAAX;IAAA,OAAuBD,QAAQ,GAAGC,OAAlC;EAAA,CAFV,EAEqD,CAFrD,EAGGC,QAHH,CAGY,EAHZ,EAIGC,QAJH,CAIY,CAJZ,EAIe,GAJf,CAFF;AAQD,CAdM"}

package/build/theme/helpers/index.js

@@ -16,4 +16,17 @@ Object.keys(_camelcase).forEach(function (key) {
     }
   });
 });
+
+var _colorShade = require("./colorShade");
+
+Object.keys(_colorShade).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _colorShade[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _colorShade[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/build/theme/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/theme/helpers/index.js"],"sourcesContent":["export * from './camelcase';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/theme/helpers/index.js"],"sourcesContent":["export * from './camelcase';\nexport * from './colorShade';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/build/theme/theme.js

@@ -20,6 +20,8 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 var VAR_DOMAIN = '--mirai-ui-';
+var COLORS = ['accent', 'error', 'success'];
+var MAGNITUDES = [400, 300, 200];
 var Theme = {
   get: function get() {
     var domain = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : VAR_DOMAIN;
@@ -47,6 +49,17 @@ var Theme = {
         style = _document$querySelect.style;
 
     style.setProperty("".concat(domain).concat(variable), value);
+    Theme.shadeColors();
+  },
+  shadeColors: function shadeColors() {
+    var theme = Theme.get();
+    COLORS.filter(function (color) {
+      return theme[color] !== undefined;
+    }).forEach(function (color) {
+      return MAGNITUDES.forEach(function (magnitude) {
+        return Theme.setVariable("".concat(color, "-").concat(magnitude), (0, _helpers.colorShade)(theme[color], magnitude));
+      });
+    });
   }
 };
 exports.Theme = Theme;

package/build/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["VAR_DOMAIN","Theme","get","domain","style","getComputedStyle","document","querySelector","variables","styleSheets","forEach","stylesheet","cssRules","filter","rule","type","name","includes","replace","getPropertyValue","trim","setVariable","variable","value","setProperty"],"sources":["../../src/theme/theme.js"],"sourcesContent":["const VAR_DOMAIN = '--mirai-ui-';\n\nimport { camelcase } from './helpers';\n\nexport const Theme = {\n  get: (domain = VAR_DOMAIN) => {\n    const style = getComputedStyle(document.querySelector(':root'));\n\n    const variables = {};\n    [...document.styleSheets].forEach((stylesheet) => {\n      [...stylesheet.cssRules]\n        .filter((rule) => rule.type === 1)\n        .forEach((rule) => {\n          [...rule.style]\n            .filter((name) => name.includes(domain))\n            .forEach((name) => (variables[camelcase(name.replace(domain, ''))] = style.getPropertyValue(name).trim()));\n        });\n    });\n\n    return variables;\n  },\n\n  setVariable: (variable, value, domain = VAR_DOMAIN) => {\n    const { style } = document.querySelector(':root');\n\n    style.setProperty(`${domain}${variable}`, value);\n  },\n};\n"],"mappings":";;;;;;;AAEA;;;;;;;;;;;;;;AAFA,IAAMA,UAAU,GAAG,aAAnB;AAIO,IAAMC,KAAK,GAAG;EACnBC,GAAG,EAAE,eAAyB;IAAA,IAAxBC,MAAwB,uEAAfH,UAAe;IAC5B,IAAMI,KAAK,GAAGC,gBAAgB,CAACC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAD,CAA9B;IAEA,IAAMC,SAAS,GAAG,EAAlB;;IACA,mBAAIF,QAAQ,CAACG,WAAb,EAA0BC,OAA1B,CAAkC,UAACC,UAAD,EAAgB;MAChD,mBAAIA,UAAU,CAACC,QAAf,EACGC,MADH,CACU,UAACC,IAAD;QAAA,OAAUA,IAAI,CAACC,IAAL,KAAc,CAAxB;MAAA,CADV,EAEGL,OAFH,CAEW,UAACI,IAAD,EAAU;QACjB,mBAAIA,IAAI,CAACV,KAAT,EACGS,MADH,CACU,UAACG,IAAD;UAAA,OAAUA,IAAI,CAACC,QAAL,CAAcd,MAAd,CAAV;QAAA,CADV,EAEGO,OAFH,CAEW,UAACM,IAAD;UAAA,OAAWR,SAAS,CAAC,wBAAUQ,IAAI,CAACE,OAAL,CAAaf,MAAb,EAAqB,EAArB,CAAV,CAAD,CAAT,GAAiDC,KAAK,CAACe,gBAAN,CAAuBH,IAAvB,EAA6BI,IAA7B,EAA5D;QAAA,CAFX;MAGD,CANH;IAOD,CARD;;IAUA,OAAOZ,SAAP;EACD,CAhBkB;EAkBnBa,WAAW,EAAE,qBAACC,QAAD,EAAWC,KAAX,EAA0C;IAAA,IAAxBpB,MAAwB,uEAAfH,UAAe;;IACrD,4BAAkBM,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAlB;IAAA,IAAQH,KAAR,yBAAQA,KAAR;;IAEAA,KAAK,CAACoB,WAAN,WAAqBrB,MAArB,SAA8BmB,QAA9B,GAA0CC,KAA1C;EACD;AAtBkB,CAAd"}
+{"version":3,"file":"theme.js","names":["VAR_DOMAIN","COLORS","MAGNITUDES","Theme","get","domain","style","getComputedStyle","document","querySelector","variables","styleSheets","forEach","stylesheet","cssRules","filter","rule","type","name","includes","replace","getPropertyValue","trim","setVariable","variable","value","setProperty","shadeColors","theme","color","undefined","magnitude"],"sources":["../../src/theme/theme.js"],"sourcesContent":["const VAR_DOMAIN = '--mirai-ui-';\n\nimport { camelcase, colorShade } from './helpers';\n\nconst COLORS = ['accent', 'error', 'success'];\nconst MAGNITUDES = [400, 300, 200];\n\nexport const Theme = {\n  get: (domain = VAR_DOMAIN) => {\n    const style = getComputedStyle(document.querySelector(':root'));\n\n    const variables = {};\n    [...document.styleSheets].forEach((stylesheet) => {\n      [...stylesheet.cssRules]\n        .filter((rule) => rule.type === 1)\n        .forEach((rule) => {\n          [...rule.style]\n            .filter((name) => name.includes(domain))\n            .forEach((name) => (variables[camelcase(name.replace(domain, ''))] = style.getPropertyValue(name).trim()));\n        });\n    });\n\n    return variables;\n  },\n\n  setVariable: (variable, value, domain = VAR_DOMAIN) => {\n    const { style } = document.querySelector(':root');\n\n    style.setProperty(`${domain}${variable}`, value);\n\n    Theme.shadeColors();\n  },\n\n  shadeColors: () => {\n    const theme = Theme.get();\n\n    COLORS.filter((color) => theme[color] !== undefined).forEach((color) =>\n      MAGNITUDES.forEach((magnitude) =>\n        Theme.setVariable(`${color}-${magnitude}`, colorShade(theme[color], magnitude)),\n      ),\n    );\n  },\n};\n"],"mappings":";;;;;;;AAEA;;;;;;;;;;;;;;AAFA,IAAMA,UAAU,GAAG,aAAnB;AAIA,IAAMC,MAAM,GAAG,CAAC,QAAD,EAAW,OAAX,EAAoB,SAApB,CAAf;AACA,IAAMC,UAAU,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAnB;AAEO,IAAMC,KAAK,GAAG;EACnBC,GAAG,EAAE,eAAyB;IAAA,IAAxBC,MAAwB,uEAAfL,UAAe;IAC5B,IAAMM,KAAK,GAAGC,gBAAgB,CAACC,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAD,CAA9B;IAEA,IAAMC,SAAS,GAAG,EAAlB;;IACA,mBAAIF,QAAQ,CAACG,WAAb,EAA0BC,OAA1B,CAAkC,UAACC,UAAD,EAAgB;MAChD,mBAAIA,UAAU,CAACC,QAAf,EACGC,MADH,CACU,UAACC,IAAD;QAAA,OAAUA,IAAI,CAACC,IAAL,KAAc,CAAxB;MAAA,CADV,EAEGL,OAFH,CAEW,UAACI,IAAD,EAAU;QACjB,mBAAIA,IAAI,CAACV,KAAT,EACGS,MADH,CACU,UAACG,IAAD;UAAA,OAAUA,IAAI,CAACC,QAAL,CAAcd,MAAd,CAAV;QAAA,CADV,EAEGO,OAFH,CAEW,UAACM,IAAD;UAAA,OAAWR,SAAS,CAAC,wBAAUQ,IAAI,CAACE,OAAL,CAAaf,MAAb,EAAqB,EAArB,CAAV,CAAD,CAAT,GAAiDC,KAAK,CAACe,gBAAN,CAAuBH,IAAvB,EAA6BI,IAA7B,EAA5D;QAAA,CAFX;MAGD,CANH;IAOD,CARD;;IAUA,OAAOZ,SAAP;EACD,CAhBkB;EAkBnBa,WAAW,EAAE,qBAACC,QAAD,EAAWC,KAAX,EAA0C;IAAA,IAAxBpB,MAAwB,uEAAfL,UAAe;;IACrD,4BAAkBQ,QAAQ,CAACC,aAAT,CAAuB,OAAvB,CAAlB;IAAA,IAAQH,KAAR,yBAAQA,KAAR;;IAEAA,KAAK,CAACoB,WAAN,WAAqBrB,MAArB,SAA8BmB,QAA9B,GAA0CC,KAA1C;IAEAtB,KAAK,CAACwB,WAAN;EACD,CAxBkB;EA0BnBA,WAAW,EAAE,uBAAM;IACjB,IAAMC,KAAK,GAAGzB,KAAK,CAACC,GAAN,EAAd;IAEAH,MAAM,CAACc,MAAP,CAAc,UAACc,KAAD;MAAA,OAAWD,KAAK,CAACC,KAAD,CAAL,KAAiBC,SAA5B;IAAA,CAAd,EAAqDlB,OAArD,CAA6D,UAACiB,KAAD;MAAA,OAC3D3B,UAAU,CAACU,OAAX,CAAmB,UAACmB,SAAD;QAAA,OACjB5B,KAAK,CAACoB,WAAN,WAAqBM,KAArB,cAA8BE,SAA9B,GAA2C,yBAAWH,KAAK,CAACC,KAAD,CAAhB,EAAyBE,SAAzB,CAA3C,CADiB;MAAA,CAAnB,CAD2D;IAAA,CAA7D;EAKD;AAlCkB,CAAd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "1.0.16",
+  "version": "1.0.19",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",