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

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

@@ -1,26 +0,0 @@
-import { UnityIcon } from '@payfit/unity-icons';
-import { AriaRole } from 'react';
-import { IconButtonGhost, IconButtonPrimary, IconButtonSecondary } from './IconButton.variants.js';
-interface IconButtonBaseProps {
-    /** Label used to describe the action of the button */
-    label: string;
-    /** The icon to display inside the button */
-    icon: UnityIcon;
-    /** The function to trigger when the button is clicked */
-    onClick: () => void;
-    /** Override the icon role */
-    iconRole?: AriaRole;
-    /** className to add to the button */
-    className?: string;
-}
-interface IconButtonVariantsPrimaryProps extends IconButtonBaseProps, Omit<IconButtonPrimary, 'variant' | 'color'>, Required<Pick<IconButtonPrimary, 'variant' | 'color'>> {
-}
-interface IconButtonVariantsSecondaryProps extends IconButtonBaseProps, Omit<IconButtonSecondary, 'variant' | 'color'>, Required<Pick<IconButtonSecondary, 'variant' | 'color'>> {
-}
-interface IconButtonVariantsGhostProps extends IconButtonBaseProps, Omit<IconButtonGhost, 'variant' | 'color'>, Required<Pick<IconButtonGhost, 'variant' | 'color'>> {
-}
-export declare function IconButton(props: IconButtonVariantsPrimaryProps | IconButtonVariantsSecondaryProps | IconButtonVariantsGhostProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace IconButton {
-    var displayName: string;
-}
-export {};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),B=require("react-aria-components"),I=require("../../hooks/use-id.js"),j=require("../icon/Icon.js"),p=require("../spinner/Spinner.js"),q=require("../tooltip/Tooltip.js"),i=require("./IconButton.variants.js"),x=({variant:n,color:e,isLoading:o,isDisabled:t})=>n==="primary"?i.iconButtonPrimary({variant:n,color:e,isDisabled:t,isLoading:o}):n==="secondary"?i.iconButtonSecondary({variant:n,color:e,isDisabled:t,isLoading:o}):i.iconButtonGhost({variant:n,color:e,isDisabled:t,isLoading:o});function a(n){const e=I(),{button:o,icon:t}=x(n),{onClick:u,icon:d,isLoading:s,label:r,isDisabled:y,iconRole:b,...m}=n,l=`icon-button-label-${e}`;return c.jsx(q.Tooltip,{title:r,children:c.jsxs(B.Button,{"data-dd-privacy":"allow",...m,className:o({class:n.className}),onPress:u,isDisabled:y||s,"aria-label":r,children:[s?c.jsx(p.Spinner,{size:"small",label:"Loading",color:"inherit"}):c.jsx(j.Icon,{role:b,src:d,className:t(),"aria-labelledby":l,color:"inherit"}),c.jsx("span",{id:l,className:"uy-sr-only",children:r})]})})}a.displayName="IconButton";exports.IconButton=a;