@payfit/unity-components 2.46.11 → 2.46.13

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

@@ -1,155 +0,0 @@
-import { VariantProps } from '@payfit/unity-themes';
-import { AriaRole, PropsWithChildren, ReactNode } from 'react';
-declare const badge: import('tailwind-variants').TVReturnType<{
-    variant: {
-        success: {
-            root: string;
-        };
-        warning: {
-            root: string;
-        };
-        danger: {
-            root: string;
-        };
-        neutral: {
-            root: string;
-        };
-        promo: {
-            root: string[];
-        };
-        attention: {
-            root: string;
-        };
-        numeric: {
-            root: string;
-        };
-        contextual: {
-            root: string;
-        };
-    };
-}, {
-    root: string[];
-    prefix: string;
-}, undefined, {
-    variant: {
-        success: {
-            root: string;
-        };
-        warning: {
-            root: string;
-        };
-        danger: {
-            root: string;
-        };
-        neutral: {
-            root: string;
-        };
-        promo: {
-            root: string[];
-        };
-        attention: {
-            root: string;
-        };
-        numeric: {
-            root: string;
-        };
-        contextual: {
-            root: string;
-        };
-    };
-}, {
-    root: string[];
-    prefix: string;
-}, import('tailwind-variants').TVReturnType<{
-    variant: {
-        success: {
-            root: string;
-        };
-        warning: {
-            root: string;
-        };
-        danger: {
-            root: string;
-        };
-        neutral: {
-            root: string;
-        };
-        promo: {
-            root: string[];
-        };
-        attention: {
-            root: string;
-        };
-        numeric: {
-            root: string;
-        };
-        contextual: {
-            root: string;
-        };
-    };
-}, {
-    root: string[];
-    prefix: string;
-}, undefined, unknown, unknown, undefined>>;
-export type BadgeProps = PropsWithChildren<{
-    /**
-     * To add classes to the badge
-     */
-    className?: string;
-    /**
-     * Defines the visual style of the badge
-     * @default 'neutral'
-     */
-    variant?: VariantProps<typeof badge>['variant'];
-    /**
-     * Explicit ARIA role for the badge. If not provided, will be determined by variant
-     */
-    role?: Extract<AriaRole, 'status' | 'alert'>;
-    /**
-     * Changes the root element to a different HTML element. The default element is a `<span>`.
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Optional leading visual rendered before the badge content.
-     */
-    prefix?: ReactNode;
-    /**
-     * Accessible label for the badge
-     */
-    'aria-label'?: string;
-}>;
-/**
- * The Badge component is a visual label or indicator used to convey status or highlight content.
- */
-declare const Badge: import('react').ForwardRefExoticComponent<{
-    /**
-     * To add classes to the badge
-     */
-    className?: string;
-    /**
-     * Defines the visual style of the badge
-     * @default 'neutral'
-     */
-    variant?: VariantProps<typeof badge>["variant"];
-    /**
-     * Explicit ARIA role for the badge. If not provided, will be determined by variant
-     */
-    role?: Extract<AriaRole, "status" | "alert">;
-    /**
-     * Changes the root element to a different HTML element. The default element is a `<span>`.
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Optional leading visual rendered before the badge content.
-     */
-    prefix?: ReactNode;
-    /**
-     * Accessible label for the badge
-     */
-    'aria-label'?: string;
-} & {
-    children?: ReactNode | undefined;
-} & import('react').RefAttributes<HTMLSpanElement>>;
-export { Badge };

package/dist/esm/components/badge/Badge.js

@@ -1,95 +0,0 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { forwardRef as p, cloneElement as f, isValidElement as m } from "react";
-import { uyTv as h } from "@payfit/unity-themes";
-import { Slot as x, Slottable as b } from "@radix-ui/react-slot";
-import { Icon as w } from "../icon/Icon.js";
-const v = h({
-  slots: {
-    root: [
-      'uy:inline-flex uy:items-center uy:gap-50 uy:has-data-[unity-component="BadgeDot"]:gap-0',
-      'uy:rounded-75 uy:px-75 uy:py-25 uy:has-data-[unity-component="BadgeDot"]:pl-25',
-      "uy:font-sans uy:typography-body uy:whitespace-nowrap uy:text-center"
-    ],
-    prefix: "uy:inline-flex uy:size-250 uy:shrink-0 uy:items-center uy:justify-center uy:text-inherit"
-  },
-  variants: {
-    variant: {
-      success: {
-        root: "uy:bg-surface-success-low uy:text-content-success-high"
-      },
-      warning: {
-        root: "uy:bg-surface-warning-low uy:text-content-warning-high"
-      },
-      danger: {
-        root: "uy:bg-surface-danger-low uy:text-content-danger-high"
-      },
-      neutral: {
-        root: "uy:bg-surface-neutral-lowest uy:text-content-neutral"
-      },
-      promo: {
-        root: [
-          "uy:theme-legacy:bg-surface-promo-low uy:theme-legacy:text-content-promo-high",
-          "uy:theme-rebrand:bg-surface-decorative-purple-low uy:theme-rebrand:text-content-decorative-purple-high"
-        ]
-      },
-      attention: {
-        root: "uy:bg-surface-danger uy:text-content-inverted"
-      },
-      numeric: {
-        root: "uy:bg-surface-info-low uy:text-content-info-high"
-      },
-      contextual: {
-        root: "uy:bg-surface-neutral uy:border uy:border-solid uy:border-border-neutral uy:text-content-neutral"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "neutral"
-  }
-}), B = {
-  success: "status",
-  warning: "alert",
-  danger: "alert",
-  neutral: "status",
-  promo: "status",
-  attention: "alert",
-  contextual: "status",
-  numeric: "status"
-};
-function j(t) {
-  return m(t) && t.type === w;
-}
-function D(t, e) {
-  return !j(t) || e === "contextual" ? t : f(t, { color: "inherit" });
-}
-const E = p(
-  ({
-    className: t,
-    variant: e = "neutral",
-    role: a,
-    asChild: u = !1,
-    prefix: s,
-    children: c,
-    ...i
-  }, l) => {
-    const y = a ?? B[e] ?? "status", d = u ? x : "span", r = D(s, e), n = v({ variant: e });
-    return /* @__PURE__ */ g(
-      d,
-      {
-        "data-dd-privacy": "allow",
-        ref: l,
-        className: n.root({ className: t }),
-        role: y,
-        ...i,
-        children: [
-          r ? /* @__PURE__ */ o("span", { className: n.prefix(), "data-unity-slot": "badge-prefix", children: r }) : null,
-          /* @__PURE__ */ o(b, { children: c })
-        ]
-      }
-    );
-  }
-);
-E.displayName = "Badge";
-export {
-  E as Badge
-};

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

@@ -1,10 +0,0 @@
-import { default as figma } from 'figma';
-declare const _default: {
-    example: figma.TemplateStringResult;
-    imports: string[];
-    id: string;
-    metadata: {
-        nestable: boolean;
-    };
-};
-export default _default;

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

@@ -1,202 +0,0 @@
-import { VariantProps } from '@payfit/unity-themes';
-import { HTMLAttributes } from 'react';
-declare const badgeDot: import('tailwind-variants').TVReturnType<{
-    color: {
-        primary: {
-            dot: string;
-        };
-        'primary.low': {
-            dot: string;
-        };
-        'neutral.lowest': {
-            dot: string;
-        };
-        'neutral.highest': {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-        'danger.low': {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        'warning.low': {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        'success.low': {
-            dot: string;
-        };
-        info: {
-            dot: string;
-        };
-        'info.low': {
-            dot: string;
-        };
-        'decorative-teal': {
-            dot: string;
-        };
-        'decorative-purple': {
-            dot: string;
-        };
-        'decorative-plum': {
-            dot: string;
-        };
-        'decorative-orange': {
-            dot: string;
-        };
-    };
-}, {
-    root: string;
-    dot: string;
-}, undefined, {
-    color: {
-        primary: {
-            dot: string;
-        };
-        'primary.low': {
-            dot: string;
-        };
-        'neutral.lowest': {
-            dot: string;
-        };
-        'neutral.highest': {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-        'danger.low': {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        'warning.low': {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        'success.low': {
-            dot: string;
-        };
-        info: {
-            dot: string;
-        };
-        'info.low': {
-            dot: string;
-        };
-        'decorative-teal': {
-            dot: string;
-        };
-        'decorative-purple': {
-            dot: string;
-        };
-        'decorative-plum': {
-            dot: string;
-        };
-        'decorative-orange': {
-            dot: string;
-        };
-    };
-}, {
-    root: string;
-    dot: string;
-}, import('tailwind-variants').TVReturnType<{
-    color: {
-        primary: {
-            dot: string;
-        };
-        'primary.low': {
-            dot: string;
-        };
-        'neutral.lowest': {
-            dot: string;
-        };
-        'neutral.highest': {
-            dot: string;
-        };
-        danger: {
-            dot: string;
-        };
-        'danger.low': {
-            dot: string;
-        };
-        warning: {
-            dot: string;
-        };
-        'warning.low': {
-            dot: string;
-        };
-        success: {
-            dot: string;
-        };
-        'success.low': {
-            dot: string;
-        };
-        info: {
-            dot: string;
-        };
-        'info.low': {
-            dot: string;
-        };
-        'decorative-teal': {
-            dot: string;
-        };
-        'decorative-purple': {
-            dot: string;
-        };
-        'decorative-plum': {
-            dot: string;
-        };
-        'decorative-orange': {
-            dot: string;
-        };
-    };
-}, {
-    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.
-     *
-     * Use decorative colors for the Badge Cluster pattern. Semantic surface colors are available when the dot needs to align with a product-specific status or category.
-     * @default 'decorative-teal'
-     */
-    color?: VariantProps<typeof badgeDot>['color'];
-}
-/**
- * The BadgeDot component renders a small decorative marker for the Badge prefix slot.
- *
- * BadgeDot is primarily used to build the Badge Cluster pattern, where a contextual Badge displays a leading colored dot before its label. It reserves the prefix-slot footprint and renders a centered circular marker, so consumers do not need to recreate Badge-specific spacing or geometry.
- * @param {BadgeDotProps} props - The props for the BadgeDot component, including the token-backed `color` and optional root `className`.
- * @example
- * ```tsx
- * import { Badge, BadgeDot } from '@payfit/unity-components'
- *
- * function Example() {
- *   return (
- *     <Badge variant="contextual" prefix={<BadgeDot color="decorative-teal" />}>
- *       Cluster
- *     </Badge>
- *   )
- * }
- * ```
- * @remarks
- * - Use BadgeDot inside `Badge`'s `prefix` prop for the supported Cluster composition.
- * - BadgeDot is decorative and is hidden from assistive technologies with `aria-hidden="true"`.
- * - Prefer decorative colors for Cluster markers unless a semantic status color is explicitly needed.
- * @see {@link BadgeDotProps} for all available props
- * @see Source code in {@link https://github.com/PayFit/hr-apps/tree/master/libs/shared/unity/components/src/components/badge/parts/BadgeDot.tsx GitHub}
- * @see Design specs {@link https://www.figma.com/design/poaMyU7abAgL9VRhx4ygyy/Unity-DS-%3E-Components-Library?node-id=20376-46274&m=dev Figma}
- * @see Design docs in {@link https://www.payfit.design/24f360409/p/20d6f1-badge Payfit.design}
- */
-declare const BadgeDot: import('react').ForwardRefExoticComponent<BadgeDotProps & import('react').RefAttributes<HTMLSpanElement>>;
-export { BadgeDot };

package/dist/esm/components/badge/parts/BadgeDot.js

@@ -1,84 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { uyTv as c } from "@payfit/unity-themes";
-const n = c({
-  slots: {
-    root: "uy:inline-flex uy:shrink-0 uy:items-center uy:justify-center",
-    dot: "uy:size-125 uy:rounded-full"
-  },
-  variants: {
-    color: {
-      primary: {
-        dot: "uy:bg-surface-primary"
-      },
-      "primary.low": {
-        dot: "uy:bg-surface-primary-low"
-      },
-      "neutral.lowest": {
-        dot: "uy:bg-surface-neutral-low"
-      },
-      "neutral.highest": {
-        dot: "uy:bg-surface-neutral-highest"
-      },
-      danger: {
-        dot: "uy:bg-surface-danger"
-      },
-      "danger.low": {
-        dot: "uy:bg-surface-danger-low"
-      },
-      warning: {
-        dot: "uy:bg-surface-warning"
-      },
-      "warning.low": {
-        dot: "uy:bg-surface-warning-low"
-      },
-      success: {
-        dot: "uy:bg-surface-success"
-      },
-      "success.low": {
-        dot: "uy:bg-surface-success-low"
-      },
-      info: {
-        dot: "uy:bg-surface-info"
-      },
-      "info.low": {
-        dot: "uy:bg-surface-info-low"
-      },
-      "decorative-teal": {
-        dot: "uy:bg-surface-decorative-teal"
-      },
-      "decorative-purple": {
-        dot: "uy:bg-surface-decorative-purple"
-      },
-      "decorative-plum": {
-        dot: "uy:bg-surface-decorative-plum"
-      },
-      "decorative-orange": {
-        dot: "uy:bg-surface-decorative-orange"
-      }
-    }
-  },
-  defaultVariants: {
-    color: "decorative-teal"
-  }
-}), i = d(
-  ({ color: r, className: o, ...a }, t) => {
-    const { root: u, dot: s } = n({ color: r });
-    return /* @__PURE__ */ e(
-      "span",
-      {
-        ...a,
-        "aria-hidden": "true",
-        className: u({ className: o }),
-        "data-dd-privacy": "allow",
-        "data-unity-component": "BadgeDot",
-        ref: t,
-        children: /* @__PURE__ */ e("span", { className: s() })
-      }
-    );
-  }
-);
-i.displayName = "BadgeDot";
-export {
-  i as BadgeDot
-};

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

@@ -1,137 +0,0 @@
-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;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    overlay: string[];
-    wrapper: string[];
-    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;
-        };
-    };
-} | {}, {
-    overlay: string[];
-    wrapper: string[];
-    content: string[];
-}, import('tailwind-variants').TVReturnType<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.
-     * @default true
-     */
-    isDismissable?: boolean;
-    /**
-     * When true, pressing the Escape key will not close the sheet.
-     * This is useful when you need to prevent accidental dismissal.
-     * @default false
-     */
-    isKeyboardDismissDisabled?: boolean;
-    /**
-     * Controls the open state of the sheet in controlled mode.
-     * Must be used together with `onOpenChange`.
-     */
-    isOpen?: boolean;
-    /**
-     * Sets the initial open state in uncontrolled mode.
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Callback fired when the open state changes.
-     * Required when using controlled mode with `isOpen`.
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-}
-/**
- * The BottomSheet component provides a mobile-optimized interface for displaying content
- * that slides up from the bottom of the screen. It's ideal for secondary tasks and supplementary
- * information without leaving the current context.
- *
- * This component is specifically designed as a bottom-anchored variant, unlike the SidePanel
- * which adapts to different viewports.
- *
- * Control the sheet using either uncontrolled mode with `defaultOpen` or controlled mode with
- * `isOpen`/`onOpenChange` props. Customize dismissal behavior with `isDismissable` and
- * `isKeyboardDismissDisabled` props.
- * @param {BottomSheetProps} props - The props for the BottomSheet component
- * @see {@link BottomSheetProps} for all available props
- * @example
- * ```tsx
- * import {
- *   BottomSheet,
- *   BottomSheetHeader,
- *   BottomSheetContent,
- *   BottomSheetFooter,
- *   Button,
- *   DialogTrigger
- * } from '@payfit/unity-components'
- *
- * // Uncontrolled example
- * function BasicExample() {
- *   return (
- *     <DialogTrigger>
- *       <Button>Open bottom sheet</Button>
- *       <BottomSheet>
- *         <BottomSheetHeader>Sheet title</BottomSheetHeader>
- *         <BottomSheetContent>Your content here</BottomSheetContent>
- *         <BottomSheetFooter>
- *           <Button variant="secondary">Cancel</Button>
- *           <Button variant="primary">Save</Button>
- *         </BottomSheetFooter>
- *       </BottomSheet>
- *     </DialogTrigger>
- *   )
- * }
- *
- * // Controlled example
- * function ControlledExample() {
- *   const [isOpen, setIsOpen] = useState(false)
- *
- *   return (
- *     <>
- *       <Button onPress={() => setIsOpen(true)}>Open bottom sheet</Button>
- *
- *       <BottomSheet isOpen={isOpen} onOpenChange={setIsOpen}>
- *         <BottomSheetHeader>Sheet title</BottomSheetHeader>
- *         <BottomSheetContent>Your content here</BottomSheetContent>
- *         <BottomSheetFooter>
- *           <Button
- *             variant="primary"
- *             onPress={() => setIsOpen(false)}
- *           >
- *             Close
- *           </Button>
- *         </BottomSheetFooter>
- *       </BottomSheet>
- *     </>
- *   )
- * }
- * ```
- * @remarks
- * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-bottomsheet--docs)
- */
-declare const BottomSheet: import('react').ForwardRefExoticComponent<BottomSheetProps & import('react').RefAttributes<HTMLDivElement>>;
-export { BottomSheet };