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

package/dist/esm/components/table/parts/TableRow.js

@@ -1,46 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import b, { forwardRef as n, Children as c, cloneElement as f } from "react";
-import { tv as y } from "tailwind-variants";
-const m = y({
-  base: [
-    "uy-group uy-h-500",
-    "uy-bg-surface-neutral uy-border-b uy-border-solid uy-border-b-border-neutral-enabled",
-    "uy-transition-colors uy-duration-200 uy-ease-in-out",
-    "hover:uy-border-b-border-neutral-hover hover:uy-bg-surface-neutral-low-hover",
-    "aria-[selected=true]:uy-bg-surface-neutral-selected aria-[selected=true]:uy-border-b-border-neutral-selected",
-    "focus-visible:uy-outline-2 focus-visible:-uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring"
-  ]
-}), p = n(
-  ({ children: u, rowIndex: o = 0, onKeyDown: r, isSelected: t, ...a }, l) => {
-    const s = c.map(u, (e, i) => b.isValidElement(e) ? f(
-      e,
-      {
-        rowIndex: o,
-        colIndex: i,
-        ...e.props
-      }
-    ) : e);
-    return /* @__PURE__ */ d(
-      "tr",
-      {
-        ref: l,
-        role: "row",
-        className: m(),
-        "aria-rowindex": o + 1,
-        "aria-selected": t,
-        onKeyDown: (e) => {
-          r == null || r(e);
-        },
-        "data-dd-privacy": "mask",
-        "data-selectable": t !== void 0,
-        ...a,
-        children: s
-      }
-    );
-  }
-);
-p.displayName = "TableRow";
-export {
-  p as TableRow,
-  m as tableRow
-};

package/dist/esm/components/tabs/Tabs.context.d.ts

@@ -1,11 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { tabsVariant } from './Tabs.variant.js';
-interface TabsContextValue {
-    variant: VariantProps<typeof tabsVariant>['variant'];
-    scrollable: boolean;
-}
-export declare const TabsContext: import('react').Context<TabsContextValue>;
-export declare function TabsProvider({ children, variant, scrollable, }: PropsWithChildren<TabsContextValue>): import("react/jsx-runtime").JSX.Element;
-export declare function useTabsContext(): TabsContextValue;
-export {};

package/dist/esm/components/tabs/Tabs.js

@@ -1,24 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { Tabs as f } from "react-aria-components";
-import { TabsProvider as p } from "./Tabs.context.js";
-import { tabsVariant as d } from "./Tabs.variant.js";
-const b = e(
-  ({ children: s, variant: r, scrollable: a = !1, ...m }, t) => {
-    const { base: i } = d({ variant: r, scrollable: a });
-    return /* @__PURE__ */ o(p, { variant: r, scrollable: a, children: /* @__PURE__ */ o(
-      f,
-      {
-        "data-dd-privacy": "allow",
-        ref: t,
-        className: i(),
-        ...m,
-        children: s
-      }
-    ) });
-  }
-);
-b.displayName = "Tabs";
-export {
-  b as Tabs
-};

package/dist/esm/components/tabs/Tabs.variant.d.ts

@@ -1,139 +0,0 @@
-export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
-    variant: {
-        primary: {
-            tab: string;
-        };
-        neutral: {
-            tab: string;
-        };
-    };
-    scrollable: {
-        true: {
-            tabList: string;
-        };
-        false: {
-            base: string;
-            tabList: string;
-        };
-    };
-}, {
-    base: string;
-    tabList: string;
-    tab: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        primary: {
-            tab: string;
-        };
-        neutral: {
-            tab: string;
-        };
-    };
-    scrollable: {
-        true: {
-            tabList: string;
-        };
-        false: {
-            base: string;
-            tabList: string;
-        };
-    };
-}, {
-    variant: {
-        primary: {
-            tab: string;
-        };
-        neutral: {
-            tab: string;
-        };
-    };
-    scrollable: {
-        true: {
-            tabList: string;
-        };
-        false: {
-            base: string;
-            tabList: string;
-        };
-    };
-}>, {
-    variant: {
-        primary: {
-            tab: string;
-        };
-        neutral: {
-            tab: string;
-        };
-    };
-    scrollable: {
-        true: {
-            tabList: string;
-        };
-        false: {
-            base: string;
-            tabList: string;
-        };
-    };
-}, {
-    base: string;
-    tabList: string;
-    tab: string[];
-}, import('tailwind-variants').TVReturnType<{
-    variant: {
-        primary: {
-            tab: string;
-        };
-        neutral: {
-            tab: string;
-        };
-    };
-    scrollable: {
-        true: {
-            tabList: string;
-        };
-        false: {
-            base: string;
-            tabList: string;
-        };
-    };
-}, {
-    base: string;
-    tabList: string;
-    tab: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        primary: {
-            tab: string;
-        };
-        neutral: {
-            tab: string;
-        };
-    };
-    scrollable: {
-        true: {
-            tabList: string;
-        };
-        false: {
-            base: string;
-            tabList: string;
-        };
-    };
-}, {
-    variant: {
-        primary: {
-            tab: string;
-        };
-        neutral: {
-            tab: string;
-        };
-    };
-    scrollable: {
-        true: {
-            tabList: string;
-        };
-        false: {
-            base: string;
-            tabList: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;

package/dist/esm/components/tabs/Tabs.variant.js

@@ -1,35 +0,0 @@
-import { tv as e } from "tailwind-variants";
-const a = e({
-  slots: {
-    base: "uy-w-full",
-    tabList: "uy-flex",
-    tab: [
-      "uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",
-      'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',
-      "hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"
-    ]
-  },
-  variants: {
-    variant: {
-      primary: {
-        tab: "data-[selected]:after:uy-bg-border-form-active"
-      },
-      neutral: {
-        tab: "data-[selected]:after:uy-bg-content-neutral"
-      }
-    },
-    scrollable: {
-      true: {
-        tabList: ""
-      },
-      false: {
-        base: "",
-        tabList: "uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled"
-      }
-    }
-  },
-  defaultVariants: { variant: "primary", scrollable: !1 }
-});
-export {
-  a as tabsVariant
-};

package/dist/esm/components/tabs/parts/NavigationButton.d.ts

@@ -1,7 +0,0 @@
-import { ButtonProps } from 'react-aria-components';
-type Direction = 'left' | 'right';
-interface NavigationButtonProps extends Pick<ButtonProps, 'onPress'> {
-    direction: Direction;
-}
-declare const NavigationButton: ({ direction, onPress }: NavigationButtonProps) => import("react/jsx-runtime").JSX.Element;
-export { NavigationButton };

package/dist/esm/components/tabs/parts/NavigationButton.js

@@ -1,43 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Button as i } from "react-aria-components";
-import { tv as n } from "tailwind-variants";
-import { Icon as a } from "../../icon/Icon.js";
-const s = n({
-  slots: {
-    base: "uy-absolute uy-pt-150 uy-pb-150",
-    button: "uy-rounded-circle hover:uy-text-content-neutral-hover focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",
-    icon: "uy-text-content-neutral-enabled"
-  },
-  variants: {
-    direction: {
-      left: {
-        base: "uy-top-0 uy-left-0 uy-z-10 uy-bg-gradient-to-r uy-from-surface-inverted/0 uy-from-surface-inverted/100 uy-pl-50 uy-pr-200"
-      },
-      right: {
-        base: "uy-right-0 uy-top-0 uy-z-10 uy-bg-gradient-to-l uy-from-surface-inverted/100 uy-from-surface-inverted/0 uy-pl-200 uy-pr-50"
-      }
-    }
-  }
-}), m = ({ direction: t, onPress: u }) => {
-  const { base: o, button: r, icon: l } = s({ direction: t });
-  return /* @__PURE__ */ e("div", { className: o(), children: /* @__PURE__ */ e(
-    i,
-    {
-      id: `scroll-${t}`,
-      className: r(),
-      "aria-label": `Scroll ${t}`,
-      onPress: u,
-      children: /* @__PURE__ */ e(
-        a,
-        {
-          className: l(),
-          "aria-labelledby": `scroll-${t}`,
-          src: t === "left" ? "CaretLeftOutlined" : "CaretRightOutlined"
-        }
-      )
-    }
-  ) });
-};
-export {
-  m as NavigationButton
-};

package/dist/esm/components/tabs/parts/Tab.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { TabProps as AriaTabProps } from 'react-aria-components';
-export interface TabProps extends Omit<AriaTabProps, 'isDisabled' | 'className' | 'style' | 'download' | 'ping' | 'routerOptions'> {
-    suffix?: ReactNode;
-}
-declare const Tab: import('react').ForwardRefExoticComponent<TabProps & {
-    children?: ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
-export { Tab };

package/dist/esm/components/tabs/parts/Tab.js

@@ -1,18 +0,0 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { Tab as b } from "react-aria-components";
-import { useTabsContext as p } from "../Tabs.context.js";
-import { tabsVariant as c } from "../Tabs.variant.js";
-const f = l(
-  ({ children: a, suffix: r, ...o }, t) => {
-    const { variant: s, scrollable: m } = p(), { tab: n } = c({ variant: s, scrollable: m });
-    return /* @__PURE__ */ e(b, { ref: t, ...o, className: n(), children: [
-      a,
-      r ? /* @__PURE__ */ i("span", { children: r }) : null
-    ] });
-  }
-);
-f.displayName = "Tab";
-export {
-  f as Tab
-};

package/dist/esm/components/tabs/parts/TabList.js

@@ -1,78 +0,0 @@
-import { jsxs as N, jsx as c } from "react/jsx-runtime";
-import { forwardRef as T, useRef as w, useState as h } from "react";
-import { TabList as m } from "react-aria-components";
-import { useTabsContext as A } from "../Tabs.context.js";
-import { tabsVariant as B } from "../Tabs.variant.js";
-import { NavigationButton as L } from "./NavigationButton.js";
-const C = T(
-  ({ children: f }, b) => {
-    const r = w(null), [g, y] = h(!1), [p, v] = h(!0), { variant: S, scrollable: u } = A(), { tabList: d } = B({ variant: S, scrollable: u }), R = (t) => {
-      const { scrollLeft: o, scrollWidth: s, clientWidth: e } = t.currentTarget;
-      y(o > 0), v(o + e < s);
-    }, W = () => {
-      var e;
-      const t = (e = r.current) == null ? void 0 : e.querySelectorAll("div[role=tab]");
-      if (!r.current || !t) return 0;
-      const { scrollLeft: o } = r.current, s = Array.from(t);
-      for (let l = s.length - 1; l >= 0; l--) {
-        const n = s[l];
-        if (n.offsetLeft < o)
-          return -n.offsetWidth;
-      }
-      return 0;
-    }, x = () => {
-      var n;
-      const t = (n = r.current) == null ? void 0 : n.querySelectorAll("div[role=tab]");
-      if (!r.current || !t) return 0;
-      const { scrollLeft: o, clientWidth: s } = r.current, e = Array.from(t), l = o + s;
-      for (let a = 0; a < e.length - 1; a++) {
-        const i = e[a];
-        if (i.offsetLeft + i.offsetWidth > l)
-          return i.offsetWidth;
-      }
-      return 0;
-    };
-    return u ? /* @__PURE__ */ N("div", { className: "uy-relative", children: [
-      g && /* @__PURE__ */ c(
-        L,
-        {
-          direction: "left",
-          onPress: () => {
-            var t;
-            (t = r.current) == null || t.scrollBy({
-              behavior: "smooth",
-              left: W()
-            });
-          }
-        }
-      ),
-      /* @__PURE__ */ c(
-        "div",
-        {
-          ref: r,
-          "data-testid": "scrollable-tab-list",
-          className: "uy-overflow-x-auto uy-overflow-y-hidden uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled",
-          onScroll: R,
-          children: /* @__PURE__ */ c(m, { ref: b, className: d(), children: f })
-        }
-      ),
-      p && /* @__PURE__ */ c(
-        L,
-        {
-          direction: "right",
-          onPress: () => {
-            var t;
-            (t = r.current) == null || t.scrollBy({
-              behavior: "smooth",
-              left: x()
-            });
-          }
-        }
-      )
-    ] }) : /* @__PURE__ */ c(m, { ref: b, className: d(), children: f });
-  }
-);
-C.displayName = "TabList";
-export {
-  C as TabList
-};

package/dist/esm/components/text/Text.d.ts

@@ -1,84 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { text } from './Text.variants.js';
-type ValidTextElements = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'em' | 'strong' | 'small';
-export type TextProps = PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
-    /**
-     * The HTML element to render the text as. Defaults to a recommended element based on the variant.
-     * @default 'span'
-     */
-    asElement?: ValidTextElements;
-    /**
-     * The language of the text content See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang
-     */
-    lang?: HTMLSpanElement['lang'];
-    /**
-     * The typography variant to use.
-     * @default 'inherit'
-     */
-    variant?: VariantProps<typeof text>['variant'];
-    /**
-     * The text's color. This can be any token under the `content` colors namespace.
-     * @default 'inherit'
-     */
-    color?: VariantProps<typeof text>['color'];
-    /**
-     * Whether the text should be truncated to one line and have an ellipsis.
-     * @default false
-     */
-    isTruncated?: boolean;
-    /**
-     * The number of lines to clamp the text to.
-     * @default undefined
-     */
-    lineClamp?: number;
-    /**
-     * Additional class names to apply to the text.
-     * @default undefined
-     */
-    className?: string;
-}>;
-/**
- * The `Text` component is used to render text with different variants and colors.
- */
-declare const Text: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & {
-    /**
-     * The HTML element to render the text as. Defaults to a recommended element based on the variant.
-     * @default 'span'
-     */
-    asElement?: ValidTextElements;
-    /**
-     * The language of the text content See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang.
-     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang
-     */
-    lang?: HTMLSpanElement["lang"];
-    /**
-     * The typography variant to use.
-     * @default 'inherit'
-     */
-    variant?: VariantProps<typeof text>["variant"];
-    /**
-     * The text's color. This can be any token under the `content` colors namespace.
-     * @default 'inherit'
-     */
-    color?: VariantProps<typeof text>["color"];
-    /**
-     * Whether the text should be truncated to one line and have an ellipsis.
-     * @default false
-     */
-    isTruncated?: boolean;
-    /**
-     * The number of lines to clamp the text to.
-     * @default undefined
-     */
-    lineClamp?: number;
-    /**
-     * Additional class names to apply to the text.
-     * @default undefined
-     */
-    className?: string;
-} & {
-    children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLElement>>;
-export { Text };

package/dist/esm/components/text/Text.js

@@ -1,57 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { text as h } from "./Text.variants.js";
-const y = {
-  inherit: "span",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  overline: "h6",
-  subtitle: "h5",
-  displayTitle: "h1",
-  displayBody: "p",
-  body: "p",
-  bodyStrong: "strong",
-  bodySmall: "small",
-  bodySmallStrong: "strong",
-  bodyLarge: "p",
-  bodyLargeStrong: "strong",
-  action: "span",
-  actionLarge: "span",
-  actionSmall: "span"
-}, g = c(
-  ({
-    children: e,
-    variant: o,
-    color: s,
-    isTruncated: a,
-    lineClamp: t,
-    asElement: n,
-    className: r,
-    ...l
-  }, i) => {
-    const m = h({
-      variant: o,
-      color: s,
-      isTruncated: a,
-      isLineClamped: t !== void 0,
-      className: r
-    }), p = y[o ?? "inherit"];
-    return /* @__PURE__ */ d(
-      n ?? p,
-      {
-        "data-dd-privacy": "mask",
-        ...l,
-        ref: i,
-        className: m,
-        style: { "--uy-text-line-clamp": t },
-        children: e
-      }
-    );
-  }
-);
-g.displayName = "Text";
-export {
-  g as Text
-};