@tecsinapse/react-core 1.12.4 → 1.12.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.12.5](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.12.4...@tecsinapse/react-core@1.12.5) (2022-01-05)
+
+**Note:** Version bump only for package @tecsinapse/react-core
+
+
+
+
+
 ## [1.12.4](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.12.3...@tecsinapse/react-core@1.12.4) (2021-12-23)
 
 

package/dist/components/atoms/Badge/styled.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
 import { View } from 'react-native';
+import { BadgeProps } from './Badge';
 export declare const BadgeStyle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Partial<any>, {}, {
+} & Partial<import("../../../types/defaults").ThemeProviderProps & BadgeProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
 export declare const ViewStyled: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Partial<any>, {}, {
+} & Partial<import("../../../types/defaults").ThemeProviderProps & BadgeProps>, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/dist/components/atoms/Badge/styled.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ViewStyled = exports.BadgeStyle = void 0;
 
+var _native = _interopRequireWildcard(require("@emotion/native"));
+
 var _reactNative = require("react-native");
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+var _utils = require("../../../utils");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -27,8 +29,8 @@ const baseStyle = ({
     justify-content: center;
     height: ${theme.iconSize.centi};
     width: ${theme.iconSize.centi};
-    top: -4px;
-    right: -4px;
+    top: ${(0, _utils.RFValueStr)('-4px')};
+    right: ${(0, _utils.RFValueStr)('-4px')};
   `;
 };
 

package/dist/components/atoms/Badge/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Badge/styled.ts"],"names":["baseStyle","theme","color","tone","borderRadius","pill","iconSize","centi","BadgeStyle","View","ViewStyled"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAIA,MAAMA,SAAS,GAAG,CAAC;AACjBC,EAAAA,KADiB;AAEjBC,EAAAA,KAAK,GAAG,SAFS;AAGjBC,EAAAA,IAAI,GAAG;AAHU,CAAD,KAIsB;AACtC,SAAO,gBAAI;AACb,qBAAqBF,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC7C,wBAAwBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBC,IAAnB,CAAyB;AACjD;AACA;AACA;AACA;AACA,cAAcF,KAAK,CAACK,QAAN,CAAeC,KAAM;AACnC,aAAaN,KAAK,CAACK,QAAN,CAAeC,KAAM;AAClC;AACA;AACA,GAXE;AAYD,CAjBD;;AAmBO,MAAMC,UAAU,GAAG,qBAAOC,iBAAP,EACxBT,SADwB,CAAnB;;AAIA,MAAMU,UAAU,GAAG,qBAAOD,iBAAP,CAA+C;AACzE;AACA;AACA;AACA;AACA,CALO","sourcesContent":["import { View } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\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: -4px;\n    right: -4px;\n  `;\n};\n\nexport const BadgeStyle = styled(View)<Partial<StyleProps & BadgeProps>>(\n  baseStyle\n);\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"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Badge/styled.ts"],"names":["baseStyle","theme","color","tone","borderRadius","pill","iconSize","centi","BadgeStyle","View","ViewStyled"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,SAAS,GAAG,CAAC;AACjBC,EAAAA,KADiB;AAEjBC,EAAAA,KAAK,GAAG,SAFS;AAGjBC,EAAAA,IAAI,GAAG;AAHU,CAAD,KAIsB;AACtC,SAAO,gBAAI;AACb,qBAAqBF,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC7C,wBAAwBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBC,IAAnB,CAAyB;AACjD;AACA;AACA;AACA;AACA,cAAcF,KAAK,CAACK,QAAN,CAAeC,KAAM;AACnC,aAAaN,KAAK,CAACK,QAAN,CAAeC,KAAM;AAClC,WAAW,uBAAW,MAAX,CAAmB;AAC9B,aAAa,uBAAW,MAAX,CAAmB;AAChC,GAXE;AAYD,CAjBD;;AAmBO,MAAMC,UAAU,GAAG,qBAAOC,iBAAP,EACxBT,SADwB,CAAnB;;AAIA,MAAMU,UAAU,GAAG,qBAAOD,iBAAP,CAA+C;AACzE;AACA;AACA;AACA;AACA,CALO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } 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: ${RFValueStr('-4px')};\n    right: ${RFValueStr('-4px')};\n  `;\n};\n\nexport const BadgeStyle = styled(View)<Partial<StyleProps & BadgeProps>>(\n  baseStyle\n);\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"],"file":"styled.js"}

package/dist/components/atoms/Button/styled.js

@@ -7,6 +7,8 @@ exports.StyledButton = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 
+var _utils = require("../../../utils");
+
 var _PressableSurface = require("../PressableSurface");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -31,13 +33,13 @@ const sizeStyles = ({
     case 'small':
       return (0, _native.css)`
         padding: ${theme.spacing.mili} ${theme.spacing.deca};
-        min-height: 34px;
+        min-height: ${(0, _utils.RFValueStr)('34px')};
       `;
 
     default:
       return (0, _native.css)`
         padding: ${theme.spacing.mili} ${theme.spacing.kilo};
-        min-height: 44px;
+        min-height: ${(0, _utils.RFValueStr)('44px')};
       `;
   }
 };

package/dist/components/atoms/Button/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Button/styled.ts"],"names":["outlineVariant","theme","color","variant","tone","borderWidth","pico","sizeStyles","size","spacing","mili","deca","kilo","StyledButtonBase","PressableSurface","borderRadius","StyledButton","props"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAGA,MAAMA,cAAc,GAAG,CAAC;AACtBC,EAAAA,KADsB;AAEtBC,EAAAA,KAAK,GAAG,SAFc;AAGtBC,EAAAA,OAHsB;AAItBC,EAAAA,IAAI,GAAG;AAJe,CAAD,KAMrBD,OAAO,KAAK,UAAZ,IACA,gBAAI;AACN,oBAAoBF,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBE,IAAnB,CAAyB;AAC7C,oBAAoBH,KAAK,CAACI,WAAN,CAAkBC,IAAK;AAC3C,GAVA;;AAYA,MAAMC,UAAU,GAAG,CAAC;AAAEN,EAAAA,KAAF;AAASO,EAAAA,IAAI,GAAG;AAAhB,CAAD,KAA2D;AAC5E,UAAQA,IAAR;AACE,SAAK,OAAL;AACE,aAAO,gBAAI;AACjB,mBAAmBP,KAAK,CAACQ,OAAN,CAAcC,IAAK,IAAGT,KAAK,CAACQ,OAAN,CAAcE,IAAK;AAC5D;AACA,OAHM;;AAIF;AACE,aAAO,gBAAI;AACjB,mBAAmBV,KAAK,CAACQ,OAAN,CAAcC,IAAK,IAAGT,KAAK,CAACQ,OAAN,CAAcG,IAAK;AAC5D;AACA,OAHM;AAPJ;AAYD,CAbD;;AAeA,MAAMC,gBAAgB,GAAG,qBAAOC,kCAAP,CAEvB;AACF,mBAAmB,CAAC;AAAEb,EAAAA,KAAF;AAASc,EAAAA,YAAY,GAAG;AAAxB,CAAD,KACfd,KAAK,CAACc,YAAN,CAAmBA,YAAnB,CAAiC;AACrC;AACA;AACA;AACA,CARA;AAUO,MAAMC,YAAY,GAAG,qBAAOH,gBAAP,EAG1BI,KAAK,IAAI,gBAAI;AACf,MAAMjB,cAAc,CAACiB,KAAD,CAAQ;AAC5B,MAAMV,UAAU,CAACU,KAAD,CAAQ;AACxB,GAN4B,CAArB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\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: 34px;\n      `;\n    default:\n      return css`\n        padding: ${theme.spacing.mili} ${theme.spacing.kilo};\n        min-height: 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"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Button/styled.ts"],"names":["outlineVariant","theme","color","variant","tone","borderWidth","pico","sizeStyles","size","spacing","mili","deca","kilo","StyledButtonBase","PressableSurface","borderRadius","StyledButton","props"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAGA,MAAMA,cAAc,GAAG,CAAC;AACtBC,EAAAA,KADsB;AAEtBC,EAAAA,KAAK,GAAG,SAFc;AAGtBC,EAAAA,OAHsB;AAItBC,EAAAA,IAAI,GAAG;AAJe,CAAD,KAMrBD,OAAO,KAAK,UAAZ,IACA,gBAAI;AACN,oBAAoBF,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBE,IAAnB,CAAyB;AAC7C,oBAAoBH,KAAK,CAACI,WAAN,CAAkBC,IAAK;AAC3C,GAVA;;AAYA,MAAMC,UAAU,GAAG,CAAC;AAAEN,EAAAA,KAAF;AAASO,EAAAA,IAAI,GAAG;AAAhB,CAAD,KAA2D;AAC5E,UAAQA,IAAR;AACE,SAAK,OAAL;AACE,aAAO,gBAAI;AACjB,mBAAmBP,KAAK,CAACQ,OAAN,CAAcC,IAAK,IAAGT,KAAK,CAACQ,OAAN,CAAcE,IAAK;AAC5D,sBAAsB,uBAAW,MAAX,CAAmB;AACzC,OAHM;;AAIF;AACE,aAAO,gBAAI;AACjB,mBAAmBV,KAAK,CAACQ,OAAN,CAAcC,IAAK,IAAGT,KAAK,CAACQ,OAAN,CAAcG,IAAK;AAC5D,sBAAsB,uBAAW,MAAX,CAAmB;AACzC,OAHM;AAPJ;AAYD,CAbD;;AAeA,MAAMC,gBAAgB,GAAG,qBAAOC,kCAAP,CAEvB;AACF,mBAAmB,CAAC;AAAEb,EAAAA,KAAF;AAASc,EAAAA,YAAY,GAAG;AAAxB,CAAD,KACfd,KAAK,CAACc,YAAN,CAAmBA,YAAnB,CAAiC;AACrC;AACA;AACA;AACA,CARA;AAUO,MAAMC,YAAY,GAAG,qBAAOH,gBAAP,EAG1BI,KAAK,IAAI,gBAAI;AACf,MAAMjB,cAAc,CAACiB,KAAD,CAAQ;AAC5B,MAAMV,UAAU,CAACU,KAAD,CAAQ;AACxB,GAN4B,CAArB","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"],"file":"styled.js"}

package/dist/components/atoms/GroupButton/styled.js

@@ -7,6 +7,8 @@ exports.StyledPressable = exports.StyledDivider = exports.StyledOption = exports
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 
+var _utils = require("../../../utils");
+
 var _PressableSurface = require("../PressableSurface");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -92,13 +94,13 @@ const sizeStyles = ({
     case 'small':
       return (0, _native.css)`
         padding: ${theme === null || theme === void 0 ? void 0 : theme.spacing.mili} ${theme === null || theme === void 0 ? void 0 : theme.spacing.deca};
-        min-height: 34px;
+        min-height: ${(0, _utils.RFValueStr)('34px')};
       `;
 
     default:
       return (0, _native.css)`
         padding: ${theme === null || theme === void 0 ? void 0 : theme.spacing.mili} ${theme === null || theme === void 0 ? void 0 : theme.spacing.kilo};
-        min-height: 44px;
+        min-height: ${(0, _utils.RFValueStr)('44px')};
       `;
   }
 };

package/dist/components/atoms/GroupButton/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/GroupButton/styled.ts"],"names":["StyledGroupButton","styled","View","disabledStyles","disabled","isActive","getStyledGroupItemText","component","active","theme","miscellaneous","surfaceColor","color","secondary","medium","activeStyles","activeBorderColor","activeBorderColorTone","inactiveStyles","inactiveBackgroundColor","inactiveBackgroundColorTone","inactiveBorderColor","inactiveBorderColorTone","leftStyles","isFirstOption","borderRadius","mili","borderWidth","pico","rightStyles","isLastOption","sizeStyles","buttonSize","spacing","deca","kilo","StyledPressableBase","PressableSurface","StyledOption","StyledDivider","light","StyledPressable","props"],"mappings":"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","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\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: 34px;\n      `;\n    default:\n      return css`\n        padding: ${theme?.spacing.mili} ${theme?.spacing.kilo};\n        min-height: 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"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/GroupButton/styled.ts"],"names":["StyledGroupButton","styled","View","disabledStyles","disabled","isActive","getStyledGroupItemText","component","active","theme","miscellaneous","surfaceColor","color","secondary","medium","activeStyles","activeBorderColor","activeBorderColorTone","inactiveStyles","inactiveBackgroundColor","inactiveBackgroundColorTone","inactiveBorderColor","inactiveBorderColorTone","leftStyles","isFirstOption","borderRadius","mili","borderWidth","pico","rightStyles","isLastOption","sizeStyles","buttonSize","spacing","deca","kilo","StyledPressableBase","PressableSurface","StyledOption","StyledDivider","light","StyledPressable","props"],"mappings":"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","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"],"file":"styled.js"}

package/dist/components/atoms/Input/styled.js

@@ -9,6 +9,8 @@ var _native = _interopRequireWildcard(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _utils = require("../../../utils");
+
 var _Icon = require("../Icon");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -64,7 +66,7 @@ exports.StyledIconContent = StyledIconContent;
 const StyledInputContainer = _native.default.View`
   flex-direction: row;
   align-items: center;
-  min-height: 44px;
+  min-height: ${(0, _utils.RFValueStr)('44px')};
 `;
 exports.StyledInputContainer = StyledInputContainer;
 const StyledInputElementBase = (0, _native.default)(_reactNative.TextInput)`

package/dist/components/atoms/Input/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Input/styled.ts"],"names":["leftIconStyles","leftComponent","theme","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","styled","View","zIndex","default","StyledInputContainer","StyledInputElementBase","TextInput","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon","Icon"],"mappings":"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","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\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: 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    ${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"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Input/styled.ts"],"names":["leftIconStyles","leftComponent","theme","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","styled","View","zIndex","default","StyledInputContainer","StyledInputElementBase","TextInput","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon","Icon"],"mappings":"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","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\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    ${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"],"file":"styled.js"}

package/dist/components/atoms/ProgressBar/styled.d.ts

@@ -1,8 +1,20 @@
 /// <reference types="react" />
-export declare const Container: import("@emotion/native").StyledComponent<any, {}, {
+import { Animated } from 'react-native';
+export declare const Container: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
-export declare const Segment: import("@emotion/native").StyledComponent<any, {}, {
+export declare const Segment: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
-export declare const Progress: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const Progress: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/components/atoms/ProgressBar/styled.js

@@ -9,6 +9,8 @@ var _native = _interopRequireDefault(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _utils = require("../../../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Container = _native.default.View`
@@ -29,7 +31,7 @@ const Segment = _native.default.View`
   background-color: ${({
   theme
 }) => theme.color.secondary.light};
-  border-right-width: 2px;
+  border-right-width: ${(0, _utils.RFValueStr)('2px')};
   border-color: ${({
   theme
 }) => theme.color.secondary.xlight};

package/dist/components/atoms/ProgressBar/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/ProgressBar/styled.ts"],"names":["Container","styled","View","theme","spacing","mili","Segment","color","secondary","light","xlight","Progress","Animated"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,SAAS,GAAGC,gBAAOC,IAA0B;AAC1D;AACA,YAAY,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC9C,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD;AACA;AACA;AACA,CAPO;;AASA,MAAMC,OAAO,GAAGL,gBAAOC,IAA0B;AACxD;AACA,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AACjE;AACA,kBAAkB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBE,MAAO;AAC9D,CALO;;AAOA,MAAMC,QAAQ,GAAG,qBAAOC,sBAASV,IAAhB,CAA2C;AACnE;AACA,kBAAkB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBE,MAAO;AAC9D,CAHO","sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Animated } from 'react-native';\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: 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"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/ProgressBar/styled.ts"],"names":["Container","styled","View","theme","spacing","mili","Segment","color","secondary","light","xlight","Progress","Animated"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEO,MAAMA,SAAS,GAAGC,gBAAOC,IAA0B;AAC1D;AACA,YAAY,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC9C,mBAAmB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD;AACA;AACA;AACA,CAPO;;AASA,MAAMC,OAAO,GAAGL,gBAAOC,IAA0B;AACxD;AACA,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBC,KAAM;AACjE,wBAAwB,uBAAW,KAAX,CAAkB;AAC1C,kBAAkB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBE,MAAO;AAC9D,CALO;;AAOA,MAAMC,QAAQ,GAAG,qBAAOC,sBAASV,IAAhB,CAA2C;AACnE;AACA,kBAAkB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,SAAZ,CAAsBE,MAAO;AAC9D,CAHO","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"],"file":"styled.js"}

package/dist/components/atoms/Switch/styled.d.ts

@@ -1,2 +1,15 @@
-export declare const StyledSwitchContent: import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const StyledSwitch: import("@emotion/native").StyledComponent<any, {}, {}>;
+/// <reference types="react" />
+import { Animated } from 'react-native';
+import { SwitchProps } from './Switch';
+export declare const StyledSwitchContent: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<SwitchProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const StyledSwitch: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/components/atoms/Switch/styled.js

@@ -9,6 +9,8 @@ var _native = _interopRequireDefault(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _utils = require("../../../utils");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const StyledSwitchContent = (0, _native.default)(_reactNative.Animated.View)`
@@ -19,8 +21,8 @@ const StyledSwitchContent = (0, _native.default)(_reactNative.Animated.View)`
   theme
 }) => theme.spacing.micro};
   justify-content: center;
-  width: 40px;
-  height: 22px;
+  width: ${(0, _utils.RFValueStr)('40px')};
+  height: ${(0, _utils.RFValueStr)('22px')};
 `;
 exports.StyledSwitchContent = StyledSwitchContent;
 const StyledSwitch = (0, _native.default)(_reactNative.Animated.View)`
@@ -30,8 +32,8 @@ const StyledSwitch = (0, _native.default)(_reactNative.Animated.View)`
   background-color: ${({
   theme
 }) => theme.miscellaneous.surfaceColor};
-  width: 16px;
-  height: 16px;
+  width: ${(0, _utils.RFValueStr)('16px')};
+  height: ${(0, _utils.RFValueStr)('16px')};
 `;
 exports.StyledSwitch = StyledSwitch;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/Switch/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Switch/styled.ts"],"names":["StyledSwitchContent","Animated","View","theme","borderRadius","pill","spacing","micro","StyledSwitch","miscellaneous","surfaceColor"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,mBAAmB,GAAG,qBAAOC,sBAASC,IAAhB,CAEjC;AACF,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,eAAe,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,OAAN,CAAcC,KAAM;AAClD;AACA;AACA;AACA,CARO;;AAUA,MAAMC,YAAY,GAAG,qBAAOP,sBAASC,IAAhB,CAA2C;AACvE,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,sBAAsB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACM,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA,CALO","sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps, SwitchProps } from '@tecsinapse/react-core';\nimport { Animated } from 'react-native';\n\nexport const StyledSwitchContent = styled(Animated.View)<\n  Partial<SwitchProps> & Partial<StyleProps>\n>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: 40px;\n  height: 22px;\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: 16px;\n  height: 16px;\n`;\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Switch/styled.ts"],"names":["StyledSwitchContent","Animated","View","theme","borderRadius","pill","spacing","micro","StyledSwitch","miscellaneous","surfaceColor"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAGO,MAAMA,mBAAmB,GAAG,qBAAOC,sBAASC,IAAhB,CAEjC;AACF,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,eAAe,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,OAAN,CAAcC,KAAM;AAClD;AACA,WAAW,uBAAW,MAAX,CAAmB;AAC9B,YAAY,uBAAW,MAAX,CAAmB;AAC/B,CARO;;AAUA,MAAMC,YAAY,GAAG,qBAAOP,sBAASC,IAAhB,CAA2C;AACvE,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,sBAAsB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACM,aAAN,CAAoBC,YAAa;AACtE,WAAW,uBAAW,MAAX,CAAmB;AAC9B,YAAY,uBAAW,MAAX,CAAmB;AAC/B,CALO","sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { SwitchProps } from './Switch';\n\nexport const StyledSwitchContent = styled(Animated.View)<\n  Partial<SwitchProps> & Partial<StyleProps>\n>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: ${RFValueStr('40px')};\n  height: ${RFValueStr('22px')};\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr('16px')};\n  height: ${RFValueStr('16px')};\n`;\n"],"file":"styled.js"}

package/dist/components/molecules/DatePicker/styled.d.ts

@@ -1,8 +1,29 @@
 import { FC } from 'react';
+import { InputContainerProps } from '../../atoms/Input';
 import { TextProps } from '../../atoms/Text';
-export declare const Backdrop: import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const ModalContent: import("@emotion/native").StyledComponent<any, {}, {
+export declare const Backdrop: import("@emotion/native").StyledComponent<import("../../atoms/PressableSurface").PressableSurfaceProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const ModalContent: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    offset: number;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
-export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<any, {}, {}>;
-export declare const CalendarIcon: import("@emotion/native").StyledComponent<any, {}, {}>;
+export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<InputContainerProps> & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+export declare const CalendarIcon: import("@emotion/native").StyledComponent<import("../../atoms/Icon").IconProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;

package/dist/components/molecules/DatePicker/styled.js

@@ -9,14 +9,16 @@ var _native = _interopRequireWildcard(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _definitions = require("../../../styles/definitions");
+
+var _utils = require("../../../utils");
+
 var _Icon = require("../../atoms/Icon");
 
 var _Input = require("../../atoms/Input");
 
 var _PressableSurface = require("../../atoms/PressableSurface");
 
-var _reactCore = require("@tecsinapse/react-core");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -28,11 +30,11 @@ const Backdrop = (0, _native.default)(_PressableSurface.PressableSurface)`
 }) => isWeb ? (0, _native.css)`
           justify-content: center;
           align-items: center;
-          background-color: ${(0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
+          background-color: ${(0, _definitions.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
           height: 100vh;
         ` : (0, _native.css)`
           justify-content: flex-end;
-          background-color: ${(0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
+          background-color: ${(0, _definitions.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
           height: 100%;
         `}
 `;
@@ -41,7 +43,7 @@ const ModalContent = _native.default.View`
   background-color: transparent;
   padding-bottom: ${({
   offset
-}) => `${offset}px`};
+}) => `${(0, _utils.RFValue)(offset)}px`};
   ${({
   theme: {
     borderRadius

package/dist/components/molecules/DatePicker/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"names":["isWeb","Platform","OS","Backdrop","PressableSurface","theme","miscellaneous","overlay","ModalContent","styled","View","offset","borderRadius","micro","deca","getStyledTextComponent","component","props","typography","h5","lineHeight","CalendarIcon","Icon","spacing","centi","color","secondary","medium"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,KAAK,GAAGC,sBAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,qBAAOC,kCAAP,CAA8C;AACtE,IAAI,CAAC;AAAEC,EAAAA;AAAF,CAAD,KACAL,KAAK,GACD,gBAAI;AACZ;AACA;AACA,8BAA8B,yBAASK,KAAK,CAACC,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SANS,GAOD,gBAAI;AACZ;AACA,8BAA8B,yBAASF,KAAK,CAACC,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SAAU;AACV,CAdO;;AAgBA,MAAMC,YAAY,GAAGC,gBAAOC,IAEjC;AACF;AACA,oBAAoB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB,GAAEA,MAAO,IAAI;AAClD,IAAI,CAAC;AAAEN,EAAAA,KAAK,EAAE;AAAEO,IAAAA;AAAF;AAAT,CAAD,KAAiC,gBAAI;AACzC,MAAMZ,KAAK,GACF;AACT,uBAAuBY,YAAY,CAACC,KAAM;AAC1C,KAHW,GAIF;AACT,gCAAgCD,YAAY,CAACE,IAAK;AAClD,iCAAiCF,YAAY,CAACE,IAAK;AACnD,KAAM;AACN,GAAI;AACJ;AACA,CAhBO;;;AAkBA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;AAClE,SAAO,qBAAOA,SAAP,EACJC,KAAD;AAAA;;AAAA,WAA+D,gBAAI;AACvE,qBADsE,gBACjDA,KAAK,CAACZ,KAD2C,iDACjD,aAAaa,UAAb,CAAwBC,EAAxB,CAA2BC,UAAW;AAC3D,QAAQ,gCAAoBH,KAApB,CAA2B;AACnC,KAHI;AAAA,GADK,CAAP;AAMD,CAPM;;;AASA,MAAMI,YAAY,GAAG,qBAAOC,UAAP,CAAkC;AAC9D,aAAa,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACkB,OAAN,CAAcC,KAAM;AAChD,WAAW,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACoB,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AACvD,CAHO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { disabledInputStyles, InputContainerProps } from '../../atoms/Input';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { TextProps } from '../../atoms/Text';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<\n  { offset: number } & Partial<StyleProps>\n>`\n  background-color: transparent;\n  padding-bottom: ${({ offset }) => `${offset}px`};\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)(\n    (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n      line-height: ${props.theme?.typography.h5.lineHeight};\n      ${disabledInputStyles(props)}\n    `\n  );\n};\n\nexport const CalendarIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"names":["isWeb","Platform","OS","Backdrop","PressableSurface","theme","miscellaneous","overlay","ModalContent","styled","View","offset","borderRadius","micro","deca","getStyledTextComponent","component","props","typography","h5","lineHeight","CalendarIcon","Icon","spacing","centi","color","secondary","medium"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAGA,MAAMA,KAAK,GAAGC,sBAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,QAAQ,GAAG,qBAAOC,kCAAP,CAA8C;AACtE,IAAI,CAAC;AAAEC,EAAAA;AAAF,CAAD,KACAL,KAAK,GACD,gBAAI;AACZ;AACA;AACA,8BAA8B,2BAASK,KAAK,CAACC,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SANS,GAOD,gBAAI;AACZ;AACA,8BAA8B,2BAASF,KAAK,CAACC,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AACzE;AACA,SAAU;AACV,CAdO;;AAgBA,MAAMC,YAAY,GAAGC,gBAAOC,IAEjC;AACF;AACA,oBAAoB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB,GAAE,oBAAQA,MAAR,CAAgB,IAAI;AAC3D,IAAI,CAAC;AAAEN,EAAAA,KAAK,EAAE;AAAEO,IAAAA;AAAF;AAAT,CAAD,KAAiC,gBAAI;AACzC,MAAMZ,KAAK,GACF;AACT,uBAAuBY,YAAY,CAACC,KAAM;AAC1C,KAHW,GAIF;AACT,gCAAgCD,YAAY,CAACE,IAAK;AAClD,iCAAiCF,YAAY,CAACE,IAAK;AACnD,KAAM;AACN,GAAI;AACJ;AACA,CAhBO;;;AAkBA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;AAClE,SAAO,qBAAOA,SAAP,EACJC,KAAD;AAAA;;AAAA,WAA+D,gBAAI;AACvE,qBADsE,gBACjDA,KAAK,CAACZ,KAD2C,iDACjD,aAAaa,UAAb,CAAwBC,EAAxB,CAA2BC,UAAW;AAC3D,QAAQ,gCAAoBH,KAApB,CAA2B;AACnC,KAHI;AAAA,GADK,CAAP;AAMD,CAPM;;;AASA,MAAMI,YAAY,GAAG,qBAAOC,UAAP,CAAkC;AAC9D,aAAa,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACkB,OAAN,CAAcC,KAAM;AAChD,WAAW,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACoB,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AACvD,CAHO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform } from 'react-native';\nimport { hex2rgba } from '../../../styles/definitions';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Icon } from '../../atoms/Icon';\nimport { disabledInputStyles, InputContainerProps } from '../../atoms/Input';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { TextProps } from '../../atoms/Text';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${({ theme }) =>\n    isWeb\n      ? css`\n          justify-content: center;\n          align-items: center;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100vh;\n        `\n      : css`\n          justify-content: flex-end;\n          background-color: ${hex2rgba(theme.miscellaneous.overlay, 0.5)};\n          height: 100%;\n        `}\n`;\n\nexport const ModalContent = styled.View<\n  { offset: number } & Partial<StyleProps>\n>`\n  background-color: transparent;\n  padding-bottom: ${({ offset }) => `${RFValue(offset)}px`};\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n  return styled(component)(\n    (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n      line-height: ${props.theme?.typography.h5.lineHeight};\n      ${disabledInputStyles(props)}\n    `\n  );\n};\n\nexport const CalendarIcon = styled(Icon)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n  color: ${({ theme }) => theme.color.secondary.medium};\n`;\n"],"file":"styled.js"}

package/dist/components/molecules/DateTimePicker/styled.js

@@ -9,6 +9,8 @@ var _native = _interopRequireWildcard(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _utils = require("../../../utils");
+
 var _PressableSurface = require("../../atoms/PressableSurface");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -37,14 +39,14 @@ const ModalContent = _native.default.View`
   background-color: transparent;
   padding-bottom: ${({
   offset
-}) => `${offset}px`};
+}) => `${(0, _utils.RFValue)(offset)}px`};
   ${({
   theme: {
     borderRadius
   }
 }) => (0, _native.css)`
     ${isWeb ? `
-      width: 375px;
+      width: ${(0, _utils.RFValueStr)('375px')};
       border-radius: ${borderRadius.micro};
     ` : `
       border-top-left-radius: ${borderRadius.deca};

package/dist/components/molecules/DateTimePicker/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"names":["isWeb","Platform","OS","StyledPressableSurface","PressableSurface","Backdrop","ModalContent","styled","View","offset","theme","borderRadius","micro","deca","getStyledDateTimeSelector","component","spacing"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAMA,MAAMA,KAAK,GAAGC,sBAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,sBAAsB,GAAG,qBACpCC,kCADoC,CAEb;AACzB;AACA,CAJO;;AAMA,MAAMC,QAAQ,GAAG,qBAAOD,kCAAP,CAA8C;AACtE,IAAIJ,KAAK,GACH,gBAAI;AACV;AACA;AACA;AACA;AACA,OANS,GAOH,gBAAI;AACV;AACA;AACA;AACA,OAAQ;AACR,CAbO;;AAeA,MAAMM,YAAY,GAAGC,gBAAOC,IAEjC;AACF;AACA,oBAAoB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB,GAAEA,MAAO,IAAI;AAClD,IAAI,CAAC;AAAEC,EAAAA,KAAK,EAAE;AAAEC,IAAAA;AAAF;AAAT,CAAD,KAAiC,gBAAI;AACzC,MAAMX,KAAK,GACF;AACT;AACA,uBAAuBW,YAAY,CAACC,KAAM;AAC1C,KAJW,GAKF;AACT,gCAAgCD,YAAY,CAACE,IAAK;AAClD,iCAAiCF,YAAY,CAACE,IAAK;AACnD,KAAM;AACN,GAAI;AACJ;AACA,CAjBO;;;AAmBA,MAAMC,yBAAyB,GACpCC,SADuC,IAEpC;AACH,SAAO,qBAAOA,SAAP,CAAuC;AAChD,eAAe,CAAC;AAAEL,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACM,OAAN,CAAcH,IAAK;AACjD,GAFE;AAGD,CANM","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport {\n  PressableSurface,\n  PressableSurfaceProps,\n} from '../../atoms/PressableSurface';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const StyledPressableSurface = styled(\n  PressableSurface\n)<PressableSurfaceProps>`\n  width: 100%;\n`;\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${isWeb\n    ? css`\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      `\n    : css`\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      `}\n`;\n\nexport const ModalContent = styled.View<\n  { offset: number } & Partial<StyleProps>\n>`\n  background-color: transparent;\n  padding-bottom: ${({ offset }) => `${offset}px`};\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      width: 375px;\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n\nexport const getStyledDateTimeSelector = (\n  component: FC<DateTimeSelectorProps>\n) => {\n  return styled(component)<Partial<StyleProps>>`\n    padding: ${({ theme }) => theme.spacing.deca};\n  `;\n};\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/molecules/DateTimePicker/styled.ts"],"names":["isWeb","Platform","OS","StyledPressableSurface","PressableSurface","Backdrop","ModalContent","styled","View","offset","theme","borderRadius","micro","deca","getStyledDateTimeSelector","component","spacing"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;AACA;;;;;;AAMA,MAAMA,KAAK,GAAGC,sBAASC,EAAT,KAAgB,KAA9B;AAEO,MAAMC,sBAAsB,GAAG,qBACpCC,kCADoC,CAEb;AACzB;AACA,CAJO;;AAMA,MAAMC,QAAQ,GAAG,qBAAOD,kCAAP,CAA8C;AACtE,IAAIJ,KAAK,GACH,gBAAI;AACV;AACA;AACA;AACA;AACA,OANS,GAOH,gBAAI;AACV;AACA;AACA;AACA,OAAQ;AACR,CAbO;;AAeA,MAAMM,YAAY,GAAGC,gBAAOC,IAEjC;AACF;AACA,oBAAoB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAiB,GAAE,oBAAQA,MAAR,CAAgB,IAAI;AAC3D,IAAI,CAAC;AAAEC,EAAAA,KAAK,EAAE;AAAEC,IAAAA;AAAF;AAAT,CAAD,KAAiC,gBAAI;AACzC,MAAMX,KAAK,GACF;AACT,eAAe,uBAAW,OAAX,CAAoB;AACnC,uBAAuBW,YAAY,CAACC,KAAM;AAC1C,KAJW,GAKF;AACT,gCAAgCD,YAAY,CAACE,IAAK;AAClD,iCAAiCF,YAAY,CAACE,IAAK;AACnD,KAAM;AACN,GAAI;AACJ;AACA,CAjBO;;;AAmBA,MAAMC,yBAAyB,GACpCC,SADuC,IAEpC;AACH,SAAO,qBAAOA,SAAP,CAAuC;AAChD,eAAe,CAAC;AAAEL,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACM,OAAN,CAAcH,IAAK;AACjD,GAFE;AAGD,CANM","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { FC } from 'react';\nimport { Platform } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue, RFValueStr } from '../../../utils';\nimport {\n  PressableSurface,\n  PressableSurfaceProps\n} from '../../atoms/PressableSurface';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nconst isWeb = Platform.OS === 'web';\n\nexport const StyledPressableSurface = styled(\n  PressableSurface\n)<PressableSurfaceProps>`\n  width: 100%;\n`;\n\nexport const Backdrop = styled(PressableSurface)<Partial<StyleProps>>`\n  ${isWeb\n    ? css`\n        justify-content: center;\n        align-items: center;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n      `\n    : css`\n        justify-content: flex-end;\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100%;\n      `}\n`;\n\nexport const ModalContent = styled.View<\n  { offset: number } & Partial<StyleProps>\n>`\n  background-color: transparent;\n  padding-bottom: ${({ offset }) => `${RFValue(offset)}px`};\n  ${({ theme: { borderRadius } }) => css`\n    ${isWeb\n      ? `\n      width: ${RFValueStr('375px')};\n      border-radius: ${borderRadius.micro};\n    `\n      : `\n      border-top-left-radius: ${borderRadius.deca};\n      border-top-right-radius: ${borderRadius.deca};\n    `}\n  `}\n  overflow: hidden;\n`;\n\nexport const getStyledDateTimeSelector = (\n  component: FC<DateTimeSelectorProps>\n) => {\n  return styled(component)<Partial<StyleProps>>`\n    padding: ${({ theme }) => theme.spacing.deca};\n  `;\n};\n"],"file":"styled.js"}

package/dist/components/molecules/DateTimeSelector/styled.js

@@ -7,6 +7,8 @@ exports.BackButton = exports.Header = exports.Control = exports.SelectorContaine
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
+var _utils = require("../../../utils");
+
 var _PressableSurface = require("../../atoms/PressableSurface");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -27,7 +29,7 @@ const Content = _native.default.View`
 `;
 exports.Content = Content;
 const SelectorRoot = _native.default.View`
-  border-width: 1px;
+  border-width: ${(0, _utils.RFValueStr)('1px')};
   border-color: ${({
   theme
 }) => theme.color.secondary.xlight};

package/dist/components/molecules/DateTimeSelector/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/styled.ts"],"names":["Root","styled","View","theme","miscellaneous","surfaceColor","Content","spacing","deca","SelectorRoot","color","secondary","xlight","borderRadius","mili","SelectorValue","SelectorContainer","isFirst","isLast","Control","PressableSurface","micro","Header","BackButton"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,IAAI,GAAGC,gBAAOC,IAA0B;AACrD;AACA,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE,CAHO;;AAKA,MAAMC,OAAO,GAAGL,gBAAOC,IAA0B;AACxD;AACA;AACA,qBAAqB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcC,IAAK;AACvD,CAJO;;AAMA,MAAMC,YAAY,GAAGR,gBAAOC,IAA0B;AAC7D;AACA,kBAAkB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACO,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAC9D,mBAAmB,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,CAJO;;AAMA,MAAMC,aAAa,GAAGd,gBAAOC,IAAK;AACzC;AACA,CAFO;;AAIA,MAAMc,iBAAiB,GAAGf,gBAAOC,IAEtC;AACF,kBAAkB,CAAC;AAAEC,EAAAA,KAAF;AAASc,EAAAA;AAAT,CAAD,KAAyBA,OAAO,GAAGd,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAG;AAC7E,iBAAiB,CAAC;AAAEL,EAAAA,KAAF;AAASe,EAAAA;AAAT,CAAD,KAAwBA,MAAM,GAAGf,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAG;AAC1E;AACA,CANO;;AAQA,MAAMW,OAAO,GAAG,qBAAOC,kCAAP,CAA8C;AACrE,mBAAmB,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,aAAa,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcc,KAAM;AAChD,qBAAqB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcO,IAAK;AACvD,uBAAuB,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcO,IAAK;AACzD,CALO;;AAOA,MAAMQ,MAAM,GAAGrB,gBAAOC,IAAK;AAClC;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMqB,UAAU,GAAG,qBAAOH,kCAAP,CAA8C;AACxE,mBAAmB,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,aAAa,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcc,KAAM;AAChD;AACA;AACA;AACA,CANO","sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\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: 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"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/molecules/DateTimeSelector/styled.ts"],"names":["Root","styled","View","theme","miscellaneous","surfaceColor","Content","spacing","deca","SelectorRoot","color","secondary","xlight","borderRadius","mili","SelectorValue","SelectorContainer","isFirst","isLast","Control","PressableSurface","micro","Header","BackButton"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,MAAMA,IAAI,GAAGC,gBAAOC,IAA0B;AACrD;AACA,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE,CAHO;;AAKA,MAAMC,OAAO,GAAGL,gBAAOC,IAA0B;AACxD;AACA;AACA,qBAAqB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcC,IAAK;AACvD,CAJO;;AAMA,MAAMC,YAAY,GAAGR,gBAAOC,IAA0B;AAC7D,kBAAkB,uBAAW,KAAX,CAAkB;AACpC,kBAAkB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACO,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAC9D,mBAAmB,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,CAJO;;AAMA,MAAMC,aAAa,GAAGd,gBAAOC,IAAK;AACzC;AACA,CAFO;;AAIA,MAAMc,iBAAiB,GAAGf,gBAAOC,IAEtC;AACF,kBAAkB,CAAC;AAAEC,EAAAA,KAAF;AAASc,EAAAA;AAAT,CAAD,KAAyBA,OAAO,GAAGd,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAG;AAC7E,iBAAiB,CAAC;AAAEL,EAAAA,KAAF;AAASe,EAAAA;AAAT,CAAD,KAAwBA,MAAM,GAAGf,KAAK,CAACI,OAAN,CAAcC,IAAjB,GAAwB,CAAG;AAC1E;AACA,CANO;;AAQA,MAAMW,OAAO,GAAG,qBAAOC,kCAAP,CAA8C;AACrE,mBAAmB,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,aAAa,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcc,KAAM;AAChD,qBAAqB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcO,IAAK;AACvD,uBAAuB,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcO,IAAK;AACzD,CALO;;AAOA,MAAMQ,MAAM,GAAGrB,gBAAOC,IAAK;AAClC;AACA;AACA;AACA;AACA,CALO;;AAOA,MAAMqB,UAAU,GAAG,qBAAOH,kCAAP,CAA8C;AACxE,mBAAmB,CAAC;AAAEjB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAK;AAC1D,aAAa,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,OAAN,CAAcc,KAAM;AAChD;AACA;AACA;AACA,CANO","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"],"file":"styled.js"}

package/dist/components/molecules/Snackbar/styled.js

@@ -5,16 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TextContainer = exports.StyledContainerFlexRow = exports.StyledProgressBar = exports.DismissContainer = exports.IconContainer = exports.ContentContainer = exports.SnackbarContainer = void 0;
 
-var _reactNative = require("react-native");
-
 var _native = _interopRequireWildcard(require("@emotion/native"));
 
-var _ProgressBar = require("../../atoms/ProgressBar");
+var _reactNative = require("react-native");
+
+var _utils = require("../../../utils");
 
 var _Paper = require("../../atoms/Paper");
 
 var _PressableSurface = require("../../atoms/PressableSurface");
 
+var _ProgressBar = require("../../atoms/ProgressBar");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -42,7 +44,7 @@ const anchorTop = ({
   anchorDistance
 }) => {
   return anchor === 'top' && (0, _native.css)`
-      top: ${anchorDistance ? `${anchorDistance}px` : theme.spacing.deca};
+      top: ${anchorDistance ? `${(0, _utils.RFValue)(anchorDistance)}px` : theme.spacing.deca};
     `;
 };
 
@@ -52,7 +54,7 @@ const anchorBottom = ({
   anchorDistance
 }) => {
   return anchor === 'bottom' && (0, _native.css)`
-      bottom: ${anchorDistance ? `${anchorDistance}px` : theme.spacing.deca};
+      bottom: ${anchorDistance ? `${(0, _utils.RFValue)(anchorDistance)}px` : theme.spacing.deca};
     `;
 };