@windstream/react-shared-components 0.1.94 → 0.1.95

package/src/components/text/index.test.tsx

@@ -1,65 +1,65 @@
-import React from "react";
-import { Text } from "./index";
-
-import { render, screen } from "@testing-library/react";
-
-describe("Text", () => {
-  it("renders children as a p element by default", () => {
-    render(<Text>Hello</Text>);
-    const el = screen.getByText("Hello");
-    expect(el.tagName).toBe("P");
-  });
-
-  it("renders as a custom element when 'as' prop is provided", () => {
-    render(<Text as="h1">Heading</Text>);
-    const el = screen.getByText("Heading");
-    expect(el.tagName).toBe("H1");
-  });
-
-  it("renders as a span", () => {
-    render(<Text as="span">Inline</Text>);
-    expect(screen.getByText("Inline").tagName).toBe("SPAN");
-  });
-
-  it("applies className", () => {
-    render(<Text className="text-bold">Styled</Text>);
-    expect(screen.getByText("Styled")).toHaveClass("text-bold");
-  });
-
-  it("uses empty string as default className", () => {
-    render(<Text>No class</Text>);
-    expect(screen.getByText("No class")).toHaveAttribute("class", "");
-  });
-
-  it("applies inline style", () => {
-    render(<Text style={{ color: "red" }}>Red</Text>);
-    expect(screen.getByText("Red").style.color).toBe("red");
-  });
-
-  it("passes additional HTML attributes", () => {
-    render(
-      <Text data-testid="custom-text" id="my-text">
-        Attr
-      </Text>
-    );
-    const el = screen.getByTestId("custom-text");
-    expect(el).toHaveAttribute("id", "my-text");
-  });
-
-  it("forwards ref to the element", () => {
-    const ref = React.createRef<HTMLElement>();
-    render(<Text ref={ref}>Ref test</Text>);
-    expect(ref.current).toBeInstanceOf(HTMLParagraphElement);
-    expect(ref.current?.textContent).toBe("Ref test");
-  });
-
-  it("renders without children", () => {
-    const { container } = render(<Text />);
-    expect(container.querySelector("p")).toBeInTheDocument();
-    expect(container.querySelector("p")?.textContent).toBe("");
-  });
-
-  it("has the correct displayName", () => {
-    expect(Text.displayName).toBe("Text");
-  });
-});
+import React from "react";
+import { Text } from "./index";
+
+import { render, screen } from "@testing-library/react";
+
+describe("Text", () => {
+  it("renders children as a p element by default", () => {
+    render(<Text>Hello</Text>);
+    const el = screen.getByText("Hello");
+    expect(el.tagName).toBe("P");
+  });
+
+  it("renders as a custom element when 'as' prop is provided", () => {
+    render(<Text as="h1">Heading</Text>);
+    const el = screen.getByText("Heading");
+    expect(el.tagName).toBe("H1");
+  });
+
+  it("renders as a span", () => {
+    render(<Text as="span">Inline</Text>);
+    expect(screen.getByText("Inline").tagName).toBe("SPAN");
+  });
+
+  it("applies className", () => {
+    render(<Text className="text-bold">Styled</Text>);
+    expect(screen.getByText("Styled")).toHaveClass("text-bold");
+  });
+
+  it("uses empty string as default className", () => {
+    render(<Text>No class</Text>);
+    expect(screen.getByText("No class")).toHaveAttribute("class", "");
+  });
+
+  it("applies inline style", () => {
+    render(<Text style={{ color: "red" }}>Red</Text>);
+    expect(screen.getByText("Red").style.color).toBe("red");
+  });
+
+  it("passes additional HTML attributes", () => {
+    render(
+      <Text data-testid="custom-text" id="my-text">
+        Attr
+      </Text>
+    );
+    const el = screen.getByTestId("custom-text");
+    expect(el).toHaveAttribute("id", "my-text");
+  });
+
+  it("forwards ref to the element", () => {
+    const ref = React.createRef<HTMLElement>();
+    render(<Text ref={ref}>Ref test</Text>);
+    expect(ref.current).toBeInstanceOf(HTMLParagraphElement);
+    expect(ref.current?.textContent).toBe("Ref test");
+  });
+
+  it("renders without children", () => {
+    const { container } = render(<Text />);
+    expect(container.querySelector("p")).toBeInTheDocument();
+    expect(container.querySelector("p")?.textContent).toBe("");
+  });
+
+  it("has the correct displayName", () => {
+    expect(Text.displayName).toBe("Text");
+  });
+});

package/src/components/text/index.tsx

@@ -1,25 +1,25 @@
-"use client";
-
-import React, { forwardRef } from "react";
-import { TextProps, TextVariant } from "./types";
-
-export const Text = forwardRef<HTMLElement, TextProps>(
-  ({ children, as, className = "", style, ...props }, ref) => {
-    const elementType = as || "p";
-
-    return React.createElement(
-      elementType,
-      {
-        ref,
-        className,
-        style,
-        ...props,
-      },
-      children
-    );
-  }
-);
-
-Text.displayName = "Text";
-
-export type { TextProps, TextVariant };
+"use client";
+
+import React, { forwardRef } from "react";
+import { TextProps, TextVariant } from "./types";
+
+export const Text = forwardRef<HTMLElement, TextProps>(
+  ({ children, as, className = "", style, ...props }, ref) => {
+    const elementType = as || "p";
+
+    return React.createElement(
+      elementType,
+      {
+        ref,
+        className,
+        style,
+        ...props,
+      },
+      children
+    );
+  }
+);
+
+Text.displayName = "Text";
+
+export type { TextProps, TextVariant };

package/src/components/text/types.ts

@@ -1,45 +1,45 @@
-import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
-
-export type TextVariant =
-  | "heading1"
-  | "heading2"
-  | "heading3"
-  | "heading4"
-  | "heading5"
-  | "heading6"
-  | "subheading1"
-  | "subheading2"
-  | "subheading3"
-  | "subheading4"
-  | "subheading5"
-  | "subheading6"
-  | "body1"
-  | "body2"
-  | "body3"
-  | "footnote"
-  | "micro"
-  | "label1"
-  | "label2"
-  | "label3"
-  | "label4"
-  | "error"
-  | "unstyled";
-export type TextWeight =
-  | "thin"
-  | "normal"
-  | "medium"
-  | "semibold"
-  | "bold"
-  | "extrabold"
-  | "black"
-  | undefined;
-export interface TextProps extends HTMLAttributes<HTMLElement> {
-  /** Content to render inside the text element */
-  children?: ReactNode;
-  /** Custom HTML element to render as */
-  as?: keyof import("react").JSX.IntrinsicElements;
-  /** Custom className for the text */
-  className?: string;
-  /** Custom styles */
-  style?: CSSProperties;
-}
+import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
+
+export type TextVariant =
+  | "heading1"
+  | "heading2"
+  | "heading3"
+  | "heading4"
+  | "heading5"
+  | "heading6"
+  | "subheading1"
+  | "subheading2"
+  | "subheading3"
+  | "subheading4"
+  | "subheading5"
+  | "subheading6"
+  | "body1"
+  | "body2"
+  | "body3"
+  | "footnote"
+  | "micro"
+  | "label1"
+  | "label2"
+  | "label3"
+  | "label4"
+  | "error"
+  | "unstyled";
+export type TextWeight =
+  | "thin"
+  | "normal"
+  | "medium"
+  | "semibold"
+  | "bold"
+  | "extrabold"
+  | "black"
+  | undefined;
+export interface TextProps extends HTMLAttributes<HTMLElement> {
+  /** Content to render inside the text element */
+  children?: ReactNode;
+  /** Custom HTML element to render as */
+  as?: keyof import("react").JSX.IntrinsicElements;
+  /** Custom className for the text */
+  className?: string;
+  /** Custom styles */
+  style?: CSSProperties;
+}