@payfit/unity-components 0.0.0-alpha.9 → 1.1.0

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

@@ -1,724 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-export declare const iconButtonPrimary: import('tailwind-variants').TVReturnType<{
-    variant: {
-        primary: string;
-    };
-    color: {
-        primary: string;
-        danger: string;
-        warning: string;
-        inverted: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    variant: {
-        primary: string;
-    };
-    color: {
-        primary: string;
-        danger: string;
-        warning: string;
-        inverted: string;
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, unknown, unknown, undefined>>>;
-export declare const iconButtonSecondary: import('tailwind-variants').TVReturnType<{
-    variant: {
-        secondary: {
-            button: string;
-        };
-    };
-    color: {
-        primary: string;
-        inverted: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    variant: {
-        secondary: {
-            button: string;
-        };
-    };
-    color: {
-        primary: string;
-        inverted: string;
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, unknown, unknown, undefined>>>;
-export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
-    variant: {
-        ghost: string;
-    };
-    color: {
-        neutral: string;
-        primary: string;
-        danger: string;
-        warning: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    variant: {
-        ghost: string;
-    };
-    color: {
-        neutral: string;
-        primary: string;
-        danger: string;
-        warning: string;
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    button: string;
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    color: {
-        inverted: {
-            button: string;
-        };
-    };
-}>, unknown, unknown, undefined>>>;
-export type IconButtonPrimary = VariantProps<typeof iconButtonPrimary>;
-export type IconButtonSecondary = VariantProps<typeof iconButtonSecondary>;
-export type IconButtonGhost = VariantProps<typeof iconButtonGhost>;

package/dist/cjs/components/icon-button/IconButton.variants.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{button:"uy-group uy-w-500 uy-h-500 uy-flex uy-justify-center uy-items-center uy-rounded-75 focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",icon:"uy-w-250 uy-h-250"},variants:{isDisabled:{true:{button:"uy-cursor-not-allowed"},false:{button:""}},isLoading:{true:{button:"uy-cursor-progress uy-text-content-neutral-disabled",icon:""},false:{button:""}},color:{inverted:{button:"focus-visible:uy-outline-utility-inverted-focus-ring"}}},defaultVariants:{isDisabled:!1,isLoading:!1}}),r=e.tv({extend:t,variants:{variant:{primary:""},color:{primary:"",danger:"",warning:"",inverted:""}},compoundVariants:[{variant:"primary",color:"primary",isDisabled:!1,isLoading:!1,class:{button:"uy-bg-surface-primary hover:uy-bg-surface-primary-hover active:uy-bg-surface-primary-active focus-visible:uy-bg-surface-primary-focus data-[pressed]:uy-bg-surface-primary-pressed",icon:"uy-text-content-inverted group-hover:uy-text-content-inverted-hover active:uy-text-content-inverted-active focus-visible:uy-text-content-inverted-focus data-[pressed]:uy-text-content-inverted-pressed"}},{variant:"primary",color:"danger",isDisabled:!1,isLoading:!1,class:{button:"uy-bg-content-danger hover:uy-bg-content-danger-hover active:uy-bg-content-danger-pressed focus:uy-bg-content-danger-focus data-[pressed]:uy-bg-content-danger-pressed",icon:"uy-text-content-inverted group-hover:uy-text-content-inverted-hover active:uy-text-content-inverted-pressed focus:uy-text-content-inverted-focus data-[pressed]:uy-text-content-inverted-pressed"}},{variant:"primary",color:"warning",isDisabled:!1,isLoading:!1,class:{button:"uy-bg-content-warning hover:uy-bg-content-warning-hover active:uy-bg-content-warning-pressed focus-visible:uy-bg-content-warning-focus data-[pressed]:uy-bg-content-warning-pressed]:",icon:"uy-text-content-inverted group-hover:uy-text-content-inverted-hover active:uy-text-content-inverted-pressed focus-visible:uy-text-content-inverted-focus data-[pressed]:uy-text-content-inverted-pressed"}},{variant:"primary",color:"inverted",isDisabled:!1,isLoading:!1,class:{button:"uy-bg-surface-inverted hover:uy-accent-surface-inverted-hover active:uy-accent-surface-inverted-pressed focus-visible:uy-accent-surface-inverted-focus data-[pressed]:uy-accent-surface-inverted-pressed",icon:"uy-text-content-neutral group-hover:uy-text-content-neutral-hover active:uy-text-content-neutral-pressed focus-visible:uy-text-content-neutral-focus data-[pressed]:uy-text-content-neutral-pressed"}},{variant:"primary",color:"primary",isDisabled:!0,isLoading:!1,class:{button:"uy-bg-surface-neutral-disabled",icon:"uy-text-content-neutral-disabled"}},{variant:"primary",color:["primary","danger","warning","inverted"],isLoading:!0,isDisabled:!1,class:{button:"uy-bg-surface-neutral-disabled",icon:"uy-text-content-neutral-disabled"}}]}),n=e.tv({extend:t,variants:{variant:{secondary:{button:"focus-visible:uy-outline-offset-4"}},color:{primary:"",inverted:""}},compoundVariants:[{color:"primary",isDisabled:!1,isLoading:!1,class:{button:"uy-border uy-border-solid uy-border-border-primary hover:uy-border-border-primary-hover active:uy-border-border-primary-active data-[pressed]:uy-border-border-primary-pressed",icon:"uy-text-content-primary group-hover:uy-text-content-primary-hover active:uy-text-content-primary-active data-[pressed]:uy-text-content-primary-pressed focus-visible:uy-text-content-primary-focus"}},{color:"primary",isLoading:!0,isDisabled:!1,class:{button:"uy-border uy-border-solid uy-border-border-neutral-disabled focus-visible:uy-border-border-primary-focus",icon:"uy-text-content-neutral-disabled"}},{color:"primary",isLoading:!1,isDisabled:!0,class:{button:"uy-border uy-border-solid uy-border-border-neutral-disabled focus-visible:uy-border-border-primary-focus",icon:"uy-text-content-neutral-disabled"}},{color:"inverted",isDisabled:!1,isLoading:!1,class:{button:"uy-border uy-border-solid uy-border-border-inverted hover:uy-border-border-inverted-hover data-[pressed]:uy-border-border-inverted-pressed active:uy-border-border-inverted-active focus-visible:uy-border-border-inverted-focus",icon:"uy-text-content-inverted group-hover:uy-text-content-inverted-hover data-[pressed]:uy-text-content-inverted-pressed active:uy-text-content-inverted-active focus-visible:uy-text-content-inverted-focus"}},{color:"inverted",isLoading:!1,isDisabled:!0,class:{button:"uy-border uy-border-solid uy-border-border-inverted-disabled focus-visible:uy-border-border-primary-focus",icon:"uy-text-content-inverted-disabled"}}]}),o=e.tv({extend:t,variants:{variant:{ghost:""},color:{neutral:"",primary:"",danger:"",warning:""}},compoundVariants:[{color:"neutral",isDisabled:!1,isLoading:!1,class:{button:"hover:uy-bg-surface-neutral-hover data-[pressed]:uy-bg-surface-neutral-pressed active:uy-bg-surface-neutral-active",icon:"uy-text-content-neutral group-hover:uy-text-content-neutral-hover data-[pressed]:uy-text-content-neutral-pressed focus-visible:uy-text-content-neutral-focus active:uy-text-content-neutral-active"}},{color:"primary",isDisabled:!1,isLoading:!1,class:{button:"hover:uy-bg-surface-primary-lowest-hover data-[pressed]:uy-bg-surface-primary-lowest-pressed active:uy-bg-surface-primary-lowest-active",icon:"uy-text-content-primary group-hover:uy-text-content-primary data-[pressed]:uy-text-content-primary focus-visible:uy-text-content-primary active:uy-text-content-primary"}},{color:"danger",isDisabled:!1,isLoading:!1,class:{button:"hover:uy-bg-surface-danger-lowest-hover data-[pressed]:uy-bg-surface-danger-lowest-pressed active:uy-bg-surface-danger-lowest-active",icon:"uy-text-content-danger group-hover:uy-text-content-danger-hover data-[pressed]:uy-text-content-danger-pressed focus-visible:uy-text-content-danger-focus active:uy-text-content-danger-active"}},{color:"warning",isDisabled:!1,isLoading:!1,class:{button:"hover:uy-bg-surface-warning-lowest-hover data-[pressed]:uy-bg-surface-warning-lowest-pressed active:uy-bg-surface-warning-lowest-active",icon:"uy-text-content-warning group-hover:uy-text-content-warning-hover data-[pressed]:uy-text-content-warning-pressed focus-visible:uy-text-content-warning-focus active:uy-text-content-warning-active"}},{color:["primary","neutral","danger","warning"],isDisabled:!0,isLoading:!1,class:{button:"",icon:"uy-text-content-neutral-disabled"}},{color:["primary","neutral","danger","warning"],isDisabled:!1,isLoading:!0,class:{button:"",icon:"uy-text-content-neutral-disabled"}}]});exports.iconButtonGhost=o;exports.iconButtonPrimary=r;exports.iconButtonSecondary=n;