@zvoove/unity-ui 2.32.2 → 2.33.1

package/dist/unity-ui.d.ts

@@ -192,7 +192,7 @@ export declare type AvatarSize = (typeof AVATAR_SIZES)[keyof typeof AVATAR_SIZES
 
 declare type AxisVariant = 'X' | 'Y';
 
-export declare type BackgroundColors = 'background' | 'outline' | 'outline-variant' | 'outline-low' | 'primary' | 'primary-hover' | 'primary-active' | 'secondary' | 'tertiary' | 'primary-container' | 'secondary-container' | 'tertiary-container' | 'tertiary-container-hover' | 'tertiary-container-active' | 'primary-fixed' | 'primary-fixed-dim' | 'secondary-fixed' | 'secondary-fixed-dim' | 'tertiary-fixed' | 'tertiary-fixed-dim' | 'surface' | 'surface-bright' | 'surface-dim' | 'surface-variant' | 'surface-container-lowest' | 'surface-container-low' | 'surface-container' | 'surface-container-high' | 'surface-container-highest' | 'error' | 'error-container' | 'inverse-surface' | 'inverse-on-surface' | 'inverse-primary' | 'scrim' | 'yellow' | 'dark-yellow' | 'yellow-container' | 'green' | 'dark-green' | 'green-container' | 'pink' | 'dark-pink' | 'pink-container' | 'steel-blue' | 'dark-steel-blue' | 'steel-blue-container' | 'container-neutral' | 'container-neutral-hover' | 'code-surface' | 'code-surface-variant';
+export declare type BackgroundColors = 'background' | 'outline' | 'outline-variant' | 'outline-low' | 'primary' | 'primary-hover' | 'primary-active' | 'secondary' | 'tertiary' | 'primary-container' | 'secondary-container' | 'tertiary-container' | 'tertiary-container-hover' | 'tertiary-container-active' | 'primary-fixed' | 'primary-fixed-dim' | 'secondary-fixed' | 'secondary-fixed-dim' | 'tertiary-fixed' | 'tertiary-fixed-dim' | 'surface' | 'surface-bright' | 'surface-dim' | 'surface-variant' | 'surface-container-lowest' | 'surface-container-low' | 'surface-container' | 'surface-container-high' | 'surface-container-highest' | 'error' | 'error-container' | 'warning' | 'dark-warning' | 'warning-container' | 'inverse-surface' | 'inverse-on-surface' | 'inverse-primary' | 'scrim' | 'yellow' | 'dark-yellow' | 'yellow-container' | 'green' | 'dark-green' | 'green-container' | 'pink' | 'dark-pink' | 'pink-container' | 'steel-blue' | 'dark-steel-blue' | 'steel-blue-container' | 'container-neutral' | 'container-neutral-hover' | 'code-surface' | 'code-surface-variant';
 
 export declare const Badge: ({ children, variant, content, dot, }: BadgeProps) => JSX.Element;
 
@@ -1042,6 +1042,49 @@ export declare interface DatePickerProps extends Omit<TextFieldProps, 'onChange'
      * If not provided, the placeholder will be based on the locale (e.g. 'TT.MM.JJJJ' for 'de-DE').
      */
     placeholder?: string;
+    /**
+     * Controls what the user selects.
+     *
+     * - `date` — a single calendar day (default). `showCalendarWeek` can still be
+     *   enabled to display the KW column for reference.
+     * - `week` — a whole ISO 8601 calendar week. The input becomes read-only (the
+     *   week can only be chosen from the popup), clicking any day selects its week,
+     *   and the selected week is highlighted as a full row.
+     *
+     * @default 'date'
+     */
+    mode?: 'date' | 'week';
+    /**
+     * The placeholder shown when `mode="week"` and no week is selected. <br/>
+     * If not provided, a locale-aware default is used (e.g. 'KW auswählen' for 'de-DE').
+     */
+    weekPlaceholder?: string;
+    /**
+     * When true, a "KW" column is prepended to the calendar grid showing ISO 8601
+     * week numbers. The grid switches from 7 to 8 columns.
+     */
+    showCalendarWeek?: boolean;
+    /**
+     * When provided, clicking any day in a calendar row (or the KW cell) calls this
+     * callback with the ISO 8601 week of that row instead of the normal day selection.
+     * The dialog closes after selection.
+     */
+    onWeekChange?: (week: IsoWeek) => void;
+    /**
+     * Forces the calendar dialog to open above or below the input.
+     * When not set, the dialog auto-detects based on available viewport space.
+     */
+    placement?: 'top' | 'bottom';
+    /**
+     * Controls how ISO calendar weeks are presented when `onWeekChange` is used.
+     *
+     * - `calendar` — month grid (optionally with `showCalendarWeek` KW column)
+     * - `list` — scrollable year week list in the popup
+     * - `strip` — inline horizontal week cards (no date input / popup)
+     *
+     * @default 'calendar'
+     */
+    weekView?: 'calendar' | 'list' | 'strip';
 }
 
 export declare const DEFAULT_ANNOUNCEMENTS: {
@@ -1506,7 +1549,7 @@ export declare interface FloatSearchTranslations {
     close?: string;
 }
 
-export declare type ForegroundColors = 'primary' | 'secondary' | 'tertiary' | 'yellow' | 'green' | 'pink' | 'steel-blue' | 'dark-yellow' | 'dark-green' | 'dark-pink' | 'dark-steel-blue' | 'inverse-on-surface' | 'on-primary' | 'on-secondary' | 'on-tertiary' | 'on-primary-container' | 'on-secondary-container' | 'on-tertiary-container' | 'on-primary-fixed' | 'on-primary-fixed-variant' | 'on-secondary-fixed' | 'on-secondary-fixed-variant' | 'on-tertiary-fixed' | 'on-tertiary-fixed-variant' | 'on-surface' | 'on-surface-variant' | 'on-surface-variant-lowest' | 'on-error' | 'on-error-container' | 'on-yellow' | 'on-dark-yellow' | 'on-yellow-container' | 'on-green' | 'on-dark-green' | 'on-green-container' | 'on-pink' | 'on-dark-pink' | 'on-pink-container' | 'on-steel-blue' | 'on-dark-steel-blue' | 'on-steel-blue-container' | 'error' | 'on-scrim' | 'on-container-neutral' | 'code-on-surface';
+export declare type ForegroundColors = 'primary' | 'secondary' | 'tertiary' | 'yellow' | 'green' | 'pink' | 'steel-blue' | 'dark-yellow' | 'dark-green' | 'dark-pink' | 'dark-steel-blue' | 'inverse-on-surface' | 'on-primary' | 'on-secondary' | 'on-tertiary' | 'on-primary-container' | 'on-secondary-container' | 'on-tertiary-container' | 'on-primary-fixed' | 'on-primary-fixed-variant' | 'on-secondary-fixed' | 'on-secondary-fixed-variant' | 'on-tertiary-fixed' | 'on-tertiary-fixed-variant' | 'on-surface' | 'on-surface-variant' | 'on-surface-variant-lowest' | 'on-error' | 'on-error-container' | 'on-warning' | 'on-dark-warning' | 'on-warning-container' | 'on-yellow' | 'on-dark-yellow' | 'on-yellow-container' | 'on-green' | 'on-dark-green' | 'on-green-container' | 'on-pink' | 'on-dark-pink' | 'on-pink-container' | 'on-steel-blue' | 'on-dark-steel-blue' | 'on-steel-blue-container' | 'error' | 'warning' | 'on-warning' | 'on-scrim' | 'on-container-neutral' | 'code-on-surface';
 
 export declare const FormLabel: ({ value, required, htmlFor, ...props }: FormLabelProps) => JSX.Element;
 
@@ -2145,6 +2188,11 @@ export declare type InfoBoxVariant = 'default' | 'positive' | 'warning' | 'error
  */
 export declare function isListMenuSections<T extends ElementType = 'a'>(items: ListMenuItem<T>[] | ListMenuSection<T>[]): items is ListMenuSection<T>[];
 
+export declare type IsoWeek = {
+    week: number;
+    year: number;
+};
+
 export declare type JustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 
 declare type LabelStates = {
@@ -3906,6 +3954,16 @@ export declare interface TextFieldProps extends React.InputHTMLAttributes<HTMLIn
      * It is only displayed when the error prop is true.
      */
     errorMessage?: string;
+    /**
+     * When true, the input applies the warning style. <br />
+     * Will also display the warning message if any is provided.
+     */
+    warning?: boolean;
+    /**
+     * The warning message that will be displayed below the input. <br />
+     * It is only displayed when the warning prop is true.
+     */
+    warningMessage?: string;
     /**
      * The value of the input. <br />
      */