@aic-kits/react 0.12.2 → 0.13.0

package/dist/theme/common/spaces.d.ts

@@ -1,4 +1,4 @@
-export type Space = 'none' | 'xxs' | 'xs' | 'sm' | 'sm-md' | 'md' | 'md-lg' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '-xxs' | '-xs' | '-sm' | '-sm-md' | '-md' | '-md-lg' | '-lg' | '-xl' | '-2xl' | '-3xl' | '-4xl';
+export type Space = 'none' | '2xs' | 'xs' | 'sm' | 'sm-md' | 'md' | 'md-lg' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '-xxs' | '-xs' | '-sm' | '-sm-md' | '-md' | '-md-lg' | '-lg' | '-xl' | '-2xl' | '-3xl' | '-4xl';
 export type Spaces = Record<Space, number>;
 export declare const getSpaces: (baseSpace: number) => Spaces;
 export declare const isSpace: (key: string) => key is Space;

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

@@ -0,0 +1,28 @@
+import { Size, Space, Radius, Color, BorderWidth, FontSize } from '../common';
+import { Theme } from '../getTheme';
+export type CheckboxSize = 'sm' | 'md' | 'lg';
+export interface CheckboxSizeConfig {
+    labelFontSize: FontSize;
+    labelPaddingLeft: Space;
+    iconSize: Size;
+    iconMargin: Space;
+    borderRadius: Radius;
+    borderWidth: BorderWidth;
+}
+export interface CheckboxThemeConfig {
+    defaultColor: Color;
+    defaultSize: CheckboxSize;
+    checkedBackgroundColor: Color;
+    uncheckedBorderColor: Color;
+    disabledColor: Color;
+    disabledTextColor: Color;
+    focusBorderColor: Color;
+    iconColor: Color;
+    textColor: Color;
+    sizes: Record<CheckboxSize, CheckboxSizeConfig>;
+    animation: {
+        duration: number;
+        easing: string;
+    };
+}
+export declare const checkboxTheme: (_theme: Theme) => CheckboxThemeConfig;

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

@@ -4,11 +4,13 @@ import { ArtThemeConfig } from './art';
 import { BaseThemeConfig } from './base';
 import { ButtonThemeConfig } from './button';
 import { CarouselThemeConfig } from './carousel';
+import { CheckboxThemeConfig } from './checkbox';
 import { DividerThemeConfig } from './divider';
 import { HeaderThemeConfig } from './header';
 import { InputThemeConfig } from './input';
 import { ListThemeConfig } from './list';
 import { LoadingThemeConfig } from './loading';
+import { SelectThemeConfig, SelectSize, SelectVariant } from './select';
 import { SkeletonThemeConfig } from './skeleton';
 import { TagThemeConfig } from './tag';
 import { TouchableThemeConfig } from './touchable';
@@ -28,6 +30,8 @@ export interface ComponentsTheme {
     carousel: CarouselThemeConfig;
     accordion: AccordionThemeConfig;
     tag: TagThemeConfig;
+    checkbox: CheckboxThemeConfig;
+    select: SelectThemeConfig;
 }
 export declare const getComponentsTheme: (theme: Theme) => ComponentsTheme;
 export * from './art';
@@ -44,3 +48,6 @@ export * from './vimeo';
 export * from './carousel';
 export * from './accordion';
 export * from './tag';
+export * from './checkbox';
+export * from './select';
+export type { SelectSize, SelectVariant };

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

@@ -1,11 +1,17 @@
 import { Theme } from '..';
-import { FontSize, Color, Radius, Space, BorderWidth } from '../common';
+import { FontSize, Color, Radius, Space, BorderWidth, Size } from '../common';
+interface InputStateStyles {
+    borderColor: Color;
+    backgroundColor: Color;
+    boxShadow: string;
+}
+interface InputStateConfig {
+    default: InputStateStyles;
+    focused: InputStateStyles;
+    error: InputStateStyles;
+    disabled: InputStateStyles;
+}
 export interface InputThemeConfig {
-    defaultBorderColor: Color;
-    activeBorderColor: Color;
-    errorColor: Color;
-    disabledBgColor: Color;
-    defaultBgColor: Color;
     borderRadius: Radius;
     borderWidth: BorderWidth;
     padding: {
@@ -15,5 +21,14 @@ export interface InputThemeConfig {
     fontSize: FontSize;
     placeholderColor: Color;
     iconSpacing: Space;
+    iconSize: Size;
+    iconColor: Color;
+    states: InputStateConfig;
+    textColor: Color;
+    disabledTextColor: Color;
+    disabledBorderColor: Color;
+    focusColor: Color;
+    errorColor: Color;
 }
 export declare const inputTheme: (_theme: Theme) => InputThemeConfig;
+export {};

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

@@ -0,0 +1,68 @@
+import { Theme } from '../';
+import { Color, FontSize, Radius, Size, Space, BorderWidth, Shadow } from '../common';
+export type SelectSize = 'sm' | 'md' | 'lg';
+export type SelectVariant = 'outlined' | 'filled';
+export interface SelectSizeConfig {
+    paddingVertical: Space;
+    paddingHorizontal: Space;
+    fontSize: FontSize;
+    borderWidth: BorderWidth;
+    iconSize: Size;
+    gap: Space;
+    dropdownPaddingVertical: Space;
+    dropdownPaddingHorizontal: Space;
+}
+interface SelectStateStyles {
+    backgroundColor: Color;
+    borderColor: Color;
+    borderWidth: BorderWidth;
+}
+interface SelectVariantStateConfig {
+    default: SelectStateStyles;
+    hover: SelectStateStyles;
+    focused: SelectStateStyles;
+    disabled: SelectStateStyles;
+    errored: SelectStateStyles;
+}
+export interface SelectThemeConfig {
+    defaultColor: Color;
+    defaultSize: SelectSize;
+    defaultVariant: SelectVariant;
+    defaultCorner: 'circle' | 'rounded';
+    squircleBorderRadii: {
+        circle: string;
+        rounded: string;
+    };
+    labelColor: Color;
+    disabledLabelColor: Color;
+    valueColor: Color;
+    placeholderColor: Color;
+    helperTextColor: Color;
+    errorColor: Color;
+    iconColor: Color;
+    disabledContentColor: Color;
+    disabledOpacity: number;
+    sizes: Record<SelectSize, SelectSizeConfig>;
+    variants: Record<SelectVariant, SelectVariantStateConfig>;
+    animation: {
+        duration: number;
+        easing: string;
+    };
+    dropdown: {
+        backgroundColor: Color;
+        borderColor: Color;
+        shadow: Shadow;
+        offset: Space;
+        zIndex: number;
+        maxHeight: number;
+        borderRadiusForCircle: Radius;
+        borderRadiusForRounded: Radius;
+        itemTextColor: Color;
+        itemSelectedTextColor: Color;
+        itemHoverBackgroundColor: Color;
+        itemSelectedBackgroundColor: Color;
+        emptyTextColor: Color;
+    };
+}
+export declare const selectTheme: (_theme: Theme) => SelectThemeConfig;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.12.2",
+  "version": "0.13.0",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -46,5 +46,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "400f7d88e0d94fabe17f8986940b610448532a35"
+  "gitHead": "00b010209a4e7ed2da6b561986ce6eaa3a158d81"
 }