@lotte-innovate/ui-component-test 0.1.46 → 0.1.70

package/dist/lib/Typography/Header/index.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import React from 'react';
+import { IColor } from '../../../lib/types';
+export interface HeaderProps extends VariantProps<typeof headerVariants> {
+    color?: IColor;
+}
+declare let headerVariants: (props?: ({
+    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    headers?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Header: React.ForwardRefExoticComponent<Omit<import("@radix-ui/themes").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+export default Header;

package/dist/{esm/src/lib/Typography/Header/index.jsx → lib/Typography/Header/index.js}

@@ -20,9 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { cn } from '../../../../../lib/utils/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { textColorStyle, weightVariants } from '../../../../../lib/constants';
+import { textColorStyle, weightVariants } from '../../../lib/constants';
 import { Heading as HeadingTheme, Theme } from '@radix-ui/themes';
 import React from 'react';
 var weights = __assign({}, weightVariants);
@@ -48,11 +49,7 @@ export var Header = React.forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, size = _a.size, weight = _a.weight, color = _a.color, headers = _a.headers, align = _a.align, rootProps = __rest(_a, ["className", "children", "size", "weight", "color", "headers", "align"]);
     if (!headers)
         headers = 'h1';
-    return (<Theme>
-      <HeadingTheme ref={ref} as={headers} size={size} align={align} className={cn('leading-normal', headerVariants({ weight: weight, color: color }), className)} {...rootProps}>
-        {children}
-      </HeadingTheme>
-    </Theme>);
+    return (_jsx(Theme, { children: _jsx(HeadingTheme, __assign({ ref: ref, as: headers, size: size, align: align, className: cn('leading-normal', headerVariants({ weight: weight, color: color }), className) }, rootProps, { children: children })) }));
 });
 Header.displayName = 'Header';
 export default Header;

package/dist/lib/Typography/Text/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { IColor, ITypoSize } from '../../../lib/types';
+export interface TextProps extends VariantProps<typeof textVariants> {
+    color?: IColor;
+    size?: ITypoSize;
+    as?: 'span' | 'div' | 'label' | 'p';
+    align?: 'left' | 'center' | 'right';
+}
+declare const textVariants: (props?: ({
+    weight?: "bold" | "medium" | "regular" | "semibold" | "light" | null | undefined;
+    color?: string | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const Text: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & TextProps & React.RefAttributes<HTMLSpanElement>>;
+export default Text;

package/dist/{esm/src/lib/Typography/Text/index.jsx → lib/Typography/Text/index.js}

@@ -20,11 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { Text as TextTheme, Theme } from '@radix-ui/themes';
-import { textColorStyle, weightVariants } from '../../../../../lib/constants';
-import { cn } from '../../../../../lib/utils/utils';
+import { textColorStyle, weightVariants } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 var textVariants = cva('', {
     variants: {
         weight: __assign({ light: 'font-light' }, weightVariants),
@@ -37,11 +38,7 @@ var textVariants = cva('', {
 });
 export var Text = forwardRef(function (_a, ref) {
     var className = _a.className, children = _a.children, as = _a.as, align = _a.align, weight = _a.weight, color = _a.color, size = _a.size, props = __rest(_a, ["className", "children", "as", "align", "weight", "color", "size"]);
-    return (<Theme>
-        <TextTheme as={as} ref={ref} size={size} align={align} className={cn(textVariants({ weight: weight, color: color }), className)} {...props}>
-          {children}
-        </TextTheme>
-      </Theme>);
+    return (_jsx(Theme, { children: _jsx(TextTheme, __assign({ as: as, ref: ref, size: size, align: align, className: cn(textVariants({ weight: weight, color: color }), className) }, props, { children: children })) }));
 });
 Text.displayName = 'Text';
 export default Text;

package/dist/lib/Typography/index.js

@@ -0,0 +1,2 @@
+export { default as Header } from './Header';
+export { default as Text } from './Text';