@true-engineering/true-react-common-ui-kit 1.0.1

package/dist/theme.d.ts

@@ -0,0 +1,67 @@
+import { UiKitHelpers, UiKitTheme } from './types';
+export declare const colors: {
+    readonly FONT_MAIN: "#222a37";
+    readonly FONT_MEDIUM: "#505f79";
+    readonly FONT_LABEL: "#7a869a";
+    readonly FONT_DISABLED: "#95a0b3";
+    readonly GREY_ACTIVE: "#95a0b3";
+    readonly BORDER_MAIN: "#d0d6e1";
+    readonly BORDER_LIGHT: "#dde3ed";
+    readonly GREY_HOVER: "#dde3ed";
+    readonly GREY_FOCUS: "#eceff5";
+    readonly GREY_DISABLED: "#eceff5";
+    readonly GREY_BACKGROUND: "#f6f8fc";
+    readonly CLASSIC_WHITE: "#ffffff";
+    readonly RED_ACTIVE: "#912e34";
+    readonly RED_HOVER: "#c13e45";
+    readonly RED_WARNING: "#f14d56";
+    readonly RED_WARNING_LIGHT: "#ff6261";
+    readonly RED_BACKGROUND: "#feedee";
+    readonly ORANGE_BACKGROUND: "#fff4e9";
+    readonly GREEN_BACKGROUND: "#f4f9e6";
+    readonly BLUE_BACKGROUND: "#ebf1ff";
+    readonly GREEN_FOCUS: "#97ba1e";
+    readonly ORANGE_FOCUS: "#ff991f";
+};
+export declare const dimensions: {
+    readonly BORDER_RADIUS_LARGE: 16;
+    readonly BORDER_RADIUS_MEDIUM: 12;
+    readonly BORDER_RADIUS_STD: 8;
+    readonly BORDER_RADIUS_SMALL: 6;
+    readonly BORDER_RADIUS_EXTRA_SMALL: 4;
+    readonly CONTROL_HEIGHT: 48;
+};
+export declare const helpers: UiKitHelpers;
+export declare const animations: {
+    slideUp: {
+        'slide-up-enter': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-enter-active': {
+            opacity: number;
+            transform: string;
+            transition: ({ timeout }: {
+                timeout: number;
+            }) => string;
+            transitionProperty: string;
+        };
+        'slide-up-exit-active': {
+            opacity: number;
+            transform: string;
+        };
+        'slide-up-exit': {
+            opacity: number;
+            transform: string;
+            transition: ({ timeout }: {
+                timeout: number;
+            }) => string;
+            transitionProperty: string;
+        };
+    };
+};
+export interface CommonUiKitTheme extends UiKitTheme {
+    colors: typeof colors;
+    dimensions: typeof dimensions;
+}
+export declare const commonTheme: CommonUiKitTheme;