@payfit/unity-components 2.60.16 → 2.60.18

package/dist/esm/components/avatar/Avatar.variants.d.ts

@@ -1,76 +1,76 @@
 export declare const avatarBase: import('tailwind-variants').TVReturnType<{
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "uy:size-200";
+        sm: "uy:size-300";
+        md: "uy:size-400";
+        lg: "uy:size-500";
+        xl: "uy:size-[56px]";
     };
     variant: {
-        circle: string;
-        square: string;
+        circle: "uy:rounded-circle";
+        square: "uy:aspect-square";
     };
     color: {
-        teal: string;
-        plum: string;
-        purple: string;
-        orange: string;
-        neutral: string;
-        warning: string;
-        success: string;
-        info: string;
-        danger: string;
-        promo: string;
-        primary: string;
+        teal: "uy:bg-surface-decorative-teal-lowest uy:text-content-decorative-teal-high";
+        plum: "uy:bg-surface-decorative-plum-lowest uy:text-content-decorative-plum";
+        purple: "uy:bg-surface-decorative-purple-lowest uy:text-content-decorative-purple";
+        orange: "uy:bg-surface-decorative-orange-lowest uy:text-content-decorative-orange";
+        neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
+        warning: "uy:bg-surface-warning-low uy:text-content-warning-high";
+        success: "uy:bg-surface-success-low uy:text-content-success-high";
+        info: "uy:bg-surface-info-low uy:text-content-info-high";
+        danger: "uy:bg-surface-danger-low uy:text-content-danger-high";
+        promo: "uy:bg-surface-promo-low uy:text-content-promo-high";
+        primary: "uy:bg-surface-primary-lowest uy:text-content-primary-high";
     };
 }, undefined, undefined, {
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "uy:size-200";
+        sm: "uy:size-300";
+        md: "uy:size-400";
+        lg: "uy:size-500";
+        xl: "uy:size-[56px]";
     };
     variant: {
-        circle: string;
-        square: string;
+        circle: "uy:rounded-circle";
+        square: "uy:aspect-square";
     };
     color: {
-        teal: string;
-        plum: string;
-        purple: string;
-        orange: string;
-        neutral: string;
-        warning: string;
-        success: string;
-        info: string;
-        danger: string;
-        promo: string;
-        primary: string;
+        teal: "uy:bg-surface-decorative-teal-lowest uy:text-content-decorative-teal-high";
+        plum: "uy:bg-surface-decorative-plum-lowest uy:text-content-decorative-plum";
+        purple: "uy:bg-surface-decorative-purple-lowest uy:text-content-decorative-purple";
+        orange: "uy:bg-surface-decorative-orange-lowest uy:text-content-decorative-orange";
+        neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
+        warning: "uy:bg-surface-warning-low uy:text-content-warning-high";
+        success: "uy:bg-surface-success-low uy:text-content-success-high";
+        info: "uy:bg-surface-info-low uy:text-content-info-high";
+        danger: "uy:bg-surface-danger-low uy:text-content-danger-high";
+        promo: "uy:bg-surface-promo-low uy:text-content-promo-high";
+        primary: "uy:bg-surface-primary-lowest uy:text-content-primary-high";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "uy:size-200";
+        sm: "uy:size-300";
+        md: "uy:size-400";
+        lg: "uy:size-500";
+        xl: "uy:size-[56px]";
     };
     variant: {
-        circle: string;
-        square: string;
+        circle: "uy:rounded-circle";
+        square: "uy:aspect-square";
     };
     color: {
-        teal: string;
-        plum: string;
-        purple: string;
-        orange: string;
-        neutral: string;
-        warning: string;
-        success: string;
-        info: string;
-        danger: string;
-        promo: string;
-        primary: string;
+        teal: "uy:bg-surface-decorative-teal-lowest uy:text-content-decorative-teal-high";
+        plum: "uy:bg-surface-decorative-plum-lowest uy:text-content-decorative-plum";
+        purple: "uy:bg-surface-decorative-purple-lowest uy:text-content-decorative-purple";
+        orange: "uy:bg-surface-decorative-orange-lowest uy:text-content-decorative-orange";
+        neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
+        warning: "uy:bg-surface-warning-low uy:text-content-warning-high";
+        success: "uy:bg-surface-success-low uy:text-content-success-high";
+        info: "uy:bg-surface-info-low uy:text-content-info-high";
+        danger: "uy:bg-surface-danger-low uy:text-content-danger-high";
+        promo: "uy:bg-surface-promo-low uy:text-content-promo-high";
+        primary: "uy:bg-surface-primary-lowest uy:text-content-primary-high";
     };
-}, undefined, undefined, unknown, unknown, undefined>>;
+}, undefined>>;

package/dist/esm/components/avatar/parts/AvatarFallback.d.ts

@@ -39,7 +39,7 @@ declare const avatarPlaceholder: import('tailwind-variants').TVReturnType<{
     base: string;
     background: string;
     foreground: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     color: {
         blue: {
             background: string;
@@ -58,7 +58,7 @@ declare const avatarPlaceholder: import('tailwind-variants').TVReturnType<{
     base: string;
     background: string;
     foreground: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 type AvatarFallbackBaseProps = Pick<React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>, 'delayMs'>;
 type AvatarFallbackInitialsProps = AvatarFallbackBaseProps & {
     /** The fallback's variant. It can be one of: `initials`, `placeholder` */

package/dist/esm/components/badge/Badge.d.ts

@@ -60,7 +60,7 @@ declare const badge: import('tailwind-variants').TVReturnType<{
 }, {
     root: string[];
     prefix: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         success: {
             root: string;
@@ -90,7 +90,7 @@ declare const badge: import('tailwind-variants').TVReturnType<{
 }, {
     root: string[];
     prefix: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type BadgeProps = PropsWithChildren<{
     /**
      * To add classes to the badge

package/dist/esm/components/badge/parts/BadgeDot.d.ts

@@ -108,7 +108,7 @@ declare const badgeDot: import('tailwind-variants').TVReturnType<{
 }, {
     root: string;
     dot: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     color: {
         primary: {
             dot: string;
@@ -162,7 +162,7 @@ declare const badgeDot: import('tailwind-variants').TVReturnType<{
 }, {
     root: string;
     dot: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface BadgeDotProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeDot> {
     /**
      * Token-backed surface color used for the visible dot marker.

package/dist/esm/components/bottom-sheet/BottomSheet.d.ts

@@ -2,18 +2,18 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const bottomSheet: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            overlay?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            overlay?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -22,21 +22,21 @@ export declare const bottomSheet: import('tailwind-variants').TVReturnType<{
     content: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            overlay?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     overlay: string[];
     wrapper: string[];
     content: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     overlay: string[];
     wrapper: string[];
     content: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface BottomSheetProps extends PropsWithChildren<VariantProps<typeof bottomSheet>> {
     /**
      * Controls whether the sheet can be dismissed by clicking outside or using escape key.

package/dist/esm/components/bottom-sheet/parts/BottomSheetContent.d.ts

@@ -2,16 +2,16 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const bottomSheetContent: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            scroller?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            scroller?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -19,18 +19,18 @@ export declare const bottomSheetContent: import('tailwind-variants').TVReturnTyp
     scroller: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            scroller?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     scroller: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     scroller: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface BottomSheetContentProps extends PropsWithChildren<VariantProps<typeof bottomSheetContent>> {
     className?: string;
 }

package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.d.ts

@@ -1,15 +1,15 @@
 export declare const bottomSheetDragIndicator: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -17,18 +17,18 @@ export declare const bottomSheetDragIndicator: import('tailwind-variants').TVRet
     indicator: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     indicator: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     indicator: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 /**
  * A drag indicator component that connects to the overlay state context and
  * provides swipe-to-dismiss functionality for the SidePanel.

package/dist/esm/components/bottom-sheet/parts/BottomSheetFooter.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const bottomSheetFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const bottomSheetFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface BottomSheetFooterProps extends PropsWithChildren<VariantProps<typeof bottomSheetFooter>> {
     className?: string;
 }

package/dist/esm/components/bottom-sheet/parts/BottomSheetHeader.d.ts

@@ -2,20 +2,20 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const bottomSheetHeader: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            heading?: import('tailwind-variants').ClassValue;
+            buttonContainer?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            heading?: import('tailwind-variants').ClassValue;
+            buttonContainer?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -25,11 +25,11 @@ export declare const bottomSheetHeader: import('tailwind-variants').TVReturnType
     buttonContainer: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            buttonContainer?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            heading?: import('tailwind-variants').ClassValue;
+            buttonContainer?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -37,12 +37,12 @@ export declare const bottomSheetHeader: import('tailwind-variants').TVReturnType
     content: string[];
     heading: string[];
     buttonContainer: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     content: string[];
     heading: string[];
     buttonContainer: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface BottomSheetHeaderProps extends PropsWithChildren<VariantProps<typeof bottomSheetHeader>> {
     className?: string;
 }

package/dist/esm/components/breadcrumbs/Breadcrumbs.variant.d.ts

@@ -22,7 +22,7 @@ export declare const breadcrumbsVariant: import('tailwind-variants').TVReturnTyp
 }, {
     base: string;
     breadcrumb: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     wrap: {
         wrap: {
             base: string;
@@ -34,4 +34,4 @@ export declare const breadcrumbsVariant: import('tailwind-variants').TVReturnTyp
 }, {
     base: string;
     breadcrumb: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;