@prokodo/ui 1.0.4 → 1.0.5

package/dist/types/components/datePicker/DatePicker.model.d.ts

@@ -2,7 +2,7 @@ import type { InputProps } from "../input";
 import type { IconName } from "@/components/icon";
 import type { Variants } from "@/types/variants";
 import type { Dayjs } from "dayjs";
-import type { TouchEventHandler } from "react";
+import type { CSSProperties, TouchEventHandler } from "react";
 export type DatePickerViewMode = "days" | "months" | "years";
 export interface CalendarDay {
     date: Dayjs;
@@ -53,6 +53,7 @@ export interface DatePickerDialogProps extends Omit<DatePickerDialogBehavior, "i
     onClose?: () => void;
     onDialogTouchStart?: TouchEventHandler<HTMLDivElement>;
     onDialogTouchEnd?: TouchEventHandler<HTMLDivElement>;
+    style?: CSSProperties;
 }
 export type DatePickerValue = Dayjs | string | null;
 export type DatePickerErrorTranslations = {

package/dist/types/components/datePicker/DatePicker.view.d.ts

@@ -1,8 +1,9 @@
 import type { DatePickerDialogBehavior, DatePickerProps } from "./DatePicker.model";
-import type { JSX, TouchEventHandler } from "react";
+import type { JSX, CSSProperties, TouchEventHandler } from "react";
 export type { DatePickerDialogBehavior } from "./DatePicker.model";
-export declare function DatePickerView({ name, label, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, color, required, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, isOpen, dialogPortalTarget, viewingMonth, selectedDate, onToggle, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, }: Omit<DatePickerProps, "onChange" | "value"> & DatePickerDialogBehavior & {
+export declare function DatePickerView({ name, label, helperText, errorText, format, placeholder, minDate, maxDate, withTime, minuteStep, color, required, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, isOpen, dialogPortalTarget, viewingMonth, selectedDate, onToggle, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, dialogStyle, }: Omit<DatePickerProps, "onChange" | "value"> & DatePickerDialogBehavior & {
     dialogPortalTarget?: Element | null;
+    dialogStyle?: CSSProperties;
     onDialogTouchStart?: TouchEventHandler<HTMLDivElement>;
     onDialogTouchEnd?: TouchEventHandler<HTMLDivElement>;
 }): JSX.Element;

package/dist/types/components/datePicker/DatePickerDialog.view.d.ts

@@ -1,4 +1,4 @@
 import type { DatePickerDialogProps } from "./DatePicker.model";
 import type { JSX } from "react";
 export type { DatePickerDialogProps } from "./DatePicker.model";
-export declare function DatePickerDialog({ name, label, withTime, minuteStep, selectedDate, viewingMonth, minDate, maxDate, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat: _monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onClose, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, }: DatePickerDialogProps): JSX.Element;
+export declare function DatePickerDialog({ name, label, withTime, minuteStep, selectedDate, viewingMonth, minDate, maxDate, prevIcon, nextIcon, prevAriaLabel, nextAriaLabel, weekdays, monthFormat: _monthFormat, dayAriaFormat, todayLabel, clearLabel, applyLabel, timeLabel, closeIcon, closeLabel, dialogColor, onPrevMonth, onNextMonth, onDayClick, onToday, onClear, onApply, onTimeChange, onClose, onDialogTouchStart, onDialogTouchEnd, viewMode, onViewModeChange, onMonthSelect, onYearSelect, style, }: DatePickerDialogProps): JSX.Element;

package/dist/types/components/form/Form.model.d.ts

@@ -75,8 +75,13 @@ export type FormFieldMessagesErrors = {
     input?: FormFieldMessagesErrorsInput;
     date?: FormFieldMessagesErrorsDate;
 };
+export type FormFieldMessagesSelect = {
+    doneLabel?: string;
+    closeAriaLabel?: string;
+};
 export type FormFieldMessages = {
     errors?: FormFieldMessagesErrors;
+    select?: FormFieldMessagesSelect;
 };
 export type FormAllowedChildren = ReactElement<typeof Autocomplete> | ReactElement<typeof Checkbox> | ReactElement<typeof CheckboxGroup> | ReactElement<typeof DatePicker> | ReactElement<typeof Input> | ReactElement<typeof InputOTP> | ReactElement<typeof Select> | ReactElement<typeof Slider> | ReactElement<typeof Switch> | ReactElement<typeof DynamicList> | ReactElement<typeof Rating>;
 export type ParentComponentProps = {

package/dist/types/components/input/Input.view.d.ts

@@ -1,3 +1,3 @@
 import type { InputProps } from "./Input.model";
 import type { JSX } from "react";
-export declare function InputView({ inputRef, name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, hideCounter, rows, hideLegend: _hideLegend, minRows, maxRows, type, renderNode, color, trailingIcon, trailingIconLabel, onTrailingIconClick, trailingIconButtonProps, ...rest }: InputProps): JSX.Element;
+export declare function InputView({ inputRef, name, label, disabled, placeholder, isFocused, labelProps, value, helperText, errorText, required, fullWidth, multiline, maxLength, className, fieldClassName, inputContainerClassName, inputClassName, hideCounter, rows, hideLegend, minRows, maxRows, type, renderNode, color, trailingIcon, trailingIconLabel, onTrailingIconClick, trailingIconButtonProps, ...rest }: InputProps): JSX.Element;

package/dist/types/components/select/Select.model.d.ts

@@ -34,6 +34,8 @@ export interface SelectProps<Value extends string = string> {
     fieldClassName?: string;
     selectClassName?: string;
     labelProps?: LabelProps;
+    doneLabel?: string;
+    closeAriaLabel?: string;
     ref?: Ref<HTMLSelectElement>;
 }
 type SelectClientState<V extends string = string> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prokodo/ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "type": "module",
   "description": "UI components for production-grade Next.js + Headless CMS (Strapi, Contentful, Headless WordPress) websites by prokodo – built for Core Web Vitals & SEO.",
   "sideEffects": [