@0610studio/zs-ui 0.0.1

package/build/theme/palette.js

@@ -0,0 +1,353 @@
+export const transparency = {
+    '0%': '00', // 완전 투명
+    '2%': '05',
+    '4%': '0A',
+    '6%': '0F',
+    '8%': '14',
+    '10%': '1A',
+    '12%': '1F',
+    '14%': '24',
+    '16%': '29',
+    '18%': '2E',
+    '20%': '33',
+    '22%': '38',
+    '24%': '3D',
+    '26%': '42',
+    '28%': '47',
+    '30%': '4D',
+    '32%': '52',
+    '34%': '57',
+    '36%': '5C',
+    '38%': '61',
+    '40%': '66',
+    '42%': '6B',
+    '44%': '70',
+    '46%': '75',
+    '48%': '7A',
+    '50%': '80',
+    '52%': '85',
+    '54%': '8A',
+    '56%': '8F',
+    '58%': '94',
+    '60%': '99',
+    '62%': '9E',
+    '64%': 'A3',
+    '66%': 'A8',
+    '68%': 'AD',
+    '70%': 'B3',
+    '72%': 'B8',
+    '74%': 'BD',
+    '76%': 'C2',
+    '78%': 'C7',
+    '80%': 'CC',
+    '82%': 'D1',
+    '84%': 'D6',
+    '86%': 'DB',
+    '88%': 'E0',
+    '90%': 'E6',
+    '92%': 'EB',
+    '94%': 'F0',
+    '96%': 'F5',
+    '98%': 'FA',
+    '100%': 'FF' // 완전 불투명
+};
+const MODAL_BG_COLOR = {
+    light: '#212B3688',
+    dark: '#00000088'
+};
+const SHADOW_COLORS = {
+    light: [
+        'rgba(0, 0, 0, 0.18)',
+        'rgba(0, 0, 0, 0.20)',
+        'rgba(0, 0, 0, 0.22)',
+        'rgba(0, 0, 0, 0.23)',
+        'rgba(0, 0, 0, 0.25)',
+        'rgba(0, 0, 0, 0.27)',
+        'rgba(0, 0, 0, 0.29)',
+        'rgba(0, 0, 0, 0.30)',
+        'rgba(0, 0, 0, 0.32)',
+        'rgba(0, 0, 0, 0.34)',
+    ],
+    dark: [
+        'rgba(255, 255, 255, 0.58)',
+        'rgba(255, 255, 255, 0.60)',
+        'rgba(255, 255, 255, 0.62)',
+        'rgba(255, 255, 255, 0.63)',
+        'rgba(255, 255, 255, 0.65)',
+        'rgba(255, 255, 255, 0.67)',
+        'rgba(255, 255, 255, 0.69)',
+        'rgba(255, 255, 255, 0.70)',
+        'rgba(255, 255, 255, 0.72)',
+        'rgba(255, 255, 255, 0.74)',
+    ]
+};
+const LIGHT_COLORS = {
+    primary: {
+        0: '#FFF7E6',
+        5: '#FCEDD0',
+        10: '#F9DAA3', // p-lighter
+        20: '#F5BF64', // p-light
+        30: '#fca54c',
+        40: '#ff9225',
+        50: '#FF9F06', // p-main
+        60: '#DD9434', // p-dark
+        70: '#AC7326', // p-darker
+        80: '#c46500',
+        90: '#995400',
+        100: '#663800',
+        lighter: '#F9DAA3',
+        light: '#F5BF64',
+        main: '#FF9F06',
+        dark: '#DD9434',
+        darker: '#AC7326',
+    },
+    secondary: {
+        0: '#E6F7FF',
+        5: '#D1EDFF',
+        10: '#ADE2FF',
+        20: '#85D4FF',
+        30: '#5CC5FF',
+        40: '#33B7FF',
+        50: '#007FFF',
+        60: '#0075E6',
+        70: '#006ACC',
+        80: '#005FB3',
+        90: '#005499',
+        100: '#003866',
+        main: '#007FFF',
+    },
+    danger: {
+        5: '#FEECF0',
+        10: '#FCD4DE',
+        20: '#F799B1',
+        30: '#F36689',
+        40: '#EF3E5E',
+        50: '#EB003B',
+        60: '#D50136',
+        70: '#8D0023',
+        80: '#5E0018',
+        90: '#2F000C',
+        main: '#EB003B',
+    },
+    warning: {
+        5: '#FFF8E9',
+        10: '#FFEAC1',
+        20: '#FFE2A7',
+        30: '#FFD47C',
+        40: '#FFC550',
+        50: '#FFB724',
+        60: '#98690A',
+        70: '#66490E',
+        80: '#4D370B',
+        90: '#332507',
+        main: '#FFB724',
+    },
+    success: {
+        5: '#EEF7F0',
+        10: '#CEE9D4',
+        20: '#B2DCBB',
+        30: '#8CCA99',
+        40: '#33A14B',
+        50: '#008A1E',
+        60: '#006E18',
+        70: '#005312',
+        80: '#00370C',
+        90: '#002207',
+        main: '#008A1E',
+    },
+    information: {
+        5: '#E9F0FF',
+        10: '#D4E1FF',
+        20: '#A9C3FF',
+        30: '#7DA4FF',
+        40: '#5286FF',
+        50: '#2768FF',
+        60: '#1F53CC',
+        70: '#173E99',
+        80: '#0C1F4D',
+        90: '#040A1A',
+        main: '#2768FF',
+    },
+    grey: {
+        0: '#FFFFFF',
+        5: '#F8F8F8',
+        10: '#F9FAFB',
+        20: '#F4F6F8',
+        30: '#DFE3E8',
+        40: '#C4CDD5',
+        50: '#919EAB',
+        60: '#637381',
+        70: '#454F5B',
+        80: '#1C252E',
+        90: '#141A21',
+        100: '#000000',
+        main: '#F4F6F8',
+    },
+};
+const DARK_COLORS = {
+    primary: {
+        ...LIGHT_COLORS.primary,
+        main: '#FF9F06',
+    },
+    secondary: {
+        ...LIGHT_COLORS.secondary,
+        main: '#007FFF',
+    },
+    danger: {
+        ...LIGHT_COLORS.danger,
+        main: '#EB003B',
+    },
+    warning: {
+        ...LIGHT_COLORS.warning,
+        main: '#FFB724',
+    },
+    success: {
+        ...LIGHT_COLORS.success,
+        main: '#008A1E',
+    },
+    information: {
+        ...LIGHT_COLORS.information,
+        main: '#2768FF',
+    },
+    grey: {
+        0: '#000000',
+        5: '#141414', // layer1
+        10: '#1F1F1F', // layer2
+        20: '#2C2C2C', // neutral
+        30: '#3D3D3D',
+        40: '#4F4F4F',
+        50: '#606060',
+        60: '#737373',
+        70: '#8C8C8C',
+        80: '#bfbfbf',
+        90: '#ededed',
+        100: '#FFFFFF',
+        main: '#2C2C2C',
+    },
+};
+const MAIN_COLORS = {
+    light: {
+        primary: LIGHT_COLORS.primary.main,
+        secondary: LIGHT_COLORS.secondary.main,
+        danger: LIGHT_COLORS.danger.main,
+        warning: LIGHT_COLORS.warning.main,
+        success: LIGHT_COLORS.success.main,
+        information: LIGHT_COLORS.information.main,
+        grey: LIGHT_COLORS.grey.main
+    },
+    dark: {
+        primary: DARK_COLORS.primary.main,
+        secondary: DARK_COLORS.secondary.main,
+        danger: DARK_COLORS.danger.main,
+        warning: DARK_COLORS.warning.main,
+        success: DARK_COLORS.success.main,
+        information: DARK_COLORS.information.main,
+        grey: DARK_COLORS.grey.main
+    }
+};
+const TEXT_COLORS = {
+    light: {
+        primary: LIGHT_COLORS.grey[80],
+        secondary: LIGHT_COLORS.grey[60],
+        disabled: LIGHT_COLORS.grey[50],
+        danger: LIGHT_COLORS.danger[60],
+        warning: LIGHT_COLORS.warning[60],
+        success: LIGHT_COLORS.success[60],
+        information: LIGHT_COLORS.information[60],
+        white: '#FFFFFF',
+        black: '#000000',
+    },
+    dark: {
+        primary: DARK_COLORS.grey[90],
+        secondary: DARK_COLORS.grey[70],
+        disabled: DARK_COLORS.grey[50],
+        danger: DARK_COLORS.danger[30],
+        warning: DARK_COLORS.warning[30],
+        success: DARK_COLORS.success[30],
+        information: DARK_COLORS.information[30],
+        white: '#FFFFFF',
+        black: '#000000',
+    },
+};
+const BORDER_COLORS = {
+    light: {
+        box: LIGHT_COLORS.grey[20],
+        active: LIGHT_COLORS.primary[50],
+        base: LIGHT_COLORS.grey[60],
+        danger: LIGHT_COLORS.danger[10],
+        warning: LIGHT_COLORS.warning[10],
+        success: LIGHT_COLORS.success[10],
+        information: LIGHT_COLORS.information[10],
+    },
+    dark: {
+        box: DARK_COLORS.grey[30],
+        active: DARK_COLORS.primary[50],
+        base: DARK_COLORS.grey[60],
+        danger: DARK_COLORS.danger[70],
+        warning: DARK_COLORS.warning[70],
+        success: DARK_COLORS.success[70],
+        information: DARK_COLORS.information[70],
+    },
+};
+const BACKGROUND_COLORS = {
+    light: {
+        layer1: LIGHT_COLORS.grey[5],
+        layer2: LIGHT_COLORS.grey[20],
+        neutral: LIGHT_COLORS.grey[30],
+        base: LIGHT_COLORS.grey[0],
+        danger: LIGHT_COLORS.danger[5],
+        warning: LIGHT_COLORS.warning[5],
+        success: LIGHT_COLORS.success[5],
+        information: LIGHT_COLORS.information[5],
+    },
+    dark: {
+        layer1: DARK_COLORS.grey[5],
+        layer2: DARK_COLORS.grey[20],
+        neutral: DARK_COLORS.grey[30],
+        base: DARK_COLORS.grey[0],
+        danger: DARK_COLORS.danger[80],
+        warning: DARK_COLORS.warning[80],
+        success: DARK_COLORS.success[80],
+        information: DARK_COLORS.information[80],
+    },
+};
+const ACTION_COLORS = {
+    light: {
+        hover: LIGHT_COLORS.primary[60],
+        pressed: LIGHT_COLORS.primary[70],
+        disable: LIGHT_COLORS.grey[20],
+    },
+    dark: {
+        hover: DARK_COLORS.primary[60],
+        pressed: DARK_COLORS.primary[70],
+        disable: DARK_COLORS.grey[30],
+    },
+};
+const DIVIDER_COLOR = {
+    light: LIGHT_COLORS.grey[50] + transparency['20%'],
+    dark: DARK_COLORS.grey[50] + transparency['20%'],
+};
+export default function palette({ mode = 'light', themeColors = {}, } = {}) {
+    const colors = mode === 'light' ? LIGHT_COLORS : DARK_COLORS;
+    const theme = {
+        mode,
+        ...colors,
+        text: TEXT_COLORS[mode],
+        border: BORDER_COLORS[mode],
+        background: BACKGROUND_COLORS[mode],
+        action: ACTION_COLORS[mode],
+        divider: DIVIDER_COLOR[mode],
+        elevationShadow: SHADOW_COLORS[mode],
+        modalBgColor: MODAL_BG_COLOR[mode],
+        mainColor: MAIN_COLORS[mode]
+    };
+    // 사용자 정의 테마 컬러가 있을 경우 병합
+    if (themeColors?.[mode]) {
+        return {
+            ...theme,
+            ...themeColors[mode],
+        };
+    }
+    return theme;
+}
+//# sourceMappingURL=palette.js.map

package/build/theme/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme } from \"./types\";\n\nexport const transparency = {\n  '0%': '00',   // 완전 투명\n  '2%': '05',\n  '4%': '0A',\n  '6%': '0F',\n  '8%': '14',\n  '10%': '1A',\n  '12%': '1F',\n  '14%': '24',\n  '16%': '29',\n  '18%': '2E',\n  '20%': '33',\n  '22%': '38',\n  '24%': '3D',\n  '26%': '42',\n  '28%': '47',\n  '30%': '4D',\n  '32%': '52',\n  '34%': '57',\n  '36%': '5C',\n  '38%': '61',\n  '40%': '66',\n  '42%': '6B',\n  '44%': '70',\n  '46%': '75',\n  '48%': '7A',\n  '50%': '80',\n  '52%': '85',\n  '54%': '8A',\n  '56%': '8F',\n  '58%': '94',\n  '60%': '99',\n  '62%': '9E',\n  '64%': 'A3',\n  '66%': 'A8',\n  '68%': 'AD',\n  '70%': 'B3',\n  '72%': 'B8',\n  '74%': 'BD',\n  '76%': 'C2',\n  '78%': 'C7',\n  '80%': 'CC',\n  '82%': 'D1',\n  '84%': 'D6',\n  '86%': 'DB',\n  '88%': 'E0',\n  '90%': 'E6',\n  '92%': 'EB',\n  '94%': 'F0',\n  '96%': 'F5',\n  '98%': 'FA',\n  '100%': 'FF'  // 완전 불투명\n};\n\nconst MODAL_BG_COLOR = {\n  light: '#212B3688',\n  dark: '#00000088'\n}\n\nconst SHADOW_COLORS = {\n  light: [\n    'rgba(0, 0, 0, 0.18)',\n    'rgba(0, 0, 0, 0.20)',\n    'rgba(0, 0, 0, 0.22)',\n    'rgba(0, 0, 0, 0.23)',\n    'rgba(0, 0, 0, 0.25)',\n    'rgba(0, 0, 0, 0.27)',\n    'rgba(0, 0, 0, 0.29)',\n    'rgba(0, 0, 0, 0.30)',\n    'rgba(0, 0, 0, 0.32)',\n    'rgba(0, 0, 0, 0.34)',\n  ],\n  dark: [\n    'rgba(255, 255, 255, 0.58)',\n    'rgba(255, 255, 255, 0.60)',\n    'rgba(255, 255, 255, 0.62)',\n    'rgba(255, 255, 255, 0.63)',\n    'rgba(255, 255, 255, 0.65)',\n    'rgba(255, 255, 255, 0.67)',\n    'rgba(255, 255, 255, 0.69)',\n    'rgba(255, 255, 255, 0.70)',\n    'rgba(255, 255, 255, 0.72)',\n    'rgba(255, 255, 255, 0.74)',\n  ]\n}\n\nconst LIGHT_COLORS = {\n  primary: {\n    0: '#FFF7E6',\n    5: '#FCEDD0',\n    10: '#F9DAA3', // p-lighter\n    20: '#F5BF64', // p-light\n    30: '#fca54c',\n    40: '#ff9225',\n    50: '#FF9F06', // p-main\n    60: '#DD9434', // p-dark\n    70: '#AC7326', // p-darker\n    80: '#c46500',\n    90: '#995400',\n    100: '#663800',\n    lighter: '#F9DAA3',\n    light: '#F5BF64',\n    main: '#FF9F06',\n    dark: '#DD9434',\n    darker: '#AC7326',\n  },\n  secondary: {\n    0: '#E6F7FF',\n    5: '#D1EDFF',\n    10: '#ADE2FF',\n    20: '#85D4FF',\n    30: '#5CC5FF',\n    40: '#33B7FF',\n    50: '#007FFF',\n    60: '#0075E6',\n    70: '#006ACC',\n    80: '#005FB3',\n    90: '#005499',\n    100: '#003866',\n    main: '#007FFF',\n  },\n  danger: {\n    5: '#FEECF0',\n    10: '#FCD4DE',\n    20: '#F799B1',\n    30: '#F36689',\n    40: '#EF3E5E',\n    50: '#EB003B',\n    60: '#D50136',\n    70: '#8D0023',\n    80: '#5E0018',\n    90: '#2F000C',\n    main: '#EB003B',\n  },\n  warning: {\n    5: '#FFF8E9',\n    10: '#FFEAC1',\n    20: '#FFE2A7',\n    30: '#FFD47C',\n    40: '#FFC550',\n    50: '#FFB724',\n    60: '#98690A',\n    70: '#66490E',\n    80: '#4D370B',\n    90: '#332507',\n    main: '#FFB724',\n  },\n  success: {\n    5: '#EEF7F0',\n    10: '#CEE9D4',\n    20: '#B2DCBB',\n    30: '#8CCA99',\n    40: '#33A14B',\n    50: '#008A1E',\n    60: '#006E18',\n    70: '#005312',\n    80: '#00370C',\n    90: '#002207',\n    main: '#008A1E',\n  },\n  information: {\n    5: '#E9F0FF',\n    10: '#D4E1FF',\n    20: '#A9C3FF',\n    30: '#7DA4FF',\n    40: '#5286FF',\n    50: '#2768FF',\n    60: '#1F53CC',\n    70: '#173E99',\n    80: '#0C1F4D',\n    90: '#040A1A',\n    main: '#2768FF',\n  },\n  grey: {\n    0: '#FFFFFF',\n    5: '#F8F8F8',\n    10: '#F9FAFB',\n    20: '#F4F6F8',\n    30: '#DFE3E8',\n    40: '#C4CDD5',\n    50: '#919EAB',\n    60: '#637381',\n    70: '#454F5B',\n    80: '#1C252E',\n    90: '#141A21',\n    100: '#000000',\n    main: '#F4F6F8',\n  },\n};\n\nconst DARK_COLORS = {\n  primary: {\n    ...LIGHT_COLORS.primary,\n    main: '#FF9F06',\n  },\n  secondary: {\n    ...LIGHT_COLORS.secondary,\n    main: '#007FFF',\n  },\n  danger: {\n    ...LIGHT_COLORS.danger,\n    main: '#EB003B',\n  },\n  warning: {\n    ...LIGHT_COLORS.warning,\n    main: '#FFB724',\n  },\n  success: {\n    ...LIGHT_COLORS.success,\n    main: '#008A1E',\n  },\n  information: {\n    ...LIGHT_COLORS.information,\n    main: '#2768FF',\n  },\n  grey: {\n    0: '#000000',\n    5: '#141414',  // layer1\n    10: '#1F1F1F', // layer2\n    20: '#2C2C2C', // neutral\n    30: '#3D3D3D',\n    40: '#4F4F4F',\n    50: '#606060',\n    60: '#737373',\n    70: '#8C8C8C',\n    80: '#bfbfbf',\n    90: '#ededed',\n    100: '#FFFFFF',\n    main: '#2C2C2C',\n  },\n};\n\nconst MAIN_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.primary.main,\n    secondary: LIGHT_COLORS.secondary.main,\n    danger: LIGHT_COLORS.danger.main,\n    warning: LIGHT_COLORS.warning.main,\n    success: LIGHT_COLORS.success.main,\n    information: LIGHT_COLORS.information.main,\n    grey: LIGHT_COLORS.grey.main\n  },\n  dark: {\n    primary: DARK_COLORS.primary.main,\n    secondary: DARK_COLORS.secondary.main,\n    danger: DARK_COLORS.danger.main,\n    warning: DARK_COLORS.warning.main,\n    success: DARK_COLORS.success.main,\n    information: DARK_COLORS.information.main,\n    grey: DARK_COLORS.grey.main\n  }\n}\n\nconst TEXT_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.grey[80],\n    secondary: LIGHT_COLORS.grey[60],\n    disabled: LIGHT_COLORS.grey[50],\n    danger: LIGHT_COLORS.danger[60],\n    warning: LIGHT_COLORS.warning[60],\n    success: LIGHT_COLORS.success[60],\n    information: LIGHT_COLORS.information[60],\n    white: '#FFFFFF',\n    black: '#000000',\n  },\n  dark: {\n    primary: DARK_COLORS.grey[90],\n    secondary: DARK_COLORS.grey[70],\n    disabled: DARK_COLORS.grey[50],\n    danger: DARK_COLORS.danger[30],\n    warning: DARK_COLORS.warning[30],\n    success: DARK_COLORS.success[30],\n    information: DARK_COLORS.information[30],\n    white: '#FFFFFF',\n    black: '#000000',\n  },\n};\n\nconst BORDER_COLORS = {\n  light: {\n    box: LIGHT_COLORS.grey[20],\n    active: LIGHT_COLORS.primary[50],\n    base: LIGHT_COLORS.grey[60],\n    danger: LIGHT_COLORS.danger[10],\n    warning: LIGHT_COLORS.warning[10],\n    success: LIGHT_COLORS.success[10],\n    information: LIGHT_COLORS.information[10],\n  },\n  dark: {\n    box: DARK_COLORS.grey[30],\n    active: DARK_COLORS.primary[50],\n    base: DARK_COLORS.grey[60],\n    danger: DARK_COLORS.danger[70],\n    warning: DARK_COLORS.warning[70],\n    success: DARK_COLORS.success[70],\n    information: DARK_COLORS.information[70],\n  },\n};\n\nconst BACKGROUND_COLORS = {\n  light: {\n    layer1: LIGHT_COLORS.grey[5],\n    layer2: LIGHT_COLORS.grey[20],\n    neutral: LIGHT_COLORS.grey[30],\n    base: LIGHT_COLORS.grey[0],\n    danger: LIGHT_COLORS.danger[5],\n    warning: LIGHT_COLORS.warning[5],\n    success: LIGHT_COLORS.success[5],\n    information: LIGHT_COLORS.information[5],\n  },\n  dark: {\n    layer1: DARK_COLORS.grey[5],\n    layer2: DARK_COLORS.grey[20],\n    neutral: DARK_COLORS.grey[30],\n    base: DARK_COLORS.grey[0],\n    danger: DARK_COLORS.danger[80],\n    warning: DARK_COLORS.warning[80],\n    success: DARK_COLORS.success[80],\n    information: DARK_COLORS.information[80],\n  },\n};\n\nconst ACTION_COLORS = {\n  light: {\n    hover: LIGHT_COLORS.primary[60],\n    pressed: LIGHT_COLORS.primary[70],\n    disable: LIGHT_COLORS.grey[20],\n  },\n  dark: {\n    hover: DARK_COLORS.primary[60],\n    pressed: DARK_COLORS.primary[70],\n    disable: DARK_COLORS.grey[30],\n  },\n};\n\nconst DIVIDER_COLOR = {\n  light: LIGHT_COLORS.grey[50] + transparency['20%'],\n  dark: DARK_COLORS.grey[50] + transparency['20%'],\n};\n\nexport default function palette({\n  mode = 'light',\n  themeColors = {},\n}: {\n  mode?: 'light' | 'dark';\n  themeColors?: { light?: Theme; dark?: Theme };\n} = {}): Theme {\n  const colors = mode === 'light' ? LIGHT_COLORS : DARK_COLORS;\n\n  const theme: Theme = {\n    mode,\n    ...colors,\n    text: TEXT_COLORS[mode],\n    border: BORDER_COLORS[mode],\n    background: BACKGROUND_COLORS[mode],\n    action: ACTION_COLORS[mode],\n    divider: DIVIDER_COLOR[mode],\n    elevationShadow: SHADOW_COLORS[mode],\n    modalBgColor: MODAL_BG_COLOR[mode],\n    mainColor: MAIN_COLORS[mode]\n  };\n\n  // 사용자 정의 테마 컬러가 있을 경우 병합\n  if (themeColors?.[mode]) {\n    return {\n      ...theme,\n      ...themeColors[mode],\n    };\n  }\n\n  return theme;\n}\n"]}

package/build/theme/types.d.ts

@@ -0,0 +1,101 @@
+import { TextProps } from "react-native";
+export type ColorPalette = {
+    [key: string]: string;
+};
+export interface ThemeTextType {
+    primary: string;
+    secondary: string;
+    disabled: string;
+    danger: string;
+    warning: string;
+    success: string;
+    information: string;
+    white: string;
+    black: string;
+}
+export interface ThemeBorderType {
+    box: string;
+    active: string;
+    base: string;
+    danger: string;
+    warning: string;
+    success: string;
+    information: string;
+}
+export interface ThemeBackground {
+    layer1: string;
+    layer2: string;
+    neutral: string;
+    base: string;
+    danger: string;
+    warning: string;
+    success: string;
+    information: string;
+}
+export interface MainColors {
+    primary: string;
+    secondary: string;
+    danger: string;
+    warning: string;
+    success: string;
+    information: string;
+    grey: string;
+}
+export interface Theme {
+    mode: 'light' | 'dark';
+    primary: ColorPalette;
+    secondary: ColorPalette;
+    danger: ColorPalette;
+    warning: ColorPalette;
+    success: ColorPalette;
+    information: ColorPalette;
+    grey: ColorPalette;
+    text: ThemeTextType;
+    border: ThemeBorderType;
+    background: ThemeBackground;
+    action: {
+        hover: string;
+        pressed: string;
+        disable: string;
+    };
+    divider: string;
+    elevationShadow: string[];
+    modalBgColor: string;
+    mainColor: MainColors;
+}
+export interface TypographyVariants {
+    themeFonts?: ThemeFonts;
+    heading: TypoNumber;
+    label: TypoNumber;
+    title: TypoNumber;
+    subTitle: TypoNumber;
+    body: TypoNumber;
+    caption: TypoNumber;
+}
+export interface ThemeFonts {
+    100?: string;
+    200?: string;
+    300?: string;
+    400: string;
+    500?: string;
+    600?: string;
+    700: string;
+    800?: string;
+    900?: string;
+}
+export interface TypoNumber {
+    '1': TextProps['style'];
+    '2': TextProps['style'];
+    '3': TextProps['style'];
+    '4': TextProps['style'];
+    '5': TextProps['style'];
+    '6': TextProps['style'];
+}
+export interface TypographyVariantsProps extends TypographyVariants {
+    themeFonts?: ThemeFonts;
+}
+export type TypoStyle = 'heading' | 'title' | 'subTitle' | 'label' | 'body' | 'caption';
+export type TypoOptions = 'heading.1' | 'heading.2' | 'heading.3' | 'heading.4' | 'heading.5' | 'heading.6' | 'title.1' | 'title.2' | 'title.3' | 'title.4' | 'title.5' | 'title.6' | 'subTitle.1' | 'subTitle.2' | 'subTitle.3' | 'subTitle.4' | 'subTitle.5' | 'subTitle.6' | 'body.1' | 'body.2' | 'body.3' | 'body.4' | 'body.5' | 'body.6' | 'label.1' | 'label.2' | 'label.3' | 'label.4' | 'label.5' | 'label.6' | 'caption.1' | 'caption.2' | 'caption.3' | 'caption.4' | 'caption.5' | 'caption.6';
+export type TypoSubStyle = '1' | '2' | '3' | '4' | '5' | '6';
+export type TextColorOptions = 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'information' | 'white' | 'black';
+//# sourceMappingURL=types.d.ts.map

package/build/theme/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"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"}

package/build/theme/types.js

@@ -0,0 +1,5 @@
+;
+;
+;
+export {};
+//# sourceMappingURL=types.js.map

package/build/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAgFC,CAAC;AAYD,CAAC;AAaD,CAAC","sourcesContent":["import { TextProps } from \"react-native\";\n\nexport type ColorPalette = {\n  [key: string]: string;\n};\n\nexport interface ThemeTextType {\n  primary: string;\n  secondary: string;\n  disabled: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n  white: string;\n  black: string;\n}\n\nexport interface ThemeBorderType {\n  box: string;\n  active: string;\n  base: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n}\n\nexport interface ThemeBackground {\n  layer1: string;\n  layer2: string;\n  neutral: string;\n  base: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n}\n\nexport interface MainColors {\n  primary: string;\n  secondary: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n  grey: string;\n}\n\nexport interface Theme {\n  mode: 'light' | 'dark';\n  primary: ColorPalette;\n  secondary: ColorPalette;\n  danger: ColorPalette;\n  warning: ColorPalette;\n  success: ColorPalette;\n  information: ColorPalette;\n  grey: ColorPalette;\n  text: ThemeTextType;\n  border: ThemeBorderType;\n  background: ThemeBackground;\n  action: {\n    hover: string;\n    pressed: string;\n    disable: string;\n  };\n  divider: string;\n  elevationShadow: string[];\n  modalBgColor: string;\n  mainColor: MainColors;\n}\n\nexport interface TypographyVariants {\n  themeFonts?: ThemeFonts;\n  heading: TypoNumber;\n  label: TypoNumber;\n  title: TypoNumber;\n  subTitle: TypoNumber;\n  body: TypoNumber;\n  caption: TypoNumber;\n};\n\nexport interface ThemeFonts {\n  100?: string;\n  200?: string;\n  300?: string;\n  400: string;\n  500?: string;\n  600?: string;\n  700: string;\n  800?: string;\n  900?: string;\n};\n\nexport interface TypoNumber {\n  '1': TextProps['style'];\n  '2': TextProps['style'];\n  '3': TextProps['style'];\n  '4': TextProps['style'];\n  '5': TextProps['style'];\n  '6': TextProps['style'];\n}\n\nexport interface TypographyVariantsProps extends TypographyVariants {\n  themeFonts?: ThemeFonts;\n};\n\nexport type TypoStyle = 'heading' | 'title' | 'subTitle' | 'label' | 'body' | 'caption';\n\nexport type TypoOptions =\n  'heading.1' |\n  'heading.2' |\n  'heading.3' |\n  'heading.4' |\n  'heading.5' |\n  'heading.6' |\n  'title.1' |\n  'title.2' |\n  'title.3' |\n  'title.4' |\n  'title.5' |\n  'title.6' |\n  'subTitle.1' |\n  'subTitle.2' |\n  'subTitle.3' |\n  'subTitle.4' |\n  'subTitle.5' |\n  'subTitle.6' |\n  'body.1' |\n  'body.2' |\n  'body.3' |\n  'body.4' |\n  'body.5' |\n  'body.6' |\n  'label.1' |\n  'label.2' |\n  'label.3' |\n  'label.4' |\n  'label.5' |\n  'label.6' |\n  'caption.1' |\n  'caption.2' |\n  'caption.3' |\n  'caption.4' |\n  'caption.5' |\n  'caption.6';\n\nexport type TypoSubStyle = '1' | '2' | '3' | '4' | '5' | '6';\n\nexport type TextColorOptions = 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'information' | 'white' | 'black';\n"]}

package/build/theme/typography.d.ts

@@ -0,0 +1,5 @@
+import { ThemeFonts, TypographyVariantsProps } from "./types";
+export default function typography({ themeFonts }: {
+    themeFonts?: ThemeFonts;
+}): TypographyVariantsProps;
+//# sourceMappingURL=typography.d.ts.map

package/build/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,uBAAuB,CAoMvG"}