aristid-ds 0.5.1

package/dist/theme/aristid/components/DataDisplay/Avatar/index.d.ts

@@ -0,0 +1,22 @@
+export declare const KitAvatarTheme: {
+    colors: {
+        background: {
+            default: string;
+            blueInvert: string;
+        };
+        typography: {
+            default: string;
+            blueInvert: string;
+        };
+    };
+};
+export declare const KitAvatarGroupTheme: {
+    colors: {
+        background: {
+            default: string;
+        };
+        typography: {
+            default: string;
+        };
+    };
+};

package/dist/theme/aristid/components/DataDisplay/Badge/index.d.ts

@@ -0,0 +1 @@
+export declare const KitBadgeTheme: any;

package/dist/theme/aristid/components/DataDisplay/Card/index.d.ts

@@ -0,0 +1,101 @@
+export declare const KitCardTheme: {
+    card: {
+        colors: {
+            background: {
+                default: string;
+                disabled: string;
+            };
+            border: {
+                default: string;
+                hover: string;
+            };
+        };
+        border: {
+            radius: number;
+        };
+        typography: {
+            fontFamily: string;
+        };
+    };
+    colorBar: {
+        thickness: number;
+        border: {
+            radius: number;
+        };
+    };
+    select: {
+        colors: {
+            background: {
+                disabled: string;
+            };
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+    };
+    expend: {
+        colors: {
+            typography: {
+                default: string;
+                hover: string;
+            };
+        };
+    };
+    image: {
+        colors: {
+            border: {
+                default: string;
+            };
+        };
+        border: {
+            radius: number;
+        };
+    };
+    icon: {
+        colors: {
+            border: {
+                default: string;
+            };
+        };
+        border: {
+            radius: number;
+        };
+    };
+    title: {
+        colors: {
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+        typography: {
+            fontSize: number;
+            fontWeight: string | number;
+        };
+    };
+    description: {
+        colors: {
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+        typography: {
+            fontSize: number;
+            fontWeight: string | number;
+        };
+    };
+    footer: {
+        colors: {
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+        typography: {
+            fontSize: number;
+            fontWeight: string | number;
+        };
+    };
+};

package/dist/theme/aristid/components/DataDisplay/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export declare const KitTooltipTheme: any;

package/dist/theme/aristid/components/DataEntry/Input/Input/index.d.ts

@@ -0,0 +1 @@
+export declare const KitInputTheme: any;

package/dist/theme/aristid/components/DataEntry/Input/InputWrapper/index.d.ts

@@ -0,0 +1,14 @@
+export declare const KitInputWrapperTheme: {
+    colors: {
+        typography: {
+            default: string;
+            disabled: string;
+            warning: string;
+            error: string;
+        };
+    };
+    gap: {
+        label: number;
+        helper: number;
+    };
+};

package/dist/theme/aristid/components/DataEntry/Rate/index.d.ts

@@ -0,0 +1 @@
+export declare const KitRateTheme: any;

package/dist/theme/aristid/components/DataEntry/Slider/index.d.ts

@@ -0,0 +1 @@
+export declare const KitSliderTheme: any;

package/dist/theme/aristid/components/DataEntry/Tag/index.d.ts

@@ -0,0 +1 @@
+export declare const KitTagTheme: any;

package/dist/theme/aristid/components/General/Button/index.d.ts

@@ -0,0 +1 @@
+export declare const KitButtonTheme: any;

package/dist/theme/aristid/general/border/index.d.ts

@@ -0,0 +1,2 @@
+import { KitBorder } from '../../../types/general/border';
+export declare const border: KitBorder;

package/dist/theme/aristid/general/colors/index.d.ts

@@ -0,0 +1,2 @@
+import { KitColorsPalette } from '../../../types/general/colors';
+export declare const colorsPalette: KitColorsPalette;

package/dist/theme/aristid/general/index.d.ts

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

package/dist/theme/aristid/general/spacing/index.d.ts

@@ -0,0 +1,2 @@
+import { KitSpacing } from '../../../types/general/spacing';
+export declare const spacing: KitSpacing;

package/dist/theme/aristid/general/typography/index.d.ts

@@ -0,0 +1,2 @@
+import { KitTypography } from '../../../types/general/typography';
+export declare const typography: KitTypography;

package/dist/theme/aristid/index.d.ts

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

package/dist/theme/colors.d.ts

@@ -0,0 +1,95 @@
+export interface KitColorsPalette {
+    primary: {
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+    };
+    neutral: {
+        typography: {
+            black: string;
+            black60: string;
+            white: string;
+        };
+        background: string;
+        border: string;
+        gray: {
+            gray100: string;
+            gray200: string;
+            gray300: string;
+            gray400: string;
+            gray500: string;
+            gray600: string;
+            gray700: string;
+        };
+    };
+    secondary: {
+        mediumGrey: {
+            mediumGrey100: string;
+            mediumGrey200: string;
+            mediumGrey300: string;
+            mediumGrey400: string;
+            mediumGrey500: string;
+            mediumGrey600: string;
+            mediumGrey700: string;
+        };
+        yellow: {
+            yellow100: string;
+            yellow200: string;
+            yellow300: string;
+            yellow400: string;
+            yellow500: string;
+            yellow600: string;
+            yellow700: string;
+        };
+        orange: {
+            orange100: string;
+            orange200: string;
+            orange300: string;
+            orange400: string;
+            orange500: string;
+            orange600: string;
+            orange700: string;
+        };
+        pink: {
+            pink100: string;
+            pink200: string;
+            pink300: string;
+            pink400: string;
+            pink500: string;
+            pink600: string;
+            pink700: string;
+        };
+        red: {
+            red100: string;
+            red200: string;
+            red300: string;
+            red400: string;
+            red500: string;
+            red600: string;
+            red700: string;
+        };
+        blue: {
+            blue100: string;
+            blue200: string;
+            blue300: string;
+            blue400: string;
+            blue500: string;
+            blue600: string;
+            blue700: string;
+        };
+        green: {
+            green100: string;
+            green200: string;
+            green300: string;
+            green400: string;
+            green500: string;
+            green600: string;
+            green700: string;
+        };
+    };
+}
+export declare const colorsPalette: KitColorsPalette;

package/dist/theme/index.d.ts

@@ -0,0 +1,10 @@
+import { ThemeConfig } from 'antd';
+import { KitColorsPalette } from './colors';
+import { KitTypography, KitTypograhyHeaders } from './typography';
+interface KitThemeConfig extends ThemeConfig {
+    color: KitColorsPalette;
+    typography: KitTypography;
+    headersTypography: KitTypograhyHeaders;
+}
+declare const theme: KitThemeConfig;
+export default theme;

package/dist/theme/theme-context.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+import { KitCustomTheme, KitTheme } from './types';
+export declare const useKitTheme: () => {
+    theme: KitTheme;
+    overrideTheme: (customTheme?: KitCustomTheme) => void;
+};
+export declare const KitThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => React.JSX.Element;

package/dist/theme/types/components/DataDisplay/Avatar/index.d.ts

@@ -0,0 +1,27 @@
+export interface KitAvatarThemeStyled {
+    colors: {
+        background: {
+            default: string;
+            blueInvert: string;
+        };
+        typography: {
+            default: string;
+            blueInvert: string;
+        };
+    };
+}
+
+export type KitAvatarTheme = KitAvatarThemeStyled;
+
+export interface KitAvatarGroupThemeStyled {
+    colors: {
+        background: {
+            default: string;
+        };
+        typography: {
+            default: string;
+        };
+    };
+}
+
+export type KitAvatarGroupTheme = KitAvatarGroupThemeStyled;

package/dist/theme/types/components/DataDisplay/Badge/index.d.ts

@@ -0,0 +1,34 @@
+export interface KitBadgeThemeAntd {
+    colors: {
+        background: {
+            primary: string;
+            error: string;
+            success: string;
+            warning: string;
+        };
+    };
+    typography: {
+        fontFamily: string;
+    };
+}
+
+export interface KitBadgeThemeStyled {
+    colors: {
+        background: {
+            default: string;
+            green: string;
+            blue: string;
+            blueInvert: string;
+            gray: string;
+        };
+        typography: {
+            default: string;
+            green: string;
+            blue: string;
+            blueInvert: string;
+            gray: string;
+        };
+    };
+}
+
+export type KitBadgeTheme = KitBadgeThemeAntd & KitBadgeThemeStyled;

package/dist/theme/types/components/DataDisplay/Card/index.d.ts

@@ -0,0 +1,103 @@
+export interface KitCardThemeStyled {
+    card: {
+        colors: {
+            background: {
+                default: string;
+                disabled: string;
+            };
+            border: {
+                default: string;
+                hover: string;
+            };
+        };
+        border: {
+            radius: number;
+        };
+        typography: {
+            fontFamily: string;
+        };
+    };
+    colorBar: {
+        thickness: number;
+        border: {
+            radius: number;
+        };
+    };
+    select: {
+        colors: {
+            background: {
+                disabled: string;
+            };
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+    };
+    expend: {
+        colors: {
+            typography: {
+                default: string;
+                hover: string;
+            };
+        };
+    };
+    image: {
+        colors: {
+            border: {
+                default: string;
+            };
+        };
+        border: {
+            radius: number;
+        };
+    };
+    icon: {
+        colors: {
+            border: {
+                default: string;
+            };
+        };
+        border: {
+            radius: number;
+        };
+    };
+    title: {
+        colors: {
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+        typography: {
+            fontSize: number;
+            fontWeight: string | number;
+        };
+    };
+    description: {
+        colors: {
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+        typography: {
+            fontSize: number;
+            fontWeight: string | number;
+        };
+    };
+    footer: {
+        colors: {
+            typography: {
+                default: string;
+                disabled: string;
+            };
+        };
+        typography: {
+            fontSize: number;
+            fontWeight: string | number;
+        };
+    };
+}
+
+export type KitCardTheme = KitCardThemeStyled;

package/dist/theme/types/components/DataDisplay/Tooltip/index.d.ts

@@ -0,0 +1,19 @@
+export interface KitTooltipThemeAntd {
+    colors: {
+        background: {
+            default: string;
+        };
+        typography: {
+            default: string;
+        };
+    };
+    border: {
+        radius: number;
+    };
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+    };
+}
+
+export interface KitTooltipTheme extends KitTooltipThemeAntd {}

package/dist/theme/types/components/DataEntry/Input/Input/index.d.ts

@@ -0,0 +1,59 @@
+export interface KitInputThemeAntd {
+    colors: {
+        background: {
+            default: string;
+            disabled: string;
+        };
+        border: {
+            default: string;
+            hover: string;
+        };
+        typography: {
+            content: string;
+            placeholder: string;
+        };
+    };
+    border: {
+        radius: number;
+    };
+    typography: {
+        fontFamily: string;
+        fontSize: number;
+    };
+}
+
+interface KitInputThemeStateColor {
+    default: string;
+    disabled: string;
+    warning: string;
+    error: string;
+}
+
+export interface KitInputThemeStyled {
+    colors: {
+        background: Omit<KitInputThemeStateColor, 'default' | 'disabled'>;
+        prefix: KitInputThemeStateColor;
+        suffix: KitInputThemeStateColor;
+        clearIcon: KitInputThemeStateColor;
+        showCount: KitInputThemeStateColor;
+        border: Omit<KitInputThemeStateColor, 'default'>;
+        typography: {
+            content: Omit<KitInputThemeStateColor, 'default'>;
+            placeholder: Omit<KitInputThemeStateColor, 'default'>;
+        };
+    };
+    typography: {
+        content: {
+            fontWeight: string | number;
+        };
+        placeholder: {
+            fontWeight: string | number;
+        };
+        showCount: {
+            fontSize: number;
+            fontWeight: string | number;
+        };
+    };
+}
+
+export type KitInputTheme = KitInputThemeAntd & KitInputThemeStyled;

package/dist/theme/types/components/DataEntry/Input/InputWrapper/index.d.ts

@@ -0,0 +1,16 @@
+export interface KitInputWrapperThemeStyled {
+    colors: {
+        typography: {
+            default: string;
+            disabled: string;
+            warning: string;
+            error: string;
+        };
+    };
+    gap: {
+        label: number;
+        helper: number;
+    };
+}
+
+export interface KitInputWrapperTheme extends KitInputWrapperThemeStyled {}

package/dist/theme/types/components/DataEntry/Rate/index.d.ts

@@ -0,0 +1,25 @@
+export interface KitRateThemeAntd {
+    colors: {
+        star: {
+            active: {
+                default: string;
+            };
+        };
+    };
+}
+
+export interface KitRateThemeStyled {
+    colors: {
+        star: {
+            default: string;
+            disabled: string;
+            active: {
+                red: string;
+                green: string;
+                blue: string;
+            };
+        };
+    };
+}
+
+export type KitRateTheme = KitRateThemeAntd & KitRateThemeStyled;

package/dist/theme/types/components/DataEntry/Slider/index.d.ts

@@ -0,0 +1,69 @@
+export interface KitSliderThemeAntd {
+    rail: {
+        colors: {
+            background: {
+                default: string;
+                hover: string;
+            };
+        };
+        size: number;
+    };
+    handle: {
+        colors: {
+            default: string;
+        };
+        size: number;
+        border: number;
+    };
+    track: {
+        colors: {
+            background: {
+                default: string;
+                hover: string;
+            };
+        };
+    };
+    dot: {
+        colors: {
+            border: {
+                default: string;
+                active: string;
+            };
+        };
+        size: number;
+    };
+}
+
+export interface KitSliderStyled {
+    handle: {
+        colors: {
+            background: {
+                hover: string;
+                focus: string;
+            };
+            border: {
+                default: string;
+                disabled: string;
+            };
+        };
+    };
+    dot: {
+        colors: {
+            border: {
+                default: string;
+            };
+        };
+    };
+    startIcon: {
+        colors: {
+            default: string;
+        };
+    };
+    endIcon: {
+        colors: {
+            default: string;
+        };
+    };
+}
+
+export type KitSliderTheme = KitSliderThemeAntd & KitSliderStyled;