@aic-kits/react 0.0.21 → 0.1.2

package/dist/theme/components/art.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '../';
+export interface ArtThemeConfig {
+    defaultSize: string;
+}
+export declare const artTheme: (_theme: Theme) => ArtThemeConfig;

package/dist/theme/components/base.d.ts

@@ -0,0 +1,8 @@
+import { Theme } from '../';
+export interface BaseThemeConfig {
+    defaultBackgroundColor: string;
+    defaultHeaderParams: {
+        backgroundColor: string;
+    };
+}
+export declare const baseTheme: (_theme: Theme) => BaseThemeConfig;

package/dist/theme/components/button.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '../';
+export interface ButtonThemeConfig {
+    squircleBorderRadii: {
+        circle: string;
+        rounded: string;
+        square: string;
+    };
+    loadingConfig: {
+        size: string;
+    };
+}
+export declare const buttonTheme: (_theme: Theme) => ButtonThemeConfig;

package/dist/theme/components/divider.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '..';
+export interface DividerThemeConfig {
+    defaultColor: string;
+    defaultThickness: number;
+}
+export declare const dividerTheme: (_theme: Theme) => DividerThemeConfig;

package/dist/theme/components/header.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '..';
+export interface HeaderThemeConfig {
+    defaultBackgroundColor: string;
+}
+export declare const headerTheme: (_theme: Theme) => {
+    defaultBackgroundColor: string;
+};

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

@@ -0,0 +1,37 @@
+import { Theme } from '../';
+import { ArtThemeConfig } from './art';
+import { BaseThemeConfig } from './base';
+import { ButtonThemeConfig } from './button';
+import { DividerThemeConfig } from './divider';
+import { HeaderThemeConfig } from './header';
+import { InputThemeConfig } from './input';
+import { ListThemeConfig } from './list';
+import { LoadingThemeConfig } from './loading';
+import { SkeletonThemeConfig } from './skeleton';
+import { TouchableThemeConfig } from './touchable';
+import { VimeoThemeConfig } from './vimeo';
+export interface ComponentsTheme {
+    art: ArtThemeConfig;
+    base: BaseThemeConfig;
+    button: ButtonThemeConfig;
+    divider: DividerThemeConfig;
+    header: HeaderThemeConfig;
+    input: InputThemeConfig;
+    list: ListThemeConfig;
+    loading: LoadingThemeConfig;
+    skeleton: SkeletonThemeConfig;
+    touchable: TouchableThemeConfig;
+    vimeo: VimeoThemeConfig;
+}
+export declare const getComponentsTheme: (theme: Theme) => ComponentsTheme;
+export * from './art';
+export * from './base';
+export * from './button';
+export * from './divider';
+export * from './header';
+export * from './input';
+export * from './list';
+export * from './loading';
+export * from './skeleton';
+export * from './touchable';
+export * from './vimeo';

package/dist/theme/components/input.d.ts

@@ -0,0 +1,14 @@
+import { Theme } from '..';
+export interface InputThemeConfig {
+    defaultBorderColor: string;
+    activeBorderColor: string;
+    errorColor: string;
+    disabledBgColor: string;
+    defaultBgColor: string;
+    borderRadius: string;
+    padding: {
+        vertical: string;
+        horizontal: string;
+    };
+}
+export declare const inputTheme: (_theme: Theme) => InputThemeConfig;

package/dist/theme/components/list.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '..';
+export interface ListThemeConfig {
+    defaultGap: string;
+    defaultPadding: string;
+}
+export declare const listTheme: (_theme: Theme) => ListThemeConfig;

package/dist/theme/components/loading.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '../';
+export type LoadingSize = 'small' | 'medium' | 'large';
+export interface LoadingThemeConfig {
+    sizes: Record<LoadingSize, string>;
+    strokeWidths: Record<LoadingSize, string>;
+    arc: {
+        minAngle: number;
+        maxAngle: number;
+    };
+    animation: {
+        loopInterval: number;
+        showingDuration: number;
+        contentShowingDuration: number;
+    };
+}
+export declare const loadingTheme: (_theme: Theme) => LoadingThemeConfig;

package/dist/theme/components/skeleton.d.ts

@@ -0,0 +1,22 @@
+import { Theme } from '..';
+export interface SkeletonThemeConfig {
+    animation: {
+        duration: number;
+        gradient: {
+            start: string;
+            middle: string;
+            end: string;
+        };
+        transition: {
+            fadeInDuration: number;
+            fadeOutDuration: number;
+            contentFadeDuration: number;
+        };
+    };
+    borderRadius: {
+        rectangle: string;
+        rounded: string;
+        circle: string;
+    };
+}
+export declare const skeletonTheme: (_theme: Theme) => SkeletonThemeConfig;

package/dist/theme/components/touchable.d.ts

@@ -0,0 +1,14 @@
+import { Theme } from '../';
+export type TouchableHapticFeedbackType = 'soft' | 'light' | 'medium' | 'heavy' | 'none';
+export interface TouchableThemeConfig {
+    animation: {
+        minScale: number;
+        maxScale: number;
+        minOpacity: number;
+        maxOpacity: number;
+        springConfig: {
+            mass: number;
+        };
+    };
+}
+export declare const touchableTheme: (_theme: Theme) => TouchableThemeConfig;

package/dist/theme/components/vimeo.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '..';
+export interface VimeoThemeConfig {
+    defaultAccentColor: string;
+    aspectRatio: number;
+    playerSettings: {
+        autoplay: boolean;
+        muted: boolean;
+        loop: boolean;
+        title: boolean;
+        byline: boolean;
+        portrait: boolean;
+        controls: boolean;
+    };
+}
+export declare const vimeoTheme: (_theme: Theme) => VimeoThemeConfig;

package/dist/theme/getTheme.d.ts

@@ -1,30 +1,19 @@
-import { BorderWidths, Radii, ColorPalette, Spaces, Fonts } from './common';
-declare const hd: {
-    text: {
-        fontSizes: import('./common').FontSizes;
-        lineHeights: import('./common').LineHeights;
-        fontWeights: {
-            thin: number;
-            black: number;
-            medium: number;
-            "extra-light": number;
-            light: number;
-            regular: number;
-            semibold: number;
-            bold: number;
-            extrabold: number;
-        };
-        fonts: Fonts;
-    };
-};
+import { BorderWidths, Radii, ColorPalette, Spaces, Fonts, getFontSizes, getLineHeights, getFontWeights } from './common';
+import { ComponentsTheme } from './components';
 export interface Theme {
     space: Spaces;
     colors: ColorPalette;
     radii: Radii;
     borderWidths: BorderWidths;
     fonts: Fonts;
-    __hd__: typeof hd;
+    __hd__: {
+        text: {
+            fontSizes: ReturnType<typeof getFontSizes>;
+            lineHeights: ReturnType<typeof getLineHeights>;
+            fontWeights: ReturnType<typeof getFontWeights>;
+            fonts: Fonts;
+        };
+    } & ComponentsTheme;
 }
 export declare function getTheme(): Theme;
 export declare const defaultTheme: Theme;
-export {};

package/dist/theme/index.d.ts

@@ -2,4 +2,6 @@ import { default as ThemeProvider, useTheme } from './ThemeProvider';
 export { ThemeProvider, useTheme };
 export * from './common';
 export * from './getTheme';
+export * from './ThemeProvider';
 export * from './styled';
+export * from './components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.0.21",
+  "version": "0.1.2",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -45,5 +45,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "27947a68100d3e48f929dae705c7b3464443f465"
+  "gitHead": "8c2da6fb666bdfd637fdb0e702831241df975fd8"
 }