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

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

@@ -1,84 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { text } from './Text.variants.mjs';
-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.mjs

@@ -1,56 +0,0 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { text as h } from "./Text.variants.mjs";
-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: n,
-    isTruncated: s,
-    lineClamp: t,
-    asElement: a,
-    className: l,
-    ...r
-  }, i) => {
-    const m = h({
-      variant: o,
-      color: n,
-      isTruncated: s,
-      isLineClamped: t !== void 0,
-      className: l
-    }), p = y[o ?? "inherit"];
-    return /* @__PURE__ */ d(
-      a ?? p,
-      {
-        ...r,
-        ref: i,
-        className: m,
-        style: { "--uy-text-line-clamp": t },
-        children: e
-      }
-    );
-  }
-);
-g.displayName = "Text";
-export {
-  g as Text
-};