@minimalstuff/ui 0.0.10 → 0.0.15

package/dist/index.d.ts

@@ -9,6 +9,12 @@ import { PropsWithChildren } from 'react';
 import { StyledComponent } from '@emotion/styled';
 import { Theme } from '@emotion/react';
 
+declare type Borders = {
+    radius: {
+        [key in SizeType]: string;
+    };
+};
+
 export declare const Button: StyledComponent<    {
 theme?: Theme | undefined;
 as?: ElementType<any, keyof JSX_2.IntrinsicElements> | undefined;
@@ -19,6 +25,48 @@ declare type ButtonProps = {
     secondary?: boolean;
 };
 
+export declare type Colors = {
+    font: string;
+    background: string;
+    secondary: string;
+    black: string;
+    white: string;
+    grey: FadedColor;
+    blue: FadedColor;
+    green: FadedColor;
+    red: FadedColor;
+    yellow: FadedColor;
+    boxShadow: string;
+};
+
+export declare type FadedColor = {
+    lightest: string;
+    light: string;
+    default: string;
+    dark: string;
+    darkest: string;
+};
+
+declare type FontSizes = {
+    [key in SizeType]: string;
+};
+
+declare type Medias = {
+    [key in ScreenType]: string;
+};
+
+declare type ScreenType =
+| 'mobile'
+| 'tablet'
+| 'small_desktop'
+| 'medium_desktop'
+| 'large_desktop'
+| 'xlarge_desktop';
+
+declare type SizeType = 'xs' | 's' | 'm' | 'l' | 'xl';
+
+declare type SpeedType = 'fast' | 'normal' | 'slow';
+
 export declare const TextEllipsis: StyledComponent<    {
 theme?: Theme | undefined;
 as?: ElementType<any, keyof JSX_2.IntrinsicElements> | undefined;
@@ -38,6 +86,20 @@ export declare function ThemeContextProvider({ preferDarkTheme, children, onPref
     onPreferenceChange?: (isDarkTheme: boolean) => void;
 } & PropsWithChildren): JSX_3.Element;
 
+declare type Transitions = {
+    delay: {
+        [key in SpeedType]: string;
+    };
+};
+
+export declare interface UITheme {
+    colors: Colors;
+    borders: Borders;
+    medias: Medias;
+    transitions: Transitions;
+    fontSizes: FontSizes;
+}
+
 export { }