@meatech/payblend_app_ui_component 1.1.56 → 1.1.59

package/components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.tsx

@@ -62,12 +62,12 @@ export const PaymentMethodCardWithAmount: React.FC<
       <View style={styles.content}>
         <Icon
           name={data.icon}
-          width={metrics.iconMediumPlus}
-          height={metrics.iconMediumPlus}
+          width={metrics.iconMediumXLarge}
+          height={metrics.iconMediumXLarge}
           tintColor={colors.neutral['80']}
         />
         <View style={styles.titleContainer}>
-          <Text size="medium" color="tertiary" style={styles.title}>
+          <Text size="mediumPlus" color="tertiary" style={styles.title}>
             {title}
           </Text>
         </View>

package/components/Text/styles.tsx

@@ -24,6 +24,7 @@ export const textSize: Record<string, number> = {
   xs: FontSizes.fontXS,
   small: FontSizes.fontSmall,
   medium: FontSizes.fontMedium,
+  mediumPlus: FontSizes.fontMediumPlus,
   large: FontSizes.fontLarge,
   xl: FontSizes.fontXL,
   xlx: FontSizes.fontXlx,

package/components/Text/type.ts

@@ -8,6 +8,7 @@ export interface CustomTextProps extends RNTextProps {
     | 'xs'
     | 'small'
     | 'medium'
+    | 'mediumPlus'
     | 'large'
     | 'xl'
     | 'xlx'

package/dist/components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js

@@ -45,9 +45,9 @@ const PaymentMethodCardWithAmount = ({ type = EPaymentCardTypes.DIRECT, title =
             isLoading && styles.notAvailable,
         ], activeOpacity: ACTIVE_OPACITY, disabled: !onPress, onPress: onPress },
         React__default.createElement(View, { style: styles.content },
-            React__default.createElement(Icon, { name: data.icon, width: metrics.iconMediumPlus, height: metrics.iconMediumPlus, tintColor: colors.neutral['80'] }),
+            React__default.createElement(Icon, { name: data.icon, width: metrics.iconMediumXLarge, height: metrics.iconMediumXLarge, tintColor: colors.neutral['80'] }),
             React__default.createElement(View, { style: styles.titleContainer },
-                React__default.createElement(Text, { size: "medium", color: "tertiary", style: styles.title }, title))),
+                React__default.createElement(Text, { size: "mediumPlus", color: "tertiary", style: styles.title }, title))),
         React__default.createElement(View, { style: styles.balance },
             React__default.createElement(Text, { size: "medium", fontWeight: "500", color: "primary", lineHeight: responsiveFont(40) }, unit),
             React__default.createElement(Text, { size: "xl", fontWeight: "700", color: "primary", lineHeight: responsiveFont(40) }, formatNumber(balance)),

package/dist/components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethodCardWithAmount.js","sources":["../../../../components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  StyleProp,\n  ViewStyle,\n  ActivityIndicator,\n} from \"react-native\";\nimport { EPaymentCardTypes, paymentCardDataByTypes } from \"@ui/constants\";\nimport { Icon, Image, Text } from \"@ui/components\";\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  getColorOpacity,\n  metrics,\n  pf,\n  ph,\n  pw,\n} from \"@ui/themes\";\nimport { formatNumber } from \"@ui/utils\";\n\nexport interface PaymentMethodCardWithAmountProps {\n  title?: string;\n  type?: EPaymentCardTypes;\n  balance?: string;\n  cardImgUrl?: string;\n  style?: StyleProp<ViewStyle>;\n  unit?: string;\n  disabled?: boolean;\n  isLoading?: boolean;\n  onPress?: () => void;\n  onCreate?: () => void;\n}\n\nexport const PaymentMethodCardWithAmount: React.FC<\n  PaymentMethodCardWithAmountProps\n> = ({\n  type = EPaymentCardTypes.DIRECT,\n  title = '',\n  balance = '0',\n  unit = '￥',\n  isLoading = false,\n  style,\n  cardImgUrl,\n  onPress,\n  onCreate,\n}) => {\n  const data = paymentCardDataByTypes[type];\n  return (\n    <TouchableOpacity\n      style={[\n        styles.container,\n        style,\n        onCreate && styles.notAvailable,\n        isLoading && styles.notAvailable,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      disabled={!onPress}\n      onPress={onPress}>\n      <View style={styles.content}>\n        <Icon\n          name={data.icon}\n          width={metrics.iconMediumPlus}\n          height={metrics.iconMediumPlus}\n          tintColor={colors.neutral['80']}\n        />\n        <View style={styles.titleContainer}>\n          <Text size=\"medium\" color=\"tertiary\" style={styles.title}>\n            {title}\n          </Text>\n        </View>\n      </View>\n      <View style={styles.balance}>\n        <Text\n          size=\"medium\"\n          fontWeight=\"500\"\n          color=\"primary\"\n          lineHeight={pf(40)}>\n          {unit}\n        </Text>\n        <Text size=\"xl\" fontWeight=\"700\" color=\"primary\" lineHeight={pf(40)}>\n          {formatNumber(balance)}\n        </Text>\n        <Text\n          size=\"medium\"\n          fontWeight=\"500\"\n          color=\"primary\"\n          lineHeight={pf(40)}>\n          -\n        </Text>\n      </View>\n      <View style={styles.bannerIntro}>\n        <Image\n          uri={cardImgUrl || data.photo}\n          width={deviceWidth() * 0.33}\n          height={pw(84)}\n          style={styles.banner}\n          resizeMode=\"cover\"\n        />\n        {onCreate && (\n          <TouchableOpacity\n            style={styles.add}\n            activeOpacity={ACTIVE_OPACITY}\n            disabled={isLoading}\n            onPress={onCreate}>\n            {!isLoading ? (\n              <Icon\n                name=\"ic_white_plus\"\n                width={metrics.iconExtraLarge}\n                height={metrics.iconExtraLarge}\n              />\n            ) : (\n              <ActivityIndicator size=\"small\" color={colors.primary['100']} />\n            )}\n          </TouchableOpacity>\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: colors.white['10'],\n    height: ph(108),\n    shadowColor: colors.neutral['100'],\n    shadowOffset: {width: 0, height: 4},\n    shadowOpacity: 0.25,\n    shadowRadius: 6,\n    elevation: 6,\n    justifyContent: 'space-between',\n    borderRadius: metrics.borderRadiusSemiLarge,\n  },\n  notAvailable: {\n    opacity: 0.4,\n  },\n  titleContainer: {\n    width: '50%',\n  },\n  title: {\n    flexWrap: 'wrap',\n  },\n  content: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    paddingTop: ph(14),\n    gap: metrics.width.spacingExtraSmall,\n    borderTopRightRadius: metrics.borderRadiusSemiLarge,\n    borderTopLeftRadius: metrics.borderRadiusSemiLarge,\n  },\n  balance: {\n    flexDirection: 'row',\n    backgroundColor: colors.neutral['20'],\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    paddingVertical: metrics.height.spacingTiny,\n    gap: metrics.width.spacingNano,\n    borderBottomRightRadius: metrics.borderRadiusSemiLarge,\n    borderBottomLeftRadius: metrics.borderRadiusSemiLarge,\n  },\n  bannerIntro: {\n    position: 'absolute',\n    zIndex: 1,\n    top: metrics.height.spacingExtraSmall,\n    right: metrics.width.spacingExtraSmall,\n    borderRadius: metrics.borderRadiusExtraLarge,\n    backgroundColor: colors.white['10'],\n    padding: metrics.width.spacingTiny,\n    shadowColor: colors.neutral['100'],\n    shadowOffset: {width: 0, height: metrics.height.spacingTiny},\n    shadowOpacity: 0.25,\n    shadowRadius: metrics.borderRadiusExtraLarge,\n    elevation: 12,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  banner: {\n    borderRadius: metrics.borderRadiusExtraLarge,\n  },\n  add: {\n    position: 'absolute',\n    zIndex: 2,\n    width: metrics.iconHuge,\n    height: metrics.iconHuge,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n    borderRadius: metrics.borderRadiusMassive,\n  },\n  loading: {\n    position: 'absolute',\n    zIndex: 2,\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: getColorOpacity(colors.black['100'], 0.2),\n    borderRadius: metrics.borderRadiusExtraLarge,\n  },\n});\n"],"names":["React","pf","pw","ph"],"mappings":"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"}
+{"version":3,"file":"PaymentMethodCardWithAmount.js","sources":["../../../../components/PaymentMethodCardWithAmount/PaymentMethodCardWithAmount.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  TouchableOpacity,\n  View,\n  StyleProp,\n  ViewStyle,\n  ActivityIndicator,\n} from \"react-native\";\nimport { EPaymentCardTypes, paymentCardDataByTypes } from \"@ui/constants\";\nimport { Icon, Image, Text } from \"@ui/components\";\nimport {\n  ACTIVE_OPACITY,\n  colors,\n  deviceWidth,\n  getColorOpacity,\n  metrics,\n  pf,\n  ph,\n  pw,\n} from \"@ui/themes\";\nimport { formatNumber } from \"@ui/utils\";\n\nexport interface PaymentMethodCardWithAmountProps {\n  title?: string;\n  type?: EPaymentCardTypes;\n  balance?: string;\n  cardImgUrl?: string;\n  style?: StyleProp<ViewStyle>;\n  unit?: string;\n  disabled?: boolean;\n  isLoading?: boolean;\n  onPress?: () => void;\n  onCreate?: () => void;\n}\n\nexport const PaymentMethodCardWithAmount: React.FC<\n  PaymentMethodCardWithAmountProps\n> = ({\n  type = EPaymentCardTypes.DIRECT,\n  title = '',\n  balance = '0',\n  unit = '￥',\n  isLoading = false,\n  style,\n  cardImgUrl,\n  onPress,\n  onCreate,\n}) => {\n  const data = paymentCardDataByTypes[type];\n  return (\n    <TouchableOpacity\n      style={[\n        styles.container,\n        style,\n        onCreate && styles.notAvailable,\n        isLoading && styles.notAvailable,\n      ]}\n      activeOpacity={ACTIVE_OPACITY}\n      disabled={!onPress}\n      onPress={onPress}>\n      <View style={styles.content}>\n        <Icon\n          name={data.icon}\n          width={metrics.iconMediumXLarge}\n          height={metrics.iconMediumXLarge}\n          tintColor={colors.neutral['80']}\n        />\n        <View style={styles.titleContainer}>\n          <Text size=\"mediumPlus\" color=\"tertiary\" style={styles.title}>\n            {title}\n          </Text>\n        </View>\n      </View>\n      <View style={styles.balance}>\n        <Text\n          size=\"medium\"\n          fontWeight=\"500\"\n          color=\"primary\"\n          lineHeight={pf(40)}>\n          {unit}\n        </Text>\n        <Text size=\"xl\" fontWeight=\"700\" color=\"primary\" lineHeight={pf(40)}>\n          {formatNumber(balance)}\n        </Text>\n        <Text\n          size=\"medium\"\n          fontWeight=\"500\"\n          color=\"primary\"\n          lineHeight={pf(40)}>\n          -\n        </Text>\n      </View>\n      <View style={styles.bannerIntro}>\n        <Image\n          uri={cardImgUrl || data.photo}\n          width={deviceWidth() * 0.33}\n          height={pw(84)}\n          style={styles.banner}\n          resizeMode=\"cover\"\n        />\n        {onCreate && (\n          <TouchableOpacity\n            style={styles.add}\n            activeOpacity={ACTIVE_OPACITY}\n            disabled={isLoading}\n            onPress={onCreate}>\n            {!isLoading ? (\n              <Icon\n                name=\"ic_white_plus\"\n                width={metrics.iconExtraLarge}\n                height={metrics.iconExtraLarge}\n              />\n            ) : (\n              <ActivityIndicator size=\"small\" color={colors.primary['100']} />\n            )}\n          </TouchableOpacity>\n        )}\n      </View>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: colors.white['10'],\n    height: ph(108),\n    shadowColor: colors.neutral['100'],\n    shadowOffset: {width: 0, height: 4},\n    shadowOpacity: 0.25,\n    shadowRadius: 6,\n    elevation: 6,\n    justifyContent: 'space-between',\n    borderRadius: metrics.borderRadiusSemiLarge,\n  },\n  notAvailable: {\n    opacity: 0.4,\n  },\n  titleContainer: {\n    width: '50%',\n  },\n  title: {\n    flexWrap: 'wrap',\n  },\n  content: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    paddingTop: ph(14),\n    gap: metrics.width.spacingExtraSmall,\n    borderTopRightRadius: metrics.borderRadiusSemiLarge,\n    borderTopLeftRadius: metrics.borderRadiusSemiLarge,\n  },\n  balance: {\n    flexDirection: 'row',\n    backgroundColor: colors.neutral['20'],\n    paddingHorizontal: metrics.width.spacingExtraSmall,\n    paddingVertical: metrics.height.spacingTiny,\n    gap: metrics.width.spacingNano,\n    borderBottomRightRadius: metrics.borderRadiusSemiLarge,\n    borderBottomLeftRadius: metrics.borderRadiusSemiLarge,\n  },\n  bannerIntro: {\n    position: 'absolute',\n    zIndex: 1,\n    top: metrics.height.spacingExtraSmall,\n    right: metrics.width.spacingExtraSmall,\n    borderRadius: metrics.borderRadiusExtraLarge,\n    backgroundColor: colors.white['10'],\n    padding: metrics.width.spacingTiny,\n    shadowColor: colors.neutral['100'],\n    shadowOffset: {width: 0, height: metrics.height.spacingTiny},\n    shadowOpacity: 0.25,\n    shadowRadius: metrics.borderRadiusExtraLarge,\n    elevation: 12,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  banner: {\n    borderRadius: metrics.borderRadiusExtraLarge,\n  },\n  add: {\n    position: 'absolute',\n    zIndex: 2,\n    width: metrics.iconHuge,\n    height: metrics.iconHuge,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: getColorOpacity(colors.black['100'], 0.6),\n    borderRadius: metrics.borderRadiusMassive,\n  },\n  loading: {\n    position: 'absolute',\n    zIndex: 2,\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor: getColorOpacity(colors.black['100'], 0.2),\n    borderRadius: metrics.borderRadiusExtraLarge,\n  },\n});\n"],"names":["React","pf","pw","ph"],"mappings":"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"}

package/dist/components/Text/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/Text/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgB7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAY3C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU3C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../components/Text/styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgB7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa3C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAU3C,CAAC"}

package/dist/components/Text/styles.js

@@ -27,6 +27,7 @@ const textSize = {
     xs: FontSizes.fontXS,
     small: FontSizes.fontSmall,
     medium: FontSizes.fontMedium,
+    mediumPlus: FontSizes.fontMediumPlus,
     large: FontSizes.fontLarge,
     xl: FontSizes.fontXL,
     xlx: FontSizes.fontXlx,

package/dist/components/Text/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../components/Text/styles.tsx"],"sourcesContent":["import {colors, FontFamily, FontSizes} from '@ui/themes';\n\nexport const colorsText: Record<string, string> = {\n  primary: colors.neutral[100],\n  secondary: colors.neutral[90],\n  tertiary: colors.neutral[80],\n  disabled: colors.neutral[60],\n  placeholder: colors.neutral[60],\n  error: colors.red[90],\n  success: colors.green[90],\n  warning: colors.orange[90],\n  info: colors.blue[90],\n  interactive: colors.secondary[100],\n  hover: colors.teal[90],\n  focus: colors.teal[100],\n  active: colors.teal[100],\n  brand: colors.teal[60],\n  white: colors.white[10],\n};\n\nexport const textSize: Record<string, number> = {\n  xxxs: FontSizes.font3XS,\n  xxs: FontSizes.fontXXS,\n  xs: FontSizes.fontXS,\n  small: FontSizes.fontSmall,\n  medium: FontSizes.fontMedium,\n  large: FontSizes.fontLarge,\n  xl: FontSizes.fontXL,\n  xlx: FontSizes.fontXlx,\n  xxl: FontSizes.fontXXL,\n  xxxl: FontSizes.fontXXXL,\n  xxxxl: FontSizes.fontXXXL,\n};\n\nexport const fontText: Record<string, string> = {\n  100: FontFamily.Thin,\n  200: FontFamily.ExtraLight,\n  300: FontFamily.Light,\n  400: FontFamily.Regular,\n  500: FontFamily.Medium,\n  600: FontFamily.SemiBold,\n  700: FontFamily.Bold,\n  800: FontFamily.ExtraBold,\n  900: FontFamily.Black,\n};\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAA2B;AAChD,IAAA,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5B,IAAA,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC7B,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5B,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5B,IAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC/B,IAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrB,IAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACzB,IAAA,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAC1B,IAAA,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACrB,IAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;AAClC,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvB,IAAA,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACxB,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,IAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;;AAGZ,MAAA,QAAQ,GAA2B;IAC9C,IAAI,EAAE,SAAS,CAAC,OAAO;IACvB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,MAAM,EAAE,SAAS,CAAC,UAAU;IAC5B,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,IAAI,EAAE,SAAS,CAAC,QAAQ;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ;;CAGqB;IAC9C,GAAG,EAAE,UAAU,CAAC,IAAI;IACpB,GAAG,EAAE,UAAU,CAAC,UAAU;IAC1B,GAAG,EAAE,UAAU,CAAC,KAAK;IACrB,GAAG,EAAE,UAAU,CAAC,OAAO;IACvB,GAAG,EAAE,UAAU,CAAC,MAAM;IACtB,GAAG,EAAE,UAAU,CAAC,QAAQ;IACxB,GAAG,EAAE,UAAU,CAAC,IAAI;IACpB,GAAG,EAAE,UAAU,CAAC,SAAS;IACzB,GAAG,EAAE,UAAU,CAAC,KAAK;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../components/Text/styles.tsx"],"sourcesContent":["import {colors, FontFamily, FontSizes} from '@ui/themes';\n\nexport const colorsText: Record<string, string> = {\n  primary: colors.neutral[100],\n  secondary: colors.neutral[90],\n  tertiary: colors.neutral[80],\n  disabled: colors.neutral[60],\n  placeholder: colors.neutral[60],\n  error: colors.red[90],\n  success: colors.green[90],\n  warning: colors.orange[90],\n  info: colors.blue[90],\n  interactive: colors.secondary[100],\n  hover: colors.teal[90],\n  focus: colors.teal[100],\n  active: colors.teal[100],\n  brand: colors.teal[60],\n  white: colors.white[10],\n};\n\nexport const textSize: Record<string, number> = {\n  xxxs: FontSizes.font3XS,\n  xxs: FontSizes.fontXXS,\n  xs: FontSizes.fontXS,\n  small: FontSizes.fontSmall,\n  medium: FontSizes.fontMedium,\n  mediumPlus: FontSizes.fontMediumPlus,\n  large: FontSizes.fontLarge,\n  xl: FontSizes.fontXL,\n  xlx: FontSizes.fontXlx,\n  xxl: FontSizes.fontXXL,\n  xxxl: FontSizes.fontXXXL,\n  xxxxl: FontSizes.fontXXXL,\n};\n\nexport const fontText: Record<string, string> = {\n  100: FontFamily.Thin,\n  200: FontFamily.ExtraLight,\n  300: FontFamily.Light,\n  400: FontFamily.Regular,\n  500: FontFamily.Medium,\n  600: FontFamily.SemiBold,\n  700: FontFamily.Bold,\n  800: FontFamily.ExtraBold,\n  900: FontFamily.Black,\n};\n"],"names":[],"mappings":";;;;;;AAEa,MAAA,UAAU,GAA2B;AAChD,IAAA,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5B,IAAA,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC7B,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5B,IAAA,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC5B,IAAA,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;AAC/B,IAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC;AACrB,IAAA,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACzB,IAAA,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;AAC1B,IAAA,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACrB,IAAA,WAAW,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC;AAClC,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvB,IAAA,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACxB,IAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;AACtB,IAAA,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;;AAGZ,MAAA,QAAQ,GAA2B;IAC9C,IAAI,EAAE,SAAS,CAAC,OAAO;IACvB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,MAAM,EAAE,SAAS,CAAC,UAAU;IAC5B,UAAU,EAAE,SAAS,CAAC,cAAc;IACpC,KAAK,EAAE,SAAS,CAAC,SAAS;IAC1B,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,GAAG,EAAE,SAAS,CAAC,OAAO;IACtB,IAAI,EAAE,SAAS,CAAC,QAAQ;IACxB,KAAK,EAAE,SAAS,CAAC,QAAQ;;CAGqB;IAC9C,GAAG,EAAE,UAAU,CAAC,IAAI;IACpB,GAAG,EAAE,UAAU,CAAC,UAAU;IAC1B,GAAG,EAAE,UAAU,CAAC,KAAK;IACrB,GAAG,EAAE,UAAU,CAAC,OAAO;IACvB,GAAG,EAAE,UAAU,CAAC,MAAM;IACtB,GAAG,EAAE,UAAU,CAAC,QAAQ;IACxB,GAAG,EAAE,UAAU,CAAC,IAAI;IACpB,GAAG,EAAE,UAAU,CAAC,SAAS;IACzB,GAAG,EAAE,UAAU,CAAC,KAAK;;;;;"}

package/dist/components/Text/type.d.ts

@@ -3,7 +3,7 @@ import { TextProps } from 'react-native';
 
 interface CustomTextProps extends TextProps {
     children: React__default.ReactNode;
-    size?: 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xlx' | 'xxl' | 'xxxl' | 'xxxxl';
+    size?: 'xxxs' | 'xxs' | 'xs' | 'small' | 'medium' | 'mediumPlus' | 'large' | 'xl' | 'xlx' | 'xxl' | 'xxxl' | 'xxxxl';
     color?: 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'placeholder' | 'error' | 'success' | 'warning' | 'info' | 'interactive' | 'hover' | 'active' | 'focus' | 'brand' | 'white' | 'white';
     fontFamily?: 'Inter' | string;
     fontWeight?: '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';

package/dist/components/Text/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Text/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AACtD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,OAAO,GACP,IAAI,GACJ,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../components/Text/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,IAAI,WAAW,EAAC,MAAM,cAAc,CAAC;AACtD,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EACD,MAAM,GACN,KAAK,GACL,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,OAAO,GACP,IAAI,GACJ,KAAK,GACL,KAAK,GACL,MAAM,GACN,OAAO,CAAC;IACZ,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,GACV,aAAa,GACb,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAC;IACZ,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,EACP,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;IACV,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/themes/metrics.d.ts

@@ -85,6 +85,7 @@ declare const FontSizes: {
     readonly fontXS: 12;
     readonly fontSmall: 14;
     readonly fontMedium: 16;
+    readonly fontMediumPlus: 18;
     readonly fontLarge: 20;
     readonly fontXL: 24;
     readonly fontXlx: 26;

package/dist/themes/metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../themes/metrics.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,KACpB,CAAC,CAAC;AACjC,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,KACnB,CAAC,CAAC;AACnC,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,KACnB,CAAC,CAAC;AAEjC,QAAA,MAAM,WAAW,QAAO,MAAe,CAAC;AACxC,QAAA,MAAM,YAAY,QAAO,MAAgB,CAAC;AAE1C,QAAA,MAAM,KAAK,EAAE,OAA+B,CAAC;AAC7C,QAAA,MAAM,KAAK,EAAE,OAA+B,CAAC;AAE7C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EH,CAAC;AAEX,QAAA,MAAM,SAAS;;;;;;;;;;;;CAYL,CAAC;AAEX,QAAA,MAAM,UAAU;;;;;;;;;;CAUN,CAAC;AAEX,QAAA,MAAM,KAAK;;;;;;;;;;;CAWD,CAAC;AAEX,QAAA,MAAM,kBAAkB,SAAsD,CAAC;AAE/E,OAAO,EACL,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAc,IAAI,EAAE,EACpB,gBAAgB,IAAI,EAAE,EACtB,eAAe,IAAI,EAAE,EACrB,WAAW,EACX,YAAY,GACb,CAAC"}
+{"version":3,"file":"metrics.d.ts","sourceRoot":"","sources":["../../themes/metrics.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,KACpB,CAAC,CAAC;AACjC,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,KACnB,CAAC,CAAC;AACnC,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,CAAC,KACnB,CAAC,CAAC;AAEjC,QAAA,MAAM,WAAW,QAAO,MAAe,CAAC;AACxC,QAAA,MAAM,YAAY,QAAO,MAAgB,CAAC;AAE1C,QAAA,MAAM,KAAK,EAAE,OAA+B,CAAC;AAC7C,QAAA,MAAM,KAAK,EAAE,OAA+B,CAAC;AAE7C,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+EH,CAAC;AAEX,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAaL,CAAC;AAEX,QAAA,MAAM,UAAU;;;;;;;;;;CAUN,CAAC;AAEX,QAAA,MAAM,KAAK;;;;;;;;;;;CAWD,CAAC;AAEX,QAAA,MAAM,kBAAkB,SAAsD,CAAC;AAE/E,OAAO,EACL,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAc,IAAI,EAAE,EACpB,gBAAgB,IAAI,EAAE,EACtB,eAAe,IAAI,EAAE,EACrB,WAAW,EACX,YAAY,GACb,CAAC"}

package/dist/themes/metrics.js

@@ -91,6 +91,7 @@ const FontSizes = {
     fontXS: responsiveFont(12),
     fontSmall: responsiveFont(14),
     fontMedium: responsiveFont(16),
+    fontMediumPlus: responsiveFont(18),
     fontLarge: responsiveFont(20),
     fontXL: responsiveFont(24),
     fontXlx: responsiveFont(26),

package/dist/themes/metrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics.js","sources":["../../../themes/metrics.ts"],"sourcesContent":["import {Dimensions, Platform} from 'react-native';\n\nconst {width, height} = Dimensions.get('window');\n\nconst responsiveWidth = <T extends number>(value: T) =>\n  (width * (value / width)) as T;\nconst responsiveHeight = <T extends number>(value: T) =>\n  (height * (value / height)) as T;\nconst responsiveFont = <T extends number>(value: T) =>\n  (width * (value / width)) as T;\n\nconst deviceWidth = (): number => width;\nconst deviceHeight = (): number => height;\n\nconst isIOS: boolean = Platform.OS === 'ios';\nconst isWeb: boolean = Platform.OS === 'web';\n\nconst metrics = {\n  // Icon size\n  iconMicro: responsiveHeight(10),\n  iconExtraTiny: responsiveHeight(12),\n  iconTiny: responsiveHeight(14),\n  iconExtraSmall: responsiveHeight(16),\n  iconSmall: responsiveHeight(18),\n  iconMedium: responsiveHeight(20),\n  iconMediumPlus: responsiveHeight(24),\n  iconMediumXLarge: responsiveHeight(26),\n  iconLarge: responsiveHeight(30),\n  iconExtraLarge: responsiveHeight(32),\n  iconSemiLarge: responsiveHeight(40),\n  iconHuge: responsiveHeight(48),\n  iconExtraHuge: responsiveHeight(56),\n  iconMassive: responsiveHeight(64),\n  iconSuperMassive: responsiveHeight(70),\n  iconExtraSuperMassive: responsiveHeight(80),\n\n  height: {\n    spacingMinimal: responsiveHeight(0.5),\n    spacingMicro: responsiveHeight(1),\n    spacingNano: responsiveHeight(2),\n    spacingTiny: responsiveHeight(4),\n    spacingSmall: responsiveHeight(6),\n    spacingExtraSmall: responsiveHeight(8),\n    spacingSlightlySmall: responsiveHeight(12),\n    spacingBase: responsiveHeight(16),\n    spacingSlightlyMedium: responsiveHeight(18),\n    spacingMedium: responsiveHeight(20),\n    spacingLarge: responsiveHeight(24),\n    spacingExtraLarge: responsiveHeight(28),\n    spacingXXLarge: responsiveHeight(32),\n    spacingXXXLarge: responsiveHeight(36),\n    spacingHuge: responsiveHeight(48),\n    spacingMassive: responsiveHeight(64),\n    spacingImmense: responsiveHeight(66),\n    spacingEnormous: responsiveHeight(72),\n    spacingGargantuan: responsiveHeight(74),\n  },\n  width: {\n    spacingMinimal: responsiveWidth(0.5),\n    spacingMicro: responsiveWidth(1),\n    spacingNano: responsiveWidth(2),\n    spacingXTiny: responsiveWidth(3),\n    spacingTiny: responsiveWidth(4),\n    spacingSmall: responsiveWidth(6),\n    spacingExtraSmall: responsiveWidth(8),\n    spacingSlightlySmall: responsiveWidth(12),\n    spacingBase: responsiveWidth(16),\n    spacingSlightlyMedium: responsiveWidth(18),\n    spacingMedium: responsiveWidth(20),\n    spacingLarge: responsiveWidth(24),\n    spacingExtraLarge: responsiveWidth(28),\n    spacingXXLarge: responsiveWidth(32),\n    spacingXXXLarge: responsiveWidth(36),\n    spacingHuge: responsiveWidth(48),\n    spacingMassive: responsiveWidth(64),\n    spacingImmense: responsiveWidth(66),\n    spacingEnormous: responsiveWidth(72),\n    spacingGargantuan: responsiveWidth(74),\n  },\n\n  // Border width\n  borderWidthNone: 0,\n  borderWidthThin: responsiveHeight(0.5),\n  borderWidthMedium: responsiveHeight(1),\n  borderWidthTiny: responsiveHeight(2),\n\n  // Border radius\n  borderRadiusTiny: responsiveHeight(2),\n  borderRadiusSmall: responsiveHeight(3),\n  borderRadiusBase: responsiveHeight(4),\n  borderRadiusMediumPlus: responsiveHeight(6),\n  borderRadiusSemiLarge: responsiveHeight(8),\n  borderRadiusLarge: responsiveHeight(10),\n  borderRadiusExtraLarge: responsiveHeight(12),\n  borderRadiusHuge: responsiveHeight(20),\n  borderRadiusMassive: responsiveHeight(50),\n} as const;\n\nconst FontSizes = {\n  font3XS: responsiveFont(6),\n  fontXXS: responsiveFont(8),\n  fontXS: responsiveFont(12),\n  fontSmall: responsiveFont(14),\n  fontMedium: responsiveFont(16),\n  fontLarge: responsiveFont(20),\n  fontXL: responsiveFont(24),\n  fontXlx: responsiveFont(26),\n  fontXXL: responsiveFont(32),\n  fontXXXL: responsiveFont(40),\n  font4XL: responsiveFont(48),\n} as const;\n\nconst FontFamily = {\n  Thin: 'NotoSansJP-Thin',\n  ExtraLight: 'NotoSansJP-ExtraLight',\n  Light: 'NotoSansJP-Light',\n  Regular: 'NotoSansJP-Regular',\n  Medium: 'NotoSansJP-Medium',\n  SemiBold: 'NotoSansJP-SemiBold',\n  Bold: 'NotoSansJP-Bold',\n  ExtraBold: 'NotoSansJP-ExtraBold',\n  Black: 'NotoSansJP-Black',\n} as const;\n\nconst Space = {\n  xxxxs: responsiveWidth(2),\n  xxxs: responsiveWidth(4),\n  xxs: responsiveWidth(6),\n  xs: responsiveWidth(8),\n  small: responsiveWidth(12),\n  medium: responsiveWidth(16),\n  large: responsiveWidth(24),\n  xl: responsiveWidth(32),\n  xxl: responsiveWidth(48),\n  xxxl: responsiveWidth(72),\n} as const;\n\nconst bottomTabBarHeight = isIOS ? responsiveHeight(88) : responsiveHeight(66);\n\nexport {\n  bottomTabBarHeight,\n  metrics,\n  FontSizes,\n  FontFamily,\n  isIOS,\n  isWeb,\n  Space,\n  responsiveFont as pf,\n  responsiveHeight as ph,\n  responsiveWidth as pw,\n  deviceWidth,\n  deviceHeight,\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"metrics.js","sources":["../../../themes/metrics.ts"],"sourcesContent":["import {Dimensions, Platform} from 'react-native';\n\nconst {width, height} = Dimensions.get('window');\n\nconst responsiveWidth = <T extends number>(value: T) =>\n  (width * (value / width)) as T;\nconst responsiveHeight = <T extends number>(value: T) =>\n  (height * (value / height)) as T;\nconst responsiveFont = <T extends number>(value: T) =>\n  (width * (value / width)) as T;\n\nconst deviceWidth = (): number => width;\nconst deviceHeight = (): number => height;\n\nconst isIOS: boolean = Platform.OS === 'ios';\nconst isWeb: boolean = Platform.OS === 'web';\n\nconst metrics = {\n  // Icon size\n  iconMicro: responsiveHeight(10),\n  iconExtraTiny: responsiveHeight(12),\n  iconTiny: responsiveHeight(14),\n  iconExtraSmall: responsiveHeight(16),\n  iconSmall: responsiveHeight(18),\n  iconMedium: responsiveHeight(20),\n  iconMediumPlus: responsiveHeight(24),\n  iconMediumXLarge: responsiveHeight(26),\n  iconLarge: responsiveHeight(30),\n  iconExtraLarge: responsiveHeight(32),\n  iconSemiLarge: responsiveHeight(40),\n  iconHuge: responsiveHeight(48),\n  iconExtraHuge: responsiveHeight(56),\n  iconMassive: responsiveHeight(64),\n  iconSuperMassive: responsiveHeight(70),\n  iconExtraSuperMassive: responsiveHeight(80),\n\n  height: {\n    spacingMinimal: responsiveHeight(0.5),\n    spacingMicro: responsiveHeight(1),\n    spacingNano: responsiveHeight(2),\n    spacingTiny: responsiveHeight(4),\n    spacingSmall: responsiveHeight(6),\n    spacingExtraSmall: responsiveHeight(8),\n    spacingSlightlySmall: responsiveHeight(12),\n    spacingBase: responsiveHeight(16),\n    spacingSlightlyMedium: responsiveHeight(18),\n    spacingMedium: responsiveHeight(20),\n    spacingLarge: responsiveHeight(24),\n    spacingExtraLarge: responsiveHeight(28),\n    spacingXXLarge: responsiveHeight(32),\n    spacingXXXLarge: responsiveHeight(36),\n    spacingHuge: responsiveHeight(48),\n    spacingMassive: responsiveHeight(64),\n    spacingImmense: responsiveHeight(66),\n    spacingEnormous: responsiveHeight(72),\n    spacingGargantuan: responsiveHeight(74),\n  },\n  width: {\n    spacingMinimal: responsiveWidth(0.5),\n    spacingMicro: responsiveWidth(1),\n    spacingNano: responsiveWidth(2),\n    spacingXTiny: responsiveWidth(3),\n    spacingTiny: responsiveWidth(4),\n    spacingSmall: responsiveWidth(6),\n    spacingExtraSmall: responsiveWidth(8),\n    spacingSlightlySmall: responsiveWidth(12),\n    spacingBase: responsiveWidth(16),\n    spacingSlightlyMedium: responsiveWidth(18),\n    spacingMedium: responsiveWidth(20),\n    spacingLarge: responsiveWidth(24),\n    spacingExtraLarge: responsiveWidth(28),\n    spacingXXLarge: responsiveWidth(32),\n    spacingXXXLarge: responsiveWidth(36),\n    spacingHuge: responsiveWidth(48),\n    spacingMassive: responsiveWidth(64),\n    spacingImmense: responsiveWidth(66),\n    spacingEnormous: responsiveWidth(72),\n    spacingGargantuan: responsiveWidth(74),\n  },\n\n  // Border width\n  borderWidthNone: 0,\n  borderWidthThin: responsiveHeight(0.5),\n  borderWidthMedium: responsiveHeight(1),\n  borderWidthTiny: responsiveHeight(2),\n\n  // Border radius\n  borderRadiusTiny: responsiveHeight(2),\n  borderRadiusSmall: responsiveHeight(3),\n  borderRadiusBase: responsiveHeight(4),\n  borderRadiusMediumPlus: responsiveHeight(6),\n  borderRadiusSemiLarge: responsiveHeight(8),\n  borderRadiusLarge: responsiveHeight(10),\n  borderRadiusExtraLarge: responsiveHeight(12),\n  borderRadiusHuge: responsiveHeight(20),\n  borderRadiusMassive: responsiveHeight(50),\n} as const;\n\nconst FontSizes = {\n  font3XS: responsiveFont(6),\n  fontXXS: responsiveFont(8),\n  fontXS: responsiveFont(12),\n  fontSmall: responsiveFont(14),\n  fontMedium: responsiveFont(16),\n  fontMediumPlus: responsiveFont(18),\n  fontLarge: responsiveFont(20),\n  fontXL: responsiveFont(24),\n  fontXlx: responsiveFont(26),\n  fontXXL: responsiveFont(32),\n  fontXXXL: responsiveFont(40),\n  font4XL: responsiveFont(48),\n} as const;\n\nconst FontFamily = {\n  Thin: 'NotoSansJP-Thin',\n  ExtraLight: 'NotoSansJP-ExtraLight',\n  Light: 'NotoSansJP-Light',\n  Regular: 'NotoSansJP-Regular',\n  Medium: 'NotoSansJP-Medium',\n  SemiBold: 'NotoSansJP-SemiBold',\n  Bold: 'NotoSansJP-Bold',\n  ExtraBold: 'NotoSansJP-ExtraBold',\n  Black: 'NotoSansJP-Black',\n} as const;\n\nconst Space = {\n  xxxxs: responsiveWidth(2),\n  xxxs: responsiveWidth(4),\n  xxs: responsiveWidth(6),\n  xs: responsiveWidth(8),\n  small: responsiveWidth(12),\n  medium: responsiveWidth(16),\n  large: responsiveWidth(24),\n  xl: responsiveWidth(32),\n  xxl: responsiveWidth(48),\n  xxxl: responsiveWidth(72),\n} as const;\n\nconst bottomTabBarHeight = isIOS ? responsiveHeight(88) : responsiveHeight(66);\n\nexport {\n  bottomTabBarHeight,\n  metrics,\n  FontSizes,\n  FontFamily,\n  isIOS,\n  isWeb,\n  Space,\n  responsiveFont as pf,\n  responsiveHeight as ph,\n  responsiveWidth as pw,\n  deviceWidth,\n  deviceHeight,\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meatech/payblend_app_ui_component",
-  "version": "1.1.56",
+  "version": "1.1.59",
   "description": "UI Component Library for Payblend App",
   "main": "./dist/components/index.js",
   "module": "./dist/components/index.js",
@@ -35,6 +35,7 @@
     "yup": "^1.3.0"
   },
   "dependencies": {
+    "@meatech/payblend_app_ui_component": "1.1.56",
     "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",

package/themes/metrics.ts

@@ -102,6 +102,7 @@ const FontSizes = {
   fontXS: responsiveFont(12),
   fontSmall: responsiveFont(14),
   fontMedium: responsiveFont(16),
+  fontMediumPlus: responsiveFont(18),
   fontLarge: responsiveFont(20),
   fontXL: responsiveFont(24),
   fontXlx: responsiveFont(26),