@aic-kits/react 0.34.7 → 0.34.9

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

@@ -0,0 +1,85 @@
+import { Theme } from '../';
+import { Color, FontSize, FontWeight, Radius, Size, Space, BorderWidth, Shadow } from '../common';
+export type DatePickerSize = 'sm' | 'md' | 'lg';
+export type DatePickerVariant = 'outlined' | 'filled';
+export interface DatePickerSizeConfig {
+    containerPadding: Space;
+    panelGap: Space;
+    headerHeight: Space;
+    headerFontSize: FontSize;
+    headerFontWeight: FontWeight;
+    navButtonSize: Size;
+    navIconSize: Size;
+    weekdayFontSize: FontSize;
+    dateCellSize: Space;
+    dateFontSize: FontSize;
+    cellGap: Space;
+    timezoneFontSize: FontSize;
+    borderWidth: BorderWidth;
+    viewHeight: number;
+    viewWidth: number;
+}
+interface DateCellStateStyles {
+    backgroundColor: Color;
+    textColor: Color;
+    borderColor: Color;
+}
+interface DatePickerVariantConfig {
+    container: {
+        backgroundColor: Color;
+        borderColor: Color;
+    };
+    dateCells: {
+        default: DateCellStateStyles;
+        hover: DateCellStateStyles;
+        today: DateCellStateStyles;
+        selected: DateCellStateStyles;
+        disabled: DateCellStateStyles;
+        outsideMonth: DateCellStateStyles;
+    };
+}
+export interface DatePickerThemeConfig {
+    defaultSize: DatePickerSize;
+    defaultVariant: DatePickerVariant;
+    defaultColor: Color;
+    borderRadii: {
+        container: Radius;
+        dateCell: Radius;
+        input: Radius;
+    };
+    sizes: Record<DatePickerSize, DatePickerSizeConfig>;
+    variants: Record<DatePickerVariant, DatePickerVariantConfig>;
+    colors: {
+        headerText: Color;
+        weekdayText: Color;
+        labelText: Color;
+        helperText: Color;
+        errorText: Color;
+        placeholderText: Color;
+        selectedDateDisplay: Color;
+        timezoneText: Color;
+        timezoneIconColor: Color;
+    };
+    calendar: {
+        weeksToShow: number;
+        daysInWeek: number;
+        panelMinWidth: number;
+    };
+    popup: {
+        offset: Space;
+        shadow: Shadow;
+        zIndex: number;
+    };
+    animation: {
+        duration: number;
+        easing: string;
+    };
+    input: {
+        iconColor: Color;
+        borderColor: Color;
+        focusBorderColor: Color;
+        errorBorderColor: Color;
+    };
+}
+export declare const datepickerTheme: (_theme: Theme) => DatePickerThemeConfig;
+export {};

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

@@ -7,6 +7,7 @@ import { BaseThemeConfig } from './base';
 import { ButtonThemeConfig } from './button';
 import { CarouselThemeConfig } from './carousel';
 import { CheckboxThemeConfig } from './checkbox';
+import { DatePickerThemeConfig } from './datepicker';
 import { DividerThemeConfig } from './divider';
 import { HeaderThemeConfig } from './header';
 import { InputThemeConfig } from './input';
@@ -19,6 +20,7 @@ import { ProgressThemeConfig, ProgressSize, ProgressVariant } from './progress';
 import { SelectThemeConfig, SelectSize, SelectVariant } from './select';
 import { SkeletonThemeConfig } from './skeleton';
 import { TagThemeConfig } from './tag';
+import { TimePickerThemeConfig } from './timepicker';
 import { TooltipThemeConfig } from './tooltip';
 import { TouchableThemeConfig } from './touchable';
 import { VimeoThemeConfig } from './vimeo';
@@ -46,6 +48,8 @@ export interface ComponentsTheme {
     barChart: BarChartThemeConfig;
     pieChart: PieChartThemeConfig;
     lineChart: LineChartThemeConfig;
+    datepicker: DatePickerThemeConfig;
+    timepicker: TimePickerThemeConfig;
 }
 export declare const getComponentsTheme: (theme: Theme) => ComponentsTheme;
 export * from './accordion';
@@ -71,4 +75,14 @@ export * from './tag';
 export * from './tooltip';
 export * from './touchable';
 export * from './vimeo';
+export * from './carousel';
+export * from './accordion';
+export * from './tag';
+export * from './checkbox';
+export * from './select';
+export * from './progress';
+export * from './avatar';
+export * from './tooltip';
+export * from './datepicker';
+export * from './timepicker';
 export type { SelectSize, SelectVariant, ProgressSize, ProgressVariant };

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

@@ -0,0 +1,50 @@
+import { Theme } from '../';
+import { Color, FontSize, Radius, Size, Space, Shadow } from '../common';
+export type TimePickerSize = 'sm' | 'md' | 'lg';
+export type TimeFormat = '12h' | '24h';
+export interface TimePickerSizeConfig {
+    inputHeight: Space;
+    inputPaddingHorizontal: Space;
+    inputFontSize: FontSize;
+    iconSize: Size;
+    popupPadding: Space;
+    wheelItemHeight: number;
+    wheelWidth: number;
+    wheelFontSize: FontSize;
+}
+export interface TimePickerThemeConfig {
+    defaultSize: TimePickerSize;
+    defaultFormat: TimeFormat;
+    borderRadii: {
+        input: Radius;
+        popup: Radius;
+    };
+    sizes: Record<TimePickerSize, TimePickerSizeConfig>;
+    colors: {
+        inputBorder: Color;
+        inputFocusBorder: Color;
+        inputErrorBorder: Color;
+        inputBg: Color;
+        inputText: Color;
+        inputPlaceholder: Color;
+        labelText: Color;
+        helperText: Color;
+        errorText: Color;
+        wheelBg: Color;
+        wheelText: Color;
+        wheelSelectedBg: Color;
+        wheelSelectedText: Color;
+        clearButtonColor: Color;
+        clearButtonHoverColor: Color;
+        separatorColor: Color;
+    };
+    popup: {
+        offset: Space;
+        shadow: Shadow;
+        zIndex: number;
+    };
+    wheel: {
+        visibleItems: number;
+    };
+}
+export declare const timepickerTheme: (_theme: Theme) => TimePickerThemeConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aic-kits/react",
-  "version": "0.34.7",
+  "version": "0.34.9",
   "type": "module",
   "license": "MIT",
   "publishConfig": {
@@ -55,5 +55,5 @@
     "vite-plugin-dts": "^4.3.0",
     "vitest": "^2.1.8"
   },
-  "gitHead": "7cd9b3bab94c8395ad40b148f00c56e20200d90c"
+  "gitHead": "c2990873e802840ef2274eb619a6385b24a9e8f1"
 }