@povio/ui 3.1.0 → 3.1.1

package/dist/components/buttons/Button/button.cva.d.ts

@@ -92,8 +92,8 @@ export declare const buttonIconSizeDefinition: {
 export type ButtonIconSizeConfig = NonNullable<typeof buttonIconSizeDefinition.config>;
 export declare const buttonTypography: (props: {
     readonly width?: "fill" | "hug" | null | undefined;
-    readonly size?: "none" | "xs" | "s" | "m" | "l" | null | undefined;
-    readonly color?: "primary" | "dual" | "secondary" | "success" | "warning" | "error" | null | undefined;
-    readonly variant?: "contained" | "outlined" | "subtle" | "ghost" | "text" | null | undefined;
+    readonly size?: "none" | "s" | "xs" | "m" | "l" | null | undefined;
+    readonly color?: "error" | "primary" | "dual" | "secondary" | "success" | "warning" | null | undefined;
+    readonly variant?: "text" | "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
     readonly inverted?: boolean | null | undefined;
 }) => TypographyVariantProps | undefined;

package/dist/components/buttons/PillButton/pillButton.cva.d.ts

@@ -35,6 +35,6 @@ export declare const pillButtonContent: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export declare const pillButtonIconSize: string;
 export declare const pillButtonTypography: (props: {
-    readonly color?: "primary" | "secondary" | "success" | "warning" | "error" | null | undefined;
+    readonly color?: "error" | "primary" | "secondary" | "success" | "warning" | null | undefined;
     readonly variant?: "contained" | "outlined" | "subtle" | null | undefined;
 }) => TypographyVariantProps | undefined;

package/dist/components/inputs/File/FileUpload.js

@@ -1,3 +1,4 @@
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { UIConfig } from "../../../config/uiConfig.context.js";
 import "../../../config/i18n.js";
 import { FormField } from "../FormField/FormField.js";
@@ -5,7 +6,7 @@ import { FileUtils } from "../../../utils/file.utils.js";
 import { FileCardList } from "./shared/FileCardList.js";
 import { FileUploadContentEmpty } from "./shared/FileUploadContentEmpty.js";
 import { FileUploadContent } from "./shared/FileUploadContent.js";
-import { fileUploadDropZone } from "./shared/fileUpload.cva.js";
+import { fileUploadDropZoneDefinition } from "./shared/fileUpload.cva.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { useCallback, useState } from "react";
@@ -18,6 +19,7 @@ var FileUploadBase = (props) => {
 	const { t } = useTranslation("ui");
 	const { ref: _ref, label, tooltipText, variant = "vertical", as = "button", helperText, isRequired, isDisabled, headerClassName, errorClassName, isHeaderHidden, error, className, allowsMultiple = false, hideLabel, acceptedFileTypes, clearOnSuccess, emptyText = t(($) => $.ui.fileUpload.emptyText), uploadText = t(($) => $.ui.fileUpload.uploadText), browseText = t(($) => $.ui.fileUpload.browse), fileUpload, fileRemove, children, listRenderer, onInvalidFileType, defaultState, ...rest } = props;
 	const ui = UIConfig.useConfig();
+	const fileUploadDropZoneCva = UIOverrides.useCva("fileUpload.dropZoneCva", fileUploadDropZoneDefinition);
 	const getInitialState = () => {
 		if (props.value != null && props.value.length > 0) return props.value;
 		if (!defaultState?.length) return [];
@@ -133,7 +135,7 @@ var FileUploadBase = (props) => {
 				"data-has-files": uploadState.length > 0 || void 0,
 				isDisabled,
 				onDrop: handleDrop,
-				className: fileUploadDropZone({
+				className: fileUploadDropZoneCva({
 					variant,
 					isContainer: !!children,
 					className: "group/file-upload-drop-zone"

package/dist/components/inputs/File/index.d.ts

@@ -6,4 +6,4 @@ export type { InputUploadBaseProps, InputUploadProps } from './InputUpload';
 export { InputUpload } from './InputUpload';
 export { FileCard } from './shared/FileCard';
 export type { FileUploadDropZoneProps } from './shared/fileUpload.cva';
-export { fileUploadDropZone } from './shared/fileUpload.cva';
+export { fileUploadDropZoneDefinition } from './shared/fileUpload.cva';

package/dist/components/inputs/File/shared/fileUpload.cva.d.ts

@@ -1,4 +1,3 @@
-import { ClassProp } from 'class-variance-authority/types';
 import { UIOverrides } from '../../../../config/uiOverrides.context';
 export declare const fileUploadDropZoneDefinition: {
     base: string[];
@@ -16,13 +15,3 @@ export declare const fileUploadDropZoneDefinition: {
 export type FileUploadDropZoneConfig = NonNullable<typeof fileUploadDropZoneDefinition.config>;
 export interface FileUploadDropZoneProps extends UIOverrides.VariantProps<FileUploadDropZoneConfig> {
 }
-export declare const fileUploadDropZone: (props: FileUploadDropZoneProps & ClassProp) => string;
-export declare const fileCardListDefinition: {
-    base: string[];
-    config: import("../../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly variant: {
-            readonly vertical: ["flex-col"];
-            readonly horizontal: ["flex-row flex-wrap"];
-        };
-    }>;
-};

package/dist/components/inputs/File/shared/fileUpload.cva.js

@@ -1,6 +1,4 @@
 import { UIOverrides } from "../../../../config/uiOverrides.context.js";
-import { clsx } from "clsx";
-import { cva } from "class-variance-authority";
 //#region src/components/inputs/File/shared/fileUpload.cva.ts
 var fileUploadDropZoneDefinition = UIOverrides.defineConfig({
 	base: ["relative w-full rounded-file-upload-container-rounding-default"],
@@ -40,20 +38,5 @@ var fileUploadDropZoneDefinition = UIOverrides.defineConfig({
 		defaultVariants: { variant: "vertical" }
 	}
 });
-var fileUploadDropZoneBase = cva(fileUploadDropZoneDefinition.base, fileUploadDropZoneDefinition.config);
-var fileUploadDropZone = (props) => {
-	const { className, ...rest } = props;
-	return clsx(fileUploadDropZoneBase(rest), className);
-};
-var fileCardListDefinition = UIOverrides.defineConfig({
-	base: ["flex gap-3"],
-	config: {
-		variants: { variant: {
-			vertical: ["flex-col"],
-			horizontal: ["flex-row flex-wrap"]
-		} },
-		defaultVariants: { variant: "vertical" }
-	}
-});
 //#endregion
-export { fileCardListDefinition, fileUploadDropZone, fileUploadDropZoneDefinition };
+export { fileUploadDropZoneDefinition };

package/dist/components/shared/pagination/minWidth.cva.d.ts

@@ -1,3 +1,3 @@
 export declare const minWidth: (props?: ({
-    size?: "xs" | "s" | "m" | "l" | "xxs" | null | undefined;
+    size?: "s" | "xs" | "m" | "l" | "xxs" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/status/Toast/toast.cva.d.ts

@@ -43,7 +43,7 @@ export interface ToastVariantProps extends UIOverrides.VariantProps<ToastConfig>
 }
 export declare const buttonColorVariant: (props: {
     readonly variant?: "contained" | "outlined" | null | undefined;
-    readonly color?: "success" | "warning" | "error" | "neutral" | null | undefined;
+    readonly color?: "error" | "success" | "warning" | "neutral" | null | undefined;
     readonly position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | "bottom-center" | "top-center" | null | undefined;
 }) => Pick<ButtonVariantProps, "color" | "inverted"> | undefined;
 export declare const statusIconDefinition: {

package/dist/config/uiOverrides.context.d.ts

@@ -1,14 +1,11 @@
 import { ClassProp } from 'class-variance-authority/types';
 import { PropsWithChildren } from 'react';
-import { ButtonConfig, ButtonContentConfig, ButtonIconSizeConfig, ButtonSizeConfig } from '../components/buttons/Button/button.cva';
-import { StatusIconConfig, StatusSeparatorConfig, ToastConfig, ToastContainerConfig } from '../components/status/Toast/toast.cva';
 import { CompoundMapper, ConfigSchema } from '../utils/compoundMapper';
 import { StyleMergeUtils } from '../utils/style-merge.util';
 export declare namespace UIOverrides {
     export type Cva<T> = (props?: (T & ClassProp) | ClassProp) => string;
     type GenericCva = Cva<unknown>;
     type Mapper = CompoundMapper<unknown, ConfigSchema>;
-    type CvaOption<TConfig extends StyleMergeUtils.CvaConfigShape> = StyleMergeUtils.CvaConfigOverride<TConfig> | GenericCva;
     type GenericCvaOption = StyleMergeUtils.CvaConfigOverride | GenericCva;
     type OptionKey = {
         [K in keyof Options]: Options[K] extends object ? `${K & string}.${keyof Options[K] & string}` : never;
@@ -27,10 +24,10 @@ export declare namespace UIOverrides {
     export type OverrideVariantProps<TOverride> = VariantProps<ExtractConfig<TOverride>>;
     export interface Options {
         button: {
-            cva?: CvaOption<ButtonConfig>;
-            sizeCva?: CvaOption<ButtonSizeConfig>;
-            contentCva?: CvaOption<ButtonContentConfig>;
-            iconSize?: CvaOption<ButtonIconSizeConfig>;
+            cva?: GenericCvaOption;
+            sizeCva?: GenericCvaOption;
+            contentCva?: GenericCvaOption;
+            iconSize?: GenericCvaOption;
             typography?: Mapper;
         };
         pillButton: {
@@ -47,12 +44,12 @@ export declare namespace UIOverrides {
             typography?: Mapper;
         };
         status: {
-            iconCva?: CvaOption<StatusIconConfig>;
-            separatorCva?: CvaOption<StatusSeparatorConfig>;
+            iconCva?: GenericCvaOption;
+            separatorCva?: GenericCvaOption;
         };
         toast: {
-            cva?: CvaOption<ToastConfig>;
-            containerCva?: CvaOption<ToastContainerConfig>;
+            cva?: GenericCvaOption;
+            containerCva?: GenericCvaOption;
             buttonColor?: Mapper;
         };
         alert: {
@@ -155,6 +152,9 @@ export declare namespace UIOverrides {
             fillCva?: GenericCvaOption;
             valueCva?: GenericCvaOption;
         };
+        fileUpload: {
+            dropZoneCva?: GenericCvaOption;
+        };
     }
     export type Config = Partial<Options>;
     interface ProviderProps {

package/dist/index.d.ts

@@ -178,7 +178,7 @@ export { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDe
 export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, } from './components/buttons/Button/button.cva';
 export { pillButtonContentDefinition, pillButtonDefinition } from './components/buttons/PillButton/pillButton.cva';
 export { checkboxDefinition, checkboxIconDefinition } from './components/inputs/Checkbox/checkbox.cva';
-export { fileCardListDefinition, fileUploadDropZoneDefinition } from './components/inputs/File/shared/fileUpload.cva';
+export { fileUploadDropZoneDefinition } from './components/inputs/File/shared/fileUpload.cva';
 export { inputUploadButtonDefinition, inputUploadDropZoneDefinition, } from './components/inputs/File/shared/inputUploadButton.cva';
 export { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, } from './components/inputs/File/shared/progressBar.cva';
 export type { ProgressBarConfig, ProgressBarTrackConfig, ProgressBarVariantProps, } from './components/inputs/File/shared/progressBar.cva';

package/dist/index.js

@@ -97,7 +97,7 @@ import { RestUtils } from "./utils/rest.utils.js";
 import { FileUtils } from "./utils/file.utils.js";
 import { progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition } from "./components/inputs/File/shared/progressBar.cva.js";
 import { ProgressBar } from "./components/inputs/File/shared/ProgressBar.js";
-import { fileCardListDefinition, fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
+import { fileUploadDropZoneDefinition } from "./components/inputs/File/shared/fileUpload.cva.js";
 import { FileUpload } from "./components/inputs/File/FileUpload.js";
 import { FileUploadContainer } from "./components/inputs/File/FileUploadContainer.js";
 import { inputUploadButtonDefinition, inputUploadDropZoneDefinition } from "./components/inputs/File/shared/inputUploadButton.cva.js";
@@ -165,4 +165,4 @@ import { useSorting } from "./hooks/useSorting.js";
 import { useTableColumnConfig } from "./hooks/useTableColumnConfig.js";
 import { ArrayUtils } from "./utils/array.utils.js";
 import { QueriesUtils } from "./utils/queries.utils.js";
-export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxDefinition, checkboxIconDefinition, compoundMapper, dynamicColumns, dynamicInputs, fileCardListDefinition, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHelperDefinition, inputBaseDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectListBoxItemDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };
+export { Accordion, ActionModal, Alert, AlignCenterIcon, AlignLeftIcon, AlignLeftRightIcon, AlignRightIcon, ArrayUtils, ArrowDropDownIcon, ArrowDropUpIcon, ArrowLeftIcon, ArrowRightIcon, Autocomplete, BoldIcon, BottomSheet, Breadcrumbs, BulletedListIcon, Button, CalendarIcon, CellText, CheckIcon, Checkbox, CheckboxCheckmarkIcon, CheckboxIndeterminateIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ClockIcon, CloseIcon, ColumnConfigModal, Confirmation, DatePicker, DateRangePicker, DateTimeIcon, DateTimePicker, DateTimeUtils, DateUtils, DomUtils, Drawer, FileUpload, FileUploadContainer, FileUtils, Form, FormField, HeaderText, HighlightIcon, HighlightOnIcon, HomeIcon, IconButton, InfiniteTable, InfoIcon, InlineIconButton, InputUpload, Inputs, ItalicIcon, Link, LinkContext, LinkIcon, Loader, Menu, MenuIcon, MenuItem, MenuPopover, Modal, NumberInput, NumberedListIcon, ObjectUtils, PaginatedTable, Pagination, PaginationList, PasswordInput, Pill, PillButton, PointerHorizontalIcon, PointerVerticalIcon, ProgressBar, QueriesUtils, QueryAutocomplete, RadioGroup, ResponsivePopover, RestUtils, RoutingUtils, Segment, Select, SendIcon, Slider, SplitButton, Stepper, StrikethroughIcon, StringUtils, Table, Tag, TextArea, TextButton, TextColorIcon, TextInput, ThemeContext, TimePicker, Toast, ToastContainer, Toggle, ToggleButton, Tooltip, TooltipEllipsis, Typography, UIConfig, UIOverrides, UIRouter, UnderlinedIcon, VisibilityIcon, VisibilityOffIcon, accordionChevronDefinition, accordionDefinition, accordionHeadingDefinition, accordionHeadingSubtitleDefinition, accordionHeadingTitleDefinition, accordionIconDefinition, accordionItemDefinition, accordionPanelContentDefinition, accordionPanelDefinition, accordionTriggerDefinition, alertDefinition, breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition, buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, checkboxDefinition, checkboxIconDefinition, compoundMapper, dynamicColumns, dynamicInputs, fileUploadDropZoneDefinition, formFieldErrorDefinition, formFieldHelperDefinition, inputBaseDefinition, inputSideDefinition, inputSizeDefinition, inputUploadButtonDefinition, inputUploadDropZoneDefinition, isEqual, labelDefinition, linkDefinition, loaderDefinition, loaderWrapperDefinition, logger, menuDefinition, menuItemDefinition, menuPopoverDefinition, menuPopoverWrapperDefinition, modalContentDefinition, modalMainDefinition, modalOverlayDefinition, ns, pillButtonContentDefinition, pillButtonDefinition, popoverDefinition, progressBarDefinition, progressBarFillDefinition, progressBarTrackDefinition, progressBarTrackWrapperDefinition, progressBarValueDefinition, radioDefinition, resources, segmentDefinition, segmentItemDefinition, selectListBoxItemDefinition, statusIconDefinition, statusSeparatorDefinition, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition, tableCellTextDefinition, tableDataDefinition, tableHeadDataDefinition, tableHeadRowDefinition, tableHeaderTextDefinition, tableRowDefinition, tagDefinition, toastDefinition, statusIconDefinition$1 as toastStatusIconDefinition, statusSeparatorDefinition$1 as toastStatusSeparatorDefinition, toggleDefinition, tooltipDefinition, tooltipPointerHorizontalDefinition, tooltipPointerVerticalDefinition, tooltipTextDefinition, typographyDefinition, uiOutlineClass, useAutosave, useBreakpoint, useDebounceCallback, useDeepCompareEffect, useDeepCompareLayoutEffect, useDeepCompareMemo, useFilters, useForm, useFormAutosave, useIntersectionObserver, useLocalStorage, useLongPressRepeat, usePagination, useScrollableListBox, useSorting, useStateAndRef, useTableColumnConfig, useTableNav, useToast, useTranslationMemo };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",