@expcat/tigercat-core 2.1.2 → 2.1.3

package/tokens/tokens.json

@@ -2,16 +2,16 @@
   "primitive": {
     "color": {
       "primary": {
-        "50": "#f0f9ff",
-        "100": "#e0f2fe",
-        "200": "#bae6fd",
-        "300": "#7dd3fc",
-        "400": "#38bdf8",
-        "500": "#0ea5e9",
-        "600": "#0284c7",
-        "700": "#0369a1",
-        "800": "#075985",
-        "950": "#0c3d66"
+        "50": "#eff6ff",
+        "100": "#dbeafe",
+        "200": "#bfdbfe",
+        "300": "#93c5fd",
+        "400": "#60a5fa",
+        "500": "#3b82f6",
+        "600": "#2563eb",
+        "700": "#1d4ed8",
+        "800": "#1e40af",
+        "950": "#172554"
       },
       "secondary": {
         "50": "#f8fafc",
@@ -84,6 +84,18 @@
         "700": "#404040",
         "800": "#262626",
         "950": "#0a0a0a"
+      },
+      "gray": {
+        "50": "#f9fafb",
+        "100": "#f3f4f6",
+        "200": "#e5e7eb",
+        "300": "#d1d5db",
+        "400": "#9ca3af",
+        "500": "#6b7280",
+        "600": "#4b5563",
+        "700": "#374151",
+        "800": "#1f2937",
+        "950": "#111827"
       }
     },
     "space": {
@@ -98,10 +110,10 @@
     },
     "radius": {
       "none": "0",
-      "sm": "2px",
-      "md": "4px",
-      "lg": "8px",
-      "xl": "12px",
+      "sm": "4px",
+      "md": "6px",
+      "lg": "10px",
+      "xl": "14px",
       "full": "9999px"
     },
     "shadow": {
@@ -164,19 +176,19 @@
       "bg-surface": "primitive.color.neutral.50",
       "bg-surface-raised": "#ffffff",
       "bg-overlay": "rgba(0,0,0,0.45)",
-      "text-primary": "primitive.color.neutral.950",
-      "text-secondary": "primitive.color.neutral.600",
-      "text-tertiary": "primitive.color.neutral.400",
-      "text-disabled": "primitive.color.neutral.300",
+      "text-primary": "primitive.color.gray.950",
+      "text-secondary": "primitive.color.gray.500",
+      "text-tertiary": "primitive.color.gray.400",
+      "text-disabled": "primitive.color.gray.300",
       "text-inverse": "#ffffff",
       "text-link": "primitive.color.primary.600",
       "text-link-hover": "primitive.color.primary.700",
       "text-success": "primitive.color.success.700",
       "text-warning": "primitive.color.warning.700",
       "text-error": "primitive.color.error.600",
-      "border-default": "primitive.color.neutral.200",
-      "border-strong": "primitive.color.neutral.400",
-      "border-focus": "primitive.color.primary.500",
+      "border-default": "primitive.color.gray.200",
+      "border-strong": "primitive.color.gray.400",
+      "border-focus": "primitive.color.primary.600",
       "border-error": "primitive.color.error.500",
       "border-success": "primitive.color.success.500",
       "icon-primary": "primitive.color.neutral.700",
@@ -185,11 +197,11 @@
       "interactive-primary": "primitive.color.primary.600",
       "interactive-primary-hover": "primitive.color.primary.700",
       "interactive-primary-active": "primitive.color.primary.800",
-      "interactive-secondary": "primitive.color.secondary.600",
-      "interactive-secondary-hover": "primitive.color.secondary.700",
+      "interactive-secondary": "primitive.color.gray.600",
+      "interactive-secondary-hover": "primitive.color.gray.700",
       "interactive-danger": "primitive.color.error.600",
       "interactive-danger-hover": "primitive.color.error.700",
-      "focus-ring": "primitive.color.primary.500"
+      "focus-ring": "primitive.color.primary.600"
     },
     "space": {
       "component-gap": "primitive.space.md",
@@ -371,13 +383,6 @@
       "border-radius": "semantic.radius.card",
       "shadow": "primitive.shadow.lg"
     },
-    "menu": {
-      "item-height": "40px",
-      "item-padding-x": "primitive.space.lg",
-      "group-title-padding": "primitive.space.md",
-      "indent-width": "primitive.space.xl",
-      "border-radius": "semantic.radius.component"
-    },
     "notification": {
       "width": "384px",
       "padding": "primitive.space.lg",
@@ -392,5 +397,174 @@
       "shadow": "primitive.shadow.lg",
       "max-width": "320px"
     }
+  },
+  "runtime": {
+    "breakpoints": {
+      "xs": "0px",
+      "sm": "640px",
+      "md": "768px",
+      "lg": "1024px",
+      "xl": "1280px"
+    },
+    "light": {
+      "colors": {
+        "primary": "primitive.color.primary.600",
+        "primaryHover": "primitive.color.primary.700",
+        "primaryActive": "primitive.color.primary.800",
+        "primaryDisabled": "primitive.color.primary.300",
+        "primaryForeground": "#ffffff",
+        "secondary": "primitive.color.gray.600",
+        "secondaryHover": "primitive.color.gray.700",
+        "secondaryActive": "primitive.color.gray.800",
+        "secondaryDisabled": "primitive.color.gray.400",
+        "secondaryForeground": "#ffffff",
+        "outlineBgHover": "primitive.color.primary.50",
+        "ghostBgHover": "primitive.color.primary.50",
+        "focusRing": "primitive.color.primary.600",
+        "surface": "#ffffff",
+        "surfaceMuted": "primitive.color.gray.50",
+        "surfaceRaised": "#ffffff",
+        "text": "primitive.color.gray.950",
+        "textSecondary": "primitive.color.gray.500",
+        "textDisabled": "primitive.color.gray.300",
+        "border": "primitive.color.gray.200",
+        "borderStrong": "primitive.color.gray.400",
+        "success": "primitive.color.success.600",
+        "warning": "primitive.color.warning.600",
+        "error": "primitive.color.error.600",
+        "errorForeground": "#ffffff",
+        "errorHover": "primitive.color.error.700",
+        "errorDisabled": "primitive.color.error.300",
+        "errorBgHover": "primitive.color.error.50",
+        "info": "primitive.color.info.500",
+        "chart1": "primitive.color.primary.600",
+        "chart2": "primitive.color.success.600",
+        "chart3": "primitive.color.warning.600",
+        "chart4": "#a855f7",
+        "chart5": "#0ea5e9",
+        "chart6": "primitive.color.error.500"
+      },
+      "typography": {
+        "fontFamily": "primitive.font.family.base",
+        "fontFamilyMono": "primitive.font.family.mono",
+        "fontSizeBase": "primitive.font.size.base",
+        "fontSizeSm": "primitive.font.size.sm",
+        "fontSizeLg": "primitive.font.size.lg",
+        "fontWeightNormal": "primitive.font.weight.normal",
+        "fontWeightMedium": "primitive.font.weight.medium",
+        "fontWeightSemibold": "primitive.font.weight.semibold",
+        "fontWeightBold": "primitive.font.weight.bold",
+        "lineHeightNormal": "primitive.font.lineHeight.normal",
+        "lineHeightTight": "primitive.font.lineHeight.tight"
+      },
+      "radius": {
+        "none": "primitive.radius.none",
+        "sm": "primitive.radius.sm",
+        "md": "primitive.radius.md",
+        "lg": "primitive.radius.lg",
+        "xl": "primitive.radius.xl",
+        "full": "primitive.radius.full"
+      },
+      "shadows": {
+        "xs": "primitive.shadow.xs",
+        "sm": "primitive.shadow.sm",
+        "md": "primitive.shadow.md",
+        "lg": "primitive.shadow.lg",
+        "xl": "primitive.shadow.xl"
+      },
+      "spacing": {
+        "xs": "primitive.space.xs",
+        "sm": "primitive.space.sm",
+        "md": "primitive.space.md",
+        "lg": "primitive.space.lg",
+        "xl": "primitive.space.xl"
+      },
+      "motion": {
+        "durationFast": "150ms",
+        "durationBase": "primitive.duration.base",
+        "durationSlow": "primitive.duration.slow",
+        "easing": "primitive.easing.in-out"
+      }
+    },
+    "dark": {
+      "colors": {
+        "primary": "primitive.color.primary.400",
+        "primaryHover": "primitive.color.primary.300",
+        "primaryActive": "primitive.color.primary.200",
+        "primaryDisabled": "primitive.color.primary.800",
+        "primaryForeground": "primitive.color.gray.950",
+        "secondary": "primitive.color.gray.400",
+        "secondaryHover": "primitive.color.gray.300",
+        "secondaryActive": "primitive.color.gray.200",
+        "secondaryDisabled": "primitive.color.gray.600",
+        "secondaryForeground": "primitive.color.gray.950",
+        "outlineBgHover": "#1e3a5f",
+        "ghostBgHover": "#1e3a5f",
+        "focusRing": "primitive.color.primary.400",
+        "surface": "primitive.color.gray.950",
+        "surfaceMuted": "primitive.color.gray.800",
+        "surfaceRaised": "primitive.color.gray.800",
+        "text": "primitive.color.gray.50",
+        "textSecondary": "primitive.color.gray.300",
+        "textDisabled": "primitive.color.gray.600",
+        "border": "primitive.color.gray.700",
+        "borderStrong": "primitive.color.gray.500",
+        "success": "primitive.color.success.400",
+        "warning": "primitive.color.warning.400",
+        "error": "primitive.color.error.400",
+        "errorForeground": "primitive.color.gray.950",
+        "errorHover": "primitive.color.error.300",
+        "errorDisabled": "primitive.color.error.800",
+        "errorBgHover": "primitive.color.gray.800",
+        "info": "primitive.color.info.400",
+        "chart1": "primitive.color.primary.400",
+        "chart2": "primitive.color.success.400",
+        "chart3": "primitive.color.warning.400",
+        "chart4": "#c084fc",
+        "chart5": "#38bdf8",
+        "chart6": "primitive.color.error.400"
+      },
+      "typography": {
+        "fontFamily": "primitive.font.family.base",
+        "fontFamilyMono": "primitive.font.family.mono",
+        "fontSizeBase": "primitive.font.size.base",
+        "fontSizeSm": "primitive.font.size.sm",
+        "fontSizeLg": "primitive.font.size.lg",
+        "fontWeightNormal": "primitive.font.weight.normal",
+        "fontWeightMedium": "primitive.font.weight.medium",
+        "fontWeightSemibold": "primitive.font.weight.semibold",
+        "fontWeightBold": "primitive.font.weight.bold",
+        "lineHeightNormal": "primitive.font.lineHeight.normal",
+        "lineHeightTight": "primitive.font.lineHeight.tight"
+      },
+      "radius": {
+        "none": "primitive.radius.none",
+        "sm": "primitive.radius.sm",
+        "md": "primitive.radius.md",
+        "lg": "primitive.radius.lg",
+        "xl": "primitive.radius.xl",
+        "full": "primitive.radius.full"
+      },
+      "shadows": {
+        "xs": "0 1px 2px 0 rgba(0,0,0,0.2)",
+        "sm": "0 1px 3px 0 rgba(0,0,0,0.3), 0 1px 2px -1px rgba(0,0,0,0.25)",
+        "md": "0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -2px rgba(0,0,0,0.25)",
+        "lg": "0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -4px rgba(0,0,0,0.25)",
+        "xl": "0 20px 25px -5px rgba(0,0,0,0.3), 0 8px 10px -6px rgba(0,0,0,0.25)"
+      },
+      "spacing": {
+        "xs": "primitive.space.xs",
+        "sm": "primitive.space.sm",
+        "md": "primitive.space.md",
+        "lg": "primitive.space.lg",
+        "xl": "primitive.space.xl"
+      },
+      "motion": {
+        "durationFast": "150ms",
+        "durationBase": "primitive.duration.base",
+        "durationSlow": "primitive.duration.slow",
+        "easing": "primitive.easing.in-out"
+      }
+    }
   }
 }

package/dist/datepicker-Digy7Stt.d.ts

@@ -1,201 +0,0 @@
-/**
- * Base shared prop interfaces
- *
- * These provide common prop shapes for interactive, form-control,
- * and layout components. Component-specific Props should extend or
- * pick from these as needed.
- *
- * @example
- * ```ts
- * import type { BaseInteractiveProps } from '@expcat/tigercat-core'
- *
- * export interface MyButtonProps extends BaseInteractiveProps {
- *   variant?: 'primary' | 'secondary'
- * }
- * ```
- */
-/**
- * Standard component size values.
- * Individual components may extend this union (e.g. add 'xs' | 'xl').
- */
-type ComponentSize = 'sm' | 'md' | 'lg';
-/**
- * Base props shared by interactive (clickable / focusable) components.
- *
- * Covers: Button, Link, Tag, Card, Badge, etc.
- */
-interface BaseInteractiveProps {
-    /** Whether the component is disabled */
-    disabled?: boolean;
-    /** Component size */
-    size?: ComponentSize;
-    /** Whether the component shows a loading indicator */
-    loading?: boolean;
-}
-/**
- * Base props shared by form-control components.
- *
- * Covers: Input, Select, Checkbox, Radio, Switch, DatePicker, etc.
- *
- * Uses generics so each component can specify its own value type.
- */
-interface BaseFormControlProps<T = unknown> {
-    /** Controlled value */
-    value?: T;
-    /** Default (uncontrolled) value */
-    defaultValue?: T;
-    /** Form field name attribute */
-    name?: string;
-    /** Whether the field is required */
-    required?: boolean;
-    /** Whether the field is disabled */
-    disabled?: boolean;
-    /** Component size */
-    size?: ComponentSize;
-    /** Placeholder text */
-    placeholder?: string;
-}
-/**
- * Base props shared by layout / spacing components.
- *
- * Covers: Space, Row/Col, Container, etc.
- */
-interface BaseLayoutProps {
-    /** Layout direction */
-    direction?: 'horizontal' | 'vertical';
-    /** Cross-axis alignment */
-    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
-    /** Main-axis justification */
-    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
-    /** Whether children should wrap */
-    wrap?: boolean;
-}
-
-/**
- * DatePicker component types and interfaces
- */
-
-type DatePickerInputDate = Date | string;
-type DatePickerModelValue = DatePickerInputDate | null | [DatePickerInputDate | null, DatePickerInputDate | null];
-interface DatePickerLabels {
-    placeholder: string;
-    rangePlaceholder: string;
-    today: string;
-    ok: string;
-    calendar: string;
-    toggleCalendar: string;
-    clearDate: string;
-    previousMonth: string;
-    nextMonth: string;
-    year: string;
-    month: string;
-    day: string;
-}
-interface DatePickerLocalePreset {
-    locale: string;
-    labels: Partial<DatePickerLabels>;
-}
-interface DatePickerLocaleConfig {
-    datePicker?: Partial<DatePickerLocalePreset>;
-}
-type DatePickerLocaleInput = string | Partial<DatePickerLocalePreset> | DatePickerLocaleConfig;
-/**
- * Date format types
- */
-type DateFormat = 'yyyy-MM-dd' | 'MM/dd/yyyy' | 'dd/MM/yyyy' | 'yyyy/MM/dd';
-/**
- * Base DatePicker props interface
- */
-interface DatePickerProps {
-    /**
-     * Locale used for month/day names in the calendar UI.
-     * Example: 'zh-CN', 'en-US'
-     */
-    locale?: DatePickerLocaleInput;
-    /**
-     * UI labels for i18n.
-     * When provided, merges with locale-based defaults.
-     */
-    labels?: Partial<DatePickerLabels>;
-    /**
-     * DatePicker size
-     * @default 'md'
-     */
-    size?: ComponentSize;
-    /**
-     * Selected date value (for controlled mode)
-     */
-    value?: DatePickerModelValue | null;
-    /**
-     * Default date value (for uncontrolled mode)
-     */
-    defaultValue?: DatePickerModelValue | null;
-    /**
-     * Enable range selection (start/end).
-     * When true, value/defaultValue use a tuple: [start, end].
-     * @default false
-     */
-    range?: boolean;
-    /**
-     * Date format string
-     * @default 'yyyy-MM-dd'
-     */
-    format?: DateFormat;
-    /**
-     * Placeholder text
-     * @default 'Select date'
-     */
-    placeholder?: string;
-    /**
-     * Whether the datepicker is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the datepicker is readonly
-     * @default false
-     */
-    readonly?: boolean;
-    /**
-     * Whether the datepicker is required
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * Minimum selectable date
-     */
-    minDate?: DatePickerInputDate | null;
-    /**
-     * Maximum selectable date
-     */
-    maxDate?: DatePickerInputDate | null;
-    /**
-     * Whether to show the clear button
-     * @default true
-     */
-    clearable?: boolean;
-    /**
-     * Input name attribute
-     */
-    name?: string;
-    /**
-     * Input id attribute
-     */
-    id?: string;
-    /**
-     * Shortcut presets for quick date selection.
-     * Each shortcut has a label and a value (or getter function).
-     */
-    shortcuts?: DatePickerShortcut[];
-}
-/**
- * DatePicker shortcut preset
- */
-interface DatePickerShortcut {
-    /** Display label */
-    label: string;
-    /** Date value or getter function returning a date value */
-    value: DatePickerModelValue | (() => DatePickerModelValue);
-}
-
-export type { BaseLayoutProps as B, ComponentSize as C, DatePickerLocalePreset as D, DatePickerLabels as a, DatePickerLocaleInput as b, DateFormat as c, BaseFormControlProps as d, BaseInteractiveProps as e, DatePickerInputDate as f, DatePickerLocaleConfig as g, DatePickerModelValue as h, DatePickerProps as i, DatePickerShortcut as j };