@nexara/nativeflow 0.1.6 → 0.1.8

package/lib/module/components/Slider/Slider.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { StyleSheet } from "react-native";
-import { moderateScale, verticalScale } from "../../helpers/ResponsiveCalculations.js";
+import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const Slider = ({
@@ -13,15 +13,15 @@ const Slider = ({
 }) => {
   const STYLES = StyleSheet.create({
     TRACK: {
-      backgroundColor: trackColor,
-      borderRadius: moderateScale(100)
+      backgroundColor: trackColor
+      // borderRadius: moderateScale(100),
       // overflow: 'hidden'
     },
     TRACK_ITEM: {
       backgroundColor: progressColor,
       height: verticalScale(size),
-      width: `${value}%`,
-      borderRadius: moderateScale(100)
+      width: `${value}%`
+      // borderRadius: moderateScale(100)
     }
   });
   return /*#__PURE__*/_jsx(_Fragment, {

package/lib/module/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","moderateScale","verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","Slider","value","size","trackColor","progressColor","STYLES","create","TRACK","backgroundColor","borderRadius","TRACK_ITEM","height","width","children","f","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Slider/Slider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,aAAa,QAAS,yCAAsC;AACpF,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAUjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,KAAK,GAAG,EAAE;EACVC,IAAI,GAAG,CAAC;EACRC,UAAU,GAAG,SAAS;EACtBC,aAAa,GAAG;AACpB,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGb,UAAU,CAACc,MAAM,CAAC;IAC7BC,KAAK,EAAE;MACHC,eAAe,EAAEL,UAAU;MAC3BM,YAAY,EAAEhB,aAAa,CAAC,GAAG;MAC/B;IACJ,CAAC;IACDiB,UAAU,EAAE;MACRF,eAAe,EAAEJ,aAAa;MAC9BO,MAAM,EAAEjB,aAAa,CAACQ,IAAI,CAAC;MAC3BU,KAAK,EAAE,GAAGX,KAAK,GAAG;MAClBQ,YAAY,EAAEhB,aAAa,CAAC,GAAG;IACnC;EACJ,CAAC,CAAC;EAGF,oBAAQI,IAAA,CAAAE,SAAA;IAAAc,QAAA,eACAhB,IAAA,CAACF,UAAU;MAACmB,CAAC,EAAE,CAAE;MAACC,KAAK,EAAEV,MAAM,CAACE,KAAM;MAAAM,QAAA,eAClChB,IAAA,CAACF,UAAU;QAACoB,KAAK,EAAEV,MAAM,CAACK;MAAW,CAEzB;IAAC,CACL;EAAC,CACnB,CAAC;AACP,CAAC;AACD,eAAeV,MAAM","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","Slider","value","size","trackColor","progressColor","STYLES","create","TRACK","backgroundColor","TRACK_ITEM","height","width","children","f","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Slider/Slider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAAUC,aAAa,QAAS,yCAAsC;AACtE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAUjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,KAAK,GAAG,EAAE;EACVC,IAAI,GAAG,CAAC;EACRC,UAAU,GAAG,SAAS;EACtBC,aAAa,GAAG;AACpB,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;IAC7BC,KAAK,EAAE;MACHC,eAAe,EAAEL;MACjB;MACA;IACJ,CAAC;IACDM,UAAU,EAAE;MACRD,eAAe,EAAEJ,aAAa;MAC9BM,MAAM,EAAEhB,aAAa,CAACQ,IAAI,CAAC;MAC3BS,KAAK,EAAE,GAAGV,KAAK;MACf;IACJ;EACJ,CAAC,CAAC;EAGF,oBAAQJ,IAAA,CAAAE,SAAA;IAAAa,QAAA,eACAf,IAAA,CAACF,UAAU;MAACkB,CAAC,EAAE,CAAE;MAACC,KAAK,EAAET,MAAM,CAACE,KAAM;MAAAK,QAAA,eAClCf,IAAA,CAACF,UAAU;QAACmB,KAAK,EAAET,MAAM,CAACI;MAAW,CAEzB;IAAC,CACL;EAAC,CACnB,CAAC;AACP,CAAC;AACD,eAAeT,MAAM","ignoreList":[]}

package/lib/module/components/Stack/HStack.js

@@ -1,29 +1,25 @@
 "use strict";
 
-import React, { useMemo } from "react";
 import { horizontalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const HStack = ({
-  justify,
   align = 'center',
   fWrap = 'wrap',
   gap = 10,
-  style,
+  containerStyle,
   children,
   ...rest
 }) => {
-  const calculatedGap = useMemo(() => horizontalScale(gap), [gap]);
   const viewProps = {
-    gap: calculatedGap,
+    gap: horizontalScale(gap),
     flexDirection: 'row',
-    justifyContent: justify,
     alignItems: align,
     flexWrap: fWrap
   };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
-      style: [viewProps, style],
+      style: [viewProps, containerStyle],
       ...rest,
       children: children
     })

package/lib/module/components/Stack/HStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","horizontalScale","StyledView","jsx","_jsx","Fragment","_Fragment","HStack","justify","align","fWrap","gap","style","children","rest","calculatedGap","viewProps","flexDirection","justifyContent","alignItems","flexWrap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/HStack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,eAAe,QAAQ,yCAAsC;AAEtE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,OAAO;EACPC,KAAK,GAAG,QAAQ;EAChBC,KAAK,GAAG,MAAM;EACdC,GAAG,GAAG,EAAE;EACRC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,aAAqB,GAAGf,OAAO,CAAC,MAAMC,eAAe,CAACU,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAExE,MAAMK,SAAoB,GAAG;IACzBL,GAAG,EAAEI,aAAa;IAClBE,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAEV,OAAO;IACvBW,UAAU,EAAEV,KAAK;IACjBW,QAAQ,EAAEV;EACd,CAAC;EAED,oBAAQN,IAAA,CAAAE,SAAA;IAAAO,QAAA,eACJT,IAAA,CAACF,UAAU;MACPU,KAAK,EAAE,CAACI,SAAS,EAAEJ,KAAK,CAAE;MAAA,GACtBE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeN,MAAM","ignoreList":[]}
+{"version":3,"names":["horizontalScale","StyledView","jsx","_jsx","Fragment","_Fragment","HStack","align","fWrap","gap","containerStyle","children","rest","viewProps","flexDirection","alignItems","flexWrap","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/HStack.tsx"],"mappings":";;AAEA,SAASA,eAAe,QAAQ,yCAAsC;AAEtE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjD,MAAMC,MAAuB,GAAGA,CAAC;EAC7BC,KAAK,GAAG,QAAQ;EAChBC,KAAK,GAAG,MAAM;EACdC,GAAG,GAAG,EAAE;EACRC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,SAAoB,GAAG;IACzBJ,GAAG,EAAET,eAAe,CAACS,GAAG,CAAC;IACzBK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAER,KAAK;IACjBS,QAAQ,EAAER;EACd,CAAC;EAED,oBAAQL,IAAA,CAAAE,SAAA;IAAAM,QAAA,eACJR,IAAA,CAACF,UAAU;MACPgB,KAAK,EAAE,CAACJ,SAAS,EAAEH,cAAc,CAAE;MAAA,GAC/BE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeL,MAAM","ignoreList":[]}

package/lib/module/components/Stack/VStack.js

@@ -1,25 +1,21 @@
 "use strict";
 
-import React, { useMemo } from "react";
 import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { StyledView } from "../StyledComponents/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const VStack = ({
-  children,
-  align,
   gap = 10,
-  style,
+  containerStyle,
+  children,
   ...rest
 }) => {
-  const calculatedGap = useMemo(() => verticalScale(gap), [gap]);
   const viewProps = {
     flexDirection: 'column',
-    alignItems: align,
-    gap: calculatedGap
+    gap: verticalScale(gap)
   };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
-      style: [viewProps, style],
+      style: [viewProps, containerStyle],
       ...rest,
       children: children
     })

package/lib/module/components/Stack/VStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","VStack","children","align","gap","style","rest","calculatedGap","viewProps","flexDirection","alignItems"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/VStack.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,aAAa,QAAQ,yCAAsC;AAEpE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,MAA6B,GAAGA,CAAC;EACnCC,QAAQ;EACRC,KAAK;EACLC,GAAG,GAAG,EAAE;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,aAAqB,GAAGb,OAAO,CAAC,MAAMC,aAAa,CAACS,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAEtE,MAAMI,SAAoB,GAAG;IACzBC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAEP,KAAK;IACjBC,GAAG,EAAEG;EACT,CAAC;EACD,oBAAQT,IAAA,CAAAE,SAAA;IAAAE,QAAA,eACJJ,IAAA,CAACF,UAAU;MACPS,KAAK,EAAE,CAACG,SAAS,EAAEH,KAAK,CAAE;MAAA,GACtBC,IAAI;MAAAJ,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeD,MAAM","ignoreList":[]}
+{"version":3,"names":["verticalScale","StyledView","jsx","_jsx","Fragment","_Fragment","VStack","gap","containerStyle","children","rest","viewProps","flexDirection","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/VStack.tsx"],"mappings":";;AACA,SAASA,aAAa,QAAQ,yCAAsC;AAEpE,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD,MAAMC,MAAuB,GAAGA,CAAC;EAC7BC,GAAG,GAAG,EAAE;EACRC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,SAAoB,GAAG;IACzBC,aAAa,EAAE,QAAQ;IACvBL,GAAG,EAAEP,aAAa,CAACO,GAAG;EAC1B,CAAC;EACD,oBAAQJ,IAAA,CAAAE,SAAA;IAAAI,QAAA,eACJN,IAAA,CAACF,UAAU;MACPY,KAAK,EAAE,CAACF,SAAS,EAAEH,cAAc,CAAE;MAAA,GAC/BE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeH,MAAM","ignoreList":[]}

package/lib/module/components/StyledComponents/StyledText.js

@@ -1,12 +1,12 @@
 "use strict";
 
-import React from 'react';
 import { Text } from 'react-native';
 import { responsiveFontSize } from "../../helpers/ResponsiveCalculations.js";
 import { useTheme } from "../../hooks/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledText = ({
-  variant = 'h5',
+  variant = 'primary',
+  fScale = 'base',
   children,
   style,
   ff,
@@ -15,23 +15,35 @@ const StyledText = ({
   fw,
   color,
   themeColor,
-  primary,
-  secondary,
   ...rest
 }) => {
   const {
     colors,
-    typography: {
-      variantSizes
+    sizes: {
+      typography: typographyScales
     }
   } = useTheme();
+  const getVariantColor = () => {
+    switch (variant) {
+      case 'secondary':
+        return colors.typography.secondary;
+      case 'tertiary':
+        return colors.typography.tertiary;
+      case 'disabled':
+        return colors.typography.disabled;
+      case 'inverse':
+        return colors.typography.inverse;
+      default:
+        return colors.typography.primary;
+    }
+  };
   return /*#__PURE__*/_jsx(Text, {
     style: [{
-      fontSize: responsiveFontSize(fs ?? variantSizes[variant]),
+      fontSize: responsiveFontSize(fs ?? typographyScales[fScale]),
       fontFamily: ff ?? '',
       textAlign: tas ? 'center' : 'auto',
       fontWeight: fw ?? 'normal',
-      color: color ?? (themeColor && colors.primary || primary && colors.textPrimary || secondary && colors.textSecondary || colors.textTertiary)
+      color: color ?? (themeColor && colors.brand.primary || getVariantColor())
     }, style],
     ...rest,
     children: children

package/lib/module/components/StyledComponents/StyledText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","children","style","ff","fs","tas","fw","color","themeColor","primary","secondary","rest","colors","typography","variantSizes","fontSize","fontFamily","textAlign","fontWeight","textPrimary","textSecondary","textTertiary"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAAqC,GAAGA,CAAC;EAC3CC,OAAO,GAAG,IAAI;EACdC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,SAAS;EACT,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,UAAU,EAAE;MAAEC;IAAa;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAChE,oBACIE,IAAA,CAACJ,IAAI;IACDQ,KAAK,EAAE,CAAC;MACJa,QAAQ,EAAEpB,kBAAkB,CAACS,EAAE,IAAIU,YAAY,CAACd,OAAO,CAAC,CAAC;MACzDgB,UAAU,EAAEb,EAAE,IAAI,EAAE;MACpBc,SAAS,EAAEZ,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCa,UAAU,EAAEZ,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAII,MAAM,CAACH,OAAO,IAAIA,OAAO,IAAIG,MAAM,CAACO,WAAW,IAAIT,SAAS,IAAIE,MAAM,CAACQ,aAAa,IAAIR,MAAM,CAACS,YAAY;IAC9I,CAAC,EACGnB,KAAK,CACP;IAAA,GACES,IAAI;IAAAV,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeF,UAAU","ignoreList":[]}
+{"version":3,"names":["Text","responsiveFontSize","useTheme","jsx","_jsx","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","getVariantColor","secondary","tertiary","disabled","inverse","primary","fontSize","fontFamily","textAlign","fontWeight","brand"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,kBAAkB,QAAQ,yCAAsC;AACzE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGvC,MAAMC,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAGlB,QAAQ,CAAC,CAAC;EAE3E,MAAMmB,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQf,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACG,SAAS;MACpD,KAAK,UAAU;QAAE,OAAOL,MAAM,CAACE,UAAU,CAACI,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,OAAO;MAChD;QAAS,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;IAC7C;EACJ,CAAC;EACD,oBACItB,IAAA,CAACJ,IAAI;IACDS,KAAK,EAAE,CAAC;MACJkB,QAAQ,EAAE1B,kBAAkB,CAACU,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DqB,UAAU,EAAElB,EAAE,IAAI,EAAE;MACpBmB,SAAS,EAAEjB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCkB,UAAU,EAAEjB,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACc,KAAK,CAACL,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGZ,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}

package/lib/module/components/StyledComponents/StyledView.js

@@ -1,10 +1,10 @@
 "use strict";
 
-import React from 'react';
+import { forwardRef } from 'react';
 import { View } from 'react-native';
 import { useTheme } from "../../hooks/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const StyledView = ({
+const StyledView = /*#__PURE__*/forwardRef(({
   f,
   justify,
   align,
@@ -15,17 +15,16 @@ const StyledView = ({
   w,
   children,
   style,
-  ref,
   ...rest
-}) => {
-  const theme = useTheme(themeBg);
+}, ref) => {
+  const theme = useTheme();
   return /*#__PURE__*/_jsx(View, {
     style: [{
       flex: f,
       justifyContent: justify,
       alignItems: align,
       flexWrap: fWrap,
-      backgroundColor: bg ?? (themeBg ? theme?.colors.secondary : 'transparent'),
+      backgroundColor: bg ?? (themeBg ? theme?.colors.background.default : 'transparent'),
       height: h,
       width: w
     }, style],
@@ -33,6 +32,6 @@ const StyledView = ({
     ...rest,
     children: children
   });
-};
+});
 export default StyledView;
 //# sourceMappingURL=StyledView.js.map

package/lib/module/components/StyledComponents/StyledView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useTheme","jsx","_jsx","StyledView","f","justify","align","fWrap","bg","themeBg","h","w","children","style","ref","rest","theme","flex","justifyContent","alignItems","flexWrap","backgroundColor","colors","secondary","height","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvC,MAAMC,UAAqC,GAAGA,CAAC;EAC3CC,CAAC;EACDC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,OAAO,GAAG,KAAK;EACfC,CAAC;EACDC,CAAC;EACDC,QAAQ;EACRC,KAAK;EACLC,GAAG;EACH,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAK,GAAGhB,QAAQ,CAACS,OAAO,CAAC;EAE/B,oBACIP,IAAA,CAACH,IAAI;IACDc,KAAK,EAAE,CAAC;MACJI,IAAI,EAAEb,CAAC;MACPc,cAAc,EAAEb,OAAO;MACvBc,UAAU,EAAEb,KAAK;MACjBc,QAAQ,EAAEb,KAAK;MACfc,eAAe,EAAEb,EAAE,KAAKC,OAAO,GAAGO,KAAK,EAAEM,MAAM,CAACC,SAAS,GAAG,aAAa,CAAC;MAC1EC,MAAM,EAAEd,CAAC;MACTe,KAAK,EAAEd;IACX,CAAC,EACGE,KAAK,CACP;IACFC,GAAG,EAAEA,GAAI;IAAA,GACLC,IAAI;IAAAH,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAED,eAAeT,UAAU","ignoreList":[]}
+{"version":3,"names":["forwardRef","View","useTheme","jsx","_jsx","StyledView","f","justify","align","fWrap","bg","themeBg","h","w","children","style","rest","ref","theme","flex","justifyContent","alignItems","flexWrap","backgroundColor","colors","background","default","height","width"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledView.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIvC,MAAMC,UAAU,gBAAGL,UAAU,CAAwB,CAAC;EAClDM,CAAC;EACDC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,OAAO,GAAG,KAAK;EACfC,CAAC;EACDC,CAAC;EACDC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,EAAEC,GAAG,KAAK;EAEP,MAAMC,KAAK,GAAGhB,QAAQ,CAAC,CAAC;EAExB,oBACIE,IAAA,CAACH,IAAI;IACDc,KAAK,EAAE,CAAC;MACJI,IAAI,EAAEb,CAAC;MACPc,cAAc,EAAEb,OAAO;MACvBc,UAAU,EAAEb,KAAK;MACjBc,QAAQ,EAAEb,KAAK;MACfc,eAAe,EAAEb,EAAE,KAAKC,OAAO,GAAGO,KAAK,EAAEM,MAAM,CAACC,UAAU,CAACC,OAAO,GAAG,aAAa,CAAC;MACnFC,MAAM,EAAEf,CAAC;MACTgB,KAAK,EAAEf;IACX,CAAC,EACGE,KAAK,CACP;IACFE,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IAAAF,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC,CAAC;AAEF,eAAeT,UAAU","ignoreList":[]}

package/lib/module/components/Surface/Surface.js

@@ -1,29 +1,33 @@
 "use strict";
 
-import React from 'react';
-import { StyleSheet } from "react-native";
 import { StyledView } from "../StyledComponents/index.js";
+import { useTheme } from "../../hooks/index.js";
+import { verticalScale } from "../../helpers/index.js";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const Surface = ({}) => {
-  const STYLES = StyleSheet.create({
-    CONTAINER: {
-      height: 100,
-      width: 100,
-      backgroundColor: '#fff',
-      shadowColor: "#000",
-      // shadowOffset: {
-      //     width: 100,
-      //     height: 100,
-      // },
-      // shadowOpacity: 0.43,
-      // shadowRadius: 9.51,
-
-      elevation: 15
-    }
-  });
+const Surface = ({
+  variant = 'elevated',
+  padding = 10,
+  br = 5,
+  children,
+  ...rest
+}) => {
+  const {
+    colors
+  } = useTheme();
+  const styles = variant === 'elevated' ? {
+    boxShadow: colors.elevation.level1
+  } : {
+    borderColor: colors.border.default,
+    borderWidth: 0.5
+  };
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(StyledView, {
-      style: STYLES.CONTAINER
+      padding: verticalScale(padding),
+      borderRadius: verticalScale(br),
+      bg: colors.background.surface,
+      ...styles,
+      ...rest,
+      children: children
     })
   });
 };

package/lib/module/components/Surface/Surface.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","StyledView","jsx","_jsx","Fragment","_Fragment","Surface","STYLES","create","CONTAINER","height","width","backgroundColor","shadowColor","elevation","children","style"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAO,cAAc;AACxC,SAASC,UAAU,QAAQ,8BAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAOjD,MAAMC,OAA+B,GAAGA,CAAC,CAEzC,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC7BC,SAAS,EAAE;MACPC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,GAAG;MACVC,eAAe,EAAE,MAAM;MACvBC,WAAW,EAAE,MAAM;MACnB;MACA;MACA;MACA;MACA;MACA;;MAEAC,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;EAEF,oBAAQX,IAAA,CAAAE,SAAA;IAAAU,QAAA,eACJZ,IAAA,CAACF,UAAU;MAACe,KAAK,EAAET,MAAM,CAACE;IAAU,CAExB;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeH,OAAO","ignoreList":[]}
+{"version":3,"names":["StyledView","useTheme","verticalScale","jsx","_jsx","Fragment","_Fragment","Surface","variant","padding","br","children","rest","colors","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","borderRadius","bg","background","surface"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,8BAAqB;AAChD,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,aAAa,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAG9C,MAAMC,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,UAAU;EACpBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EAClC,MAAMa,MAAM,GAAGN,OAAO,KAAK,UAAU,GAAG;IAAEO,SAAS,EAAEF,MAAM,CAACG,SAAS,CAACC;EAAO,CAAC,GAAG;IAAEC,WAAW,EAAEL,MAAM,CAACM,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC;EAEzI,oBAAQjB,IAAA,CAAAE,SAAA;IAAAK,QAAA,eACJP,IAAA,CAACJ,UAAU;MACPS,OAAO,EAAEP,aAAa,CAACO,OAAO,CAAE;MAChCa,YAAY,EAAEpB,aAAa,CAACQ,EAAE,CAAE;MAChCa,EAAE,EAAEV,MAAM,CAACW,UAAU,CAACC,OAAQ;MAAA,GAC1BX,MAAM;MAAA,GACNF,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AACD,eAAeJ,OAAO","ignoreList":[]}

package/lib/module/components/Switch/Switch.js

@@ -1,37 +1,40 @@
 "use strict";
 
-import React from "react";
 import { Switch as NativeSwitch } from "react-native";
-import LightenColorShades from "../../helpers/LightenColorShades.js";
-import { moderateScale } from "../../helpers/ResponsiveCalculations.js";
+import { verticalScale } from "../../helpers/ResponsiveCalculations.js";
 import { useTheme } from "../../hooks/index.js";
+import Color from "color";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const Switch = ({
   checked = true,
   color,
   disabled = false,
-  size = 0.8,
+  size = 0.9,
   activeTrackColor,
-  inactiveTrackColor = '#808080',
+  inactiveTrackColor,
   onChange,
   ...rest
 }) => {
-  const theme = useTheme();
-  const switchColor = disabled ? '#808080' : color ?? theme.colors.primary;
+  const {
+    colors
+  } = useTheme();
+  const switchColor = disabled ? colors.states.disabled : color ?? colors.brand.primary;
+  const disabledAndInActiveTrackColor = colors.palette.natural[200];
+  const generateActiveTrackColor = Color(colors.brand.primary).lighten(0).alpha(0.3).rgb().string();
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(NativeSwitch, {
       value: checked,
       trackColor: {
-        true: LightenColorShades(activeTrackColor ?? switchColor, 50),
-        false: LightenColorShades(inactiveTrackColor, 60)
+        true: disabled && disabledAndInActiveTrackColor || (activeTrackColor ?? generateActiveTrackColor),
+        false: disabled && disabledAndInActiveTrackColor || (inactiveTrackColor ?? disabledAndInActiveTrackColor)
       },
       thumbColor: switchColor,
       onValueChange: onChange,
       style: {
         transform: [{
-          scaleX: moderateScale(size)
+          scaleX: verticalScale(size)
         }, {
-          scaleY: moderateScale(size)
+          scaleY: verticalScale(size)
         }]
       },
       disabled: disabled,

package/lib/module/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Switch","NativeSwitch","LightenColorShades","moderateScale","useTheme","jsx","_jsx","Fragment","_Fragment","checked","color","disabled","size","activeTrackColor","inactiveTrackColor","onChange","rest","theme","switchColor","colors","primary","children","value","trackColor","true","false","thumbColor","onValueChange","style","transform","scaleX","scaleY"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,YAAY,QAAQ,cAAc;AACrD,OAAOC,kBAAkB,MAAM,qCAAkC;AACjE,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,QAAQ,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAGvC,MAAMR,MAA6B,GAAGA,CAAC;EACnCS,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,GAAG;EACVC,gBAAgB;EAChBC,kBAAkB,GAAG,SAAS;EAC9BC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAGb,QAAQ,CAAC,CAAC;EAC7B,MAAMc,WAAW,GAAGP,QAAQ,GAAG,SAAS,GAAGD,KAAK,IAAIO,KAAK,CAACE,MAAM,CAACC,OAAO;EAExE,oBAAQd,IAAA,CAAAE,SAAA;IAAAa,QAAA,eACJf,IAAA,CAACL,YAAY;MACTqB,KAAK,EAAEb,OAAQ;MACfc,UAAU,EAAE;QAAEC,IAAI,EAAEtB,kBAAkB,CAACW,gBAAgB,IAAIK,WAAW,EAAE,EAAE,CAAC;QAAEO,KAAK,EAAEvB,kBAAkB,CAACY,kBAAkB,EAAE,EAAE;MAAE,CAAE;MACjIY,UAAU,EAAER,WAAY;MACxBS,aAAa,EAAEZ,QAAS;MACxBa,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE3B,aAAa,CAACS,IAAI;QAAE,CAAC,EAAE;UAAEmB,MAAM,EAAE5B,aAAa,CAACS,IAAI;QAAE,CAAC;MAAE,CAAE;MACzFD,QAAQ,EAAEA,QAAS;MAAA,GACfK;IAAI,CACX;EAAC,CACJ,CAAC;AACP,CAAC;AACD,eAAehB,MAAM","ignoreList":[]}
+{"version":3,"names":["Switch","NativeSwitch","verticalScale","useTheme","Color","jsx","_jsx","Fragment","_Fragment","checked","color","disabled","size","activeTrackColor","inactiveTrackColor","onChange","rest","colors","switchColor","states","brand","primary","disabledAndInActiveTrackColor","palette","natural","generateActiveTrackColor","lighten","alpha","rgb","string","children","value","trackColor","true","false","thumbColor","onValueChange","style","transform","scaleX","scaleY"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":";;AACA,SAASA,MAAM,IAAIC,YAAY,QAAQ,cAAc;AACrD,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,QAAQ,QAAQ,sBAAa;AAEtC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAE1B,MAAMR,MAAuB,GAAGA,CAAC;EAC7BS,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,GAAG;EACVC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAClC,MAAMe,WAAW,GAAGP,QAAQ,GAAGM,MAAM,CAACE,MAAM,CAACR,QAAQ,GAAGD,KAAK,IAAIO,MAAM,CAACG,KAAK,CAACC,OAAO;EACrF,MAAMC,6BAA6B,GAAGL,MAAM,CAACM,OAAO,CAACC,OAAO,CAAC,GAAG,CAAC;EACjE,MAAMC,wBAAwB,GAAIrB,KAAK,CAACa,MAAM,CAACG,KAAK,CAACC,OAAO,CAAC,CAACK,OAAO,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAElG,oBAAQvB,IAAA,CAAAE,SAAA;IAAAsB,QAAA,eACJxB,IAAA,CAACL,YAAY;MACT8B,KAAK,EAAEtB,OAAQ;MACfuB,UAAU,EAAE;QAAEC,IAAI,EAAGtB,QAAQ,IAAIW,6BAA6B,KAAMT,gBAAgB,IAAIY,wBAAwB,CAAC;QAAES,KAAK,EAAGvB,QAAQ,IAAIW,6BAA6B,KAAMR,kBAAkB,IAAIQ,6BAA6B;MAAE,CAAE;MACjOa,UAAU,EAAEjB,WAAY;MACxBkB,aAAa,EAAErB,QAAS;MACxBsB,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAErC,aAAa,CAACU,IAAI;QAAE,CAAC,EAAE;UAAE4B,MAAM,EAAEtC,aAAa,CAACU,IAAI;QAAE,CAAC;MAAE,CAAE;MACzFD,QAAQ,EAAEA,QAAS;MAAA,GACfK;IAAI,CACX;EAAC,CACJ,CAAC;AACP,CAAC;AACD,eAAehB,MAAM","ignoreList":[]}

package/lib/module/components/UserInput/UserInput.js

@@ -1,42 +1,44 @@
 "use strict";
 
-import { useMemo } from 'react';
+import { forwardRef, useMemo, useState } from 'react';
 import { TextInput, StyleSheet } from 'react-native';
 import { responsiveFontSize, verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations.js";
 import { useTheme } from "../../hooks/index.js";
 import { StyledText, StyledView } from "../StyledComponents/index.js";
 import generateColors from "./generateColors.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const UserInput = ({
+const UserInput = /*#__PURE__*/forwardRef(({
   variant = 'standard',
   label,
   bg,
   br = 10,
   stroke = 1,
   labelColor,
-  textVariant = {
-    label: 'h5',
-    helperText: 'h6'
+  textScale = {
+    label: 'sm',
+    inputText: 'sm',
+    helperText: 'xs'
   },
   inputTextColor,
   strokeColor,
   cursorColor,
   placeholderColor,
-  inputFs = 13,
+  inputFs,
   labelFs,
   helperTextFS,
   placeholder = 'Please enter...',
   disabled = false,
   isError = false,
-  helperText = '',
+  helperText,
   multiline = false,
   renderLeftIcon,
   renderRightIcon,
   styles,
-  ref,
   ...rest
-}) => {
+}, ref) => {
+  const [isFocused, setIsFocused] = useState(false);
   const theme = useTheme();
+  const STYLES = useMemo(Styles, []);
   const {
     computedCursorColor,
     computedPlaceholderColor,
@@ -45,23 +47,24 @@ const UserInput = ({
   const dynamicStyles = {
     INPUT_CONT: {
       alignItems: multiline ? 'flex-start' : 'center',
-      backgroundColor: disabled ? theme.colors.disable : bg ?? theme.colors.inputBgColor,
-      borderColor: isError ? theme.colors.error : strokeColor ?? theme.colors.outline,
+      backgroundColor: disabled && theme.colors.states.disabled || isFocused && theme.colors.states.focus || (bg ?? theme.colors.background.default),
+      borderColor: isError && theme.colors.semantic.danger || isFocused && theme.colors.brand.primary || (strokeColor ?? theme.colors.border.default),
       borderWidth: variant === 'standard' ? 0 : stroke,
       borderBottomWidth: stroke,
       borderRadius: verticalScale(br),
-      height: multiline ? undefined : verticalScale(48),
+      height: multiline ? undefined : verticalScale(47),
       paddingVertical: multiline ? horizontalScale(10) : undefined
     },
     INPUT: {
-      color: disabled ? theme.colors.textDisable : isError ? theme.colors.error : inputTextColor ?? theme.colors.textPrimary,
-      fontSize: responsiveFontSize(inputFs),
+      color: disabled ? theme.colors.typography.disabled : isError ? theme.colors.semantic.danger : inputTextColor ?? theme.colors.typography.primary,
+      //@ts-ignore
+      fontSize: responsiveFontSize(inputFs ?? theme.sizes.typography[textScale.inputText]),
       textAlignVertical: multiline ? 'top' : 'center',
       minHeight: multiline ? 100 : undefined,
       maxHeight: multiline ? 150 : undefined
     },
     ERROR_HELPER_TEXT: {
-      color: theme.colors.error
+      color: theme.colors.semantic.danger
     }
   };
   return /*#__PURE__*/_jsx(_Fragment, {
@@ -70,7 +73,7 @@ const UserInput = ({
       style: styles?.mainContainer,
       w: "100%",
       children: [label && /*#__PURE__*/_jsx(StyledText, {
-        variant: textVariant?.label,
+        fScale: textScale?.label,
         fs: labelFs,
         color: computedLabelColor,
         style: styles?.label,
@@ -85,19 +88,21 @@ const UserInput = ({
           editable: !disabled,
           multiline: multiline,
           cursorColor: computedCursorColor,
+          onFocus: () => setIsFocused(true),
+          onBlur: () => setIsFocused(false),
           ...rest
         }), renderRightIcon]
       }), isError && helperText && /*#__PURE__*/_jsx(StyledText, {
-        variant: textVariant?.helperText,
+        fScale: textScale?.helperText,
         fs: helperTextFS,
         style: [STYLES.ERROR_HELPER_TEXT, dynamicStyles.ERROR_HELPER_TEXT, styles?.helperText],
         children: helperText
       })]
     })
   });
-};
+});
 export default UserInput;
-const STYLES = StyleSheet.create({
+const Styles = () => StyleSheet.create({
   INPUT_CONT: {
     flexDirection: 'row',
     paddingHorizontal: horizontalScale(14),

package/lib/module/components/UserInput/UserInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","TextInput","StyleSheet","responsiveFontSize","verticalScale","horizontalScale","useTheme","StyledText","StyledView","generateColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","UserInput","variant","label","bg","br","stroke","labelColor","textVariant","helperText","inputTextColor","strokeColor","cursorColor","placeholderColor","inputFs","labelFs","helperTextFS","placeholder","disabled","isError","multiline","renderLeftIcon","renderRightIcon","styles","ref","rest","theme","computedCursorColor","computedPlaceholderColor","computedLabelColor","dynamicStyles","INPUT_CONT","alignItems","backgroundColor","colors","disable","inputBgColor","borderColor","error","outline","borderWidth","borderBottomWidth","borderRadius","height","undefined","paddingVertical","INPUT","color","textDisable","textPrimary","fontSize","textAlignVertical","minHeight","maxHeight","ERROR_HELPER_TEXT","children","gap","style","mainContainer","w","fs","STYLES","inputContainer","input","placeholderTextColor","editable","create","flexDirection","paddingHorizontal","padding","flex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/UserInput.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","useState","TextInput","StyleSheet","responsiveFontSize","verticalScale","horizontalScale","useTheme","StyledText","StyledView","generateColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","UserInput","variant","label","bg","br","stroke","labelColor","textScale","inputText","helperText","inputTextColor","strokeColor","cursorColor","placeholderColor","inputFs","labelFs","helperTextFS","placeholder","disabled","isError","multiline","renderLeftIcon","renderRightIcon","styles","rest","ref","isFocused","setIsFocused","theme","STYLES","Styles","computedCursorColor","computedPlaceholderColor","computedLabelColor","dynamicStyles","INPUT_CONT","alignItems","backgroundColor","colors","states","focus","background","default","borderColor","semantic","danger","brand","primary","border","borderWidth","borderBottomWidth","borderRadius","height","undefined","paddingVertical","INPUT","color","typography","fontSize","sizes","textAlignVertical","minHeight","maxHeight","ERROR_HELPER_TEXT","children","gap","style","mainContainer","w","fScale","fs","inputContainer","input","placeholderTextColor","editable","onFocus","onBlur","create","flexDirection","paddingHorizontal","padding","flex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/UserInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UserInput/generateColors.js

@@ -1,9 +1,9 @@
 "use strict";
 
 const generateColors = (theme, isError, cursorColor, placeholderColor, labelColor) => {
-  const computedCursorColor = isError ? theme.colors.error : cursorColor ?? theme.colors.cursorColor;
-  const computedPlaceholderColor = placeholderColor ?? theme.colors.placeholderColor;
-  const computedLabelColor = isError ? theme.colors.error : labelColor ?? theme.colors.textTertiary;
+  const computedCursorColor = isError ? theme.colors.semantic.danger : cursorColor ?? theme.colors.brand.primary;
+  const computedPlaceholderColor = placeholderColor ?? theme.colors.typography.tertiary;
+  const computedLabelColor = isError ? theme.colors.semantic.danger : labelColor ?? theme.colors.typography.primary;
   return {
     computedCursorColor,
     computedPlaceholderColor,

package/lib/module/components/UserInput/generateColors.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateColors","theme","isError","cursorColor","placeholderColor","labelColor","computedCursorColor","colors","error","computedPlaceholderColor","computedLabelColor","textTertiary"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/generateColors.ts"],"mappings":";;AAGA,MAAMA,cAAc,GAAGA,CAACC,KAAiB,EAAEC,OAAgB,EAAEC,WAAoB,EAAEC,gBAAyB,EAAEC,UAAmB,KAAK;EAClI,MAAMC,mBAAmB,GAAGJ,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,KAAK,GAAIL,WAAW,IAAIF,KAAK,CAACM,MAAM,CAACJ,WAAY;EACpG,MAAMM,wBAAwB,GAAGL,gBAAgB,IAAIH,KAAK,CAACM,MAAM,CAACH,gBAAgB;EAClF,MAAMM,kBAAkB,GAAGR,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,KAAK,GAAGH,UAAU,IAAIJ,KAAK,CAACM,MAAM,CAACI,YAAY;EACjG,OAAO;IACHL,mBAAmB;IACnBG,wBAAwB;IACxBC;EACJ,CAAC;AACL,CAAC;AACD,eAAeV,cAAc","ignoreList":[]}
+{"version":3,"names":["generateColors","theme","isError","cursorColor","placeholderColor","labelColor","computedCursorColor","colors","semantic","danger","brand","primary","computedPlaceholderColor","typography","tertiary","computedLabelColor"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/generateColors.ts"],"mappings":";;AAGA,MAAMA,cAAc,GAAGA,CAACC,KAAiB,EAAEC,OAAgB,EAAEC,WAAoB,EAAEC,gBAAyB,EAAEC,UAAmB,KAAK;EAClI,MAAMC,mBAAmB,GAAGJ,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAIN,WAAW,IAAIF,KAAK,CAACM,MAAM,CAACG,KAAK,CAACC,OAAQ;EAChH,MAAMC,wBAAwB,GAAGR,gBAAgB,IAAIH,KAAK,CAACM,MAAM,CAACM,UAAU,CAACC,QAAQ;EACrF,MAAMC,kBAAkB,GAAGb,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGJ,UAAU,IAAIJ,KAAK,CAACM,MAAM,CAACM,UAAU,CAACF,OAAO;EACjH,OAAO;IACHL,mBAAmB;IACnBM,wBAAwB;IACxBG;EACJ,CAAC;AACL,CAAC;AACD,eAAef,cAAc","ignoreList":[]}

package/lib/module/constants/typographySizes.js

@@ -1,13 +1,17 @@
 "use strict";
 
 const typographySizes = {
-  h1: 32,
-  h2: 24,
-  h3: 18,
-  h4: 16,
-  h5: 14,
-  h6: 12,
-  h7: 10
+  xxs: 10,
+  xs: 12,
+  sm: 14,
+  base: 16,
+  lg: 18,
+  xl: 24,
+  '2xl': 28,
+  '3xl': 32,
+  '4xl': 36,
+  '5xl': 45,
+  '6xl': 57
 };
 export default typographySizes;
 //# sourceMappingURL=typographySizes.js.map

package/lib/module/constants/typographySizes.js.map

@@ -1 +1 @@
-{"version":3,"names":["typographySizes","h1","h2","h3","h4","h5","h6","h7"],"sourceRoot":"..\\..\\..\\src","sources":["constants/typographySizes.ts"],"mappings":";;AAUA,MAAMA,eAAoC,GAAG;EACzCC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACR,CAAC;AAED,eAAeP,eAAe","ignoreList":[]}
+{"version":3,"names":["typographySizes","xxs","xs","sm","base","lg","xl"],"sourceRoot":"..\\..\\..\\src","sources":["constants/typographySizes.ts"],"mappings":";;AAIA,MAAMA,eAAuC,GAAG;EAC5CC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACN,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACX,CAAC;AAED,eAAeN,eAAe","ignoreList":[]}