@payfit/unity-components 0.0.0-alpha.8 → 1.0.0

package/dist/cjs/components/breadcrumbs/parts/Breadcrumb.d.ts

@@ -1,9 +0,0 @@
-import { BreadcrumbProps as AriaBreadcrumbProps } from 'react-aria-components';
-export interface BreadcrumbProps extends Omit<AriaBreadcrumbProps, 'children'> {
-    /** The link of the breadcrumb */
-    href: string;
-    /** The text of the breadcrumb */
-    label: string;
-}
-declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLSpanElement | HTMLLIElement>>;
-export { Breadcrumb };

package/dist/cjs/components/breadcrumbs/parts/Breadcrumb.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("react"),i=require("react-aria-components"),o=require("../../icon/Icon.js"),u=require("../../link/Link.js"),h=require("../../tooltip/Tooltip.js"),q=require("../Breadcrumbs.context.js"),B=require("../Breadcrumbs.variant.js"),g=25,d=({children:e,href:t})=>e.length>g?r.jsx(h,{title:e,children:r.jsx(u.Link,{href:t,color:"secondary",maxCharactersTruncation:25,children:e})}):r.jsx(u.Link,{href:t,color:"secondary",maxCharactersTruncation:25,children:e}),C=j.forwardRef((e,t)=>{const{wrap:l,isMobile:m,isStaticApi:x}=q.useBreadcrumbsContext(),{breadcrumb:s}=B.breadcrumbsVariant({wrap:l});if(!e)return null;const{href:a,label:n,...c}=e;return m&&!x?r.jsxs(i.Breadcrumb,{ref:t,...c,className:s(),children:[r.jsx(o.Icon,{src:"CaretLeftOutlined","aria-hidden":"true"}),r.jsx(d,{href:a,children:n})]}):r.jsx(i.Breadcrumb,{ref:t,...c,className:s(),children:({isCurrent:b})=>b?r.jsx("span",{className:"uy-text-nowrap",children:n}):r.jsxs(r.Fragment,{children:[r.jsx(d,{href:a,children:n}),r.jsx(o.Icon,{src:"CaretRightOutlined","aria-hidden":"true"})]})})});exports.Breadcrumb=C;

package/dist/cjs/components/button/Button.d.ts

@@ -1,42 +0,0 @@
-import { UnityIcon } from '@payfit/unity-icons';
-import { PropsWithChildren } from 'react';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-import { ButtonBase, ButtonFilled, ButtonGhost, ButtonOutlined } from './Button.variants.js';
-type UnityButtonProps = AriaButtonProps & ButtonBase & {
-    /**
-     * The button's appearance. It can be one of the following: 'primary', 'secondary', 'ghost'.
-     * @default 'primary'
-     */
-    variant: 'primary' | 'secondary' | 'ghost';
-    /**
-     * The button size. It can be full size or default size (min-content).
-     * @default 'default'
-     */
-    size?: ButtonBase['size'];
-    /**
-     * The button's color. It can be one of the following: 'primary', 'inverted'.
-     * @default 'primary'
-     */
-    color?: ButtonFilled['color'] | ButtonOutlined['color'] | ButtonGhost['color'];
-    /**
-     * The button's prefix icon. It has to be one of the icons from the Unity Icons package.
-     */
-    prefixIcon?: UnityIcon;
-    /**
-     * The loading state of the button.
-     * @default false
-     */
-    isLoading?: boolean;
-};
-export type ButtonProps = (UnityButtonProps & {
-    variant: 'primary';
-} & ButtonFilled) | (UnityButtonProps & {
-    variant: 'secondary';
-} & ButtonOutlined) | (UnityButtonProps & {
-    variant: 'ghost';
-} & ButtonGhost);
-/**
- * Buttons allow users to take actions, and make choices, with a single tap.
- */
-declare const Button: import('react').ForwardRefExoticComponent<PropsWithChildren<ButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
-export { Button };

package/dist/cjs/components/button/Button.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),f=require("react-aria-components"),o=require("tailwind-merge"),g=require("../icon/Icon.js"),j=require("../spinner/Spinner.js"),c=require("./Button.variants.js"),m=d.forwardRef(({variant:u,children:y,color:r="primary",size:i="default",isDisabled:s=!1,isLoading:e=!1,prefixIcon:l=void 0,...p},h)=>{const q=d.useMemo(()=>{const a={size:i,isDisabled:s,isLoading:e};switch(u){case"primary":{const t={...a,color:r};return o.twMerge(c.buttonFilled(t))}case"secondary":{const t={...a,color:r};return o.twMerge(c.buttonOutlined(t))}case"ghost":{const t={...a,color:r};return o.twMerge(c.buttonGhost(t))}}},[u,r,i,s,e]),b={...e&&{"data-loading":e}};return n.jsx(f.Button,{...p,ref:h,isDisabled:s||e,className:q,...b,children:e?n.jsx(j.Spinner,{size:"small",color:"inherit",label:"Loading..."}):n.jsxs("span",{className:"uy-inline-flex uy-gap-50 uy-leading-175 uy-items-center",children:[l&&n.jsx(g.Icon,{src:l,size:20,color:"inherit",role:"presentation"}),y]})})});m.displayName="Button";exports.Button=m;

package/dist/cjs/components/button/Button.variants.d.ts

@@ -1,536 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-declare const buttonBase: import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, unknown, unknown, undefined>>;
-export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
-    color: {
-        primary: string;
-        warning: string;
-        danger: string;
-        inverted: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    color: {
-        primary: string;
-        warning: string;
-        danger: string;
-        inverted: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, unknown, unknown, undefined>>>;
-export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
-    color: {
-        primary: string;
-        inverted: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-    };
-}, undefined, "uy-border", import('tailwind-variants/dist/config').TVConfig<{
-    color: {
-        primary: string;
-        inverted: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, unknown, unknown, undefined>>>;
-export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
-    color: {
-        primary: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    color: {
-        primary: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}, {
-    isDisabled: {
-        true: string;
-        false: string;
-    };
-    isLoading: {
-        true: string;
-        false: string;
-    };
-    size: {
-        default: string;
-        full: string;
-    };
-}>, unknown, unknown, undefined>>>;
-export type ButtonBase = VariantProps<typeof buttonBase>;
-export type ButtonFilled = VariantProps<typeof buttonFilled>;
-export type ButtonOutlined = VariantProps<typeof buttonOutlined>;
-export type ButtonGhost = VariantProps<typeof buttonGhost>;
-export {};

package/dist/cjs/components/button/Button.variants.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",variants:{isDisabled:{true:"disabled:uy-cursor-not-allowed",false:""},isLoading:{true:"data-[loading]:uy-cursor-progress data-[loading]:uy-text-content-neutral-disabled",false:""},size:{default:"uy-w-auto uy-grow-0 uy-basis-auto",full:"uy-grow-1 uy-w-full uy-basis-full"}},defaultVariants:{isDisabled:!1,isLoading:!1,size:"default"}}),a=e.tv({extend:t,variants:{color:{primary:"uy-bg-surface-primary uy-text-content-inverted hover:uy-bg-surface-primary-hover active:uy-bg-surface-primary-active data-[pressed]:uy-bg-surface-primary-active",warning:"uy-bg-surface-warning uy-text-content-inverted hover:uy-bg-surface-warning-hover active:uy-bg-surface-warning-active data-[pressed]:uy-bg-surface-warning-active",danger:"uy-bg-surface-danger uy-text-content-inverted hover:uy-bg-surface-danger-hover active:uy-bg-surface-danger-active data-[pressed]:uy-bg-surface-danger-active",inverted:"uy-bg-surface-inverted uy-text-content-neutral hover:uy-bg-surface-inverted-hover active:uy-bg-surface-inverted-active data-[pressed]:uy-bg-surface-inverted-active focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-bg-surface-neutral-disabled disabled:uy-text-content-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-bg-surface-neutral-disabled data-[loading]:uy-text-content-neutral-disabled",false:""}}}),r=e.tv({extend:t,base:"uy-border",variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled uy-border-border-primary-enabled",inverted:"uy-bg-transparent uy-text-content-inverted uy-border-border-inverted-enabled focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-border-border-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-border-border-neutral-disabled"}}}),u=e.tv({extend:t,variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled enabled:hover:uy-bg-surface-primary-lowest-hover active:uy-bg-surface-primary-lowest-active data-[pressed]:uy-bg-surface-primary-lowest-active focus-visible:uy-bg-transparent",warning:"uy-bg-transparent uy-text-content-warning-enabled enabled:hover:uy-bg-surface-warning-lowest-hover active:uy-bg-surface-warning-lowest-active data-[pressed]:uy-bg-surface-warning-lowest-active focus-visible:uy-bg-transparent",danger:"uy-bg-transparent uy-text-content-danger-enabled enabled:hover:uy-bg-surface-danger-lowest-hover active:uy-bg-surface-danger-lowest-active data-[pressed]:uy-bg-surface-danger-lowest-active focus-visible:uy-bg-transparent",neutral:"uy-bg-transparent uy-text-content-neutral-enabled enabled:hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-active data-[pressed]:uy-bg-surface-neutral-active focus-visible:uy-bg-transparent"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-bg-transparent",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-bg-transparent",false:""}}});exports.buttonFilled=a;exports.buttonGhost=u;exports.buttonOutlined=r;