@liner-fe/prism 1.8.5 → 1.8.7

package/lib/components/Radio/index.d.ts

@@ -1 +1,4 @@
-export declare const Radio: () => import("react/jsx-runtime").JSX.Element;
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+};

package/lib/components/Typography/Caption.d.ts

@@ -1,20 +1,19 @@
-import { HTMLAttributes } from 'react';
-import { BOLD, MEDIUM, NORMAL, REGULAR } from './types';
-interface IPropsNormalBold extends HTMLAttributes<HTMLDivElement> {
+import { BOLD, ITypographyCommon, MEDIUM, NORMAL, REGULAR } from './types';
+interface IPropsNormalBold extends ITypographyCommon<HTMLElement> {
     type: NORMAL;
     size: 1 | 2 | 3;
     weight: BOLD;
 }
-interface IPropsNormalRegular extends HTMLAttributes<HTMLDivElement> {
+interface IPropsNormalRegular extends ITypographyCommon<HTMLElement> {
     type: NORMAL;
     size: 1 | 2 | 3;
     weight: REGULAR;
 }
-interface IPropsNormalMedium extends HTMLAttributes<HTMLDivElement> {
+interface IPropsNormalMedium extends ITypographyCommon<HTMLElement> {
     type: NORMAL;
     size: 1;
     weight: MEDIUM;
 }
 export type ICaptionProps = IPropsNormalBold | IPropsNormalRegular | IPropsNormalMedium;
-export declare const Caption: ({ children, size, weight, type, className, ...rest }: ICaptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Caption: ({ children, size, weight, type, className, color, ...rest }: ICaptionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Typography/Display.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'react';
-export interface IDisplayProps extends HTMLAttributes<HTMLDivElement> {
+import { ITypographyCommon } from './types';
+export interface IDisplayProps extends ITypographyCommon {
     size: 1 | 2 | 3;
     type: 'accent' | 'normal';
     weight: 'black';
 }
-export declare const Display: (props: IDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Display: ({ size, type, weight, className, children, color, ...rest }: IDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Typography/Heading.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from 'react';
-export interface IHeadingProps extends HTMLAttributes<HTMLDivElement> {
+import { ITypographyCommon } from './types';
+export interface IHeadingProps extends ITypographyCommon<HTMLHeadingElement> {
     type: 'answer';
     size: 1 | 2 | 3 | 4 | 5 | 6;
 }
-export declare const Heading: (props: IHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Heading: ({ size, children, type, className, style, color, ...rest }: IHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Typography/Paragraph.d.ts

@@ -1,19 +1,18 @@
-import { HTMLAttributes } from 'react';
-import { ACCENT, BOLD, MEDIUM, NORMAL, POST, REGULAR } from './types';
-export interface IPropsNormal extends HTMLAttributes<HTMLDivElement> {
+import { ACCENT, BOLD, ITypographyCommon, MEDIUM, NORMAL, POST, REGULAR } from './types';
+export interface IPropsNormal extends ITypographyCommon {
     type: NORMAL;
     size: 1 | 2 | 3 | 4;
     weight: REGULAR | MEDIUM | BOLD;
 }
-export interface IPropsPost extends HTMLAttributes<HTMLDivElement> {
+export interface IPropsPost extends ITypographyCommon {
     type: POST;
     size: 1 | 3;
     weight: REGULAR;
 }
-export interface IPropsAccent extends HTMLAttributes<HTMLDivElement> {
+export interface IPropsAccent extends ITypographyCommon {
     type: ACCENT;
     size: 1 | 2 | 3;
     weight: REGULAR | MEDIUM | BOLD;
 }
 export type ParagraphProps = IPropsNormal | IPropsPost | IPropsAccent;
-export declare const Paragraph: (props: ParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Paragraph: ({ size, type, weight, className, children, color, ...rest }: ParagraphProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Typography/Title.d.ts

@@ -1,8 +1,7 @@
-import { HTMLAttributes } from 'react';
-import { ACCENT, BOLD, MEDIUM, NORMAL } from './types';
-export interface ITitleProps extends HTMLAttributes<HTMLDivElement> {
+import { ACCENT, BOLD, ITypographyCommon, MEDIUM, NORMAL } from './types';
+export interface ITitleProps extends ITypographyCommon {
     type: ACCENT | NORMAL;
     weight: BOLD | MEDIUM;
     size: 1 | 2 | 3 | 4;
 }
-export declare const Title: (props: ITitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Title: ({ weight, size, type, className, children, color, ...rest }: ITitleProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/Typography/types.d.ts

@@ -1,3 +1,8 @@
+import { SystemKeys } from '@liner-fe/design-token';
+import { HTMLAttributes } from 'react';
+export interface ITypographyCommon<T extends HTMLElement = HTMLParagraphElement> extends HTMLAttributes<T> {
+    color?: SystemKeys;
+}
 export type BLACK = 'black';
 export type BOLD = 'bold';
 export type MEDIUM = 'medium';

package/lib/components/_Description/index.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+interface DescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+}
+export declare const Description: ({ className, children, ...props }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/index.mjs

@@ -4668,15 +4668,8 @@ import { useEffect, useRef, useState } from "react";
 // src/components/Typography/Paragraph.tsx
 import clsx3 from "clsx";
 import { jsx as jsx92 } from "react/jsx-runtime";
-var Paragraph = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx92(
-    "div",
-    {
-      ...props,
-      className: clsx3(`lp-sys-typo-paragraph${props.size}-${props.type}-${props.weight}`, props.className),
-      children: props.children
-    }
-  );
+var Paragraph = /* @__PURE__ */ __name(({ size, type, weight, className, children, color, ...rest }) => {
+  return /* @__PURE__ */ jsx92("p", { ...rest, className: clsx3(`lp-sys-typo-paragraph${size}-${type}-${weight}`, className), style: { color }, children });
 }, "Paragraph");
 
 // src/components/Toast/index.tsx
@@ -4739,29 +4732,30 @@ var SingleToast = /* @__PURE__ */ __name((props) => {
 // src/components/Typography/Heading.tsx
 import clsx4 from "clsx";
 import { jsx as jsx94 } from "react/jsx-runtime";
-var Heading = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx94("div", { ...props, className: clsx4(`lp-sys-typo-heading${props.size}-${props.type}`, props.className), children: props.children });
+var Heading = /* @__PURE__ */ __name(({ size, children, type, className, style, color, ...rest }) => {
+  const Element = `h${size}`;
+  return /* @__PURE__ */ jsx94(Element, { ...rest, className: clsx4(`lp-sys-typo-heading${size}-${type}`, className), style: { color }, children });
 }, "Heading");
 
 // src/components/Typography/Display.tsx
 import clsx5 from "clsx";
 import { jsx as jsx95 } from "react/jsx-runtime";
-var Display = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx95("div", { ...props, className: clsx5(`lp-sys-typo-display${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
+var Display = /* @__PURE__ */ __name(({ size, type, weight, className, children, color, ...rest }) => {
+  return /* @__PURE__ */ jsx95("p", { ...rest, className: clsx5(`lp-sys-typo-display${size}-${type}-${weight}`, className), style: { color }, children });
 }, "Display");
 
 // src/components/Typography/Title.tsx
 import clsx6 from "clsx";
 import { jsx as jsx96 } from "react/jsx-runtime";
-var Title2 = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ jsx96("div", { ...props, className: clsx6(`lp-sys-typo-title${props.size}-${props.type}-${props.weight}`, props.className), children: props.children });
+var Title2 = /* @__PURE__ */ __name(({ weight, size, type, className, children, color, ...rest }) => {
+  return /* @__PURE__ */ jsx96("p", { ...rest, className: clsx6(`lp-sys-typo-title${size}-${type}-${weight}`, className), style: { color }, children });
 }, "Title");
 
 // src/components/Typography/Caption.tsx
 import clsx7 from "clsx";
 import { jsx as jsx97 } from "react/jsx-runtime";
-var Caption = /* @__PURE__ */ __name(({ children, size, weight, type, className, ...rest }) => {
-  return /* @__PURE__ */ jsx97("div", { ...rest, className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, className), children });
+var Caption = /* @__PURE__ */ __name(({ children, size, weight, type, className, color, ...rest }) => {
+  return /* @__PURE__ */ jsx97("caption", { ...rest, className: clsx7(`lp-sys-typo-caption${size}-${type}-${weight}`, className), style: { color }, children });
 }, "Caption");
 
 // src/components/Popover/index.tsx
@@ -4990,69 +4984,8 @@ var IconButton = forwardRef4(
 );
 
 // src/components/Label/index.tsx
-import { forwardRef as forwardRef7 } from "react";
-
-// ../../node_modules/@radix-ui/react-label/dist/index.mjs
-import * as React3 from "react";
-
-// ../../node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React2 from "react";
-import * as ReactDOM from "react-dom";
-import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { jsx as jsx101 } from "react/jsx-runtime";
-var NODES = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "span",
-  "svg",
-  "ul"
-];
-var Primitive = NODES.reduce((primitive, node) => {
-  const Node = React2.forwardRef((props, forwardedRef) => {
-    const { asChild, ...primitiveProps } = props;
-    const Comp = asChild ? Slot3 : node;
-    if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
-    }
-    return /* @__PURE__ */ jsx101(Comp, { ...primitiveProps, ref: forwardedRef });
-  });
-  Node.displayName = `Primitive.${node}`;
-  return { ...primitive, [node]: Node };
-}, {});
-
-// ../../node_modules/@radix-ui/react-label/dist/index.mjs
-import { jsx as jsx102 } from "react/jsx-runtime";
-var NAME = "Label";
-var Label = React3.forwardRef((props, forwardedRef) => {
-  return /* @__PURE__ */ jsx102(
-    Primitive.label,
-    {
-      ...props,
-      ref: forwardedRef,
-      onMouseDown: /* @__PURE__ */ __name((event) => {
-        const target = event.target;
-        if (target.closest("button, input, select, textarea")) return;
-        props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
-      }, "onMouseDown")
-    }
-  );
-});
-Label.displayName = NAME;
-var Root4 = Label;
-
-// src/components/Label/index.tsx
+import { forwardRef as forwardRef5 } from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
 import clsx11 from "clsx";
 
 // src/components/Label/style.module.scss
@@ -5061,10 +4994,10 @@ var style_module_default7 = {
 };
 
 // src/components/Label/index.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
-var Label2 = forwardRef7(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx103(
-    Root4,
+import { jsx as jsx101 } from "react/jsx-runtime";
+var Label = forwardRef5(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx101(
+    LabelPrimitive.Root,
     {
       ref,
       className: clsx11("lp-sys-typo-paragraph2-normal-medium", style_module_default7.label, className),
@@ -5080,7 +5013,7 @@ export {
   Heading,
   Icon,
   IconButton,
-  Label2 as Label,
+  Label,
   Paragraph,
   Popover,
   TextButton,