@cdek-it/react-native-ui-kit 0.2.0

package/dist/theme/assets/typography.json

@@ -0,0 +1,45 @@
+{
+    "Color": {
+        "Common": {
+            "text-primary": "#1dc831",
+            "text-color-primary": "#000000",
+            "text-color": "#181a1f",
+            "text-color-secondary": "#85888e",
+            "text-white": "#ffffff"
+        },
+        "Surface": {
+            "text-surface-0": "#181a1f",
+            "text-surface-50": "#fafafa",
+            "text-surface-100": "#f0f0f1",
+            "text-surface-200": "#e2e2e4",
+            "text-surface-300": "#cecfd2",
+            "text-surface-400": "#a2a5a9",
+            "text-surface-500": "#85888e",
+            "text-surface-600": "#6d7076",
+            "text-surface-700": "#56595f",
+            "text-surface-800": "#404348",
+            "text-surface-900": "#2b2e33"
+        },
+        "Service": {
+            "text-help": "#9457ea",
+            "text-info": "#1e76cd",
+            "text-success": "#168322",
+            "text-warning": "#dc9710",
+            "text-danger": "#db3424"
+        }
+    },
+    "Size": {
+        "text-xs": 10.5,
+        "text-sm": 12.25,
+        "text-base": 14,
+        "text-lg": 15.75,
+        "text-xl": 17.5,
+        "text-2xl": 21,
+        "text-3xl": 26.25,
+        "text-4xl": 31.5,
+        "text-5xl": 42,
+        "text-6xl": 52.5,
+        "text-7xl": 63,
+        "text-8xl": 84
+    }
+}

package/dist/theme/commonTheme.d.ts

@@ -0,0 +1,582 @@
+export declare const commonTheme: {
+    background: {
+        Common: {
+            "bg-surface-ground": string;
+            "bg-surface-overlay": string;
+            "bg-surface-section": string;
+            "bg-surface-ground-hover": string;
+            "bg-surface-section-hover": string;
+            "bg-surface-card-on-ground": string;
+            "bg-surface-card-on-ground-hover": string;
+            "bg-surface-card-on-section": string;
+            "bg-surface-card-on-section-hover": string;
+        };
+        Primary: {
+            "bg-primary": string;
+            "bg-primary-50": string;
+            "bg-primary-100": string;
+            "bg-primary-200": string;
+            "bg-primary-300": string;
+            "bg-primary-400": string;
+            "bg-primary-500": string;
+            "bg-primary-600": string;
+            "bg-primary-700": string;
+            "bg-primary-800": string;
+            "bg-primary-900": string;
+            "bg-primary-1000": string;
+        };
+        Secondary: {
+            "bg-secondary-50": string;
+            "bg-secondary-100": string;
+            "bg-secondary-200": string;
+            "bg-secondary-300": string;
+            "bg-secondary-400": string;
+            "bg-secondary-500": string;
+            "bg-secondary-600": string;
+            "bg-secondary-700": string;
+            "bg-secondary-800": string;
+            "bg-secondary-900": string;
+            "bg-secondary-1000": string;
+        };
+        Surface: {
+            "bg-surface-0": string;
+            "bg-primary-900": string;
+            "bg-surface-50": string;
+            "bg-surface-100": string;
+            "bg-surface-200": string;
+            "bg-surface-300": string;
+            "bg-surface-400": string;
+            "bg-surface-500": string;
+            "bg-surface-600": string;
+            "bg-surface-700": string;
+            "bg-surface-800": string;
+            "bg-surface-900": string;
+        };
+        Service: {
+            "bg-info": {
+                "bg-info-50": string;
+                "bg-info-100": string;
+                "bg-info-200": string;
+                "bg-info-300": string;
+                "bg-info-400": string;
+                "bg-info-500": string;
+                "bg-info-600": string;
+                "bg-info-700": string;
+                "bg-info-800": string;
+                "bg-info-900": string;
+                "bg-info-1000": string;
+            };
+            "bg-success": {
+                "bg-success-50": string;
+                "bg-success-100": string;
+                "bg-success-200": string;
+                "bg-success-300": string;
+                "bg-success-400": string;
+                "bg-success-500": string;
+                "bg-success-600": string;
+                "bg-success-700": string;
+                "bg-success-800": string;
+                "bg-success-900": string;
+                "bg-success-1000": string;
+            };
+            "bg-warning": {
+                "bg-warning-50": string;
+                "bg-warning-100": string;
+                "bg-warning-200": string;
+                "bg-warning-300": string;
+                "bg-warning-400": string;
+                "bg-warning-500": string;
+                "bg-warning-600": string;
+                "bg-warning-700": string;
+                "bg-warning-800": string;
+                "bg-warning-900": string;
+                "bg-warning-1000": string;
+            };
+            "bg-danger": {
+                "bg-danger-50": string;
+                "bg-danger-100": string;
+                "bg-danger-200": string;
+                "bg-danger-300": string;
+                "bg-danger-400": string;
+                "bg-danger-500": string;
+                "bg-danger-600": string;
+                "bg-danger-700": string;
+                "bg-danger-800": string;
+                "bg-danger-900": string;
+                "bg-danger-1000": string;
+            };
+            "bg-help": {
+                "bg-help-50": string;
+                "bg-help-100": string;
+                "bg-help-200": string;
+                "bg-help-300": string;
+                "bg-help-400": string;
+                "bg-help-500": string;
+                "bg-help-600": string;
+                "bg-help-700": string;
+                "bg-help-800": string;
+                "bg-help-900": string;
+                "bg-help-1000": string;
+            };
+        };
+        Accent: {
+            Pink: {
+                "pink-50": string;
+                "pink-100": string;
+                "pink-200": string;
+                "pink-300": string;
+                "pink-400": string;
+                "pink-500": string;
+                "pink-600": string;
+                "pink-700": string;
+                "pink-800": string;
+                "pink-900": string;
+                "pink-1000": string;
+            };
+            Cyan: {
+                "cyan-50": string;
+                "cyan-100": string;
+                "cyan-200": string;
+                "cyan-300": string;
+                "cyan-400": string;
+                "cyan-500": string;
+                "cyan-600": string;
+                "cyan-700": string;
+                "cyan-800": string;
+                "cyan-900": string;
+                "cyan-1000": string;
+            };
+        };
+    };
+    colors: {
+        primary: {
+            "primary-1000": string;
+            "primary-900": string;
+            "primary-800": string;
+            "primary-700": string;
+            "primary-600": string;
+            "primary-500": string;
+            "primary-400": string;
+            "primary-300": string;
+            "primary-200": string;
+            "primary-100": string;
+            "primary-50": string;
+            "primary-alpha": string;
+        };
+    };
+    border: {
+        Radius: {
+            "rounded-none": number;
+            "rounded-sm": number;
+            rounded: number;
+            "rounded-md": number;
+            "rounded-lg": number;
+            "rounded-xl": number;
+            "rounded-full": number;
+            "rounded-2xl": number;
+            "rounded-3xl": number;
+            "rounded-4xl": number;
+            "rounded-kit": number;
+        };
+        Color: {
+            Common: {
+                "border-transparent": string;
+                "border-primary": string;
+                "border-surface-border": string;
+            };
+            Surface: {
+                "border-surface-0": string;
+                "border-surface-50": string;
+                "border-surface-100": string;
+                "border-surface-200": string;
+                "border-surface-300": string;
+                "border-surface-400": string;
+                "border-surface-500": string;
+                "border-surface-600": string;
+                "border-surface-700": string;
+                "border-surface-800": string;
+                "border-surface-900": string;
+            };
+            Service: {
+                "border-info": {
+                    "50": string;
+                    "100": string;
+                    "200": string;
+                    "300": string;
+                    "400": string;
+                    "500": string;
+                    "600": string;
+                    "700": string;
+                    "800": string;
+                    "900": string;
+                    "1000": string;
+                };
+                "border-success": {
+                    "50": string;
+                    "100": string;
+                    "200": string;
+                    "300": string;
+                    "400": string;
+                    "500": string;
+                    "600": string;
+                    "700": string;
+                    "800": string;
+                    "900": string;
+                    "1000": string;
+                };
+                "border-warning": {
+                    "50": string;
+                    "100": string;
+                    "200": string;
+                    "300": string;
+                    "400": string;
+                    "500": string;
+                    "600": string;
+                    "700": string;
+                    "800": string;
+                    "900": string;
+                    "1000": string;
+                };
+                "border-danger": {
+                    "50": string;
+                    "100": string;
+                    "200": string;
+                    "300": string;
+                    "400": string;
+                    "500": string;
+                    "600": string;
+                    "700": string;
+                    "800": string;
+                    "900": string;
+                    "1000": string;
+                };
+                "border-help": {
+                    "50": string;
+                    "100": string;
+                    "200": string;
+                    "300": string;
+                    "400": string;
+                    "500": string;
+                    "600": string;
+                    "700": string;
+                    "800": string;
+                    "900": string;
+                    "1000": string;
+                };
+            };
+        };
+        Width: {
+            border: number;
+            "border-2": number;
+            "border-3": number;
+            "border-4": number;
+        };
+    };
+    effects: {
+        Opacity: {
+            "opacity-0": number;
+            "opacity-10": number;
+            "opacity-20": number;
+            "opacity-30": number;
+            "opacity-40": number;
+            "opacity-50": number;
+            "opacity-60": number;
+            "opacity-70": number;
+            "opacity-80": number;
+            "opacity-90": number;
+            "opacity-100": number;
+        };
+    };
+    global: {
+        Neutrals: {
+            White: {
+                "white-100": string;
+                "white-90": string;
+                "white-80": string;
+                "white-70": string;
+                "white-60": string;
+                "white-50": string;
+                "white-40": string;
+                "white-30": string;
+                "white-20": string;
+                "white-10": string;
+            };
+            Black: {
+                "black-100": string;
+                "black-90": string;
+                "black-80": string;
+                "black-70": string;
+                "black-60": string;
+                "black-50": string;
+                "black-40": string;
+                "black-30": string;
+                "black-20": string;
+                "black-10": string;
+            };
+        };
+        Service: {
+            Danger: {
+                "danger-1000": string;
+                "danger-900": string;
+                "danger-800": string;
+                "danger-700": string;
+                "danger-600": string;
+                "danger-500": string;
+                "danger-400": string;
+                "danger-300": string;
+                "danger-200": string;
+                "danger-100": string;
+                "danger-50": string;
+                "danger-alpha": string;
+            };
+            Warning: {
+                "warning-1000": string;
+                "warning-900": string;
+                "warning-800": string;
+                "warning-700": string;
+                "warning-600": string;
+                "warning-500": string;
+                "warning-400": string;
+                "warning-300": string;
+                "warning-200": string;
+                "warning-100": string;
+                "warning-50": string;
+                "warning-alpha": string;
+            };
+            Success: {
+                "success-1000": string;
+                "success-900": string;
+                "success-800": string;
+                "success-700": string;
+                "success-600": string;
+                "success-500": string;
+                "success-400": string;
+                "success-300": string;
+                "success-200": string;
+                "success-100": string;
+                "success-50": string;
+                "success-alpha": string;
+            };
+            Info: {
+                "info-1000": string;
+                "info-900": string;
+                "info-800": string;
+                "info-700": string;
+                "info-600": string;
+                "info-500": string;
+                "info-400": string;
+                "info-300": string;
+                "info-200": string;
+                "info-100": string;
+                "info-50": string;
+                "info-alpha": string;
+            };
+            Help: {
+                "help-1000": string;
+                "help-900": string;
+                "help-800": string;
+                "help-700": string;
+                "help-600": string;
+                "help-500": string;
+                "help-400": string;
+                "help-300": string;
+                "help-200": string;
+                "help-100": string;
+                "help-50": string;
+                "help-alpha": string;
+            };
+        };
+        Surface: {
+            "gray-1000": string;
+            "gray-900": string;
+            "gray-800": string;
+            "gray-700": string;
+            "gray-600": string;
+            "gray-500": string;
+            "gray-400": string;
+            "gray-300": string;
+            "gray-200": string;
+            "gray-100": string;
+            "gray-50": string;
+            "gray-alpha": string;
+        };
+    };
+    sizing: {
+        Width: {
+            "w-1": number;
+            "w-2": number;
+            "w-3": number;
+            "w-4": number;
+            "w-5": number;
+            "w-6": number;
+            "w-7": number;
+            "w-8": number;
+            "w-9": number;
+            "w-10": number;
+            "w-11": number;
+            "w-12": number;
+            "w-13": number;
+            "w-14": number;
+            "w-15": number;
+            "w-16": number;
+            "w-17": number;
+            "w-18": number;
+            "w-19": number;
+            "w-20": number;
+            "w-21": number;
+            "w-22": number;
+            "w-23": number;
+            "w-24": number;
+            "w-25": number;
+            "w-26": number;
+            "w-27": number;
+            "w-28": number;
+            "w-29": number;
+            "w-30": number;
+            "w-34": number;
+            "w-45": number;
+            "w-50": number;
+            "w-54": number;
+            "w-58": number;
+            "w-60": number;
+        };
+        Height: {
+            "h-1": number;
+            "h-2": number;
+            "h-3": number;
+            "h-4": number;
+            "h-5": number;
+            "h-6": number;
+            "h-7": number;
+            "h-8": number;
+            "h-9": number;
+            "h-10": number;
+            "h-11": number;
+            "h-12": number;
+            "h-13": number;
+            "h-14": number;
+            "h-15": number;
+            "h-16": number;
+            "h-17": number;
+            "h-18": number;
+            "h-19": number;
+            "h-20": number;
+            "h-21": number;
+            "h-22": number;
+            "h-23": number;
+            "h-24": number;
+            "h-25": number;
+            "h-26": number;
+            "h-27": number;
+            "h-28": number;
+            "h-29": number;
+            "h-30": number;
+            "h-34": number;
+            "h-45": number;
+            "h-50": number;
+            "h-54": number;
+            "h-58": number;
+            "h-60": number;
+        };
+    };
+    spacing: {
+        Gap: {
+            "gap-0": number;
+            "gap-1": number;
+            "gap-2": number;
+            "gap-3": number;
+            "gap-4": number;
+            "gap-5": number;
+            "gap-6": number;
+            "gap-7": number;
+            "gap-8": number;
+            "gap-9": number;
+            "gap-10": number;
+            "gap-11": number;
+            "gap-12": number;
+            "gap-14": number;
+            "gap-16": number;
+            "gap-20": number;
+            "gap-24": number;
+            "gap-28": number;
+            "gap-32": number;
+            "gap-36": number;
+            "gap-40": number;
+        };
+        Padding: {
+            "p-0": number;
+            "p-1": number;
+            "p-2": number;
+            "p-3": number;
+            "p-4": number;
+            "p-5": number;
+            "p-6": number;
+            "p-7": number;
+            "p-8": number;
+            "p-9": number;
+            "p-10": number;
+            "p-11": number;
+            "p-12": number;
+            "p-14": number;
+            "p-16": number;
+            "p-20": number;
+            "p-24": number;
+            "p-28": number;
+            "p-32": number;
+            "p-36": number;
+            "p-40": number;
+        };
+    };
+    typography: {
+        Color: {
+            Common: {
+                "text-primary": string;
+                "text-color-primary": string;
+                "text-color": string;
+                "text-color-secondary": string;
+                "text-white": string;
+            };
+            Surface: {
+                "text-surface-0": string;
+                "text-surface-50": string;
+                "text-surface-100": string;
+                "text-surface-200": string;
+                "text-surface-300": string;
+                "text-surface-400": string;
+                "text-surface-500": string;
+                "text-surface-600": string;
+                "text-surface-700": string;
+                "text-surface-800": string;
+                "text-surface-900": string;
+            };
+            Service: {
+                "text-help": string;
+                "text-info": string;
+                "text-success": string;
+                "text-warning": string;
+                "text-danger": string;
+            };
+        };
+        Size: {
+            "text-xs": number;
+            "text-sm": number;
+            "text-base": number;
+            "text-lg": number;
+            "text-xl": number;
+            "text-2xl": number;
+            "text-3xl": number;
+            "text-4xl": number;
+            "text-5xl": number;
+            "text-6xl": number;
+            "text-7xl": number;
+            "text-8xl": number;
+        };
+    };
+    custom: {};
+    shadow: {
+        boxShadow: {
+            shadow: string;
+            shadowSm: string;
+        };
+    };
+};

package/dist/theme/commonTheme.js

@@ -0,0 +1,22 @@
+import background from './assets/background.json';
+import border from './assets/border.json';
+import { customCommon } from './assets/customCommon';
+import effects from './assets/effects.json';
+import global from './assets/global.json';
+import primaryColors from './assets/primaryColors.json';
+import { shadow } from './assets/shadow';
+import sizing from './assets/sizing.json';
+import spacing from './assets/spacing.json';
+import typography from './assets/typography.json';
+export const commonTheme = {
+    background,
+    colors: { primary: primaryColors },
+    border,
+    effects,
+    global,
+    sizing,
+    spacing,
+    typography,
+    custom: customCommon,
+    shadow,
+};

package/dist/theme/darkTheme.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeType } from './types';
+export declare const darkTheme: ThemeType;

package/dist/theme/darkTheme.js

@@ -0,0 +1,7 @@
+import { customDark } from './assets/customDark';
+import darkThemeAssets from './assets/themeDark.json';
+import { commonTheme } from './commonTheme';
+export const darkTheme = {
+    theme: { ...darkThemeAssets, custom: customDark },
+    ...commonTheme,
+};

package/dist/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { darkTheme } from './darkTheme';
+export { lightTheme } from './lightTheme';
+export { ThemeContextProvider, ThemeContext } from './ThemeContext';
+export { type ThemeType, ThemeVariant, type FontsConfigType, type FontsConfig, } from './types';

package/dist/theme/index.js

@@ -0,0 +1,4 @@
+export { darkTheme } from './darkTheme';
+export { lightTheme } from './lightTheme';
+export { ThemeContextProvider, ThemeContext } from './ThemeContext';
+export { ThemeVariant, } from './types';

package/dist/theme/lightTheme.d.ts

@@ -0,0 +1,2 @@
+import type { ThemeType } from './types';
+export declare const lightTheme: ThemeType;

package/dist/theme/lightTheme.js

@@ -0,0 +1,7 @@
+import { customLight } from './assets/customLight';
+import lightThemeAssets from './assets/themeLight.json';
+import { commonTheme } from './commonTheme';
+export const lightTheme = {
+    theme: { ...lightThemeAssets, custom: customLight },
+    ...commonTheme,
+};