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

package/dist/theme/assets/background.json

@@ -0,0 +1,149 @@
+{
+    "Common": {
+        "bg-surface-ground": "#f0f0f1",
+        "bg-surface-overlay": "rgba(0, 0, 0, 0.8000)",
+        "bg-surface-section": "#ffffff",
+        "bg-surface-ground-hover": "#e2e2e4",
+        "bg-surface-section-hover": "#fafafa",
+        "bg-surface-card-on-ground": "#ffffff",
+        "bg-surface-card-on-ground-hover": "#fafafa",
+        "bg-surface-card-on-section": "#f0f0f1",
+        "bg-surface-card-on-section-hover": "#e2e2e4"
+    },
+    "Primary": {
+        "bg-primary": "#44e858",
+        "bg-primary-50": "#fafffb",
+        "bg-primary-100": "#f0fff3",
+        "bg-primary-200": "#d4fedc",
+        "bg-primary-300": "#aafbb7",
+        "bg-primary-400": "#77f48a",
+        "bg-primary-500": "#44e858",
+        "bg-primary-600": "#1dc831",
+        "bg-primary-700": "#168322",
+        "bg-primary-800": "#12611b",
+        "bg-primary-900": "#0e4514",
+        "bg-primary-1000": "#0e4514"
+    },
+    "Secondary": {
+        "bg-secondary-50": "#fffbfa",
+        "bg-secondary-100": "#fff3f0",
+        "bg-secondary-200": "#ffddd5",
+        "bg-secondary-300": "#ffbca9",
+        "bg-secondary-400": "#ff9273",
+        "bg-secondary-500": "#fe6434",
+        "bg-secondary-600": "#d53f0b",
+        "bg-secondary-700": "#a83107",
+        "bg-secondary-800": "#752506",
+        "bg-secondary-900": "#561c05",
+        "bg-secondary-1000": "#4b1905"
+    },
+    "Surface": {
+        "bg-surface-0": "#181a1f",
+        "bg-primary-900": "#2b2e33",
+        "bg-surface-50": "#fafafa",
+        "bg-surface-100": "#f0f0f1",
+        "bg-surface-200": "#e2e2e4",
+        "bg-surface-300": "#cecfd2",
+        "bg-surface-400": "#a2a5a9",
+        "bg-surface-500": "#85888e",
+        "bg-surface-600": "#6d7076",
+        "bg-surface-700": "#56595f",
+        "bg-surface-800": "#404348",
+        "bg-surface-900": "#2b2e33"
+    },
+    "Service": {
+        "bg-info": {
+            "bg-info-50": "#fafdff",
+            "bg-info-100": "#f0f9ff",
+            "bg-info-200": "#d4ecfe",
+            "bg-info-300": "#aad7fb",
+            "bg-info-400": "#77baf4",
+            "bg-info-500": "#4496e8",
+            "bg-info-600": "#1e76cd",
+            "bg-info-700": "#18538d",
+            "bg-info-800": "#123a61",
+            "bg-info-900": "#0e2a45",
+            "bg-info-1000": "#0c243b"
+        },
+        "bg-success": {
+            "bg-success-50": "#fafffb",
+            "bg-success-100": "#f0fff3",
+            "bg-success-200": "#d4fedc",
+            "bg-success-300": "#aafbb7",
+            "bg-success-400": "#77f48a",
+            "bg-success-500": "#44e858",
+            "bg-success-600": "#1dc831",
+            "bg-success-700": "#168322",
+            "bg-success-800": "#12611b",
+            "bg-success-900": "#0e4514",
+            "bg-success-1000": "#0c3b11"
+        },
+        "bg-warning": {
+            "bg-warning-50": "#fffdfa",
+            "bg-warning-100": "#fff9f0",
+            "bg-warning-200": "#ffeed4",
+            "bg-warning-300": "#fddeaa",
+            "bg-warning-400": "#facb75",
+            "bg-warning-500": "#f5b83d",
+            "bg-warning-600": "#dc9710",
+            "bg-warning-700": "#9d6d0e",
+            "bg-warning-800": "#6d4c0b",
+            "bg-warning-900": "#4f3709",
+            "bg-warning-1000": "#453008"
+        },
+        "bg-danger": {
+            "bg-danger-50": "#fffafa",
+            "bg-danger-100": "#fff0f0",
+            "bg-danger-200": "#fed4d4",
+            "bg-danger-300": "#fbacaa",
+            "bg-danger-400": "#f47f77",
+            "bg-danger-500": "#e85244",
+            "bg-danger-600": "#db3424",
+            "bg-danger-700": "#8d2218",
+            "bg-danger-800": "#611912",
+            "bg-danger-900": "#45120e",
+            "bg-danger-1000": "#3b100c"
+        },
+        "bg-help": {
+            "bg-help-50": "#fcfaff",
+            "bg-help-100": "#f6f0ff",
+            "bg-help-200": "#e5d4fe",
+            "bg-help-300": "#cbaafb",
+            "bg-help-400": "#b284f5",
+            "bg-help-500": "#a265ec",
+            "bg-help-600": "#9457ea",
+            "bg-help-700": "#48188d",
+            "bg-help-800": "#321261",
+            "bg-help-900": "#240e45",
+            "bg-help-1000": "#1f0c3b"
+        }
+    },
+    "Accent": {
+        "Pink": {
+            "pink-50": "#fffafc",
+            "pink-100": "#fff0f6",
+            "pink-200": "#ffd6e7",
+            "pink-300": "#ffadd2",
+            "pink-400": "#ff85c0",
+            "pink-500": "#f759ab",
+            "pink-600": "#eb2f96",
+            "pink-700": "#c41d7f",
+            "pink-800": "#9e1068",
+            "pink-900": "#780650",
+            "pink-1000": "#520339"
+        },
+        "Cyan": {
+            "cyan-50": "#e0f7fa",
+            "cyan-100": "#b2ebf2",
+            "cyan-200": "#7ee0ed",
+            "cyan-300": "#4cd9eb",
+            "cyan-400": "#4dd0e1",
+            "cyan-500": "#00c7e0",
+            "cyan-600": "#00b7cc",
+            "cyan-700": "#0094a3",
+            "cyan-800": "#007985",
+            "cyan-900": "#006064",
+            "cyan-1000": "#004042"
+        }
+    }
+}

package/dist/theme/assets/border.json

@@ -0,0 +1,103 @@
+{
+    "Radius": {
+        "rounded-none": 0,
+        "rounded-sm": 1.75,
+        "rounded": 3.5,
+        "rounded-md": 5.25,
+        "rounded-lg": 7,
+        "rounded-xl": 10.5,
+        "rounded-full": 100,
+        "rounded-2xl": 14,
+        "rounded-3xl": 21,
+        "rounded-4xl": 24.5,
+        "rounded-kit": 14
+    },
+    "Color": {
+        "Common": {
+            "border-transparent": "rgba(255, 255, 255, 0.0001)",
+            "border-primary": "#2b2e33",
+            "border-surface-border": "#e2e2e4"
+        },
+        "Surface": {
+            "border-surface-0": "#181a1f",
+            "border-surface-50": "#fafafa",
+            "border-surface-100": "#f0f0f1",
+            "border-surface-200": "#e2e2e4",
+            "border-surface-300": "#cecfd2",
+            "border-surface-400": "#a2a5a9",
+            "border-surface-500": "#85888e",
+            "border-surface-600": "#6d7076",
+            "border-surface-700": "#56595f",
+            "border-surface-800": "#404348",
+            "border-surface-900": "#2b2e33"
+        },
+        "Service": {
+            "border-info": {
+                "50": "#fafdff",
+                "100": "#f0f9ff",
+                "200": "#d4ecfe",
+                "300": "#aad7fb",
+                "400": "#77baf4",
+                "500": "#4496e8",
+                "600": "#1e76cd",
+                "700": "#18538d",
+                "800": "#123a61",
+                "900": "#0e2a45",
+                "1000": "#0c243b"
+            },
+            "border-success": {
+                "50": "#fafffb",
+                "100": "#f0fff3",
+                "200": "#d4fedc",
+                "300": "#aafbb7",
+                "400": "#77f48a",
+                "500": "#44e858",
+                "600": "#1dc831",
+                "700": "#168322",
+                "800": "#12611b",
+                "900": "#0e4514",
+                "1000": "#0c3b11"
+            },
+            "border-warning": {
+                "50": "#fffdfa",
+                "100": "#fff9f0",
+                "200": "#ffeed4",
+                "300": "#fddeaa",
+                "400": "#facb75",
+                "500": "#f5b83d",
+                "600": "#dc9710",
+                "700": "#9d6d0e",
+                "800": "#6d4c0b",
+                "900": "#4f3709",
+                "1000": "#453008"
+            },
+            "border-danger": {
+                "50": "#fffafa",
+                "100": "#fff0f0",
+                "200": "#fed4d4",
+                "300": "#fbacaa",
+                "400": "#f47f77",
+                "500": "#e85244",
+                "600": "#db3424",
+                "700": "#8d2218",
+                "800": "#611912",
+                "900": "#45120e",
+                "1000": "#3b100c"
+            },
+            "border-help": {
+                "50": "#fcfaff",
+                "100": "#f6f0ff",
+                "200": "#e5d4fe",
+                "300": "#cbaafb",
+                "400": "#b284f5",
+                "500": "#a265ec",
+                "600": "#9457ea",
+                "700": "#48188d",
+                "800": "#321261",
+                "900": "#240e45",
+                "1000": "#1f0c3b"
+            }
+        }
+    },
+    "Width": { "border": 1, "border-2": 2, "border-3": 3, "border-4": 4 }
+}

package/dist/theme/assets/customCommon.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Объект для указания кастомных токенов, которые не зависят от варианта темы (темная/светлая)
+ */
+export declare const customCommon: {};

package/dist/theme/assets/customCommon.js

@@ -0,0 +1,4 @@
+/**
+ * Объект для указания кастомных токенов, которые не зависят от варианта темы (темная/светлая)
+ */
+export const customCommon = {};

package/dist/theme/assets/customDark.d.ts

@@ -0,0 +1,5 @@
+import type { customLight } from './customLight';
+/**
+ * Объект для указания кастомных токенов для темной темы
+ */
+export declare const customDark: typeof customLight;

package/dist/theme/assets/customDark.js

@@ -0,0 +1,15 @@
+/**
+ * Объект для указания кастомных токенов для темной темы
+ */
+export const customDark = {
+    surfaceSectionOverSurfaceGround: '#2A2930',
+    inputSwitch: {
+        inputSwitchSliderOffDisabledBg: '#535259',
+        inputSwitchSliderOnDisabledBg: '#75737A',
+    },
+    rating: {
+        ratingStarIconOnDisabledColor: '#7B7B82',
+        ratingStarIconOffDisabledColor: '#89888B',
+        ratingCancelIconDisabledColor: '#89888B',
+    },
+};

package/dist/theme/assets/customLight.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Объект для указания кастомных токенов для светлой темы
+ */
+export declare const customLight: {
+    surfaceSectionOverSurfaceGround: string;
+    inputSwitch: {
+        inputSwitchSliderOffDisabledBg: string;
+        inputSwitchSliderOnDisabledBg: string;
+    };
+    rating: {
+        ratingStarIconOnDisabledColor: string;
+        ratingStarIconOffDisabledColor: string;
+        ratingCancelIconDisabledColor: string;
+    };
+};

package/dist/theme/assets/customLight.js

@@ -0,0 +1,15 @@
+/**
+ * Объект для указания кастомных токенов для светлой темы
+ */
+export const customLight = {
+    surfaceSectionOverSurfaceGround: '#F7F6F6',
+    inputSwitch: {
+        inputSwitchSliderOffDisabledBg: '#DFDFDF',
+        inputSwitchSliderOnDisabledBg: '#9A9A9A',
+    },
+    rating: {
+        ratingStarIconOnDisabledColor: '#D6D6D6',
+        ratingStarIconOffDisabledColor: '#A3A3A3',
+        ratingCancelIconDisabledColor: '#A3A3A3',
+    },
+};

package/dist/theme/assets/effects.json

@@ -0,0 +1,15 @@
+{
+    "Opacity": {
+        "opacity-0": 0,
+        "opacity-10": 10,
+        "opacity-20": 20,
+        "opacity-30": 30,
+        "opacity-40": 40,
+        "opacity-50": 50,
+        "opacity-60": 60,
+        "opacity-70": 70,
+        "opacity-80": 80,
+        "opacity-90": 90,
+        "opacity-100": 100
+    }
+}

package/dist/theme/assets/global.json

@@ -0,0 +1,114 @@
+{
+    "Neutrals": {
+        "White": {
+            "white-100": "#ffffff",
+            "white-90": "rgba(255, 255, 255, 0.9000)",
+            "white-80": "rgba(255, 255, 255, 0.8000)",
+            "white-70": "rgba(255, 255, 255, 0.7000)",
+            "white-60": "rgba(255, 255, 255, 0.6000)",
+            "white-50": "rgba(255, 255, 255, 0.5000)",
+            "white-40": "rgba(255, 255, 255, 0.4000)",
+            "white-30": "rgba(255, 255, 255, 0.3000)",
+            "white-20": "rgba(255, 255, 255, 0.2000)",
+            "white-10": "rgba(255, 255, 255, 0.1000)"
+        },
+        "Black": {
+            "black-100": "#000000",
+            "black-90": "rgba(0, 0, 0, 0.9000)",
+            "black-80": "rgba(0, 0, 0, 0.8000)",
+            "black-70": "rgba(0, 0, 0, 0.7000)",
+            "black-60": "rgba(0, 0, 0, 0.6000)",
+            "black-50": "rgba(0, 0, 0, 0.5000)",
+            "black-40": "rgba(0, 0, 0, 0.4000)",
+            "black-30": "rgba(0, 0, 0, 0.3000)",
+            "black-20": "rgba(0, 0, 0, 0.2000)",
+            "black-10": "rgba(0, 0, 0, 0.1000)"
+        }
+    },
+    "Service": {
+        "Danger": {
+            "danger-1000": "#3b100c",
+            "danger-900": "#45120e",
+            "danger-800": "#611912",
+            "danger-700": "#8d2218",
+            "danger-600": "#db3424",
+            "danger-500": "#e85244",
+            "danger-400": "#f47f77",
+            "danger-300": "#fbacaa",
+            "danger-200": "#fed4d4",
+            "danger-100": "#fff0f0",
+            "danger-50": "#fffafa",
+            "danger-alpha": "rgba(219, 76, 63, 0.1000)"
+        },
+        "Warning": {
+            "warning-1000": "#453008",
+            "warning-900": "#4f3709",
+            "warning-800": "#6d4c0b",
+            "warning-700": "#9d6d0e",
+            "warning-600": "#dc9710",
+            "warning-500": "#f5b83d",
+            "warning-400": "#facb75",
+            "warning-300": "#fddeaa",
+            "warning-200": "#ffeed4",
+            "warning-100": "#fff9f0",
+            "warning-50": "#fffdfa",
+            "warning-alpha": "rgba(255, 161, 0, 0.1000)"
+        },
+        "Success": {
+            "success-1000": "#0c3b11",
+            "success-900": "#0e4514",
+            "success-800": "#12611b",
+            "success-700": "#168322",
+            "success-600": "#1dc831",
+            "success-500": "#44e858",
+            "success-400": "#77f48a",
+            "success-300": "#aafbb7",
+            "success-200": "#d4fedc",
+            "success-100": "#f0fff3",
+            "success-50": "#fafffb",
+            "success-alpha": "rgba(68, 232, 88, 0.1000)"
+        },
+        "Info": {
+            "info-1000": "#0c243b",
+            "info-900": "#0e2a45",
+            "info-800": "#123a61",
+            "info-700": "#18538d",
+            "info-600": "#1e76cd",
+            "info-500": "#4496e8",
+            "info-400": "#77baf4",
+            "info-300": "#aad7fb",
+            "info-200": "#d4ecfe",
+            "info-100": "#f0f9ff",
+            "info-50": "#fafdff",
+            "info-alpha": "rgba(31, 140, 235, 0.1000)"
+        },
+        "Help": {
+            "help-1000": "#1f0c3b",
+            "help-900": "#240e45",
+            "help-800": "#321261",
+            "help-700": "#48188d",
+            "help-600": "#9457ea",
+            "help-500": "#a265ec",
+            "help-400": "#b284f5",
+            "help-300": "#cbaafb",
+            "help-200": "#e5d4fe",
+            "help-100": "#f6f0ff",
+            "help-50": "#fcfaff",
+            "help-alpha": "rgba(162, 101, 236, 0.1000)"
+        }
+    },
+    "Surface": {
+        "gray-1000": "#181a1f",
+        "gray-900": "#2b2e33",
+        "gray-800": "#404348",
+        "gray-700": "#56595f",
+        "gray-600": "#6d7076",
+        "gray-500": "#85888e",
+        "gray-400": "#a2a5a9",
+        "gray-300": "#cecfd2",
+        "gray-200": "#e2e2e4",
+        "gray-100": "#f0f0f1",
+        "gray-50": "#fafafa",
+        "gray-alpha": "rgba(133, 136, 142, 0.1000)"
+    }
+}

package/dist/theme/assets/primaryColors.json

@@ -0,0 +1,14 @@
+{
+    "primary-1000": "#0c3b11",
+    "primary-900": "#0e4514",
+    "primary-800": "#12611b",
+    "primary-700": "#168322",
+    "primary-600": "#1dc831",
+    "primary-500": "#44e858",
+    "primary-400": "#77f48a",
+    "primary-300": "#aafbb7",
+    "primary-200": "#d4fedc",
+    "primary-100": "#f0fff3",
+    "primary-50": "#fafffb",
+    "primary-alpha": "rgba(68, 232, 88, 0.1000)"
+}

package/dist/theme/assets/shadow.d.ts

@@ -0,0 +1,6 @@
+export declare const shadow: {
+    boxShadow: {
+        shadow: string;
+        shadowSm: string;
+    };
+};

package/dist/theme/assets/shadow.js

@@ -0,0 +1,6 @@
+export const shadow = {
+    boxShadow: {
+        shadow: '0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10)',
+        shadowSm: '0px 1px 2px 0px rgba(0, 0, 0, 0.05)',
+    },
+};

package/dist/theme/assets/sizing.json

@@ -0,0 +1,78 @@
+{
+    "Width": {
+        "w-1": 14,
+        "w-2": 28,
+        "w-3": 42,
+        "w-4": 56,
+        "w-5": 70,
+        "w-6": 84,
+        "w-7": 98,
+        "w-8": 112,
+        "w-9": 126,
+        "w-10": 140,
+        "w-11": 154,
+        "w-12": 168,
+        "w-13": 182,
+        "w-14": 196,
+        "w-15": 210,
+        "w-16": 224,
+        "w-17": 238,
+        "w-18": 252,
+        "w-19": 266,
+        "w-20": 280,
+        "w-21": 294,
+        "w-22": 308,
+        "w-23": 322,
+        "w-24": 336,
+        "w-25": 350,
+        "w-26": 364,
+        "w-27": 378,
+        "w-28": 392,
+        "w-29": 406,
+        "w-30": 420,
+        "w-34": 476,
+        "w-45": 630,
+        "w-50": 700,
+        "w-54": 756,
+        "w-58": 812,
+        "w-60": 840
+    },
+    "Height": {
+        "h-1": 14,
+        "h-2": 28,
+        "h-3": 42,
+        "h-4": 56,
+        "h-5": 70,
+        "h-6": 84,
+        "h-7": 98,
+        "h-8": 112,
+        "h-9": 126,
+        "h-10": 140,
+        "h-11": 154,
+        "h-12": 168,
+        "h-13": 182,
+        "h-14": 196,
+        "h-15": 210,
+        "h-16": 224,
+        "h-17": 238,
+        "h-18": 252,
+        "h-19": 266,
+        "h-20": 280,
+        "h-21": 294,
+        "h-22": 308,
+        "h-23": 322,
+        "h-24": 336,
+        "h-25": 350,
+        "h-26": 364,
+        "h-27": 378,
+        "h-28": 392,
+        "h-29": 406,
+        "h-30": 420,
+        "h-34": 476,
+        "h-45": 630,
+        "h-50": 700,
+        "h-54": 756,
+        "h-58": 812,
+        "h-60": 840
+    }
+}

package/dist/theme/assets/spacing.json

@@ -0,0 +1,48 @@
+{
+    "Gap": {
+        "gap-0": 0,
+        "gap-1": 3.5,
+        "gap-2": 7,
+        "gap-3": 10.5,
+        "gap-4": 14,
+        "gap-5": 17.5,
+        "gap-6": 21,
+        "gap-7": 24.5,
+        "gap-8": 28,
+        "gap-9": 31.5,
+        "gap-10": 35,
+        "gap-11": 38.5,
+        "gap-12": 42,
+        "gap-14": 49,
+        "gap-16": 56,
+        "gap-20": 70,
+        "gap-24": 84,
+        "gap-28": 98,
+        "gap-32": 112,
+        "gap-36": 126,
+        "gap-40": 140
+    },
+    "Padding": {
+        "p-0": 0,
+        "p-1": 3.5,
+        "p-2": 7,
+        "p-3": 10.5,
+        "p-4": 14,
+        "p-5": 17.5,
+        "p-6": 21,
+        "p-7": 24.5,
+        "p-8": 28,
+        "p-9": 31.5,
+        "p-10": 35,
+        "p-11": 38.5,
+        "p-12": 42,
+        "p-14": 49,
+        "p-16": 56,
+        "p-20": 70,
+        "p-24": 84,
+        "p-28": 98,
+        "p-32": 112,
+        "p-36": 126,
+        "p-40": 140
+    }
+}