@mirai/ui 1.1.0-beta → 1.1.0-d

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

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","names":["Calendar","autoScroll","disabledPast","format","from","locale","range","rangeMaxDays","to","value","vertical","propVertical","onChange","onFocus","onNavigation","onScroll","others","useDevice","isMobile","useState","behavior","setBehavior","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","scrolling","setScrolling","undefined","selected","setSelected","timestamp","setTimestamp","setVertical","el","useRef","useEffect","current","getScrollTo","dateDiff","parseDate","months","date","length","dateFrom","days","next","diffMonths","UTC","handleChange","getTime","handleMonth","month","addMonths","Date","getFullYear","getMonth","handleScroll","event","now","testId","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","role","tooltips","styles","style","container","scrollview","Array","_","index","getMonthRef","displayName","propTypes","PropTypes","bool","captions","shape","disabledDates","arrayOf","string","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport * as style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getMonthRef, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n  autoScroll = false,\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  vertical: propVertical = false,\n  onChange = () => {},\n  onFocus = () => {},\n  onNavigation = () => {},\n  onScroll = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [behavior, setBehavior] = useState();\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [scrollTo, setScrollTo] = useState();\n  const [scrolling, setScrolling] = useState();\n  const [selected, setSelected] = useState(range ? [] : undefined);\n  const [timestamp, setTimestamp] = useState();\n  const [vertical, setVertical] = useState(propVertical);\n\n  const el = useRef();\n\n  useEffect(() => {\n    setVertical(propVertical || isMobile);\n  }, [isMobile, propVertical]);\n\n  useEffect(() => {\n    if (!vertical || !el?.current || !value[0]) return;\n\n    setBehavior('auto');\n    setScrollTo(getScrollTo(dateDiff(instance, parseDate(value[0], format)).months));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [el?.current, vertical]);\n\n  useEffect(() => {\n    let date = range ? (value?.length > 0 ? value[0] : undefined) : value;\n\n    if (from && date) {\n      const dateFrom = parseDate(from, format);\n      const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n      if (days < 0) date = undefined;\n    }\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n      const next = getFirstDateOfMonth(date);\n      const { months: diffMonths } = dateDiff(instance, date);\n\n      if (!vertical && !isMobile && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n      else if (vertical || isMobile) {\n        autoScroll && setScrollTo(getScrollTo(diffMonths));\n        setScrolling(false);\n      }\n    }\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, from, range, value]);\n\n  useEffect(() => {\n    from && (!value || value.length === 0 || !value[0]) && setInstance(getFirstDateOfMonth(parseDate(from, format)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [from]);\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(() => {\n      const addMonths = range && value[0] && !value[1] ? (month > 0 ? 1 : -1) : month;\n      const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + addMonths));\n\n      onNavigation(next);\n      return next;\n    });\n  };\n\n  const handleScroll = (event) => {\n    if (vertical) setScrolling(true);\n\n    onScroll(event);\n    setBehavior();\n    setTimestamp(Date.now());\n  };\n\n  const { testId, scrollEventThrottle } = others;\n  let { className, months = 2, ...props } = others;\n\n  const today = getToday();\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(today).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext =\n    to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n  props = {\n    ...props,\n    disabledPast,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    role: others.role || 'calendar',\n    selected,\n    timestamp,\n    to:\n      range &&\n      rangeMaxDays &&\n      selected[0] &&\n      !selected[1] &&\n      (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n        ? dateCalc(selected[0], rangeMaxDays, 'days')\n        : to\n        ? parseDate(to, format)\n        : undefined,\n    tooltips: !vertical || !scrolling ? props.tooltips : {},\n    onChange: handleChange,\n    onFocus: !isMobile ? setFocus : undefined,\n  };\n\n  if (vertical && to) months = dateDiff(today, parseDate(to, format)).months + 1;\n\n  return (\n    <View className={styles(style.container, vertical && style.vertical, className)} testId={testId}>\n      {vertical && <Weekdays locale={locale} vertical={vertical} />}\n      <ScrollView\n        behavior={behavior}\n        horizontal={!vertical}\n        scrollTo={scrollTo}\n        className={style.scrollview}\n        scrollEventThrottle={scrollEventThrottle}\n        onScroll={handleScroll}\n      >\n        {Array.from({ length: months }, (_, index) => (\n          <Month\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n            key={index}\n            ref={vertical && range ? getMonthRef({ autoScroll, el, index, instance, value }) : undefined}\n            vertical={vertical}\n            onNext={!vertical && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={!vertical && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            {...props}\n            testId={testId}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  autoScroll: PropTypes.bool,\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: 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  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNavigation: PropTypes.func,\n  onScroll: PropTypes.func,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","names":["Calendar","autoScroll","disabledPast","format","from","locale","range","rangeMaxDays","to","value","vertical","propVertical","onChange","onFocus","onNavigation","onScroll","others","useDevice","isMobile","useState","behavior","setBehavior","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","scrolling","setScrolling","undefined","selected","setSelected","timestamp","setTimestamp","setVertical","el","useRef","useEffect","current","getScrollTo","dateDiff","parseDate","months","date","length","dateFrom","days","next","diffMonths","UTC","handleChange","getTime","handleMonth","month","addMonths","Date","getFullYear","getMonth","handleScroll","event","now","testId","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","role","tooltips","styles","style","container","scrollview","Array","_","index","getMonthRef","displayName","propTypes","PropTypes","bool","captions","shape","disabledDates","arrayOf","string","highlights","number","rangeMinDays","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, 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, getMonthRef, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n  autoScroll = false,\n  disabledPast = true,\n  format = 'YYYY/MM/DD',\n  from,\n  locale,\n  range = false,\n  rangeMaxDays,\n  to,\n  value,\n  vertical: propVertical = false,\n  onChange = () => {},\n  onFocus = () => {},\n  onNavigation = () => {},\n  onScroll = () => {},\n  ...others\n}) => {\n  const { isMobile } = useDevice();\n\n  const [behavior, setBehavior] = useState();\n  const [focus, setFocus] = useState();\n  const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n  const [scrollTo, setScrollTo] = useState();\n  const [scrolling, setScrolling] = useState();\n  const [selected, setSelected] = useState(range ? [] : undefined);\n  const [timestamp, setTimestamp] = useState();\n  const [vertical, setVertical] = useState(propVertical);\n\n  const el = useRef();\n\n  useEffect(() => {\n    setVertical(propVertical || isMobile);\n  }, [isMobile, propVertical]);\n\n  useEffect(() => {\n    if (!vertical || !el?.current || !value[0]) return;\n\n    setBehavior('auto');\n    setScrollTo(getScrollTo(dateDiff(instance, parseDate(value[0], format)).months));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [el?.current, vertical]);\n\n  useEffect(() => {\n    let date = range ? (value?.length > 0 ? value[0] : undefined) : value;\n\n    if (from && date) {\n      const dateFrom = parseDate(from, format);\n      const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n      if (days < 0) date = undefined;\n    }\n    if (!date) return setSelected(range ? [] : undefined);\n\n    date = parseDate(date, format);\n    if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n      const next = getFirstDateOfMonth(date);\n      const { months: diffMonths } = dateDiff(instance, date);\n\n      if (!vertical && !isMobile && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n      else if (vertical || isMobile) {\n        autoScroll && setScrollTo(getScrollTo(diffMonths));\n        setScrolling(false);\n      }\n    }\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, from, range, value]);\n\n  useEffect(() => {\n    from && (!value || value.length === 0 || !value[0]) && setInstance(getFirstDateOfMonth(parseDate(from, format)));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [from]);\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(() => {\n      const addMonths = range && value[0] && !value[1] ? (month > 0 ? 1 : -1) : month;\n      const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + addMonths));\n\n      onNavigation(next);\n      return next;\n    });\n  };\n\n  const handleScroll = (event) => {\n    if (vertical) setScrolling(true);\n\n    onScroll(event);\n    setBehavior();\n    setTimestamp(Date.now());\n  };\n\n  const { testId, scrollEventThrottle } = others;\n  let { className, months = 2, ...props } = others;\n\n  const today = getToday();\n  const instanceTS = instance.getTime();\n  const todayMonthTS = getFirstDateOfMonth(today).getTime();\n  const disabledPrevious =\n    (disabledPast && instanceTS <= todayMonthTS) ||\n    (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n  const disabledNext =\n    to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n  props = {\n    ...props,\n    disabledPast,\n    focus,\n    format,\n    from: from ? parseDate(from, format) : undefined,\n    locale,\n    range,\n    role: others.role || 'calendar',\n    selected,\n    timestamp,\n    to:\n      range &&\n      rangeMaxDays &&\n      selected[0] &&\n      !selected[1] &&\n      (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n        ? dateCalc(selected[0], rangeMaxDays, 'days')\n        : to\n        ? parseDate(to, format)\n        : undefined,\n    tooltips: !vertical || !scrolling ? props.tooltips : {},\n    onChange: handleChange,\n    onFocus: !isMobile ? setFocus : undefined,\n  };\n\n  if (vertical && to) months = dateDiff(today, parseDate(to, format)).months + 1;\n\n  return (\n    <View className={styles(style.container, vertical && style.vertical, className)} testId={testId}>\n      {vertical && <Weekdays locale={locale} vertical={vertical} />}\n      <ScrollView\n        behavior={behavior}\n        horizontal={!vertical}\n        scrollTo={scrollTo}\n        className={style.scrollview}\n        scrollEventThrottle={scrollEventThrottle}\n        onScroll={handleScroll}\n      >\n        {Array.from({ length: months }, (_, index) => (\n          <Month\n            instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n            key={index}\n            ref={vertical && range ? getMonthRef({ autoScroll, el, index, instance, value }) : undefined}\n            vertical={vertical}\n            onNext={!vertical && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n            onPrevious={!vertical && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n            {...props}\n            testId={testId}\n          />\n        ))}\n      </ScrollView>\n    </View>\n  );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n  autoScroll: PropTypes.bool,\n  captions: PropTypes.shape({}),\n  disabledDates: PropTypes.arrayOf(PropTypes.string),\n  disabledPast: 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  tooltips: PropTypes.shape({}),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n  vertical: PropTypes.bool,\n  onChange: PropTypes.func,\n  onFocus: PropTypes.func,\n  onNavigation: PropTypes.func,\n  onScroll: PropTypes.func,\n};\n"],"mappings":"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"}

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

@@ -760,7 +760,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -2136,7 +2136,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -2766,7 +2766,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -3383,7 +3383,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -4604,7 +4604,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -5825,7 +5825,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -7046,7 +7046,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -8267,7 +8267,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -9488,7 +9488,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -11305,7 +11305,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -12516,7 +12516,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -13737,7 +13737,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -14958,7 +14958,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -16179,7 +16179,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -18595,7 +18595,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -19816,7 +19816,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -21187,7 +21187,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -22563,7 +22563,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -23193,7 +23193,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -23810,7 +23810,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -25031,7 +25031,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -26252,7 +26252,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -27473,7 +27473,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -28694,7 +28694,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -29915,7 +29915,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -31732,7 +31732,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -32943,7 +32943,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -34164,7 +34164,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -35385,7 +35385,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -36606,7 +36606,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -39022,7 +39022,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"
@@ -40245,7 +40245,7 @@ exports[`component:<Calendar> testId 1`] = `
             tabindex="0"
           >
             <ui_icon
-              class="icon headline-3"
+              class="icon h3"
             >
               <svg
                 fill="currentColor"

package/build/components/InputNumber/InputNumber.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -11,10 +10,8 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _Button = require("../Button");
 var _partials = require("../InputText/partials");
-var style = _interopRequireWildcard(require("./InputNumber.module.css"));
+var _InputNumberModule = _interopRequireDefault(require("./InputNumber.module.css"));
 var _excluded = ["disabled", "hint", "label", "max", "min", "name", "required", "rounded", "showRequired", "step", "value", "onChange"];
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -42,18 +39,18 @@ var InputNumber = function InputNumber(_ref) {
   return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
     role: others.role || 'input-number',
     row: true,
-    className: (0, _helpers.styles)(style.inputNumber, others.className)
+    className: (0, _helpers.styles)(_InputNumberModule.default.inputNumber, others.className)
   }), /*#__PURE__*/_react.default.createElement(_primitives.View, {
-    className: style.texts
+    className: _InputNumberModule.default.texts
   }, label && /*#__PURE__*/_react.default.createElement(_partials.Label, {
     disabled: disabled,
     label: label,
     required: showRequired && required,
-    className: style.label
+    className: _InputNumberModule.default.label
   }), hint && /*#__PURE__*/_react.default.createElement(_partials.Hint, {
     disabled: disabled,
     hint: hint,
-    className: style.hint
+    className: _InputNumberModule.default.hint
   })), /*#__PURE__*/_react.default.createElement(_Button.Button, {
     disabled: disabled || value <= min,
     rounded: rounded,
@@ -66,7 +63,7 @@ var InputNumber = function InputNumber(_ref) {
     value: _primitives.ICON.REMOVE
   })), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     headline: true,
-    className: (0, _helpers.styles)(style.value, disabled && style.disabled)
+    className: (0, _helpers.styles)(_InputNumberModule.default.value, disabled && _InputNumberModule.default.disabled)
   }, typeof value === 'number' ? value : min), /*#__PURE__*/_react.default.createElement(_Button.Button, {
     disabled: disabled || value >= max,
     rounded: rounded,

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

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","others","role","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","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, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport * as style from './InputNumber.module.css';\n\nconst InputNumber = ({\n  disabled,\n  hint,\n  label,\n  max,\n  min = 0,\n  name,\n  required,\n  rounded = true,\n  showRequired = false,\n  step = 1,\n  value = 0,\n  onChange = () => {},\n  ...others\n}) => (\n  <View {...others} role={others.role || 'input-number'} row className={styles(style.inputNumber, others.className)}>\n    <View className={style.texts}>\n      {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n      {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n    </View>\n    <Button\n      disabled={disabled || value <= min}\n      rounded={rounded}\n      secondary\n      squared\n      onPress={() => onChange(value - step, name)}\n    >\n      <Icon value={ICON.REMOVE} />\n    </Button>\n    <Text headline className={styles(style.value, disabled && style.disabled)}>\n      {typeof value === 'number' ? value : min}\n    </Text>\n    <Button\n      disabled={disabled || value >= max}\n      rounded={rounded}\n      secondary\n      squared\n      onPress={() => onChange(value + step, name)}\n    >\n      <Icon value={ICON.ADD} />\n    </Button>\n  </View>\n);\n\nInputNumber.displayName = 'Component:InputOption';\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  required: PropTypes.bool,\n  rounded: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n};\n\nexport { InputNumber };\n"],"mappings":"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"}
+{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","others","role","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","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, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n  disabled,\n  hint,\n  label,\n  max,\n  min = 0,\n  name,\n  required,\n  rounded = true,\n  showRequired = false,\n  step = 1,\n  value = 0,\n  onChange = () => {},\n  ...others\n}) => (\n  <View {...others} role={others.role || 'input-number'} row className={styles(style.inputNumber, others.className)}>\n    <View className={style.texts}>\n      {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n      {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n    </View>\n    <Button\n      disabled={disabled || value <= min}\n      rounded={rounded}\n      secondary\n      squared\n      onPress={() => onChange(value - step, name)}\n    >\n      <Icon value={ICON.REMOVE} />\n    </Button>\n    <Text headline className={styles(style.value, disabled && style.disabled)}>\n      {typeof value === 'number' ? value : min}\n    </Text>\n    <Button\n      disabled={disabled || value >= max}\n      rounded={rounded}\n      secondary\n      squared\n      onPress={() => onChange(value + step, name)}\n    >\n      <Icon value={ICON.ADD} />\n    </Button>\n  </View>\n);\n\nInputNumber.displayName = 'Component:InputOption';\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  required: PropTypes.bool,\n  rounded: PropTypes.bool,\n  showRequired: PropTypes.bool,\n  step: PropTypes.number,\n  value: PropTypes.number,\n  onChange: PropTypes.func,\n};\n\nexport { InputNumber };\n"],"mappings":"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"}

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

@@ -13,7 +13,7 @@ exports[`component:<InputNumber> inherit:className 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -44,7 +44,7 @@ exports[`component:<InputNumber> inherit:className 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -82,7 +82,7 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -113,7 +113,7 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -157,7 +157,7 @@ exports[`component:<InputNumber> prop:hint 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -188,7 +188,7 @@ exports[`component:<InputNumber> prop:hint 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -232,7 +232,7 @@ exports[`component:<InputNumber> prop:label 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -263,7 +263,7 @@ exports[`component:<InputNumber> prop:label 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -301,7 +301,7 @@ exports[`component:<InputNumber> prop:max 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -332,7 +332,7 @@ exports[`component:<InputNumber> prop:max 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -370,7 +370,7 @@ exports[`component:<InputNumber> prop:min 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -401,7 +401,7 @@ exports[`component:<InputNumber> prop:min 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -439,7 +439,7 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -470,7 +470,7 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -508,7 +508,7 @@ exports[`component:<InputNumber> prop:required 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -539,7 +539,7 @@ exports[`component:<InputNumber> prop:required 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -577,7 +577,7 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -608,7 +608,7 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -646,7 +646,7 @@ exports[`component:<InputNumber> prop:value 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -677,7 +677,7 @@ exports[`component:<InputNumber> prop:value 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -715,7 +715,7 @@ exports[`component:<InputNumber> renders 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -746,7 +746,7 @@ exports[`component:<InputNumber> renders 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -785,7 +785,7 @@ exports[`component:<InputNumber> testId 1`] = `
       disabled=""
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"
@@ -816,7 +816,7 @@ exports[`component:<InputNumber> testId 1`] = `
       tabindex="0"
     >
       <ui_icon
-        class="icon headline-3"
+        class="icon h3"
       >
         <svg
           fill="currentColor"