npm - @tecsinapse/react-core - Versions diffs - 2.0.2 → 2.0.3 - Mend

@tecsinapse/react-core 2.0.2 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n add,\n compareAsc,\n format as formatDate,\n getDaysInMonth,\n isSameDay,\n isSameMonth,\n isSameYear,\n set,\n sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' \| 'time' \| 'datetime' \| 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n TextComponent?: React.FC<TextProps>;\n value?: Date;\n onChange?: (value: Date) => void \| never;\n\n /*\n Defines the Picker behavior\n * Must be one of ['date', 'time', 'datetime', 'month']\n /\n mode?: DateTimeSelectorMode;\n format?: string;\n locale?: Locale;\n\n /\n Maximum date from today\n /\n upperDateThreshold?: Date;\n\n /\n Minimum date from today\n /\n lowerDateThreshold?: Date;\n\n /\n Minimum and maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n /\n offsetThreshold?: number;\n\n /\n Maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n /\n upperOffsetThreshold?: number;\n\n /\n Minimum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n lowerOffsetThreshold?: number;\n\n dateModalTitle?: string;\n timeModalTitle?: string;\n dateConfirmButtonText?: string;\n timeConfirmButtonText?: string;\n dayLabel?: string;\n monthLabel?: string;\n yearLabel?: string;\n hourLabel?: string;\n minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n if (!threshold) return {};\n if (mode === 'month') {\n return { months: threshold };\n } else if (['date', 'datetime'].includes(mode)) {\n return { days: threshold };\n } else {\n return { hours: threshold };\n }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n TextComponent = Text,\n value,\n onChange,\n mode = 'date',\n locale,\n upperDateThreshold: _upperDateThreshold,\n lowerDateThreshold: _lowerDateThreshold,\n offsetThreshold,\n upperOffsetThreshold,\n lowerOffsetThreshold,\n dateModalTitle,\n timeModalTitle,\n dateConfirmButtonText,\n timeConfirmButtonText,\n dayLabel,\n monthLabel,\n yearLabel,\n hourLabel,\n minuteLabel,\n ...rest\n}) => {\n const lowerDateThreshold =\n _lowerDateThreshold \|\|\n ((offsetThreshold \|\| lowerOffsetThreshold) &&\n sub(\n new Date(),\n getThresholdUnit(mode, offsetThreshold \|\| lowerOffsetThreshold)\n ));\n\n const upperDateThreshold =\n _upperDateThreshold \|\|\n ((offsetThreshold \|\| upperOffsetThreshold) &&\n add(\n new Date(),\n getThresholdUnit(mode, offsetThreshold \|\| upperOffsetThreshold)\n ));\n\n const [date, setDate] = React.useState<Date>(value \|\| new Date());\n const [currentMode, setCurrentMode] = React.useState<0 \| 1>(0);\n\n const isDate =\n ['date', 'month'].includes(mode) \|\|\n (mode === 'datetime' && currentMode === 0);\n\n const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n const confirmButtonText = isDate\n ? dateConfirmButtonText\n : timeConfirmButtonText;\n\n const handleChange = (granularity: Granularity) => (newValue: number) => {\n setDate(date => {\n let newState: Date;\n // Months and years must have a different handling for being\n // the only date units that may interfere another unit.\n if (['month', 'year'].includes(granularity)) {\n let newDate = set(date, { [granularity]: newValue });\n const daysInMonth = getDaysInMonth(newDate);\n if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n newDate = set(newDate, { month: date.getMonth() });\n newState = set(newDate, { date: getDaysInMonth(newDate) });\n }\n newState =\n daysInMonth < date.getDate()\n ? set(newDate, { date: daysInMonth })\n : newDate;\n } else {\n newState = set(date, { [granularity]: newValue });\n }\n\n if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n return upperDateThreshold;\n } else if (\n lowerDateThreshold &&\n compareAsc(newState, lowerDateThreshold) < 0\n ) {\n return lowerDateThreshold;\n } else {\n return newState;\n }\n });\n };\n\n const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n return granularity === 'month'\n ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n : value.toString().padStart(2, '0');\n };\n\n const handlePressConfirm = () => {\n if (mode === 'datetime' && currentMode === 0) {\n setCurrentMode(1);\n } else {\n onChange?.(date);\n }\n };\n\n const handlePressBack = () => {\n setCurrentMode(0);\n };\n\n return (\n <Root {...rest}>\n <Header>\n {currentMode === 1 && (\n <BackButton onPress={handlePressBack}>\n <Icon\n type={'material-community'}\n name={'chevron-left'}\n size={'mega'}\n colorVariant={'secondary'}\n />\n </BackButton>\n )}\n <TextComponent typography={'base'} colorVariant={'secondary'}>\n {modalTitle}\n </TextComponent>\n </Header>\n\n {isDate ? (\n <Content>\n {mode !== 'month' && (\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('date')}\n referenceDate={date}\n value={date.getDate()}\n label={dayLabel \|\| 'Day'}\n granularity={'date'}\n getDisplayValue={getDisplayedValue('date')}\n preventUpper={\n upperDateThreshold\n ? isSameDay(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameDay(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n )}\n <SelectorContainer>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('month')}\n referenceDate={date}\n value={date.getMonth()}\n label={monthLabel \|\| 'Month'}\n granularity={'month'}\n getDisplayValue={getDisplayedValue('month')}\n preventUpper={\n upperDateThreshold\n ? isSameMonth(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameMonth(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('year')}\n referenceDate={date}\n value={date.getFullYear()}\n label={yearLabel \|\| 'Year'}\n granularity={'year'}\n getDisplayValue={getDisplayedValue('year')}\n preventUpper={\n upperDateThreshold\n ? isSameYear(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameYear(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n </Content>\n ) : (\n <Content>\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('hours')}\n referenceDate={date}\n value={date.getHours()}\n label={hourLabel \|\| 'Hour'}\n granularity={'hours'}\n getDisplayValue={getDisplayedValue('hours')}\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('minutes')}\n referenceDate={date}\n value={date.getMinutes()}\n label={minuteLabel \|\| 'Minute'}\n granularity={'minutes'}\n getDisplayValue={getDisplayedValue('minutes')}\n />\n </SelectorContainer>\n </Content>\n )}\n <Button color={'primary'} onPress={handlePressConfirm}>\n <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n {confirmButtonText \|\| 'OK'}\n </TextComponent>\n </Button>\n </Root>\n );\n};\n\nexport default DateTimeSelector;\n"],"names":["sub","add","React","date","set","getDaysInMonth","compareAsc","value","formatDate","Root","Header","BackButton","Content","SelectorContainer","Selector","isSameDay","isSameMonth","isSameYear"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,SAAS,gBAAA,CAAiB,MAA4B,SAAoB,EAAA;AACxE,EAAA,IAAI,CAAC,SAAA;AAAW,IAAA,OAAO,EAAC,CAAA;AACxB,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,EAAE,QAAQ,SAAU,EAAA,CAAA;AAAA,aAClB,CAAC,MAAA,EAAQ,UAAU,CAAE,CAAA,QAAA,CAAS,IAAI,CAAG,EAAA;AAC9C,IAAO,OAAA,EAAE,MAAM,SAAU,EAAA,CAAA;AAAA,GACpB,MAAA;AACL,IAAO,OAAA,EAAE,OAAO,SAAU,EAAA,CAAA;AAAA,GAC5B;AACF,CAAA;AAEA,MAAM,mBAAoD,CAAC;AAAA,EACzD,aAAgB,GAAA,IAAA;AAAA,EAChB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,MAAA;AAAA,EACA,kBAAoB,EAAA,mBAAA;AAAA,EACpB,kBAAoB,EAAA,mBAAA;AAAA,EACpB,eAAA;AAAA,EACA,oBAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,kBAAA,GACJ,mBACE,IAAA,CAAA,eAAA,IAAmB,oBACnB,KAAAA,WAAA;AAAA,IACE,IAAI,IAAK,EAAA;AAAA,IACT,gBAAA,CAAiB,IAAM,EAAA,eAAA,IAAmB,oBAAoB,CAAA;AAAA,GAChE,CAAA;AAEJ,EAAM,MAAA,kBAAA,GACJ,mBACE,IAAA,CAAA,eAAA,IAAmB,oBACnB,KAAAC,WAAA;AAAA,IACE,IAAI,IAAK,EAAA;AAAA,IACT,gBAAA,CAAiB,IAAM,EAAA,eAAA,IAAmB,oBAAoB,CAAA;AAAA,GAChE,CAAA;AAEJ,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAIC,iBAAM,QAAe,CAAA,KAAA,IAAS,IAAI,IAAA,EAAM,CAAA,CAAA;AAChE,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,gBAAA,CAAM,SAAgB,CAAC,CAAA,CAAA;AAE7D,EAAM,MAAA,MAAA,GACJ,CAAC,MAAA,EAAQ,OAAO,CAAA,CAAE,SAAS,IAAI,CAAA,IAC9B,IAAS,KAAA,UAAA,IAAc,WAAgB,KAAA,CAAA,CAAA;AAE1C,EAAM,MAAA,UAAA,GAAa,SAAS,cAAiB,GAAA,cAAA,CAAA;AAC7C,EAAM,MAAA,iBAAA,GAAoB,SACtB,qBACA,GAAA,qBAAA,CAAA;AAEJ,EAAA,MAAM,YAAe,GAAA,CAAC,WAA6B,KAAA,CAAC,QAAqB,KAAA;AACvE,IAAA,OAAA,CAAQ,CAAAC,KAAQ,KAAA;AACd,MAAI,IAAA,QAAA,CAAA;AAGJ,MAAA,IAAI,CAAC,OAAS,EAAA,MAAM,CAAE,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AAC3C,QAAI,IAAA,OAAA,GAAUC,YAAID,KAAM,EAAA,EAAE,CAAC,WAAW,GAAG,UAAU,CAAA,CAAA;AACnD,QAAM,MAAA,WAAA,GAAcE,uBAAe,OAAO,CAAA,CAAA;AAC1C,QAAA,IAAI,gBAAgB,MAAUF,IAAAA,KAAAA,CAAK,UAAc,IAAA,OAAA,CAAQ,UAAY,EAAA;AACnE,UAAA,OAAA,GAAUC,YAAI,OAAS,EAAA,EAAE,OAAOD,KAAK,CAAA,QAAA,IAAY,CAAA,CAAA;AACjD,UAAA,QAAA,GAAWC,YAAI,OAAS,EAAA,EAAE,MAAMC,sBAAe,CAAA,OAAO,GAAG,CAAA,CAAA;AAAA,SAC3D;AACA,QACE,QAAA,GAAA,WAAA,GAAcF,KAAK,CAAA,OAAA,EACf,GAAAC,WAAA,CAAI,SAAS,EAAE,IAAA,EAAM,WAAY,EAAC,CAClC,GAAA,OAAA,CAAA;AAAA,OACD,MAAA;AACL,QAAA,QAAA,GAAWA,YAAID,KAAM,EAAA,EAAE,CAAC,WAAW,GAAG,UAAU,CAAA,CAAA;AAAA,OAClD;AAEA,MAAA,IAAI,kBAAsB,IAAAG,kBAAA,CAAW,QAAU,EAAA,kBAAkB,IAAI,CAAG,EAAA;AACtE,QAAO,OAAA,kBAAA,CAAA;AAAA,iBAEP,kBACA,IAAAA,kBAAA,CAAW,QAAU,EAAA,kBAAkB,IAAI,CAC3C,EAAA;AACA,QAAO,OAAA,kBAAA,CAAA;AAAA,OACF,MAAA;AACL,QAAO,OAAA,QAAA,CAAA;AAAA,OACT;AAAA,KACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,CAAC,WAA6B,KAAA,CAACC,MAAkB,KAAA;AACzE,IAAA,OAAO,gBAAgB,OACnB,GAAAC,cAAA,CAAW,MAAM,KAAO,EAAA,EAAE,QAAgB,CAAA,CAAE,KAAM,CAAA,CAAA,EAAG,CAAC,CACtDD,GAAAA,MAAAA,CAAM,UAAW,CAAA,QAAA,CAAS,GAAG,GAAG,CAAA,CAAA;AAAA,GACtC,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAI,IAAA,IAAA,KAAS,UAAc,IAAA,WAAA,KAAgB,CAAG,EAAA;AAC5C,MAAA,cAAA,CAAe,CAAC,CAAA,CAAA;AAAA,KACX,MAAA;AACL,MAAA,QAAA,GAAW,IAAI,CAAA,CAAA;AAAA,KACjB;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,cAAA,CAAe,CAAC,CAAA,CAAA;AAAA,GAClB,CAAA;AAEA,EACE,uBAAAL,gBAAA,CAAA,aAAA,CAACO,WAAM,EAAA,EAAA,GAAG,IACR,EAAA,kBAAAP,gBAAA,CAAA,aAAA,CAACQ,aACE,EAAA,IAAA,EAAA,WAAA,KAAgB,CACf,oBAAAR,gBAAA,CAAA,aAAA,CAACS,iBAAW,EAAA,EAAA,OAAA,EAAS,eACnB,EAAA,kBAAAT,gBAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,oBAAA;AAAA,MACN,IAAM,EAAA,cAAA;AAAA,MACN,IAAM,EAAA,MAAA;AAAA,MACN,YAAc,EAAA,WAAA;AAAA,KAAA;AAAA,GAElB,CAEF,kBAAAA,gBAAA,CAAA,aAAA,CAAC,iBAAc,UAAY,EAAA,MAAA,EAAQ,cAAc,WAC9C,EAAA,EAAA,UACH,CACF,CAEC,EAAA,MAAA,kDACEU,cACE,EAAA,IAAA,EAAA,IAAA,KAAS,2BACPV,gBAAA,CAAA,aAAA,CAAAW,wBAAA,EAAA,EAAkB,SAAO,IACxB,EAAA,kBAAAX,gBAAA,CAAA,aAAA;AAAA,IAACY,iBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,QAAA,EAAU,aAAa,MAAM,CAAA;AAAA,MAC7B,aAAe,EAAA,IAAA;AAAA,MACf,KAAA,EAAO,KAAK,OAAQ,EAAA;AAAA,MACpB,OAAO,QAAY,IAAA,KAAA;AAAA,MACnB,WAAa,EAAA,MAAA;AAAA,MACb,eAAA,EAAiB,kBAAkB,MAAM,CAAA;AAAA,MACzC,YACE,EAAA,kBAAA,GACIC,iBAAU,CAAA,kBAAA,EAAoB,IAAI,CAClC,GAAA,KAAA;AAAA,MAEN,YACE,EAAA,kBAAA,GACIA,iBAAU,CAAA,kBAAA,EAAoB,IAAI,CAClC,GAAA,KAAA;AAAA,KAAA;AAAA,GAGV,CAEF,kBAAAb,gBAAA,CAAA,aAAA,CAACW,wBACC,EAAA,IAAA,kBAAAX,gBAAA,CAAA,aAAA;AAAA,IAACY,iBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,QAAA,EAAU,aAAa,OAAO,CAAA;AAAA,MAC9B,aAAe,EAAA,IAAA;AAAA,MACf,KAAA,EAAO,KAAK,QAAS,EAAA;AAAA,MACrB,OAAO,UAAc,IAAA,OAAA;AAAA,MACrB,WAAa,EAAA,OAAA;AAAA,MACb,eAAA,EAAiB,kBAAkB,OAAO,CAAA;AAAA,MAC1C,YACE,EAAA,kBAAA,GACIE,mBAAY,CAAA,kBAAA,EAAoB,IAAI,CACpC,GAAA,KAAA;AAAA,MAEN,YACE,EAAA,kBAAA,GACIA,mBAAY,CAAA,kBAAA,EAAoB,IAAI,CACpC,GAAA,KAAA;AAAA,KAAA;AAAA,GAGV,CAAA,kBACCd,gBAAA,CAAA,aAAA,CAAAW,wBAAA,EAAA,EAAkB,QAAM,IACvB,EAAA,kBAAAX,gBAAA,CAAA,aAAA;AAAA,IAACY,iBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,QAAA,EAAU,aAAa,MAAM,CAAA;AAAA,MAC7B,aAAe,EAAA,IAAA;AAAA,MACf,KAAA,EAAO,KAAK,WAAY,EAAA;AAAA,MACxB,OAAO,SAAa,IAAA,MAAA;AAAA,MACpB,WAAa,EAAA,MAAA;AAAA,MACb,eAAA,EAAiB,kBAAkB,MAAM,CAAA;AAAA,MACzC,YACE,EAAA,kBAAA,GACIG,kBAAW,CAAA,kBAAA,EAAoB,IAAI,CACnC,GAAA,KAAA;AAAA,MAEN,YACE,EAAA,kBAAA,GACIA,kBAAW,CAAA,kBAAA,EAAoB,IAAI,CACnC,GAAA,KAAA;AAAA,KAAA;AAAA,GAGV,CACF,CAEA,mBAAAf,gBAAA,CAAA,aAAA,CAACU,sCACEV,gBAAA,CAAA,aAAA,CAAAW,wBAAA,EAAA,EAAkB,SAAO,IACxB,EAAA,kBAAAX,gBAAA,CAAA,aAAA;AAAA,IAACY,iBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,QAAA,EAAU,aAAa,OAAO,CAAA;AAAA,MAC9B,aAAe,EAAA,IAAA;AAAA,MACf,KAAA,EAAO,KAAK,QAAS,EAAA;AAAA,MACrB,OAAO,SAAa,IAAA,MAAA;AAAA,MACpB,WAAa,EAAA,OAAA;AAAA,MACb,eAAA,EAAiB,kBAAkB,OAAO,CAAA;AAAA,KAAA;AAAA,GAE9C,CAAA,kBACCZ,gBAAA,CAAA,aAAA,CAAAW,wBAAA,EAAA,EAAkB,QAAM,IACvB,EAAA,kBAAAX,gBAAA,CAAA,aAAA;AAAA,IAACY,iBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,QAAA,EAAU,aAAa,SAAS,CAAA;AAAA,MAChC,aAAe,EAAA,IAAA;AAAA,MACf,KAAA,EAAO,KAAK,UAAW,EAAA;AAAA,MACvB,OAAO,WAAe,IAAA,QAAA;AAAA,MACtB,WAAa,EAAA,SAAA;AAAA,MACb,eAAA,EAAiB,kBAAkB,SAAS,CAAA;AAAA,KAAA;AAAA,GAEhD,CACF,CAAA,iDAED,MAAO,EAAA,EAAA,KAAA,EAAO,WAAW,OAAS,EAAA,kBAAA,EAAA,kBAChCZ,gBAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,YAAW,MAAO,EAAA,SAAA,EAAU,WACxC,iBAAqB,IAAA,IACxB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n add,\n compareAsc,\n format as formatDate,\n getDaysInMonth,\n isSameDay,\n isSameMonth,\n isSameYear,\n set,\n sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' \| 'time' \| 'datetime' \| 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n TextComponent?: React.FC<TextProps>;\n value?: Date;\n onChange?: (value: Date) => void \| never;\n\n /*\n Defines the Picker behavior\n * Must be one of ['date', 'time', 'datetime', 'month']\n /\n mode?: DateTimeSelectorMode;\n format?: string;\n locale?: Locale;\n\n /\n Maximum date from today\n /\n upperDateThreshold?: Date;\n\n /\n Minimum date from today\n /\n lowerDateThreshold?: Date;\n\n /\n Minimum and maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n /\n offsetThreshold?: number;\n\n /\n Maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n /\n upperOffsetThreshold?: number;\n\n /\n Minimum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n lowerOffsetThreshold?: number;\n\n dateModalTitle?: string;\n timeModalTitle?: string;\n dateConfirmButtonText?: string;\n timeConfirmButtonText?: string;\n dayLabel?: string;\n monthLabel?: string;\n yearLabel?: string;\n hourLabel?: string;\n minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n if (!threshold) return {};\n if (mode === 'month') {\n return { months: threshold };\n } else if (['date', 'datetime'].includes(mode)) {\n return { days: threshold };\n } else {\n return { hours: threshold };\n }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n TextComponent = Text,\n value,\n onChange,\n mode = 'date',\n locale,\n upperDateThreshold: _upperDateThreshold,\n lowerDateThreshold: _lowerDateThreshold,\n offsetThreshold,\n upperOffsetThreshold,\n lowerOffsetThreshold,\n dateModalTitle,\n timeModalTitle,\n dateConfirmButtonText,\n timeConfirmButtonText,\n dayLabel,\n monthLabel,\n yearLabel,\n hourLabel,\n minuteLabel,\n ...rest\n}) => {\n const lowerDateThreshold =\n _lowerDateThreshold \|\|\n ((offsetThreshold \|\| lowerOffsetThreshold) &&\n sub(\n new Date(),\n getThresholdUnit(mode, offsetThreshold \|\| lowerOffsetThreshold)\n ));\n\n const upperDateThreshold =\n _upperDateThreshold \|\|\n ((offsetThreshold \|\| upperOffsetThreshold) &&\n add(\n new Date(),\n getThresholdUnit(mode, offsetThreshold \|\| upperOffsetThreshold)\n ));\n\n const [date, setDate] = React.useState<Date>(value \|\| new Date());\n const [currentMode, setCurrentMode] = React.useState<0 \| 1>(0);\n\n const isDate =\n ['date', 'month'].includes(mode) \|\|\n (mode === 'datetime' && currentMode === 0);\n\n const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n const confirmButtonText = isDate\n ? dateConfirmButtonText\n : timeConfirmButtonText;\n\n const handleChange = (granularity: Granularity) => (newValue: number) => {\n setDate(date => {\n let newState: Date;\n // Months and years must have a different handling for being\n // the only date units that may interfere another unit.\n if (['month', 'year'].includes(granularity)) {\n let newDate = set(date, { [granularity]: newValue });\n const daysInMonth = getDaysInMonth(newDate);\n if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n newDate = set(newDate, { month: date.getMonth() });\n newState = set(newDate, { date: getDaysInMonth(newDate) });\n }\n newState =\n daysInMonth < date.getDate()\n ? set(newDate, { date: daysInMonth })\n : newDate;\n } else {\n newState = set(date, { [granularity]: newValue });\n }\n\n if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n return upperDateThreshold;\n } else if (\n lowerDateThreshold &&\n compareAsc(newState, lowerDateThreshold) < 0\n ) {\n return lowerDateThreshold;\n } else {\n return newState;\n }\n });\n };\n\n const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n return granularity === 'month'\n ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n : value.toString().padStart(2, '0');\n };\n\n const handlePressConfirm = () => {\n if (mode === 'datetime' && currentMode === 0) {\n setCurrentMode(1);\n } else {\n onChange?.(date);\n }\n };\n\n const handlePressBack = () => {\n setCurrentMode(0);\n };\n\n return (\n <Root {...rest}>\n <Header>\n {currentMode === 1 && (\n <BackButton onPress={handlePressBack}>\n <Icon\n type={'material-community'}\n name={'chevron-left'}\n size={'mega'}\n colorVariant={'secondary'}\n />\n </BackButton>\n )}\n <TextComponent typography={'base'} colorVariant={'secondary'}>\n {modalTitle}\n </TextComponent>\n </Header>\n\n {isDate ? (\n <Content>\n {mode !== 'month' && (\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('date')}\n referenceDate={date}\n value={date.getDate()}\n label={dayLabel \|\| 'Day'}\n granularity={'date'}\n getDisplayValue={getDisplayedValue('date')}\n preventUpper={\n upperDateThreshold\n ? isSameDay(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameDay(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n )}\n <SelectorContainer>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('month')}\n referenceDate={date}\n value={date.getMonth()}\n label={monthLabel \|\| 'Month'}\n granularity={'month'}\n getDisplayValue={getDisplayedValue('month')}\n preventUpper={\n upperDateThreshold\n ? isSameMonth(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameMonth(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('year')}\n referenceDate={date}\n value={date.getFullYear()}\n label={yearLabel \|\| 'Year'}\n granularity={'year'}\n getDisplayValue={getDisplayedValue('year')}\n preventUpper={\n upperDateThreshold\n ? isSameYear(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameYear(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n </Content>\n ) : (\n <Content>\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('hours')}\n referenceDate={date}\n value={date.getHours()}\n label={hourLabel \|\| 'Hour'}\n granularity={'hours'}\n getDisplayValue={getDisplayedValue('hours')}\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('minutes')}\n referenceDate={date}\n value={date.getMinutes()}\n label={minuteLabel \|\| 'Minute'}\n granularity={'minutes'}\n getDisplayValue={getDisplayedValue('minutes')}\n />\n </SelectorContainer>\n </Content>\n )}\n <Button color={'primary'} onPress={handlePressConfirm}>\n <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n {confirmButtonText \|\| 'OK'}\n </TextComponent>\n </Button>\n </Root>\n );\n};\n\nexport default DateTimeSelector;\n"],"names":["sub","add","React","date","set","getDaysInMonth","compareAsc","value","formatDate","Root","Header","BackButton","Content","SelectorContainer","Selector","isSameDay","isSameMonth","isSameYear"],"mappings":"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"}

package/dist/cjs/components/molecules/DateTimeSelector/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimeSelector/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../../atoms/PressableSurface';\n\nexport const Root = styled.View<Partial<StyleProps>>`\n position: relative;\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Content = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n margin-vertical: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectorRoot = styled.View<Partial<StyleProps>>`\n border-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n\nexport const SelectorValue = styled.View`\n align-items: center;\n`;\n\nexport const SelectorContainer = styled.View<\n Partial<StyleProps> & { isFirst?: boolean; isLast?: boolean }\n>`\n margin-right: ${({ theme, isFirst }) => (isFirst ? theme.spacing.deca : 0)};\n margin-left: ${({ theme, isLast }) => (isLast ? theme.spacing.deca : 0)};\n flex: 1;\n`;\n\nexport const Control = styled(PressableSurface)<Partial<StyleProps>>`\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n padding: ${({ theme }) => theme.spacing.micro};\n margin-vertical: ${({ theme }) => theme.spacing.mili};\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const Header = styled.View`\n width: 100%;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n`;\n\nexport const BackButton = styled(PressableSurface)<Partial<StyleProps>>`\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n padding: ${({ theme }) => theme.spacing.micro};\n position: absolute;\n aspect-ratio: 1;\n left: 0;\n`;\n"],"names":["RFValueStr"],"mappings":";;;;;;;;;;;;;;AAKO,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAEL,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~aAAc~~,~~CAAA~~,~~YAAA~~,CAAA;AAAA,EAAA;~~AAGlD~~,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGT,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA;~~AAG3C~~,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA,~~gBAAA~~,~~EACjBA~~,~~8BAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,gBAAA,~~EAChB~~,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,KAAA,CAAM,MAAM,~~SAAU,~~CAAA~~,MAAA,CAAA~~;AAAA,iBAAA,~~EACpC~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA;~~AAG9C~~,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAGtB,EAAA,CAAC,EAAE,KAAO,EAAA,OAAA,OAAe,OAAU,GAAA,KAAA,CAAM,~~QAAQ~~,~~IAAO~~,~~GAAA~~,~~CAAA~~,CAAA;AAAA,~~eACzD~~,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OAAc,MAAS,GAAA,KAAA,CAAM,~~QAAQ~~,~~IAAO~~,~~GAAA~~,~~CAAA~~,CAAA;AAAA;AAAA,EAAA;~~AAI1D~~,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC3B,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,WAAA,~~EACxC~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,mBAAA,~~EACrB~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,qBAAA,~~EAC3B~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA;~~AAG7C~~,MAAM,SAAS,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhB,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC9B,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,WAAA,~~EACxC~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimeSelector/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../../atoms/PressableSurface';\n\nexport const Root = styled.View<Partial<StyleProps>>`\n position: relative;\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Content = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n margin-vertical: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectorRoot = styled.View<Partial<StyleProps>>`\n border-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n\nexport const SelectorValue = styled.View`\n align-items: center;\n`;\n\nexport const SelectorContainer = styled.View<\n Partial<StyleProps> & { isFirst?: boolean; isLast?: boolean }\n>`\n margin-right: ${({ theme, isFirst }) => (isFirst ? theme.spacing.deca : 0)};\n margin-left: ${({ theme, isLast }) => (isLast ? theme.spacing.deca : 0)};\n flex: 1;\n`;\n\nexport const Control = styled(PressableSurface)<Partial<StyleProps>>`\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n padding: ${({ theme }) => theme.spacing.micro};\n margin-vertical: ${({ theme }) => theme.spacing.mili};\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const Header = styled.View`\n width: 100%;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n`;\n\nexport const BackButton = styled(PressableSurface)<Partial<StyleProps>>`\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n padding: ${({ theme }) => theme.spacing.micro};\n position: absolute;\n aspect-ratio: 1;\n left: 0;\n`;\n"],"names":["RFValueStr"],"mappings":";;;;;;;;;;;;;;AAKO,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAEL,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAG9D,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGT,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAG/C,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA,gBACjB,EAAAA,6BAAA,CAAW,KAAK,CAAC,CAAA;AAAA,gBAAA,EACjB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,iBAAA,EAC1C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA;AAGlD,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAGtB,EAAA,CAAC,EAAE,KAAO,EAAA,OAAA,OAAe,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,GAAO,CAAE,CAAA;AAAA,eAC3D,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OAAc,MAAS,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,GAAO,CAAE,CAAA;AAAA;AAAA,EAAA;AAI5D,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,WAAA,EAC5C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,mBAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,qBAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjD,MAAM,SAAS,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhB,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC9B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,WAAA,EAC5C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;"}

package/dist/cjs/components/molecules/InputPassword/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;;;;"}

package/dist/cjs/components/molecules/Snackbar/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n theme,\n colorTone = 'xlight',\n colorVariant = 'primary',\n visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n padding: 0;\n border-radius: ${theme.borderRadius.mili};\n background-color: ${theme.color[colorVariant][colorTone]};\n position: absolute;\n z-index: ${theme.zIndex.modal};\n display: ${visible ? 'flex' : 'none'};\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n`;\n\nconst anchorTop = ({\n theme,\n anchor,\n anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n return (\n anchor === 'top' &&\n css`\n top: ${anchorDistance\n ? `${RFValue(anchorDistance)}px`\n : theme.spacing.deca};\n `\n );\n};\n\nconst anchorBottom = ({\n theme,\n anchor,\n anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n return (\n anchor === 'bottom' &&\n css`\n bottom: ${anchorDistance\n ? `${RFValue(anchorDistance)}px`\n : theme.spacing.deca};\n `\n );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n props => css`\n ${baseStyles(props)}\n ${anchorBottom(props)}\n ${anchorTop(props)}\n `\n);\n\nexport const ContentContainer = styled(View)`\n flex-direction: row;\n display: flex;\n align-items: center;\n flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n display: flex;\n flex-shrink: 1;\n`;\n"],"names":["css","RFValue","View"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,YAAe,GAAA,SAAA;AAAA,EACf,OAAA;AACF,CAAkE,KAAAA,UAAA,CAAA;AAAA;AAAA,~~iBAAA,EAE~~/C,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,oBAAA,~~EAChB~~,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,SAAS,~~CAAA~~,CAAA;AAAA;AAAA,~~WAAA~~,~~EAE5C~~,~~MAAM~~,~~MAAO~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,~~WAAA~~,~~EACb~~,~~UAAU~~,~~MAAS~~,~~GAAA~~,~~MAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;~~AAMhC~~,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,KACX,IAAAA,UAAA,CAAA;AAAA,~~WAAA~~,~~EACS~~,~~iBACH~~,~~CAAG~~,~~EAAAC~~,~~0BAAA~~,~~CAAQ~~,cAAc,~~CAAA~~,~~CAAA~~,EAAA,CAAA,~~GACzB~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,IAAA,CAAA,CAAA;~~AAGxB~~,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,QACX,IAAAD,UAAA,CAAA;AAAA,~~cAAA~~,~~EACY~~,~~iBACN~~,~~CAAG~~,~~EAAAC~~,~~0BAAA~~,~~CAAQ~~,cAAc,~~CAAA~~,~~CAAA~~,EAAA,CAAA,~~GACzB~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,IAAA,CAAA,CAAA;~~AAGxB~~,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAAA,EAG3C,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,~~IAAA~~,~~EACL~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EAChB~~,~~aAAa~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EAClB~~,~~UAAU~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAErB~~,EAAA;AAEa,MAAA,gBAAA,GAAmB,OAAOE,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO9B,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAItB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA;~~AAGlC~~,MAAA,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAItC,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA;~~AAGjC~~,MAAA,iBAAA,GAAoB,OAAO,WAAW,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,sBAAA,GAAyB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpC,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA;~~AAG7B~~,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;;;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n theme,\n colorTone = 'xlight',\n colorVariant = 'primary',\n visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n padding: 0;\n border-radius: ${theme.borderRadius.mili};\n background-color: ${theme.color[colorVariant][colorTone]};\n position: absolute;\n z-index: ${theme.zIndex.modal};\n display: ${visible ? 'flex' : 'none'};\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n`;\n\nconst anchorTop = ({\n theme,\n anchor,\n anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n return (\n anchor === 'top' &&\n css`\n top: ${anchorDistance\n ? `${RFValue(anchorDistance)}px`\n : theme.spacing.deca};\n `\n );\n};\n\nconst anchorBottom = ({\n theme,\n anchor,\n anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n return (\n anchor === 'bottom' &&\n css`\n bottom: ${anchorDistance\n ? `${RFValue(anchorDistance)}px`\n : theme.spacing.deca};\n `\n );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n props => css`\n ${baseStyles(props)}\n ${anchorBottom(props)}\n ${anchorTop(props)}\n `\n);\n\nexport const ContentContainer = styled(View)`\n flex-direction: row;\n display: flex;\n align-items: center;\n flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n display: flex;\n flex-shrink: 1;\n`;\n"],"names":["css","RFValue","View"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,YAAe,GAAA,SAAA;AAAA,EACf,OAAA;AACF,CAAkE,KAAAA,UAAA,CAAA;AAAA;AAAA,iBAE/C,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EACpB,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA;AAAA,WAE7C,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,WAClB,EAAA,OAAA,GAAU,SAAS,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMtC,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,KACX,IAAAA,UAAA,CAAA;AAAA,WACS,EAAA,cAAA,GACH,GAAGC,0BAAQ,CAAA,cAAc,CAAC,CAC1B,EAAA,CAAA,GAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5B,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,QACX,IAAAD,UAAA,CAAA;AAAA,cACY,EAAA,cAAA,GACN,GAAGC,0BAAQ,CAAA,cAAc,CAAC,CAC1B,EAAA,CAAA,GAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5B,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAAA,EAG3C,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IACL,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,IACnB,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEtB,EAAA;AAEa,MAAA,gBAAA,GAAmB,OAAOE,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO9B,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAItB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGtC,MAAA,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAItC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGrC,MAAA,iBAAA,GAAoB,OAAO,WAAW,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,sBAAA,GAAyB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjC,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;;;;;;;"}

package/dist/cjs/components/molecules/TextArea/TextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n Hint,\n InputContainerProps,\n InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n extends Omit<InputElementProps, 'style' \| 'multiline' \| 'value'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n maxCharCount?: number;\n value: string;\n // Omit below\n TextComponent?: FC<TextProps>;\n focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n TextComponent = Text,\n focused,\n children,\n maxLength: _maxLenght,\n value: _value,\n}) => {\n let length = _value.length;\n const maxLength = _maxLenght;\n if (maxLength && length > maxLength) {\n length = maxLength;\n }\n\n const _hint = hintComponent \|\| (\n <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n );\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={TextComponent}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n {children}\n {maxLength && (\n <TextComponent\n colorVariant={'secondary'}\n colorTone={'medium'}\n typography={'label'}\n fontStack={'default'}\n fontWeight={'bold'}\n style={{ textAlign: 'right' }}\n >\n {`${length}/${maxLength}`}\n </TextComponent>\n )}\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n};\n\nexport default TextArea;\n"],"names":["View","StyledInputContainer"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,UAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAM,KAAA;AACJ,EAAA,IAAI,SAAS,MAAO,CAAA,MAAA,CAAA;AACpB,EAAA,MAAM,SAAY,GAAA,UAAA,CAAA;AAClB,EAAI,IAAA,SAAA,IAAa,SAAS,SAAW,EAAA;AACnC,IAAS,MAAA,GAAA,SAAA,CAAA;AAAA,GACX;AAEA,EAAA,MAAM,QAAQ,aACZ,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,aAA8B,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAGpE,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,oBAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,aAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,IACA,SACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,WAAA;AAAA,QACd,SAAW,EAAA,QAAA;AAAA,QACX,UAAY,EAAA,OAAA;AAAA,QACZ,SAAW,EAAA,SAAA;AAAA,QACX,UAAY,EAAA,MAAA;AAAA,QACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,OAAA;AAAA,MAE3B,~~GAAG~~,~~MAAU~~,CAAA,CAAA,~~EAAA~~,~~SAAA~~,CAAA,CAAA;AAAA,~~KAChB~~;AAAA,GAEJ,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n Hint,\n InputContainerProps,\n InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n extends Omit<InputElementProps, 'style' \| 'multiline' \| 'value'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n maxCharCount?: number;\n value: string;\n // Omit below\n TextComponent?: FC<TextProps>;\n focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n TextComponent = Text,\n focused,\n children,\n maxLength: _maxLenght,\n value: _value,\n}) => {\n let length = _value.length;\n const maxLength = _maxLenght;\n if (maxLength && length > maxLength) {\n length = maxLength;\n }\n\n const _hint = hintComponent \|\| (\n <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n );\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={TextComponent}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n {children}\n {maxLength && (\n <TextComponent\n colorVariant={'secondary'}\n colorTone={'medium'}\n typography={'label'}\n fontStack={'default'}\n fontWeight={'bold'}\n style={{ textAlign: 'right' }}\n >\n {`${length}/${maxLength}`}\n </TextComponent>\n )}\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n};\n\nexport default TextArea;\n"],"names":["View","StyledInputContainer"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,UAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAM,KAAA;AACJ,EAAA,IAAI,SAAS,MAAO,CAAA,MAAA,CAAA;AACpB,EAAA,MAAM,SAAY,GAAA,UAAA,CAAA;AAClB,EAAI,IAAA,SAAA,IAAa,SAAS,SAAW,EAAA;AACnC,IAAS,MAAA,GAAA,SAAA,CAAA;AAAA,GACX;AAEA,EAAA,MAAM,QAAQ,aACZ,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,aAA8B,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAGpE,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,oBAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,aAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,IACA,SACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,WAAA;AAAA,QACd,SAAW,EAAA,QAAA;AAAA,QACX,UAAY,EAAA,OAAA;AAAA,QACZ,SAAW,EAAA,SAAA;AAAA,QACX,UAAY,EAAA,MAAA;AAAA,QACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,OAAA;AAAA,MAE3B,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,KACzB;AAAA,GAEJ,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/TextArea/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n Partial<TextAreaProps> & Partial<StyleProps>\n>`\n max-height: ${({ theme, numberOfLines }) =>\n `${RFValue(\n extractNumbersFromString(theme.typography.h5.lineHeight) *\n (numberOfLines \|\| 1)\n )}px`};\n width: 100%;\n padding: 0;\n margin: ${RFValueStr('3px')} 0;\n`;\n"],"names":["RFValueStr","RFValue","extractNumbersFromString"],"mappings":";;;;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,~~cAAA~~,~~EACzCA~~,~~8BAAW~~,MAAM,~~CAAA~~,CAAA;AAAA,EAAA;~~AAGpB~~,MAAA,iBAAA,GAAoB,OAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAAC,0BAAA;AAAA,EACDC,kDAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,~~CAAA~~,~~CAAA~~,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,~~UAAA~~,~~EAGQF~~,~~8BAAW~~,KAAK,~~CAAA~~,CAAA;AAAA;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n Partial<TextAreaProps> & Partial<StyleProps>\n>`\n max-height: ${({ theme, numberOfLines }) =>\n `${RFValue(\n extractNumbersFromString(theme.typography.h5.lineHeight) *\n (numberOfLines \|\| 1)\n )}px`};\n width: 100%;\n padding: 0;\n margin: ${RFValueStr('3px')} 0;\n`;\n"],"names":["RFValueStr","RFValue","extractNumbersFromString"],"mappings":";;;;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cACzC,EAAAA,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAAA;AAGrB,MAAA,iBAAA,GAAoB,OAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAAC,0BAAA;AAAA,EACDC,kDAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,UAGG,EAAAF,6BAAA,CAAW,KAAK,CAAC,CAAA;AAAA;;;;;"}

package/dist/cjs/styles/definitions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n \| 'material'\n \| 'material-community'\n \| 'simple-line-icon'\n \| 'zocial'\n \| 'font-awesome'\n \| 'octicon'\n \| 'ionicon'\n \| 'foundation'\n \| 'evilicon'\n \| 'entypo'\n \| 'antdesign'\n \| 'font-awesome-5'\n \| string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":";;;;;;;;;;;;AAeO,MAAM,WAAc,GAAA;AAAA,EACzB,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AACF,EAAA;AAEO,MAAM,QAA4C,GAAA,CAAC,GAAK,EAAA,KAAA,GAAQ,CAAM,KAAA;AAC3E,EAAA,MAAM,CAAC,CAAA,EAAG,CAAG,EAAA,CAAC,IAAI,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,GAAI,CAAA,CAAA,CAAA,KAAK,QAAS,CAAA,CAAA,EAAG,EAAE,CAAC,CAAA,CAAA;AAC7D,~~EAAO~~,~~OAAA~~,~~CAAA~~,~~KAAA~~,~~EAAQ,CAAK,~~CAAA,CAAA,~~EAAA~~,~~CAAA~~,~~CAAA~~,CAAA,~~EAAK~~,~~CAAK~~,~~CAAA~~,~~CAAA~~,~~EAAA,KAAA,~~CAAA,CAAA,CAAA,CAAA;~~AAChC~~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"}
1	+ {"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n \| 'material'\n \| 'material-community'\n \| 'simple-line-icon'\n \| 'zocial'\n \| 'font-awesome'\n \| 'octicon'\n \| 'ionicon'\n \| 'foundation'\n \| 'evilicon'\n \| 'entypo'\n \| 'antdesign'\n \| 'font-awesome-5'\n \| string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":"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"}

package/dist/cjs/utils/ResponsiveFontSize.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/*\n Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n \n @param percent\n * @returns\n /\nexport const RFPercentage = (percent: number) => {\n if (Platform.OS === 'web') return percent;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight \|\| 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() \|\| Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (percent deviceHeight) / 100;\n return Math.round(heightPercent);\n};\n\n/*\n Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n \n @param fontSize\n * @param standardScreenHeight\n * @returns\n /\nexport const RFValue = (\n fontSize: number,\n standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n if (Platform.OS === 'web') return fontSize;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight \|\| 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() \|\| Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (fontSize deviceHeight) / standardScreenHeight;\n return Math.round(heightPercent);\n};\n\n/*\n Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n \n @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n const _fontSize = extractNumbersFromString(fontSize);\n return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,~~EAAO~~,~~OAAA~~,~~CAAA~~,~~EAAG~~,~~OAAQ~~,~~CAAA~~,~~SAAA~~,~~EAAW~~,oBAAoB,~~CAAA~~,CAAA,EAAA,CAAA,CAAA;~~AACnD~~;;;;;;"}
1	+ {"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/*\n Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n \n @param percent\n * @returns\n /\nexport const RFPercentage = (percent: number) => {\n if (Platform.OS === 'web') return percent;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight \|\| 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() \|\| Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (percent deviceHeight) / 100;\n return Math.round(heightPercent);\n};\n\n/*\n Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n \n @param fontSize\n * @param standardScreenHeight\n * @returns\n /\nexport const RFValue = (\n fontSize: number,\n standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n if (Platform.OS === 'web') return fontSize;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight \|\| 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() \|\| Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (fontSize deviceHeight) / standardScreenHeight;\n return Math.round(heightPercent);\n};\n\n/*\n Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n \n @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n const _fontSize = extractNumbersFromString(fontSize);\n return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,EAAA,OAAO,CAAG,EAAA,OAAA,CAAQ,SAAW,EAAA,oBAAoB,CAAC,CAAA,EAAA,CAAA,CAAA;AACpD;;;;;;"}

package/dist/esm/components/atoms/Avatar/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAGjD,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACxB,KAAA,KAAA,CAAM,~~SAAS~~,IAAI,~~CAAA~~,CAAA;AAAA,~~UACX~~,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACzB,KAAA,KAAA,CAAM,~~SAAS~~,IAAI,~~CAAA~~,CAAA;AAAA,EAAA;~~AAGV~~,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAkB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;~~AAMpD~~,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAkB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,oBAAA,~~EAC3C~~,CAAC,EAAE,KAAA,~~EAAwB~~,~~KAAA~~,KAAA,CAAM,~~MAAM~~,~~SAAU~~,CAAA~~,IAAA,CAAA~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;~~AAS1D~~,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAGjD,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACxB,KAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAC,CAAA;AAAA,UACZ,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACzB,KAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAC,CAAA;AAAA,EAAA;AAGX,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxD,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EAC/C,CAAC,EAAE,KAAA,OAAwB,KAAM,CAAA,KAAA,CAAM,UAAU,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS9D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}

package/dist/esm/components/atoms/Badge/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${`${RFValue(-4)}px`};\n right: ${`${RFValue(-4)}px`};\n `;\n};\n\nexport const BadgeStyle =\n styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAA,GAAA,CAAA;AAAA,~~mBAAA~~,~~EACY~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,sBAAA,~~EAChB~~,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,~~CAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~YAAA~~,~~EAKjC~~,~~MAAM~~,~~QAAS~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,~~WAAA~~,~~EAChB~~,~~MAAM~~,~~QAAS~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,~~SACjB~~,EAAA,~~CAAA~~,~~EAAG~~,~~QAAQ,~~CAAE,CAAA,~~CAAA~~,~~CAAA~~,EAAA,CAAA,CAAA;AAAA,~~WACX~~,EAAA,~~CAAA~~,~~EAAG~~,~~QAAQ,~~CAAE,CAAA,~~CAAA~~,~~CAAA~~,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAE1B~~,CAAA,CAAA;AAEO,MAAM,UACX,GAAA,MAAA,CAAO,IAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${`${RFValue(-4)}px`};\n right: ${`${RFValue(-4)}px`};\n `;\n};\n\nexport const BadgeStyle =\n styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAA,GAAA,CAAA;AAAA,mBACY,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,sBAAA,EACpB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAKlC,EAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAAA,WACrB,EAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAAA,SAAA,EACtB,CAAG,EAAA,OAAA,CAAQ,CAAE,CAAA,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,WAAA,EAChB,CAAG,EAAA,OAAA,CAAQ,CAAE,CAAA,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE/B,CAAA,CAAA;AAEO,MAAM,UACX,GAAA,MAAA,CAAO,IAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/atoms/BoxContent/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n css({\n shadowColor: theme?.miscellaneous.shadow,\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n elevation: 5,\n }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n variant === 'top' &&\n css`\n border-bottom-left-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst bottomStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'bottom' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-top-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst leftStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'left' &&\n css`\n border-top-right-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst rightStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'right' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-bottom-left-radius: ${theme.borderRadius.deca};\n `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n min-height: ${({ theme }) => theme.spacing.kilo};\n overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n props => css`\n ${elevatedStyles(props)}\n ${topStyles(props)}\n ${bottomStyles(props)}\n ${leftStyles(props)}\n ${rightStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;AAKO,MAAM,cAAiB,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA;AAAA,EAChE,GAAI,CAAA;AAAA,IACF,WAAA,EAAa,OAAO,aAAc,CAAA,MAAA;AAAA,IAClC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,IAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH,EAAA;AAEA,MAAM,YAAY,CAAC,EAAE,OAAO,OAAQ,EAAA,KAClC,YAAY,KACZ,IAAA,GAAA,CAAA;AAAA,+~~BAAA,EAC~~+B,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,~~gCAAA~~,~~EAClB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGrD~~,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,QACZ,IAAA,GAAA,CAAA;AAAA,~~4BAAA~~,~~EAC4B~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,~~6BAAA~~,~~EAClB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGlD~~,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,MACZ,IAAA,GAAA,CAAA;AAAA,~~6BAAA~~,~~EAC6B~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,~~gCAAA~~,~~EAChB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGrD~~,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,OACZ,IAAA,GAAA,CAAA;AAAA,~~4BAAA~~,~~EAC4B~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,+~~BAAA~~,~~EAChB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGpD~~,MAAM,oBAAA,GAAuB,OAAO,IAAI,CAAA,CAAA;AAAA,oBAAA,EAClB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~aAAc~~,~~CAAA~~,~~YAAA~~,CAAA;AAAA,cAAA,~~EACzC~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA;AAAA,CAAA,CAAA;~~AAIhC~~,MAAA,gBAAA,GAAmB,OAAO,oBAAoB,CAAA;AAAA,EACzD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,~~IAAA~~,~~EACL~~,~~eAAe~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EACpB~~,~~UAAU~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,~~EACjB~~,~~aAAa~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,~~EAClB~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,~~EAChB~~,~~YAAY~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAErB~~;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n css({\n shadowColor: theme?.miscellaneous.shadow,\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n elevation: 5,\n }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n variant === 'top' &&\n css`\n border-bottom-left-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst bottomStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'bottom' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-top-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst leftStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'left' &&\n css`\n border-top-right-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst rightStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'right' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-bottom-left-radius: ${theme.borderRadius.deca};\n `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n min-height: ${({ theme }) => theme.spacing.kilo};\n overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n props => css`\n ${elevatedStyles(props)}\n ${topStyles(props)}\n ${bottomStyles(props)}\n ${leftStyles(props)}\n ${rightStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;AAKO,MAAM,cAAiB,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA;AAAA,EAChE,GAAI,CAAA;AAAA,IACF,WAAA,EAAa,OAAO,aAAc,CAAA,MAAA;AAAA,IAClC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,IAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH,EAAA;AAEA,MAAM,YAAY,CAAC,EAAE,OAAO,OAAQ,EAAA,KAClC,YAAY,KACZ,IAAA,GAAA,CAAA;AAAA,+BAC+B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,gCACtB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGzD,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,QACZ,IAAA,GAAA,CAAA;AAAA,4BAC4B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,6BACtB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGtD,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,MACZ,IAAA,GAAA,CAAA;AAAA,6BAC6B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,gCACpB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGzD,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,OAAA;AACF,CAAA,KACE,YAAY,OACZ,IAAA,GAAA,CAAA;AAAA,4BAC4B,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,+BACpB,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGxD,MAAM,oBAAA,GAAuB,OAAO,IAAI,CAAA,CAAA;AAAA,oBAAA,EAClB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,cAAA,EACrD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,CAAA,CAAA;AAIpC,MAAA,gBAAA,GAAmB,OAAO,oBAAoB,CAAA;AAAA,EACzD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IACL,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,IACrB,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EAClB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,EACnB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,EACjB,EAAA,WAAA,CAAY,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEtB;;;;"}

package/dist/esm/components/atoms/Button/States/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n width: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n height: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n transform: ${({ buttonSize }) =>\n buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"names":[],"mappings":";;;AAOa,MAAA,mBAAA,GAAsB,CAAC,SAA6B,KAAA;AAC/D,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,iBAAA,EACN,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAEhD~~,EAAA;AAEa,MAAA,eAAA,GAAkB,OAAO,iBAAiB,CAAA,CAAA;AAAA,~~SAG5C~~,~~EAAA~~,CAAC,EAAE,~~KAAA~~,~~EAAO,UAAW,~~EAAA,~~KAC5B~~,~~UAAe~~,KAAA,~~SAAA~~,~~GAAY~~,~~KAAM~~,~~CAAA,QAAA,CAAS,IAAO,~~GAAA,KAAA,CAAM,QAAS,CAAA,~~KAAA~~,CAAA;AAAA,~~UACxD~~,~~EAAA~~,CAAC,EAAE,~~KAAA~~,~~EAAO,UAAW,~~EAAA,~~KAC7B~~,~~UAAe~~,KAAA,~~SAAA~~,~~GAAY~~,~~KAAM~~,~~CAAA,QAAA,CAAS,IAAO,~~GAAA,KAAA,CAAM,QAAS,CAAA,~~KAAA~~,CAAA;AAAA,aAAA,~~EACrD~~,CAAC,EAAE,UAAA,~~EACd~~,KAAA,~~UAAA~~,~~KAAe~~,~~YAAY~~,~~UAAa~~,~~GAAA,WAAA,~~CAAA;AAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n width: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n height: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n transform: ${({ buttonSize }) =>\n buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"names":[],"mappings":";;;AAOa,MAAA,mBAAA,GAAsB,CAAC,SAA6B,KAAA;AAC/D,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,iBAAA,EACN,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAEpD,EAAA;AAEa,MAAA,eAAA,GAAkB,OAAO,iBAAiB,CAAA,CAAA;AAAA,SAAA,EAG5C,CAAC,EAAE,KAAO,EAAA,UAAA,EACjB,KAAA,UAAA,KAAe,SAAY,GAAA,KAAA,CAAM,QAAS,CAAA,IAAA,GAAO,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA;AAAA,UAAA,EAC7D,CAAC,EAAE,KAAO,EAAA,UAAA,EAClB,KAAA,UAAA,KAAe,SAAY,GAAA,KAAA,CAAM,QAAS,CAAA,IAAA,GAAO,KAAM,CAAA,QAAA,CAAS,KAAK,CAAA;AAAA,aAAA,EAC1D,CAAC,EAAE,UAAA,OACd,UAAe,KAAA,SAAA,GAAY,aAAa,WAAW,CAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Button/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { ButtonProps } from './Button';\n\nconst outlineVariant = ({\n theme,\n color = 'primary',\n variant,\n tone = 'medium',\n}: StyleProps & ButtonProps) =>\n variant === 'outlined' &&\n css`\n border-color: ${theme.color[color][tone]};\n border-width: ${theme.borderWidth.pico};\n `;\n\nconst sizeStyles = ({ theme, size = 'default' }: StyleProps & ButtonProps) => {\n switch (size) {\n case 'small':\n return css`\n padding: ${theme.spacing.mili} ${theme.spacing.deca};\n min-height: ${RFValueStr('34px')};\n `;\n default:\n return css`\n padding: ${theme.spacing.mili} ${theme.spacing.kilo};\n min-height: ${RFValueStr('44px')};\n `;\n }\n};\n\nconst StyledButtonBase = styled(PressableSurface)<\n ButtonProps & Partial<StyleProps>\n>`\n border-radius: ${({ theme, borderRadius = 'mili' }) =>\n theme.borderRadius[borderRadius]};\n flex-direction: row;\n justify-content: center;\n align-items: center;\n`;\n\nexport const StyledButton = styled(StyledButtonBase)<\n ButtonProps & Partial<StyleProps>\n>(\n props => css`\n ${outlineVariant(props)}\n ${sizeStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAMA,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAA;AAAA,EACA,IAAO,GAAA,QAAA;AACT,CAAA,KACE,YAAY,UACZ,IAAA,GAAA,CAAA;AAAA,kBAAA,EACkB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,~~CAAA~~,CAAA;AAAA,~~kBAAA~~,~~EACvB~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGtC~~,MAAM,aAAa,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,WAA0C,KAAA;AAC5E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,OAAA;AACH,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,~~KAAM~~,CAAA,~~OAAA~~,~~CAAQ~~,~~IAAQ,~~CAAA,~~CAAA,~~EAAA,KAAA,CAAM,~~OAAQ~~,~~CAAA~~,~~IAAA,~~CAAA;AAAA,~~oBAAA~~,~~EACjC~~,~~WAAW~~,MAAM,~~CAAA~~,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,~~IAEnC~~;AACE,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,~~KAAM~~,CAAA,~~OAAA~~,~~CAAQ~~,~~IAAQ,~~CAAA,~~CAAA,~~EAAA,KAAA,CAAM,~~OAAQ~~,~~CAAA~~,~~IAAA,~~CAAA;AAAA,~~oBAAA~~,~~EACjC~~,~~WAAW~~,MAAM,~~CAAA~~,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,~~GAErC~~;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAG7B,EAAA,CAAC,EAAE,KAAO,EAAA,YAAA,GAAe,QACxC,KAAA,KAAA,CAAM,~~aAAa~~,YAAY,~~CAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;~~AAMtB~~,MAAA,YAAA,GAAe,OAAO,gBAAgB,CAAA;AAAA,EAGjD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,~~IAAA~~,~~EACL~~,~~eAAe~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EACpB~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAEtB~~;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Button/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../PressableSurface';\nimport { ButtonProps } from './Button';\n\nconst outlineVariant = ({\n theme,\n color = 'primary',\n variant,\n tone = 'medium',\n}: StyleProps & ButtonProps) =>\n variant === 'outlined' &&\n css`\n border-color: ${theme.color[color][tone]};\n border-width: ${theme.borderWidth.pico};\n `;\n\nconst sizeStyles = ({ theme, size = 'default' }: StyleProps & ButtonProps) => {\n switch (size) {\n case 'small':\n return css`\n padding: ${theme.spacing.mili} ${theme.spacing.deca};\n min-height: ${RFValueStr('34px')};\n `;\n default:\n return css`\n padding: ${theme.spacing.mili} ${theme.spacing.kilo};\n min-height: ${RFValueStr('44px')};\n `;\n }\n};\n\nconst StyledButtonBase = styled(PressableSurface)<\n ButtonProps & Partial<StyleProps>\n>`\n border-radius: ${({ theme, borderRadius = 'mili' }) =>\n theme.borderRadius[borderRadius]};\n flex-direction: row;\n justify-content: center;\n align-items: center;\n`;\n\nexport const StyledButton = styled(StyledButtonBase)<\n ButtonProps & Partial<StyleProps>\n>(\n props => css`\n ${outlineVariant(props)}\n ${sizeStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAMA,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,OAAA;AAAA,EACA,IAAO,GAAA,QAAA;AACT,CAAA,KACE,YAAY,UACZ,IAAA,GAAA,CAAA;AAAA,kBAAA,EACkB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,CAAC,CAAA;AAAA,kBACxB,EAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAG1C,MAAM,aAAa,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,WAA0C,KAAA;AAC5E,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,OAAA;AACH,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,MAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBACrC,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,IAEpC;AACE,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,MAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBACrC,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,GAEtC;AACF,CAAA,CAAA;AAEA,MAAM,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAG7B,EAAA,CAAC,EAAE,KAAO,EAAA,YAAA,GAAe,QACxC,KAAA,KAAA,CAAM,YAAa,CAAA,YAAY,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMvB,MAAA,YAAA,GAAe,OAAO,gBAAgB,CAAA;AAAA,EAGjD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IACL,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,IACrB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

package/dist/esm/components/atoms/Card/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Card/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { CardProps, StyleProps } from '@tecsinapse/react-core';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\nimport { PressableSurface } from '../PressableSurface';\n\nexport const StyledCard = styled(PressableSurface)<\n CardProps & Partial<StyleProps>\n>(\n props => css`\n ${baseStyles(props)}\n ${elevatedStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,~~IAAA~~,~~EACL~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EAChB~~,~~eAAe~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAE1B~~;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Card/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { CardProps, StyleProps } from '@tecsinapse/react-core';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\nimport { PressableSurface } from '../PressableSurface';\n\nexport const StyledCard = styled(PressableSurface)<\n CardProps & Partial<StyleProps>\n>(\n props => css`\n ${baseStyles(props)}\n ${elevatedStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IACL,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAE3B;;;;"}

package/dist/esm/components/atoms/Checkbox/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n Partial<CheckboxProps & StyleProps>\n>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n border-color: ${({\n theme,\n color = 'primary',\n colorTone = 'medium',\n }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n background-color: ${({ theme }: StyleProps) =>\n theme.miscellaneous.surfaceColor};\n`;\n\nexport const IconCheckedStyled = styled(View)<\n Partial<CheckboxProps & StyleProps>\n>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n border-color: ${({\n theme,\n color = 'primary',\n colorTone = 'medium',\n }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n background-color: ${({\n theme,\n color = 'primary',\n colorTone = 'medium',\n }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n align-items: center;\n flex-direction: row;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,mBAAA,GAAsB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAG3B,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAkB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,gBAAA,~~EAC/C~~,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,~~CAAA~~,CAAA;AAAA,gBAAA,~~EAC9C~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAkB~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,oBAAA,~~EACzC~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAC3B~~,~~MAAM~~,~~aAAc~~,~~CAAA~~,~~YAAA~~,CAAA;AAAA,EAAA;~~AAGX~~,MAAA,iBAAA,GAAoB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAGzB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAkB~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,gBAAA,~~EAC/C~~,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,~~CAAA~~,CAAA;AAAA,gBAAA,~~EAC9C~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAkB~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,oBAAA,~~EACzC~~,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,~~CAAA~~,CAAA;AAAA,EAAA;~~AAGnD~~,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAkB~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA;~~AAGzC~~,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Checkbox/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { CheckboxProps } from './Checkbox';\n\nexport const IconUncheckedStyled = styled(View)<\n Partial<CheckboxProps & StyleProps>\n>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n border-color: ${({\n theme,\n color = 'primary',\n colorTone = 'medium',\n }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n background-color: ${({ theme }: StyleProps) =>\n theme.miscellaneous.surfaceColor};\n`;\n\nexport const IconCheckedStyled = styled(View)<\n Partial<CheckboxProps & StyleProps>\n>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.micro};\n border-color: ${({\n theme,\n color = 'primary',\n colorTone = 'medium',\n }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n border-width: ${({ theme }: StyleProps) => theme.borderWidth.nano};\n background-color: ${({\n theme,\n color = 'primary',\n colorTone = 'medium',\n }: StyleProps & CheckboxProps) => theme.color[color][colorTone]};\n`;\n\nexport const IconViewStyled = styled(View)<Partial<StyleProps>>`\n padding: ${({ theme }: StyleProps) => theme.spacing.mili};\n`;\n\nexport const ViewStyled = styled(View)`\n align-items: center;\n flex-direction: row;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,mBAAA,GAAsB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAG3B,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,gBAAA,EACpD,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,gBAAA,EAC/C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,oBAAA,EAC7C,CAAC,EAAE,KAAA,EACrB,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAGvB,MAAA,iBAAA,GAAoB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EAGzB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,gBAAA,EACpD,CAAC;AAAA,EACf,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,gBAAA,EAC/C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,oBAAA,EAC7C,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AACd,CAAA,KAAkC,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA,EAAA;AAGpD,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,WAAA,EAC5B,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAG7C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Divider/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Divider/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n !noLine &&\n linePosition === 'top' &&\n css`\n border-top-width: ${theme.borderWidth.pico};\n `;\n\nconst bottomLine = ({\n theme,\n linePosition,\n noLine,\n}: DividerProps & StyleProps) =>\n !noLine &&\n linePosition === 'bottom' &&\n css`\n border-bottom-width: ${theme.borderWidth.pico};\n `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n DividerProps & Partial<StyleProps>\n>(\n props => css`\n ${topLine(props)}\n ${bottomLine(props)}\n `\n);\n"],"names":[],"mappings":";;AAIA,MAAM,OAAA,GAAU,CAAC,EAAE,KAAO,EAAA,YAAA,EAAc,QACtC,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,KACjB,IAAA,GAAA,CAAA;AAAA,~~sBAAA~~,~~EACsB~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAG1C~~,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,QACjB,IAAA,GAAA,CAAA;AAAA,~~yBAAA~~,~~EACyB~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAG7C~~,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACf,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,KAAA,CAAM,MAAM,~~SAAU,~~CAAA~~,MAAA,CAAA~~;AAAA,CAAA,CAAA;~~AAG1C~~,MAAA,aAAA,GAAgB,OAAO,iBAAiB,CAAA;AAAA,EAGnD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,~~IAAA~~,~~EACL~~,~~QAAQ~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EACb~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAEtB~~;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Divider/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DividerProps } from './Divider';\n\nconst topLine = ({ theme, linePosition, noLine }: DividerProps & StyleProps) =>\n !noLine &&\n linePosition === 'top' &&\n css`\n border-top-width: ${theme.borderWidth.pico};\n `;\n\nconst bottomLine = ({\n theme,\n linePosition,\n noLine,\n}: DividerProps & StyleProps) =>\n !noLine &&\n linePosition === 'bottom' &&\n css`\n border-bottom-width: ${theme.borderWidth.pico};\n `;\n\nconst StyledDividerBase = styled.View<Partial<StyleProps>>`\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const StyledDivider = styled(StyledDividerBase)<\n DividerProps & Partial<StyleProps>\n>(\n props => css`\n ${topLine(props)}\n ${bottomLine(props)}\n `\n);\n"],"names":[],"mappings":";;AAIA,MAAM,OAAA,GAAU,CAAC,EAAE,KAAO,EAAA,YAAA,EAAc,QACtC,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,KACjB,IAAA,GAAA,CAAA;AAAA,sBACsB,EAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAG9C,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,MACD,IAAA,YAAA,KAAiB,QACjB,IAAA,GAAA,CAAA;AAAA,yBACyB,EAAA,KAAA,CAAM,YAAY,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAGjD,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAAA,EACf,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,CAAA,CAAA;AAGhD,MAAA,aAAA,GAAgB,OAAO,iBAAiB,CAAA;AAAA,EAGnD,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IACL,EAAA,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,IACd,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

package/dist/esm/components/atoms/GroupButton/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/GroupButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n isActive: boolean;\n isFirstOption: boolean;\n isLastOption: boolean;\n buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n disabled,\n isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n disabled &&\n !isActive &&\n css`\n background-color: #dcdcdc;\n `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n return styled(component)<\n Partial<GroupButtonOptionProps> & Partial<StyleProps>\n >`\n color: ${({ active, theme }) =>\n active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n `;\n};\n\nconst activeStyles = ({\n theme,\n isActive,\n activeBorderColor = 'secondary',\n activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n isActive &&\n css`\n border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n `;\n\nconst inactiveStyles = ({\n theme,\n isActive,\n inactiveBackgroundColor,\n inactiveBackgroundColorTone,\n inactiveBorderColor = 'secondary',\n inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n return css`\n border-color: ${theme?.color[inactiveBorderColor][\n inactiveBorderColorTone\n ]};\n `;\n }\n\n if (!isActive) {\n return css`\n border-color: ${theme?.color[inactiveBorderColor][\n inactiveBorderColorTone\n ]};\n `;\n }\n};\n\nconst leftStyles = ({\n theme,\n isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n isFirstOption &&\n css`\n border-top-left-radius: ${theme?.borderRadius.mili};\n border-bottom-left-radius: ${theme?.borderRadius.mili};\n border-left-width: ${theme?.borderWidth.pico};\n `;\n\nconst rightStyles = ({\n theme,\n isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n isLastOption &&\n css`\n border-top-right-radius: ${theme?.borderRadius.mili};\n border-bottom-right-radius: ${theme?.borderRadius.mili};\n border-right-width: ${theme?.borderWidth.pico};\n `;\n\nconst sizeStyles = ({\n theme,\n buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n switch (buttonSize) {\n case 'small':\n return css`\n padding: ${theme?.spacing.mili} ${theme?.spacing.deca};\n min-height: ${RFValueStr('34px')};\n `;\n default:\n return css`\n padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n min-height: ${RFValueStr('44px')};\n `;\n }\n};\n\nconst StyledPressableBase = styled(PressableSurface)<\n PressableOptions & Partial<StyleProps>\n>`\n border-top-width: ${({ theme }) => theme.borderWidth.pico};\n border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n justify-content: center;\n align-items: center;\n flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n flex-direction: row;\n flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n width: ${({ theme }) => theme.borderWidth.pico};\n background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n (props: PressableOptions & Partial<StyleProps>) => css`\n ${activeStyles(props)}\n ${inactiveStyles(props)}\n ${leftStyles(props)}\n ${rightStyles(props)}\n ${sizeStyles(props)}\n ${disabledStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBO,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAKxC,MAAM,iBAAiB,CAAC;AAAA,EACtB,QAAA;AAAA,EACA,QAAA;AACF,CACE,KAAA,QAAA,IACA,CAAC,QACD,IAAA,GAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIW,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,~~WAGZ~~,~~EAAA~~,CAAC,EAAE,~~MAAA~~,~~EAAQ,KAAM,~~EAAA,~~KACxB~~,~~MAAS~~,~~GAAA,~~KAAA,~~CAAM~~,~~aAAc~~,CAAA,~~YAAA~~,~~GAAe~~,~~KAAM~~,~~CAAA~~,KAAA,CAAM,~~SAAU~~,CAAA,~~MAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAExE~~,EAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAoB,GAAA,WAAA;AAAA,EACpB,qBAAwB,GAAA,QAAA;AAC1B,CAAA,KACE,QACA,IAAA,GAAA,CAAA;AAAA,kBAAA,EACkB,KAAO,EAAA,KAAA,CAAM,iBAAiB,CAAA,CAAE,qBAAqB,~~CAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGzE~~,MAAM,iBAAiB,CAAC;AAAA,EACtB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,uBAAA;AAAA,EACA,2BAAA;AAAA,EACA,mBAAsB,GAAA,WAAA;AAAA,EACtB,uBAA0B,GAAA,OAAA;AAC5B,CAA8C,KAAA;AAC5C,EAAI,IAAA,CAAC,QAAY,IAAA,uBAAA,IAA2B,2BAA6B,EAAA;AACvE,IAAO,OAAA,GAAA,CAAA;AAAA,oBAAA,EACW,KAAO,EAAA,KAAA,CAAM,mBAAmB,CAAA,CAC9C,uBACF,~~CAAA~~,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,~~GAEJ~~;AAEA,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,GAAA,CAAA;AAAA,oBAAA,EACW,KAAO,EAAA,KAAA,CAAM,mBAAmB,CAAA,CAC9C,uBACF,~~CAAA~~,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA,~~GAEJ~~;AACF,CAAA,CAAA;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,aAAA;AACF,CAAA,KACE,aACA,IAAA,GAAA,CAAA;AAAA,~~4BAAA~~,~~EAC4B~~,~~OAAO~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,+~~BAAA~~,~~EACjB~~,~~OAAO~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,~~uBAAA~~,~~EAC5B~~,~~OAAO~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAG5C~~,MAAM,cAAc,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,YAAA;AACF,CAAA,KACE,YACA,IAAA,GAAA,CAAA;AAAA,~~6BAAA~~,~~EAC6B~~,~~OAAO~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,~~gCAAA~~,~~EACjB~~,~~OAAO~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,~~wBAAA~~,~~EAC5B~~,~~OAAO~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAG7C~~,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,UAAa,GAAA,OAAA;AACf,CAA8C,KAAA;AAC5C,EAAA,QAAQ,UAAY;AAAA,IAClB,KAAK,OAAA;AACH,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,~~KAAO~~,~~EAAA~~,~~OAAA~~,~~CAAQ~~,~~IAAQ~~,CAAA,~~CAAA,~~EAAA,KAAA,EAAO,~~OAAQ~~,~~CAAA~~,~~IAAA,~~CAAA;AAAA,~~oBAAA~~,~~EACnC~~,~~WAAW~~,MAAM,~~CAAA~~,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,~~IAEnC~~;AACE,MAAO,OAAA,GAAA,CAAA;AAAA,iBAAA,EACM,~~KAAO~~,~~EAAA~~,~~OAAA~~,~~CAAQ~~,~~IAAQ~~,CAAA,~~CAAA,~~EAAA,KAAA,EAAO,~~OAAQ~~,~~CAAA~~,~~IAAA,~~CAAA;AAAA,~~oBAAA~~,~~EACnC~~,~~WAAW~~,MAAM,~~CAAA~~,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,~~GAErC~~;AACF,CAAA,CAAA;AAEA,MAAM,mBAAA,GAAsB,OAAO,gBAAgB,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,uBAAA,~~EAC9B~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;~~AAMnD~~,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5B,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA,SAAA,EACzB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,oBAAA,~~EACtB~~,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,KAAA,CAAM,~~MAAM~~,~~SAAU~~,CAAA~~,KAAA,CAAA~~;AAAA,EAAA;~~AAG9C~~,MAAA,eAAA,GAAkB,OAAO,mBAAmB,CAAA;AAAA,EACvD,CAAC,KAAkD,KAAA,GAAA,CAAA;AAAA,~~IAAA,EAC~~/C,~~aAAa~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EAClB~~,~~eAAe~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EACpB~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EAChB~~,~~YAAY~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EACjB~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EAChB~~,~~eAAe~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAE1B~~;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/GroupButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { ButtonSizeType } from '../Button';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { GroupButtonOptions } from './GroupButton';\nimport { GroupButtonOptionProps } from './GroupButtonOption';\n\ninterface PressableOptions extends GroupButtonOptions {\n isActive: boolean;\n isFirstOption: boolean;\n isLastOption: boolean;\n buttonSize?: ButtonSizeType;\n}\n\nexport const StyledGroupButton = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n`;\n\n// TO FIXED: hexa color to theme definitions\nconst disabledStyles = ({\n disabled,\n isActive,\n}: PressableOptions & Partial<StyleProps>) =>\n disabled &&\n !isActive &&\n css`\n background-color: #dcdcdc;\n `;\n\nexport const getStyledGroupItemText = (component: FC<TextProps>) => {\n return styled(component)<\n Partial<GroupButtonOptionProps> & Partial<StyleProps>\n >`\n color: ${({ active, theme }) =>\n active ? theme.miscellaneous.surfaceColor : theme.color.secondary.medium};\n `;\n};\n\nconst activeStyles = ({\n theme,\n isActive,\n activeBorderColor = 'secondary',\n activeBorderColorTone = 'medium',\n}: PressableOptions & Partial<StyleProps>) =>\n isActive &&\n css`\n border-color: ${theme?.color[activeBorderColor][activeBorderColorTone]};\n `;\n\nconst inactiveStyles = ({\n theme,\n isActive,\n inactiveBackgroundColor,\n inactiveBackgroundColorTone,\n inactiveBorderColor = 'secondary',\n inactiveBorderColorTone = 'light',\n}: PressableOptions & Partial<StyleProps>) => {\n if (!isActive && inactiveBackgroundColor && inactiveBackgroundColorTone) {\n return css`\n border-color: ${theme?.color[inactiveBorderColor][\n inactiveBorderColorTone\n ]};\n `;\n }\n\n if (!isActive) {\n return css`\n border-color: ${theme?.color[inactiveBorderColor][\n inactiveBorderColorTone\n ]};\n `;\n }\n};\n\nconst leftStyles = ({\n theme,\n isFirstOption,\n}: PressableOptions & Partial<StyleProps>) =>\n isFirstOption &&\n css`\n border-top-left-radius: ${theme?.borderRadius.mili};\n border-bottom-left-radius: ${theme?.borderRadius.mili};\n border-left-width: ${theme?.borderWidth.pico};\n `;\n\nconst rightStyles = ({\n theme,\n isLastOption,\n}: PressableOptions & Partial<StyleProps>) =>\n isLastOption &&\n css`\n border-top-right-radius: ${theme?.borderRadius.mili};\n border-bottom-right-radius: ${theme?.borderRadius.mili};\n border-right-width: ${theme?.borderWidth.pico};\n `;\n\nconst sizeStyles = ({\n theme,\n buttonSize = 'small',\n}: PressableOptions & Partial<StyleProps>) => {\n switch (buttonSize) {\n case 'small':\n return css`\n padding: ${theme?.spacing.mili} ${theme?.spacing.deca};\n min-height: ${RFValueStr('34px')};\n `;\n default:\n return css`\n padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n min-height: ${RFValueStr('44px')};\n `;\n }\n};\n\nconst StyledPressableBase = styled(PressableSurface)<\n PressableOptions & Partial<StyleProps>\n>`\n border-top-width: ${({ theme }) => theme.borderWidth.pico};\n border-bottom-width: ${({ theme }) => theme.borderWidth.pico};\n justify-content: center;\n align-items: center;\n flex: 1;\n`;\n\nexport const StyledOption = styled.View`\n flex-direction: row;\n flex: 1;\n`;\n\nexport const StyledDivider = styled.View<Partial<StyleProps>>`\n width: ${({ theme }) => theme.borderWidth.pico};\n background-color: ${({ theme }) => theme.color.secondary.light}; ;\n`;\n\nexport const StyledPressable = styled(StyledPressableBase)(\n (props: PressableOptions & Partial<StyleProps>) => css`\n ${activeStyles(props)}\n ${inactiveStyles(props)}\n ${leftStyles(props)}\n ${rightStyles(props)}\n ${sizeStyles(props)}\n ${disabledStyles(props)}\n `\n);\n"],"names":[],"mappings":"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"}

package/dist/esm/components/atoms/Icon/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n Component: ComponentType<IconRNVIProps>,\n size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n text-align: center;\n`;\n"],"names":[],"mappings":";;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAA,~~EAAwB~~,~~KAAA~~,~~KAAA~~,~~EAAO~~,~~SAAS~~,IAAI,~~CAAA~~,CAAA;AAAA;AAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n Component: ComponentType<IconRNVIProps>,\n size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n text-align: center;\n`;\n"],"names":[],"mappings":";;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAA,OAAwB,KAAO,EAAA,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA;AAAA;;;;"}

package/dist/esm/components/atoms/Input/hooks/useNumberMask.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useNumberMask.js","sources":["../../../../../../src/components/atoms/Input/hooks/useNumberMask.ts"],"sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';\nimport { MaskValue } from './useStringMask';\n\nexport type CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n symbol: 'R$ ',\n separator: '.',\n decimal: ',',\n precision: 2,\n};\n\nconst getRegex = (precision: number) =>\n new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g');\n\nexport const getInternalNumberAndMask = (\n value: string \| number,\n options?: CurrencyOptions\n): { internalNumber: number; mergedOptions: CurrencyOptions } => {\n const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n const { precision = -1 } = mergedOptions;\n\n let internalNumber;\n\n if (typeof value === 'number') {\n if (precision) {\n let stringValue = String(value);\n const decimalIndex = stringValue.indexOf('.');\n const currentPrecision = decimalIndex + precision;\n if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {\n const zeros = stringValue.length + 1 - currentPrecision;\n for (let i = 0; i < zeros; i++) stringValue = stringValue + `0`;\n }\n internalNumber = Number(stringValue);\n } else {\n internalNumber = value;\n }\n } else {\n const onlyNumbers = String(extractNumbersFromString(value));\n const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n }\n\n if (internalNumber > Number.MAX_SAFE_INTEGER) {\n internalNumber = Number.MAX_SAFE_INTEGER;\n }\n\n if (internalNumber < Number.MIN_SAFE_INTEGER) {\n internalNumber = Number.MIN_SAFE_INTEGER;\n }\n\n return {\n internalNumber,\n mergedOptions,\n };\n};\n\n/*\n TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useNumberMask = (\n options?: CurrencyOptions,\n defaultValue?: string \| number\n): [MaskValue, (value: string \| number) => void] => {\n const applyMask = useCallback(\n (value: string \| number = 0): MaskValue => {\n const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n value,\n options\n );\n\n return {\n raw: internalNumber,\n formatted: currency(internalNumber).format(mergedOptions),\n };\n },\n [options, getRegex]\n );\n\n const [value, setValue] = useState<MaskValue>(applyMask(defaultValue));\n\n const handleChangeValue = useCallback(\n (formattedValue: string \| number) => {\n const { raw, formatted } = applyMask(formattedValue);\n setValue({\n raw,\n formatted,\n });\n },\n [applyMask, setValue]\n );\n\n return [value, handleChangeValue];\n};\n"],"names":["value"],"mappings":";;;;AAOA,MAAM,eAAmC,GAAA;AAAA,EACvC,MAAQ,EAAA,KAAA;AAAA,EACR,SAAW,EAAA,GAAA;AAAA,EACX,OAAS,EAAA,GAAA;AAAA,EACT,SAAW,EAAA,CAAA;AACb,CAAA,CAAA;AAEA,MAAM,~~WAAW~~,CAAC,~~SAAA~~,~~KAChB~~,IAAI,~~MAAO~~,~~CAAA~~,~~CAAA,~~WAAA,~~EAAc~~,~~uBAAuB~~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"}
1	+ {"version":3,"file":"useNumberMask.js","sources":["../../../../../../src/components/atoms/Input/hooks/useNumberMask.ts"],"sourcesContent":["import currency from 'currency.js';\nimport { useCallback, useState } from 'react';\nimport { extractNumbersFromString } from '../../../../utils/extractNumbersFromString';\nimport { MaskValue } from './useStringMask';\n\nexport type CurrencyOptions = currency.Options;\n\nconst DEFAULT_OPTIONS: CurrencyOptions = {\n symbol: 'R$ ',\n separator: '.',\n decimal: ',',\n precision: 2,\n};\n\nconst getRegex = (precision: number) =>\n new RegExp(`\\\\B(?=(\\\\d{${precision}})(?!\\\\d))`, 'g');\n\nexport const getInternalNumberAndMask = (\n value: string \| number,\n options?: CurrencyOptions\n): { internalNumber: number; mergedOptions: CurrencyOptions } => {\n const mergedOptions = { ...DEFAULT_OPTIONS, ...options };\n const { precision = -1 } = mergedOptions;\n\n let internalNumber;\n\n if (typeof value === 'number') {\n if (precision) {\n let stringValue = String(value);\n const decimalIndex = stringValue.indexOf('.');\n const currentPrecision = decimalIndex + precision;\n if (decimalIndex !== -1 && currentPrecision <= stringValue.length) {\n const zeros = stringValue.length + 1 - currentPrecision;\n for (let i = 0; i < zeros; i++) stringValue = stringValue + `0`;\n }\n internalNumber = Number(stringValue);\n } else {\n internalNumber = value;\n }\n } else {\n const onlyNumbers = String(extractNumbersFromString(value));\n const padZeros = String(onlyNumbers).padStart(precision + 1, '0');\n internalNumber = Number(padZeros.replace(getRegex(precision), '.'));\n }\n\n if (internalNumber > Number.MAX_SAFE_INTEGER) {\n internalNumber = Number.MAX_SAFE_INTEGER;\n }\n\n if (internalNumber < Number.MIN_SAFE_INTEGER) {\n internalNumber = Number.MIN_SAFE_INTEGER;\n }\n\n return {\n internalNumber,\n mergedOptions,\n };\n};\n\n/*\n TODO:\n * @param options\n * @param defaultValue\n * @returns\n */\nexport const useNumberMask = (\n options?: CurrencyOptions,\n defaultValue?: string \| number\n): [MaskValue, (value: string \| number) => void] => {\n const applyMask = useCallback(\n (value: string \| number = 0): MaskValue => {\n const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n value,\n options\n );\n\n return {\n raw: internalNumber,\n formatted: currency(internalNumber).format(mergedOptions),\n };\n },\n [options, getRegex]\n );\n\n const [value, setValue] = useState<MaskValue>(applyMask(defaultValue));\n\n const handleChangeValue = useCallback(\n (formattedValue: string \| number) => {\n const { raw, formatted } = applyMask(formattedValue);\n setValue({\n raw,\n formatted,\n });\n },\n [applyMask, setValue]\n );\n\n return [value, handleChangeValue];\n};\n"],"names":["value"],"mappings":"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"}

package/dist/esm/components/atoms/Input/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { InputContainerProps } from './InputContainer/InputContainer';\nimport { Icon } from '../Icon';\nconst leftIconStyles = ({\n leftComponent,\n theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n !leftComponent &&\n css`\n padding-left: ${theme.spacing.centi};\n `;\n\nconst rightIconStyles = ({\n rightComponent,\n theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n !rightComponent &&\n css`\n padding-right: ${theme.spacing.centi};\n `;\n\nconst disabledContainerStyles = ({\n disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n disabled &&\n css`\n background-color: transparent;\n `;\n\nexport const disabledInputStyles = ({\n disabled,\n theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n disabled &&\n css`\n color: ${theme?.color.secondary.light};\n `;\n\nconst focusedStyles = ({\n focused,\n borderColor = 'secondary',\n theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n focused &&\n css`\n border-width: ${theme.borderWidth.nano};\n border-color: ${theme.color[borderColor].dark};\n `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n z-index: ${({ theme }) => theme.zIndex.default};\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n Partial<InputContainerProps> & Partial<StyleProps>\n>`\n flex-direction: row;\n align-items: center;\n min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n InputElementProps & Partial<StyleProps>\n>`\n font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n font-size: ${({ theme }) => theme.typography.base.fontSize};\n font-weight: ${({ theme }) => theme.font.weight.bold};\n color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n Partial<InputContainerProps> & Partial<StyleProps>\n>(\n props => css`\n flex: 1;\n padding: ${props.theme.spacing.micro} 0;\n ${leftIconStyles(props)}\n ${rightIconStyles(props)}\n `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n Partial<InputContainerProps> & Partial<StyleProps>\n>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n border-color: ${({\n theme,\n borderColor = 'secondary',\n borderColorGradation = 'light',\n }) => theme.color[borderColor][borderColorGradation]};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n border-width: ${({ theme }) => theme.borderWidth.pico};\n position: absolute;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n Partial<StyleProps>\n>(\n props => css`\n ${focusedStyles(props)}\n ${disabledContainerStyles(props)}\n `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n InputElementProps & Partial<StyleProps>\n>(\n props => css`\n width: 100%;\n ${disabledInputStyles(props)}\n `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n margin-top: ${({ theme }) => theme.spacing.micro};\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"names":[],"mappings":";;;;;AAOA,MAAM,iBAAiB,CAAC;AAAA,EACtB,aAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,CAAC,aACD,IAAA,GAAA,CAAA;AAAA,~~kBAAA~~,~~EACkB~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGlC~~,MAAM,kBAAkB,CAAC;AAAA,EACvB,cAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,CAAC,cACD,IAAA,GAAA,CAAA;AAAA,~~mBAAA~~,~~EACmB~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGnC~~,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAA;AACF,CAAA,KACE,QACA,IAAA,GAAA,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAIK,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,QACA,IAAA,GAAA,CAAA;AAAA,WACW,EAAA,KAAA,EAAO,~~MAAM~~,~~SAAU,~~CAAA,~~KAAA~~,CAAA;AAAA,EAAA,EAAA;~~AAGpC~~,MAAM,gBAAgB,CAAC;AAAA,EACrB,OAAA;AAAA,EACA,WAAc,GAAA,WAAA;AAAA,EACd,KAAA;AACF,CAAA,KACE,OACA,IAAA,GAAA,CAAA;AAAA,~~kBAAA~~,~~EACkB~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,~~kBAClB~~,~~EAAA~~,KAAA,CAAM,~~KAAM~~,CAAA,~~WAAW,~~CAAE,~~CAAA~~,~~IAAA,~~CAAA;AAAA,EAAA,CAAA,CAAA;~~AAGtC~~,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,WAAA,EAC3B,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~MAAO~~,~~CAAA~~,~~OAAA~~,CAAA;AAAA;AAAA;AAAA,EAAA;~~AAKlC~~,MAAM,uBAAuB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,~~cAAA~~,~~EAK3B~~,~~WAAW~~,MAAM,~~CAAA~~,CAAA;AAAA,EAAA;~~AAGpB~~,MAAA,sBAAA,GAAyB,OAAO,SAAS,CAAA,CAAA;AAAA,~~eAAA~~,~~EAGrC~~,CAAC,EAAE,~~KAAA~~,~~OAAY~~,~~CAAI~~,~~CAAA~~,~~EAAA~~,~~KAAA~~,~~CAAM~~,~~KAAK~~,KAAM,CAAA,~~OAAA~~,~~CAAA~~,CAAA,CAAA,CAAA;AAAA,aAAA,~~EACtC~~,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,~~KAAA~~,~~CAAM~~,~~WAAW~~,~~IAAK~~,~~CAAA~~,~~QAAA,~~CAAA;AAAA,eAAA,~~EACnC~~,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,~~KAAA~~,~~CAAM~~,~~KAAK~~,~~MAAO~~,~~CAAA~~,~~IAAA,~~CAAA;AAAA,SAAA,~~EACvC~~,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,~~KAAA~~,~~CAAM~~,~~KAAK~~,~~KAAM~~,~~CAAA~~,~~IAAA,~~CAAA;AAAA,EAAA;~~AAGpC~~,MAAM,uBAAuB,MAAO,CAAA,IAAA;AAAA,EAGzC,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA;AAAA,aAEI,EAAA,KAAA,CAAM,~~MAAM~~,~~OAAQ,~~CAAA,~~KAAA~~,CAAA;AAAA,~~IAAA~~,~~EAC7B~~,~~eAAe~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EACpB~~,~~gBAAgB~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAE3B~~,EAAA;AAEA,MAAM,yBAAyB,MAAO,CAAA,IAAA,CAAA;AAAA,oBAAA,EAGhB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~aAAc~~,~~CAAA~~,~~YAAA~~,CAAA;AAAA,gBAAA,~~EACvC~~,CAAC;AAAA,EACf,KAAA;AAAA,EACA,WAAc,GAAA,WAAA;AAAA,EACd,oBAAuB,GAAA,OAAA;AACzB,CAAA,KAAM,KAAM,CAAA,KAAA,CAAM,WAAW,CAAA,CAAE,oBAAoB,~~CAAA~~,CAAA;AAAA,iBAAA,~~EAClC~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~YAAa~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,gBAAA,~~EACnC~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~WAAY~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;~~AAMtC~~,MAAA,kBAAA,GAAqB,OAAO,sBAAsB,CAAA;AAAA,EAG7D,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,~~IAAA~~,~~EACL~~,~~cAAc~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EACnB~~,~~wBAAwB~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAEnC~~,EAAA;AAEa,MAAA,kBAAA,GAAqB,OAAO,sBAAsB,CAAA;AAAA,EAG7D,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA;AAAA,~~IAAA~~,~~EAEL~~,~~oBAAoB~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAE/B~~,EAAA;AAEO,MAAM,sBAAsB,MAAO,CAAA,IAAA,CAAA;AAAA,cAAA,EAC1B,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA;AAAA;AAAA,EAAA;~~AAKhC~~,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~KAAA~~,CAAA;AAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { InputContainerProps } from './InputContainer/InputContainer';\nimport { Icon } from '../Icon';\nconst leftIconStyles = ({\n leftComponent,\n theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n !leftComponent &&\n css`\n padding-left: ${theme.spacing.centi};\n `;\n\nconst rightIconStyles = ({\n rightComponent,\n theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n !rightComponent &&\n css`\n padding-right: ${theme.spacing.centi};\n `;\n\nconst disabledContainerStyles = ({\n disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n disabled &&\n css`\n background-color: transparent;\n `;\n\nexport const disabledInputStyles = ({\n disabled,\n theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n disabled &&\n css`\n color: ${theme?.color.secondary.light};\n `;\n\nconst focusedStyles = ({\n focused,\n borderColor = 'secondary',\n theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n focused &&\n css`\n border-width: ${theme.borderWidth.nano};\n border-color: ${theme.color[borderColor].dark};\n `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n z-index: ${({ theme }) => theme.zIndex.default};\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n Partial<InputContainerProps> & Partial<StyleProps>\n>`\n flex-direction: row;\n align-items: center;\n min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n InputElementProps & Partial<StyleProps>\n>`\n font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n font-size: ${({ theme }) => theme.typography.base.fontSize};\n font-weight: ${({ theme }) => theme.font.weight.bold};\n color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n Partial<InputContainerProps> & Partial<StyleProps>\n>(\n props => css`\n flex: 1;\n padding: ${props.theme.spacing.micro} 0;\n ${leftIconStyles(props)}\n ${rightIconStyles(props)}\n `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n Partial<InputContainerProps> & Partial<StyleProps>\n>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n border-color: ${({\n theme,\n borderColor = 'secondary',\n borderColorGradation = 'light',\n }) => theme.color[borderColor][borderColorGradation]};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n border-width: ${({ theme }) => theme.borderWidth.pico};\n position: absolute;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n Partial<StyleProps>\n>(\n props => css`\n ${focusedStyles(props)}\n ${disabledContainerStyles(props)}\n `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n InputElementProps & Partial<StyleProps>\n>(\n props => css`\n width: 100%;\n ${disabledInputStyles(props)}\n `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n margin-top: ${({ theme }) => theme.spacing.micro};\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/atoms/Paper/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Paper/styled.ts"],"sourcesContent":["import { Animated } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { PaperProps } from './Paper';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\n\nexport const StyledPaper = styled(Animated.View)<\n PaperProps & Partial<StyleProps>\n>(\n props => css`\n ${baseStyles(props)}\n ${elevatedStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;;AAMa,MAAA,WAAA,GAAc,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EAG7C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,~~IAAA~~,~~EACL~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,~~IAAA~~,~~EAChB~~,~~eAAe~~,KAAK,~~CAAA~~,CAAA;AAAA,EAAA,CAAA;~~AAE1B~~;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Paper/styled.ts"],"sourcesContent":["import { Animated } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { PaperProps } from './Paper';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\n\nexport const StyledPaper = styled(Animated.View)<\n PaperProps & Partial<StyleProps>\n>(\n props => css`\n ${baseStyles(props)}\n ${elevatedStyles(props)}\n `\n);\n"],"names":[],"mappings":";;;;AAMa,MAAA,WAAA,GAAc,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EAG7C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IACL,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,cAAA,CAAe,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAE3B;;;;"}

package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@emotion/react';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\nimport { Container, Progress, Segment } from './styled';\n\nexport interface ProgressBarProps extends ViewProps {\n /** Number of segments. Defaults to 1. Set to 1 when 0 or less /\n segments?: number;\n /* Minimum possible value (0% of the bar). Defaults to 0 /\n valueMin?: number;\n /* Maximum possible value (100% of the bar). Defaults to 100 /\n valueMax?: number;\n /* Current value /\n valueNow: number \| string;\n /* Filled partition color. Defaults to 'primary' /\n color?: ColorType;\n /* Filled partition color tone. Defaults to 'medium' /\n colorTone?: ColorGradationType;\n /* Animation (temporarily disabled) /\n animate?: boolean;\n /* Parameters animation /\n animationParameters?: { direction: 'left' \| 'right'; duration: number };\n}\n\nconst ProgressBar = ({\n segments: _segments = 1,\n valueMin = 0,\n valueNow: _valueNow,\n valueMax = 100,\n color = 'primary',\n colorTone = 'medium',\n animationParameters,\n ...rest\n}: ProgressBarProps): JSX.Element => {\n const theme = useTheme() as ThemeProp;\n const animationValue = React.useRef(new Animated.Value(0)).current;\n const animate = false;\n\n const valueNow =\n typeof _valueNow === 'string'\n ? extractNumbersFromString(_valueNow)\n : _valueNow;\n\n const totalProgress = ((valueNow - valueMin) / (valueMax - valueMin)) 100;\n const segments = Math.max(1, _segments);\n const segmentWidth = 100 / Math.max(segments);\n\n const items = [...Array(segments).keys()];\n\n const segmentsRender = items.map(index => {\n const max = segmentWidth * (index + 1);\n const min = segmentWidth * index;\n const minmax = (totalProgress - min) / (max - min);\n const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;\n\n let progressPercent:\n \| string\n \| Animated.AnimatedInterpolation<number \| string> = `${width}%`;\n\n if (animate && animationParameters) {\n Animated.timing(animationValue, {\n toValue: 1,\n duration: animationParameters.duration / items.length,\n useNativeDriver: false,\n delay:\n animationParameters.direction === 'right'\n ? index * (animationParameters.duration / items.length)\n : (items.length - index - 1) *\n (animationParameters.duration / items.length),\n }).start();\n\n const rangeAnimation =\n animationParameters?.direction === 'right'\n ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`]\n : [`${valueMax}%`, `${width}%`];\n\n progressPercent = animationValue.interpolate?.({\n inputRange: [0, 1],\n outputRange: rangeAnimation,\n });\n }\n\n return (\n <Segment\n key={index}\n style={{\n borderRightWidth: index == segments - 1 ? 0 : 2,\n }}\n >\n <Progress\n style={{\n width: progressPercent,\n backgroundColor: theme.color[color][colorTone],\n borderRightWidth: width > 0 && width < 100 ? 2 : 0,\n }}\n />\n </Segment>\n );\n });\n\n return <Container {...rest}>{segmentsRender}</Container>;\n};\n\nexport default ProgressBar;\n"],"names":["React"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,cAAc,CAAC;AAAA,EACnB,UAAU,SAAY,GAAA,CAAA;AAAA,EACtB,QAAW,GAAA,CAAA;AAAA,EACX,QAAU,EAAA,SAAA;AAAA,EACV,QAAW,GAAA,GAAA;AAAA,EACX,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,mBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAqC,KAAA;AACnC,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAuBA,eAAM,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,QAAA;AAG3D,EAAA,MAAM,WACJ,OAAO,SAAA,KAAc,QACjB,GAAA,wBAAA,CAAyB,SAAS,CAClC,GAAA,SAAA,CAAA;AAEN,EAAA,MAAM,aAAkB,GAAA,CAAA,QAAA,GAAW,QAAa,KAAA,QAAA,GAAW,QAAa,CAAA,GAAA,GAAA,CAAA;AACxE,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,GAAI,CAAA,CAAA,EAAG,SAAS,CAAA,CAAA;AACtC,EAAA,MAAM,YAAe,GAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AAE5C,EAAA,MAAM,QAAQ,CAAC,GAAG,MAAM,QAAQ,CAAA,CAAE,MAAM,CAAA,CAAA;AAExC,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,GAAA,CAAI,CAAS,KAAA,KAAA;AACxC,IAAM,MAAA,GAAA,GAAM,gBAAgB,KAAQ,GAAA,CAAA,CAAA,CAAA;AACpC,IAAA,MAAM,MAAM,YAAe,GAAA,KAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAA,CAAU,aAAgB,GAAA,GAAA,KAAQ,GAAM,GAAA,GAAA,CAAA,CAAA;AAC9C,IAAA,MAAM,SAAS,MAAS,GAAA,CAAA,GAAI,IAAI,MAAS,GAAA,CAAA,GAAI,IAAI,MAAU,IAAA,GAAA,CAAA;AAE3D,IAAA,~~IAAI~~,~~kBAEkD~~,~~CAAG~~,~~EAAA~~,~~KAAA,~~CAAA,CAAA,CAAA,CAAA;~~AAyBzD~~,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,gBAAkB,EAAA,KAAA,IAAS,QAAW,GAAA,CAAA,GAAI,CAAI,GAAA,CAAA;AAAA,SAChD;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,eAAA;AAAA,YACP,eAAiB,EAAA,KAAA,CAAM,KAAM,CAAA,KAAK,EAAE,SAAS,CAAA;AAAA,YAC7C,gBAAkB,EAAA,KAAA,GAAQ,CAAK,IAAA,KAAA,GAAQ,MAAM,CAAI,GAAA,CAAA;AAAA,WACnD;AAAA,SAAA;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GAEH,CAAA,CAAA;AAED,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,IAAA,EAAA,EAAO,cAAe,CAAA,CAAA;AAC9C;;;;"}
1	+ {"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/atoms/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from 'react';\nimport { useTheme } from '@emotion/react';\nimport { Animated, ViewProps } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\nimport { Container, Progress, Segment } from './styled';\n\nexport interface ProgressBarProps extends ViewProps {\n /** Number of segments. Defaults to 1. Set to 1 when 0 or less /\n segments?: number;\n /* Minimum possible value (0% of the bar). Defaults to 0 /\n valueMin?: number;\n /* Maximum possible value (100% of the bar). Defaults to 100 /\n valueMax?: number;\n /* Current value /\n valueNow: number \| string;\n /* Filled partition color. Defaults to 'primary' /\n color?: ColorType;\n /* Filled partition color tone. Defaults to 'medium' /\n colorTone?: ColorGradationType;\n /* Animation (temporarily disabled) /\n animate?: boolean;\n /* Parameters animation /\n animationParameters?: { direction: 'left' \| 'right'; duration: number };\n}\n\nconst ProgressBar = ({\n segments: _segments = 1,\n valueMin = 0,\n valueNow: _valueNow,\n valueMax = 100,\n color = 'primary',\n colorTone = 'medium',\n animationParameters,\n ...rest\n}: ProgressBarProps): JSX.Element => {\n const theme = useTheme() as ThemeProp;\n const animationValue = React.useRef(new Animated.Value(0)).current;\n const animate = false;\n\n const valueNow =\n typeof _valueNow === 'string'\n ? extractNumbersFromString(_valueNow)\n : _valueNow;\n\n const totalProgress = ((valueNow - valueMin) / (valueMax - valueMin)) 100;\n const segments = Math.max(1, _segments);\n const segmentWidth = 100 / Math.max(segments);\n\n const items = [...Array(segments).keys()];\n\n const segmentsRender = items.map(index => {\n const max = segmentWidth * (index + 1);\n const min = segmentWidth * index;\n const minmax = (totalProgress - min) / (max - min);\n const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;\n\n let progressPercent:\n \| string\n \| Animated.AnimatedInterpolation<number \| string> = `${width}%`;\n\n if (animate && animationParameters) {\n Animated.timing(animationValue, {\n toValue: 1,\n duration: animationParameters.duration / items.length,\n useNativeDriver: false,\n delay:\n animationParameters.direction === 'right'\n ? index * (animationParameters.duration / items.length)\n : (items.length - index - 1) *\n (animationParameters.duration / items.length),\n }).start();\n\n const rangeAnimation =\n animationParameters?.direction === 'right'\n ? [`${valueMin < 0 ? 0 : valueMin}%`, `${width}%`]\n : [`${valueMax}%`, `${width}%`];\n\n progressPercent = animationValue.interpolate?.({\n inputRange: [0, 1],\n outputRange: rangeAnimation,\n });\n }\n\n return (\n <Segment\n key={index}\n style={{\n borderRightWidth: index == segments - 1 ? 0 : 2,\n }}\n >\n <Progress\n style={{\n width: progressPercent,\n backgroundColor: theme.color[color][colorTone],\n borderRightWidth: width > 0 && width < 100 ? 2 : 0,\n }}\n />\n </Segment>\n );\n });\n\n return <Container {...rest}>{segmentsRender}</Container>;\n};\n\nexport default ProgressBar;\n"],"names":["React"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,cAAc,CAAC;AAAA,EACnB,UAAU,SAAY,GAAA,CAAA;AAAA,EACtB,QAAW,GAAA,CAAA;AAAA,EACX,QAAU,EAAA,SAAA;AAAA,EACV,QAAW,GAAA,GAAA;AAAA,EACX,KAAQ,GAAA,SAAA;AAAA,EACR,SAAY,GAAA,QAAA;AAAA,EACZ,mBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAqC,KAAA;AACnC,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAuBA,eAAM,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,QAAA;AAG3D,EAAA,MAAM,WACJ,OAAO,SAAA,KAAc,QACjB,GAAA,wBAAA,CAAyB,SAAS,CAClC,GAAA,SAAA,CAAA;AAEN,EAAA,MAAM,aAAkB,GAAA,CAAA,QAAA,GAAW,QAAa,KAAA,QAAA,GAAW,QAAa,CAAA,GAAA,GAAA,CAAA;AACxE,EAAA,MAAM,QAAW,GAAA,IAAA,CAAK,GAAI,CAAA,CAAA,EAAG,SAAS,CAAA,CAAA;AACtC,EAAA,MAAM,YAAe,GAAA,GAAA,GAAM,IAAK,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AAE5C,EAAA,MAAM,QAAQ,CAAC,GAAG,MAAM,QAAQ,CAAA,CAAE,MAAM,CAAA,CAAA;AAExC,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,GAAA,CAAI,CAAS,KAAA,KAAA;AACxC,IAAM,MAAA,GAAA,GAAM,gBAAgB,KAAQ,GAAA,CAAA,CAAA,CAAA;AACpC,IAAA,MAAM,MAAM,YAAe,GAAA,KAAA,CAAA;AAC3B,IAAM,MAAA,MAAA,GAAA,CAAU,aAAgB,GAAA,GAAA,KAAQ,GAAM,GAAA,GAAA,CAAA,CAAA;AAC9C,IAAA,MAAM,SAAS,MAAS,GAAA,CAAA,GAAI,IAAI,MAAS,GAAA,CAAA,GAAI,IAAI,MAAU,IAAA,GAAA,CAAA;AAE3D,IAAI,IAAA,eAAA,GAEkD,GAAG,KAAK,CAAA,CAAA,CAAA,CAAA;AAyB9D,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,KAAO,EAAA;AAAA,UACL,gBAAkB,EAAA,KAAA,IAAS,QAAW,GAAA,CAAA,GAAI,CAAI,GAAA,CAAA;AAAA,SAChD;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,eAAA;AAAA,YACP,eAAiB,EAAA,KAAA,CAAM,KAAM,CAAA,KAAK,EAAE,SAAS,CAAA;AAAA,YAC7C,gBAAkB,EAAA,KAAA,GAAQ,CAAK,IAAA,KAAA,GAAQ,MAAM,CAAI,GAAA,CAAA;AAAA,WACnD;AAAA,SAAA;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GAEH,CAAA,CAAA;AAED,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,IAAA,EAAA,EAAO,cAAe,CAAA,CAAA;AAC9C;;;;"}

package/dist/esm/components/atoms/ProgressBar/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/ProgressBar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\n\nexport const Container = styled.View<Partial<StyleProps>>`\n display: flex;\n height: ${({ theme }) => theme.spacing.mili};\n border-radius: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n flex-direction: row;\n overflow: hidden;\n`;\n\nexport const Segment = styled.View<Partial<StyleProps>>`\n flex: 1;\n background-color: ${({ theme }) => theme.color.secondary.light};\n border-right-width: ${RFValueStr('2px')};\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Progress = styled(Animated.View)<Partial<StyleProps>>`\n height: 100%;\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,MAAM,YAAY,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,UAAA,EAEpB,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA,iBAAA,~~EACtB~~,CAAC,EAAE,~~KAAM~~,~~EAAA~~,~~KAAM~~,~~MAAM~~,~~OAAQ~~,~~CAAA~~,~~IAAA~~,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;~~AAMzC~~,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAER,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,KAAA,CAAM,~~MAAM~~,~~SAAU~~,CAAA~~,KAAA,CAAA~~;AAAA,~~sBAAA~~,~~EACnC~~,~~WAAW~~,KAAK,~~CAAA~~,CAAA;AAAA,gBAAA,~~EACtB~~,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,KAAA,CAAM,MAAM,~~SAAU,~~CAAA~~,MAAA,CAAA~~;AAAA,EAAA;~~AAG1C~~,MAAA,QAAA,GAAW,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA;AAAA,gBAAA,EAE1B,CAAC,EAAE,KAAA,~~EAAY~~,~~KAAA~~,KAAA,CAAM,MAAM,~~SAAU,~~CAAA~~,MAAA,CAAA~~;AAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/ProgressBar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\n\nexport const Container = styled.View<Partial<StyleProps>>`\n display: flex;\n height: ${({ theme }) => theme.spacing.mili};\n border-radius: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n flex-direction: row;\n overflow: hidden;\n`;\n\nexport const Segment = styled.View<Partial<StyleProps>>`\n flex: 1;\n background-color: ${({ theme }) => theme.color.secondary.light};\n border-right-width: ${RFValueStr('2px')};\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n\nexport const Progress = styled(Animated.View)<Partial<StyleProps>>`\n height: 100%;\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,MAAM,YAAY,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,UAAA,EAEpB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,iBAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM7C,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAER,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,sBACxC,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,EAAA;AAGhD,MAAA,QAAA,GAAW,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA;AAAA,gBAAA,EAE1B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA;;;;"}