@povio/ui 3.2.0 → 3.2.2-rc.1

package/dist/components/inputs/Checkbox/checkbox.cva.d.ts

@@ -18,6 +18,68 @@ export declare const checkboxTypography: (props: {
 export declare const checkboxContentClassName: (props: {
     readonly variant?: "default" | null | undefined;
 }) => string | undefined;
+export declare const checkboxContentWrapperDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly default: "";
+        };
+        readonly size: {
+            readonly "extra-small": "";
+            readonly small: "";
+            readonly default: "";
+            readonly large: "";
+        };
+        readonly as: {
+            readonly default: "flex-col";
+            readonly floating: "flex-col";
+            readonly filter: "flex-row flex-wrap items-center gap-2";
+            readonly inline: "flex-row flex-wrap items-center gap-2";
+        };
+        readonly hasInputFrame: {
+            readonly true: "gap-2";
+            readonly false: "";
+        };
+    }>;
+};
+export type CheckboxContentWrapperConfig = NonNullable<typeof checkboxContentWrapperDefinition.config>;
+export interface CheckboxContentWrapperVariantProps extends UIOverrides.VariantProps<CheckboxContentWrapperConfig> {
+}
+export declare const checkboxGroupLabelDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly as: {
+            readonly default: "";
+            readonly floating: ["pointer-events-none absolute", "top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]", "text-text-default-1", "font-semibold!", "text-label-3!"];
+            readonly filter: "";
+            readonly inline: "";
+        };
+    }>;
+};
+export type CheckboxGroupLabelConfig = NonNullable<typeof checkboxGroupLabelDefinition.config>;
+export interface CheckboxGroupLabelVariantProps extends UIOverrides.VariantProps<CheckboxGroupLabelConfig> {
+}
+export declare const checkboxContentRowDefinition: {
+    base: string[];
+    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
+        readonly variant: {
+            readonly default: "";
+        };
+        readonly as: {
+            readonly default: "flex-col";
+            readonly floating: "flex-col";
+            readonly filter: "flex-row flex-wrap items-center gap-2";
+            readonly inline: "flex-row flex-wrap items-center gap-2";
+        };
+        readonly hasInputFrame: {
+            readonly true: "gap-2";
+            readonly false: "";
+        };
+    }>;
+};
+export type CheckboxContentRowConfig = NonNullable<typeof checkboxContentRowDefinition.config>;
+export interface CheckboxContentRowVariantProps extends UIOverrides.VariantProps<CheckboxContentRowConfig> {
+}
 export declare const checkboxIconDefinition: {
     base: string[];
     config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{

package/dist/components/inputs/Checkbox/checkbox.cva.js

@@ -45,6 +45,108 @@ var checkboxTypography = compoundMapper({ default: {
 	variant: "default"
 } });
 var checkboxContentClassName = compoundMapper({ default: "text-text-default-2" });
+var checkboxContentWrapperDefinition = UIOverrides.defineConfig({
+	base: ["relative flex"],
+	config: {
+		variants: {
+			variant: { default: "" },
+			size: {
+				"extra-small": "",
+				small: "",
+				default: "",
+				large: ""
+			},
+			as: {
+				default: "flex-col",
+				floating: "flex-col",
+				filter: "flex-row flex-wrap items-center gap-2",
+				inline: "flex-row flex-wrap items-center gap-2"
+			},
+			hasInputFrame: {
+				true: "gap-2",
+				false: ""
+			}
+		},
+		compoundVariants: [
+			{
+				as: "floating",
+				hasInputFrame: true,
+				className: ["pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3)+var(--spacing-input-gap-input-text-to-elements))]"]
+			},
+			{
+				as: "floating",
+				size: "extra-small",
+				hasInputFrame: true,
+				className: "px-input-side-xs"
+			},
+			{
+				as: "floating",
+				size: "small",
+				hasInputFrame: true,
+				className: "px-input-side-s"
+			},
+			{
+				as: "floating",
+				size: "default",
+				hasInputFrame: true,
+				className: "px-input-side-m"
+			},
+			{
+				as: "floating",
+				size: "large",
+				hasInputFrame: true,
+				className: "px-input-side-l"
+			}
+		],
+		defaultVariants: {
+			variant: "default",
+			as: "default",
+			size: "default",
+			hasInputFrame: false
+		}
+	}
+});
+var checkboxGroupLabelDefinition = UIOverrides.defineConfig({
+	base: [""],
+	config: {
+		variants: { as: {
+			default: "",
+			floating: [
+				"pointer-events-none absolute",
+				"top-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top))]",
+				"text-text-default-1",
+				"font-semibold!",
+				"text-label-3!"
+			],
+			filter: "",
+			inline: ""
+		} },
+		defaultVariants: { as: "default" }
+	}
+});
+var checkboxContentRowDefinition = UIOverrides.defineConfig({
+	base: ["flex"],
+	config: {
+		variants: {
+			variant: { default: "" },
+			as: {
+				default: "flex-col",
+				floating: "flex-col",
+				filter: "flex-row flex-wrap items-center gap-2",
+				inline: "flex-row flex-wrap items-center gap-2"
+			},
+			hasInputFrame: {
+				true: "gap-2",
+				false: ""
+			}
+		},
+		defaultVariants: {
+			variant: "default",
+			as: "default",
+			hasInputFrame: false
+		}
+	}
+});
 var checkboxIconDefinition = UIOverrides.defineConfig({
 	base: ["absolute hidden size-3"],
 	config: {
@@ -56,4 +158,4 @@ var checkboxIconDefinition = UIOverrides.defineConfig({
 	}
 });
 //#endregion
-export { checkboxContentClassName, checkboxDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };
+export { checkboxContentClassName, checkboxContentRowDefinition, checkboxContentWrapperDefinition, checkboxDefinition, checkboxGroupLabelDefinition, checkboxIconDefinition, checkboxIndicatorClass, checkboxTypography };

package/dist/components/inputs/DateTime/DatePicker/DatePicker.js

@@ -1,5 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
+import { FormField } from "../../FormField/FormField.js";
 import { Calendar } from "../shared/Calendar.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
@@ -8,7 +9,6 @@ import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticCalendarDateSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js

@@ -2,6 +2,7 @@ import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { Typography } from "../../../text/Typography/Typography.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
 import "../../../../config/i18n.js";
+import { FormField } from "../../FormField/FormField.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
 import { renderDatePickerTodayIcon } from "../shared/datePickerTodayIcon.js";
@@ -9,7 +10,6 @@ import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticDateRangeSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js

@@ -1,5 +1,6 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../../config/uiConfig.context.js";
+import { FormField } from "../../FormField/FormField.js";
 import { Calendar } from "../shared/Calendar.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { datePickerInputContentRowDefinition } from "../shared/datePickerInput.cva.js";
@@ -8,7 +9,6 @@ import { DatePickerInput } from "../shared/DatePickerInput.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticCalendarDateTimeSegments, getStaticDateTimeFocusTarget } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/TimePicker/TimePicker.js

@@ -1,10 +1,10 @@
 import { UIConfig } from "../../../../config/uiConfig.context.js";
+import { FormField } from "../../FormField/FormField.js";
 import { TimePickerForm } from "../shared/TimePickerForm.js";
 import { DateTimeUtils } from "../../../../utils/date-time.utils.js";
 import { DateTimeDialog } from "../shared/DateTimeDialog.js";
 import { DateTimeDialogFooter } from "../shared/DateTimeDialogFooter.js";
 import { getStaticDateTimeFocusTarget, getStaticTimeSegments } from "../shared/staticDateTimeSegments.js";
-import { FormField } from "../../FormField/FormField.js";
 import { TooltipWrapper } from "../../shared/TooltipWrapper.js";
 import { InputFrame } from "../../Skeleton/InputFrame.js";
 import { useStaticInputHandoff } from "../../shared/useStaticInputHandoff.js";

package/dist/components/inputs/DateTime/shared/DateField.d.ts

@@ -14,6 +14,7 @@ interface DateFieldProps extends Omit<DateFieldStateOptions, "locale" | "createC
     format?: string;
     timeZone?: string;
     segmentGroup?: string;
+    shouldAutoFixYear?: boolean;
 }
-export declare const DateField: ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity, isTimeOptional, format, timeZone, segmentGroup, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateField: ({ ref, onClearChange, hidePlaceholder, isDisabled, disableManualEntry, dateGranularity, isTimeOptional, format, timeZone, segmentGroup, shouldAutoFixYear, ...props }: DateFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};