@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

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

@@ -0,0 +1,724 @@
+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

@@ -0,0 +1 @@
+"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-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-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-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-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-border-inverted-disabled focus-visible:uy-border-border-primary-focus",icon:"uy-text-content-inverted-disabled"}}]}),a=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=a;exports.iconButtonPrimary=r;exports.iconButtonSecondary=n;