@adiraku/react-native-ui 1.2.9-canary-7 → 2.0.0-canary-2

package/lib/module/components/calendars/calendars.style.js

@@ -1,6 +1,11 @@
-import { StyleSheet } from 'react-native';
-import { Palettes, Radius, Spacing, Shadow } from '../../themes';
-export const getStyle = () => {
+import { makeStyles } from '../../config';
+export const useStyles = makeStyles(themes => {
+  const {
+    colors,
+    Spacing,
+    Radius,
+    Shadow
+  } = themes;
   const computedStyle = {};
   computedStyle.modalContainer = {
     height: '100%',
@@ -8,14 +13,14 @@ export const getStyle = () => {
   };
   computedStyle.container = {
     width: 350,
-    backgroundColor: Palettes.white[50],
+    backgroundColor: colors['fill-inverse'],
     paddingVertical: Spacing[24],
     borderRadius: Radius[16],
     overflow: 'hidden',
     ...Shadow['shadow-elevation-1']
   };
   computedStyle.headerContainer = {
-    backgroundColor: Palettes.grey[50],
+    backgroundColor: colors['fill-inverse'],
     height: 40,
     flexGrow: 1,
     borderRadius: Radius[8],
@@ -39,53 +44,70 @@ export const getStyle = () => {
     alignItems: 'center'
   };
   computedStyle.calendarContainer = {
+    backgroundColor: colors['fill-inverse'],
     height: 440,
     justifyContent: 'space-between'
   };
   computedStyle.calendarBottomContainer = {
     flexDirection: 'row',
     marginTop: Spacing[12],
-    paddingHorizontal: Spacing[16]
+    paddingHorizontal: Spacing[16],
+    gap: Spacing[16]
   };
-  return StyleSheet.create(computedStyle);
-};
-export const calendarTheme = {
-  'textDayFontFamily': 'Montserrat-Regular',
-  'textDayHeaderFontFamily': 'Montserrat-Regular',
-  'selectedDayBackgroundColor': Palettes.yellow[600],
-  'selectedDayTextColor': Palettes.black[900],
-  'todayTextColor': Palettes.black[900],
-  'stylesheet.day.basic': {
-    today: {
-      borderWidth: 2,
-      borderColor: Palettes.yellow[600],
-      borderRadius: 99
-    },
-    base: {
-      width: 40,
-      height: 40,
-      alignItems: 'center',
-      justifyContent: 'center',
-      borderRadius: 99
+  computedStyle.calendarStyle = {
+    marginHorizontal: Spacing[12],
+    backgroundColor: colors['fill-inverse']
+  };
+  computedStyle.flex = {
+    flex: 1
+  };
+  return computedStyle;
+});
+export const getCalendarTheme = (colors, colorScheme) => {
+  const calendarTheme = {
+    'calendarBackground': colors['fill-inverse'],
+    'textDayFontFamily': 'Montserrat-Regular',
+    'textDayHeaderFontFamily': 'Montserrat-Regular',
+    'textDayStyle': {
+      color: colors['text-primary']
     },
-    selected: {
-      borderRadius: 99,
-      backgroundColor: Palettes.yellow[600]
-    }
-  },
-  'stylesheet.calendar.header': {
-    week: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      borderBottomWidth: 1,
-      borderBottomColor: Palettes.grey[200],
-      paddingBottom: 12
+    'selectedDayBackgroundColor': colors['fill-warning'],
+    'selectedDayTextColor': colorScheme === 'light' ? colors['text-primary'] : colors['text-inverse'],
+    'todayTextColor': colors['text-primary'],
+    'textDisabledColor': colors['text-disable-secondary'],
+    'stylesheet.day.basic': {
+      today: {
+        borderWidth: 2,
+        borderColor: colors['border-warning'],
+        borderRadius: 99
+      },
+      base: {
+        width: 40,
+        height: 40,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 99
+      },
+      selected: {
+        borderRadius: 99,
+        backgroundColor: colors['fill-warning']
+      }
     },
-    dayHeader: {
-      fontFamily: 'Montserrat-Regular',
-      fontSize: 14,
-      color: Palettes.black[900]
+    'stylesheet.calendar.header': {
+      week: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        borderBottomWidth: 1,
+        borderBottomColor: colors['border-default'],
+        paddingBottom: 12
+      },
+      dayHeader: {
+        fontFamily: 'Montserrat-Regular',
+        fontSize: 14,
+        color: colors['text-primary']
+      }
     }
-  }
+  };
+  return calendarTheme;
 };
 //# sourceMappingURL=calendars.style.js.map

package/lib/module/components/calendars/calendars.style.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","Shadow","getStyle","computedStyle","modalContainer","height","width","container","backgroundColor","white","paddingVertical","borderRadius","overflow","headerContainer","grey","flexGrow","flexDirection","marginHorizontal","headerArrowWrapper","justifyContent","alignItems","headerCenterWrapper","flex","headerCenterItem","calendarContainer","calendarBottomContainer","marginTop","paddingHorizontal","create","calendarTheme","yellow","black","today","borderWidth","borderColor","base","selected","week","borderBottomWidth","borderBottomColor","paddingBottom","dayHeader","fontFamily","fontSize","color"],"sourceRoot":"../../../../src","sources":["components/calendars/calendars.style.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["makeStyles","useStyles","themes","colors","Spacing","Radius","Shadow","computedStyle","modalContainer","height","width","container","backgroundColor","paddingVertical","borderRadius","overflow","headerContainer","flexGrow","flexDirection","marginHorizontal","headerArrowWrapper","justifyContent","alignItems","headerCenterWrapper","flex","headerCenterItem","calendarContainer","calendarBottomContainer","marginTop","paddingHorizontal","gap","calendarStyle","getCalendarTheme","colorScheme","calendarTheme","color","today","borderWidth","borderColor","base","selected","week","borderBottomWidth","borderBottomColor","paddingBottom","dayHeader","fontFamily","fontSize"],"sourceRoot":"../../../../src","sources":["components/calendars/calendars.style.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/index.js

@@ -32,7 +32,10 @@ export { RoundedTab } from './rounded-tab/rounded-tab.component';
 export { Countdown } from './countdown/countdown.component';
 export { Loader } from './Loader/loader.component';
 export { Notification } from './Notification/notification.component';
+export { Pagination } from './Pagination/pagination.component';
 export { Mask, MaskArray, MaskInputProps, MaskItem, Masks, UseMaskedInputProps, createNumberMask, formatWithMask, useMaskedInputProps } from 'react-native-mask-input';
 export { SelectionCard } from './selection-card/SelectionCard.component';
 export { Ribbon } from './Ribbon/Ribbon.component';
+export { StickyBar } from './StickyBar/StickyBar.component';
+export { View } from './View/View.component';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B","ignoreList":[]}
+{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Pagination","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon","StickyBar","View"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,IAAI,QAAQ,uBAAuB","ignoreList":[]}

package/lib/module/components/typography/typography.component.js

@@ -1,18 +1,28 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import * as React from 'react';
 import { Text } from 'react-native';
-import { getStyle } from './typography.style';
+import { useStyles } from './typography.style';
+import { useAppTheme } from '../../config';
 const Typography = props => {
   const {
     variant = 'body1',
     children = null,
     textStyles,
     style,
+    color = 'text-primary',
     ...rest
   } = props;
-  const computedStyle = getStyle(props);
+  const styles = useStyles({
+    variant,
+    ...rest
+  });
+  const {
+    colors
+  } = useAppTheme();
   return /*#__PURE__*/React.createElement(Text, _extends({
-    style: [computedStyle[variant] || computedStyle.body1, textStyles, style]
+    style: [styles.base, {
+      color: colors[color] ?? colors['text-primary']
+    }, textStyles, style]
   }, rest), children);
 };
 export { Typography };

package/lib/module/components/typography/typography.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","getStyle","Typography","props","variant","children","textStyles","style","rest","computedStyle","createElement","_extends","body1"],"sourceRoot":"../../../../src","sources":["components/typography/typography.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,oBAAoB;AAG7C,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC7C,MAAM;IACJC,OAAO,GAAG,OAAO;IACjBC,QAAQ,GAAG,IAAI;IACfC,UAAU;IACVC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGL,KAAK;EAET,MAAMM,aAAa,GAAGR,QAAQ,CAACE,KAAK,CAAC;EAErC,oBACEJ,KAAA,CAAAW,aAAA,CAACV,IAAI,EAAAW,QAAA;IACHJ,KAAK,EAAE,CAACE,aAAa,CAACL,OAAO,CAAC,IAAIK,aAAa,CAACG,KAAK,EAAEN,UAAU,EAAEC,KAAK;EAAE,GACtEC,IAAI,GAEPH,QACG,CAAC;AAEX,CAAC;AAED,SAASH,UAAU","ignoreList":[]}
+{"version":3,"names":["React","Text","useStyles","useAppTheme","Typography","props","variant","children","textStyles","style","color","rest","styles","colors","createElement","_extends","base"],"sourceRoot":"../../../../src","sources":["components/typography/typography.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,WAAW,QAAQ,cAAc;AAE1C,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC7C,MAAM;IACJC,OAAO,GAAG,OAAO;IACjBC,QAAQ,GAAG,IAAI;IACfC,UAAU;IACVC,KAAK;IACLC,KAAK,GAAG,cAAc;IACtB,GAAGC;EACL,CAAC,GAAGN,KAAK;EAET,MAAMO,MAAM,GAAGV,SAAS,CAAC;IACvBI,OAAO;IACP,GAAGK;EACL,CAAC,CAAC;EAEF,MAAM;IAAEE;EAAO,CAAC,GAAGV,WAAW,CAAC,CAAC;EAEhC,oBACEH,KAAA,CAAAc,aAAA,CAACb,IAAI,EAAAc,QAAA;IACHN,KAAK,EAAE,CACLG,MAAM,CAACI,IAAI,EACX;MAAEN,KAAK,EAAEG,MAAM,CAACH,KAAK,CAAC,IAAIG,MAAM,CAAC,cAAc;IAAE,CAAC,EAClDL,UAAU,EACVC,KAAK;EACL,GACEE,IAAI,GAEPJ,QACG,CAAC;AAEX,CAAC;AAED,SAASH,UAAU","ignoreList":[]}

package/lib/module/components/typography/typography.style.js

@@ -1,353 +1,24 @@
-import { StyleSheet } from 'react-native';
-import { Palettes } from '../../themes';
-export const getStyle = props => {
+import { makeStyles } from '../../config';
+export const useStyles = makeStyles((themes, props) => {
   const {
-    fontStyle,
-    fontColor = Palettes.black[900]
+    Fonts,
+    FontFamilyStyle
+  } = themes;
+  const {
+    variant = 'body1',
+    fontStyle = 'normal'
   } = props;
-  const computedStyle = {};
-  const baseTextStyle = {
-    color: fontColor,
-    fontFamily: fontStyle === 'italic' ? 'Montserrat-Italic' : 'Montserrat-Regular'
-  };
-  const textSemibold = {
-    fontFamily: fontStyle === 'italic' ? 'Montserrat-SemiBoldItalic' : 'Montserrat-SemiBold'
-  };
-  const textBold = {
-    fontFamily: fontStyle === 'italic' ? 'Montserrat-BoldItalic' : 'Montserrat-Bold'
-  };
-  computedStyle['heading1-semibold'] = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 92,
-    lineHeight: 144
-  };
-  computedStyle['heading1-regular'] = {
-    ...baseTextStyle,
-    fontSize: 92,
-    lineHeight: 144
-  };
-  computedStyle['heading2-semibold'] = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 60,
-    lineHeight: 90
-  };
-  computedStyle['heading2-regular'] = {
-    ...baseTextStyle,
-    fontSize: 60,
-    lineHeight: 90
-  };
-  computedStyle['heading3-semibold'] = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 48,
-    lineHeight: 72
-  };
-  computedStyle['heading3-regular'] = {
-    ...baseTextStyle,
-    fontSize: 48,
-    lineHeight: 72
-  };
-  computedStyle['heading4-semibold'] = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 34,
-    lineHeight: 51
-  };
-  computedStyle['heading4-regular'] = {
-    ...baseTextStyle,
-    fontSize: 34,
-    lineHeight: 51
-  };
-  computedStyle['heading5-bold'] = {
-    ...baseTextStyle,
-    ...textBold,
-    fontSize: 24,
-    lineHeight: 36
-  };
-  computedStyle['heading5-semibold'] = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 24,
-    lineHeight: 36
-  };
-  computedStyle['heading5-regular'] = {
-    ...baseTextStyle,
-    fontSize: 24,
-    lineHeight: 36
-  };
-  computedStyle['heading6-bold'] = {
-    ...baseTextStyle,
-    ...textBold,
-    fontSize: 20,
-    lineHeight: 30
-  };
-  computedStyle['heading6-semibold'] = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 20,
-    lineHeight: 30
-  };
-  computedStyle['heading6-regular'] = {
-    ...baseTextStyle,
-    fontSize: 20,
-    lineHeight: 30
-  };
-  computedStyle.subheading = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 18,
-    lineHeight: 27
-  };
-  computedStyle.subtitle1 = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 16,
-    lineHeight: 24
-  };
-  computedStyle.subtitle2 = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 14,
-    lineHeight: 21
-  };
-  computedStyle['subtitle2-extrabold'] = {
-    ...baseTextStyle,
-    ...textBold,
-    fontSize: 14,
-    lineHeight: 21
-  };
-  computedStyle.body1 = {
-    ...baseTextStyle,
-    fontSize: 16,
-    lineHeight: 24
-  };
-  computedStyle.body2 = {
-    ...baseTextStyle,
-    fontSize: 14,
-    lineHeight: 21
-  };
-  computedStyle.body3 = {
-    ...baseTextStyle,
-    fontSize: 12,
-    lineHeight: 21
-  };
-  computedStyle.button = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 14,
-    lineHeight: 21
-  };
-  computedStyle['button-small'] = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 12,
-    lineHeight: 18
-  };
-  computedStyle.caption = {
-    ...baseTextStyle,
-    fontSize: 12,
-    lineHeight: 18
-  };
-  computedStyle.caption2 = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 12,
-    lineHeight: 18
-  };
-  computedStyle.overline = {
-    ...baseTextStyle,
-    ...textSemibold,
-    fontSize: 10,
-    lineHeight: 15
-  };
-  computedStyle['overline-small'] = {
-    ...baseTextStyle,
-    fontSize: 10,
-    lineHeight: 15
-  };
-
-  // -===== New Token update =====-
-  const textSemiboldV2 = {
-    fontFamily: fontStyle === 'italic' ? 'Montserrat-SemiBoldItalic' : 'Montserrat-SemiBold',
-    fontSize: 600
-  };
-  const textBoldV2 = {
-    fontFamily: fontStyle === 'italic' ? 'Montserrat-BoldItalic' : 'Montserrat-Bold',
-    fontSize: 700
-  };
-
-  // Heading
-  computedStyle['text-heading-h1-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 96,
-    lineHeight: 96
-  };
-  computedStyle['text-heading-h1-regular'] = {
-    ...baseTextStyle,
-    fontSize: 96,
-    lineHeight: 96
-  };
-  computedStyle['text-heading-h2-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 60,
-    lineHeight: 60
-  };
-  computedStyle['text-heading-h2-regular'] = {
-    ...baseTextStyle,
-    fontSize: 60,
-    lineHeight: 60
-  };
-  computedStyle['text-heading-h3-bold'] = {
-    ...baseTextStyle,
-    ...textBoldV2,
-    fontSize: 48,
-    lineHeight: 48
-  };
-  computedStyle['text-heading-h3-regular'] = {
-    ...baseTextStyle,
-    fontSize: 48,
-    lineHeight: 48
-  };
-  computedStyle['text-heading-h4-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 34,
-    lineHeight: 34
-  };
-  computedStyle['text-heading-h4-regular'] = {
-    ...baseTextStyle,
-    fontSize: 34,
-    lineHeight: 34
-  };
-  computedStyle['text-heading-h5-bold'] = {
-    ...baseTextStyle,
-    ...textBoldV2,
-    fontSize: 24,
-    lineHeight: 24
-  };
-  computedStyle['text-heading-h5-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 24,
-    lineHeight: 24
-  };
-  computedStyle['text-heading-h5-regular'] = {
-    ...baseTextStyle,
-    fontSize: 24,
-    lineHeight: 24
-  };
-  computedStyle['text-heading-h6-bold'] = {
-    ...baseTextStyle,
-    ...textBoldV2,
-    fontSize: 20,
-    lineHeight: 20
-  };
-  computedStyle['text-heading-h6-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 20,
-    lineHeight: 20
-  };
-  computedStyle['text-heading-h6-regular'] = {
-    ...baseTextStyle,
-    fontSize: 20,
-    lineHeight: 20
-  };
-
-  // Sub Heading
-  computedStyle['text-sub-heading-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 14,
-    lineHeight: 14
-  };
-
-  // Subtitle
-  computedStyle['text-subtitle-primary-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 16,
-    lineHeight: 16
-  };
-  computedStyle['text-subtitle-secondary-bold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 14,
-    lineHeight: 14
-  };
-  computedStyle['text-subtitle-secondary-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 14,
-    lineHeight: 14
-  };
-
-  // Button
-  computedStyle['text-button-default-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 14,
-    lineHeight: 14
-  };
-  computedStyle['text-button-small-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 12,
-    lineHeight: 12
-  };
-
-  // Caption
-  computedStyle['text-caption-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 12,
-    lineHeight: 12
-  };
-  computedStyle['text-caption-regular'] = {
-    ...baseTextStyle,
-    fontSize: 12,
-    lineHeight: 12
-  };
-
-  // Overline
-  computedStyle['text-overline-semibold'] = {
-    ...baseTextStyle,
-    ...textSemiboldV2,
-    fontSize: 10,
-    lineHeight: 10
-  };
-  computedStyle['text-overline-regular'] = {
-    ...baseTextStyle,
-    fontSize: 12,
-    lineHeight: 12
-  };
-  computedStyle['text-overline-strike'] = {
-    ...baseTextStyle,
-    textDecorationLine: 'line-through',
-    fontSize: 12,
-    lineHeight: 12
-  };
-
-  // Body
-  computedStyle['text-body-primary-regular'] = {
-    ...baseTextStyle,
-    fontSize: 16,
-    lineHeight: 16
-  };
-  computedStyle['text-body-secondary-regular'] = {
-    ...baseTextStyle,
-    fontSize: 14,
-    lineHeight: 14
-  };
-  computedStyle['text-body-tertiary-regular'] = {
-    ...baseTextStyle,
-    fontSize: 12,
-    lineHeight: 12
-  };
-  return StyleSheet.create(computedStyle);
-};
+  const baseStyle = FontFamilyStyle[variant] ?? FontFamilyStyle.body1;
+  if (!baseStyle.fontFamily) {
+    // Apply appropriate font based on its font style
+    const fontType = baseStyle.fontType ?? 'regular';
+    const isItalic = fontStyle === 'italic' || baseStyle.fontStyle === 'italic';
+    const fontKey = fontType + (isItalic ? 'Italic' : '');
+    baseStyle.fontFamily = Fonts[fontKey];
+  }
+  delete baseStyle.fontType;
+  return {
+    base: baseStyle
+  };
+});
 //# sourceMappingURL=typography.style.js.map

package/lib/module/components/typography/typography.style.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Palettes","getStyle","props","fontStyle","fontColor","black","computedStyle","baseTextStyle","color","fontFamily","textSemibold","textBold","fontSize","lineHeight","subheading","subtitle1","subtitle2","body1","body2","body3","button","caption","caption2","overline","textSemiboldV2","textBoldV2","textDecorationLine","create"],"sourceRoot":"../../../../src","sources":["components/typography/typography.style.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["makeStyles","useStyles","themes","props","Fonts","FontFamilyStyle","variant","fontStyle","baseStyle","body1","fontFamily","fontType","isItalic","fontKey","base"],"sourceRoot":"../../../../src","sources":["components/typography/typography.style.tsx"],"mappings":"AACA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGD,UAAU,CAAC,CAACE,MAAM,EAAEC,KAAsB,KAAK;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGH,MAAM;EACzC,MAAM;IAAEI,OAAO,GAAG,OAAO;IAAEC,SAAS,GAAG;EAAS,CAAC,GAAGJ,KAAK;EAEzD,MAAMK,SAAS,GAAGH,eAAe,CAACC,OAAO,CAAC,IAAID,eAAe,CAACI,KAAK;EAEnE,IAAI,CAACD,SAAS,CAACE,UAAU,EAAE;IACzB;IACA,MAAMC,QAAQ,GAAGH,SAAS,CAACG,QAAQ,IAAI,SAAS;IAChD,MAAMC,QAAQ,GAAGL,SAAS,KAAK,QAAQ,IAAIC,SAAS,CAACD,SAAS,KAAK,QAAQ;IAC3E,MAAMM,OAAO,GAAIF,QAAQ,IACtBC,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAwB;IAEnDJ,SAAS,CAACE,UAAU,GAAGN,KAAK,CAACS,OAAO,CAAC;EACvC;EAEA,OAAOL,SAAS,CAACG,QAAQ;EAEzB,OAAO;IACLG,IAAI,EAAEN;EACR,CAAC;AACH,CAAC,CAAC","ignoreList":[]}

package/lib/module/config/index.js

@@ -0,0 +1,5 @@
+export * from './theme.default';
+export * from './theme.type';
+export * from './theme.provider';
+export * from './makeStyles';
+//# sourceMappingURL=index.js.map

package/lib/module/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["config/index.ts"],"mappings":"AAAA,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,cAAc","ignoreList":[]}

package/lib/module/config/makeStyles.js

@@ -0,0 +1,30 @@
+import { useMemo } from 'react';
+import { StyleSheet } from 'react-native';
+import { useAppTheme } from './theme.provider';
+export const makeStyles = styles => props => {
+  const {
+    colors,
+    Border,
+    FontFamilyStyle,
+    Fonts,
+    Radius,
+    Shadow,
+    Spacing,
+    colorScheme
+  } = useAppTheme();
+  return useMemo(() => {
+    const theme = {
+      colors,
+      Border,
+      FontFamilyStyle,
+      Fonts,
+      Radius,
+      Shadow,
+      Spacing,
+      colorScheme
+    };
+    const css = typeof styles === 'function' ? styles(theme, props ?? {}) : styles;
+    return StyleSheet.create(css);
+  }, [Border, FontFamilyStyle, Fonts, Radius, Shadow, Spacing, colorScheme, colors, props]);
+};
+//# sourceMappingURL=makeStyles.js.map