@payfit/unity-components 2.60.16 → 2.60.18

package/dist/esm/components/icon-button/IconButton.variants.d.ts

@@ -1,32 +1,32 @@
 import { VariantProps } from '@payfit/unity-themes';
 declare const iconButtonBase: import('tailwind-variants').TVReturnType<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, string[], {
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 export declare const iconButtonFilled: import('tailwind-variants').TVReturnType<{
     color: {
         primary: string[];
@@ -37,99 +37,99 @@ export declare const iconButtonFilled: import('tailwind-variants').TVReturnType<
         'inverted.low': string[];
     };
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:bg-surface-neutral-disabled uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, undefined, {
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, string[], {
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, string[], unknown, unknown, undefined>>>;
+}, undefined>>>;
 export declare const iconButtonOutlined: import('tailwind-variants').TVReturnType<{
     color: {
         primary: string[];
         inverted: string[];
     };
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled";
+        false: "";
     };
     isLoading: {
-        true: string;
+        true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:border-border-neutral-disabled";
     };
 }, undefined, "uy:border uy:border-solid uy:bg-transparent", {
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, string[], {
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, string[], unknown, unknown, undefined>>>;
+}, undefined>>>;
 export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
     color: {
         primary: string[];
@@ -140,50 +140,50 @@ export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
         inverted: string[];
     };
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:bg-transparent";
+        false: "";
     };
 }, undefined, undefined, {
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, import('tailwind-variants').TVReturnType<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
 }, undefined, string[], {
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isDisabled: {
-        true: string;
-        false: string;
+        true: "uy:disabled:cursor-not-allowed";
+        false: "";
     };
     isLoading: {
-        true: string;
-        false: string;
+        true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled";
+        false: "";
     };
-}, undefined, string[], unknown, unknown, undefined>>>;
+}, undefined>>>;
 export type IconButtonBase = VariantProps<typeof iconButtonBase>;
 export type IconButtonFilled = VariantProps<typeof iconButtonFilled>;
 export type IconButtonOutlined = VariantProps<typeof iconButtonOutlined>;

package/dist/esm/components/link/RawLink.d.ts

@@ -111,7 +111,7 @@ export declare const link: import('tailwind-variants').TVReturnType<{
 }, {
     base: string[];
     icon: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         inline: {
             base: string;
@@ -166,7 +166,7 @@ export declare const link: import('tailwind-variants').TVReturnType<{
 }, {
     base: string[];
     icon: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 type LinkVariantProps = VariantProps<typeof link>;
 export type RawLinkProps = Omit<AriaLinkProps, 'style' | 'className'> & {
     /**

package/dist/esm/components/list-view/parts/ListViewSection.d.ts

@@ -1,6 +1,6 @@
 import { JSX, Ref } from 'react';
 import { ListBoxSectionProps } from 'react-aria-components/ListBox';
-export declare const listViewSection: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
+export declare const listViewSection: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type ListViewSectionProps<TItem extends object> = ListBoxSectionProps<TItem> & {
     title: string;
 };

package/dist/esm/components/list-view/parts/RawListViewItem.d.ts

@@ -2,22 +2,22 @@ import { JSX, ReactNode, Ref } from 'react';
 import { ListBoxItemProps } from 'react-aria-components/ListBox';
 export declare const listViewItem: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            prefix?: import('tailwind-merge').ClassNameValue;
-            suffix?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            prefix?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+            suffix?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            prefix?: import('tailwind-merge').ClassNameValue;
-            suffix?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            prefix?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+            suffix?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -28,12 +28,12 @@ export declare const listViewItem: import('tailwind-variants').TVReturnType<{
     suffix: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            prefix?: import('tailwind-merge').ClassNameValue;
-            suffix?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            prefix?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+            suffix?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -42,13 +42,13 @@ export declare const listViewItem: import('tailwind-variants').TVReturnType<{
     prefix: string[];
     content: string[];
     suffix: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     root: string[];
     wrapper: string[];
     prefix: string[];
     content: string[];
     suffix: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type RawListViewItemProps<TItem extends object> = Omit<ListBoxItemProps<TItem>, 'ref' | 'children' | 'className' | 'style'> & {
     prefix?: JSX.Element;
     suffix?: JSX.Element;

package/dist/esm/components/nav/parts/RawNavItem.d.ts

@@ -4,15 +4,15 @@ import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
 import { DataAttributes } from '../../../types/DataAttributes.js';
 export declare const navItemBase: import('tailwind-variants').TVReturnType<{
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
@@ -21,39 +21,39 @@ export declare const navItemBase: import('tailwind-variants').TVReturnType<{
     label: string[];
 }, undefined, {
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
     prefix: string;
     suffix: string;
     label: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
     prefix: string;
     suffix: string;
     label: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 declare const navItem: import('tailwind-variants').TVReturnType<{
     isActive: {
         true: {
@@ -69,15 +69,15 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
     };
 }, undefined, undefined, {
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
@@ -86,15 +86,15 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
     label: string[];
 }, import('tailwind-variants').TVReturnType<{
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
@@ -103,39 +103,39 @@ declare const navItem: import('tailwind-variants').TVReturnType<{
     label: string[];
 }, undefined, {
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
     prefix: string;
     suffix: string;
     label: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
     prefix: string;
     suffix: string;
     label: string[];
-}, undefined, unknown, unknown, undefined>>>;
+}>>>;
 export type NavItemProps = Pick<VariantProps<typeof navItem>, 'level'> & PropsWithChildren<{
     /** The prefix element to be displayed before the label. */
     prefix?: ({ isCurrent }: {
@@ -172,15 +172,15 @@ export declare const RawNavItem: import('react').ForwardRefExoticComponent<Pick<
     };
 }, undefined, undefined, {
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
@@ -189,15 +189,15 @@ export declare const RawNavItem: import('react').ForwardRefExoticComponent<Pick<
     label: string[];
 }, import('tailwind-variants').TVReturnType<{
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
@@ -206,39 +206,39 @@ export declare const RawNavItem: import('react').ForwardRefExoticComponent<Pick<
     label: string[];
 }, undefined, {
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
     prefix: string;
     suffix: string;
     label: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     level: {
-        0: string;
-        1: string;
+        0: "uy:pl-150";
+        1: "uy:pl-600";
     };
     isDisabled: {
         true: {
             base: string;
             label: string;
         };
-        false: string;
+        false: "";
     };
 }, {
     base: string[];
     prefix: string;
     suffix: string;
     label: string[];
-}, undefined, unknown, unknown, undefined>>>>, "level"> & {
+}>>>>, "level"> & {
     /** The prefix element to be displayed before the label. */
     prefix?: ({ isCurrent }: {
         isCurrent: boolean;

package/dist/esm/components/navigation-card/NavigationCard.variants.d.ts

@@ -762,7 +762,7 @@ export declare const navigationCard: import('tailwind-variants').TVReturnType<{
     prefix: string[];
     body: string[];
     suffix: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     gap: {
         $0: {
             base: string;
@@ -1144,4 +1144,4 @@ export declare const navigationCard: import('tailwind-variants').TVReturnType<{
     prefix: string[];
     body: string[];
     suffix: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;

package/dist/esm/components/navigation-card/parts/NavigationCardGroup.d.ts

@@ -60,7 +60,7 @@ export declare const navigationCardGroup: import('tailwind-variants').TVReturnTy
     label: string[];
     list: string[];
     listItem: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     orientation: {
         horizontal: {
             list: string;
@@ -90,7 +90,7 @@ export declare const navigationCardGroup: import('tailwind-variants').TVReturnTy
     label: string[];
     list: string[];
     listItem: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface NavigationCardGroupProps extends PropsWithChildren {
     label: string;
     isLabelHidden?: boolean;

package/dist/esm/components/number-field/NumberField.d.ts

@@ -4,7 +4,7 @@ import { FieldPath, FieldValues } from 'react-hook-form';
 import { Schema } from '../../hooks/use-form.types.js';
 import { LabelProps } from '../label/Label.js';
 import { NumberProps } from '../number-input/NumberInput.js';
-export declare const numberField: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-100", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex uy:flex-col uy:gap-100", unknown, unknown, undefined>>;
+export declare const numberField: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-100", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface NumberFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, Omit<NumberProps, 'name'> {
     /** The name of the field, which should match the form schema. */
     name: TName;

package/dist/esm/components/number-input/NumberInput.d.ts

@@ -55,7 +55,7 @@ export declare const numberInput: import('tailwind-variants').TVReturnType<{
     suffix: string[];
     state: string[];
     controls: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     isReadOnly: {
         true: {
             base: string[];
@@ -82,7 +82,7 @@ export declare const numberInput: import('tailwind-variants').TVReturnType<{
     suffix: string[];
     state: string[];
     controls: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 type StyleWithoutCurrency = Exclude<Intl.NumberFormatOptions['style'], 'currency'>;
 interface FormatOptions extends Omit<Intl.NumberFormatOptions, 'currency' | 'style'> {
     style?: StyleWithoutCurrency;