@lotte-innovate/ui-component-test 0.2.52 → 0.2.54

package/dist/lib/Typography/Header/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 HeaderProps extends VariantProps<typeof headerVariants> {
+    color?: IColor;
+    size?: ITypoSize;
+    align?: 'left' | 'center' | 'right';
+}
+declare let headerVariants: (props?: ({
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
+    headers?: "h1" | "h2" | "h3" | "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<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+export default Header;

package/dist/lib/Typography/Header/index.js

@@ -0,0 +1,56 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../../../lib/utils/utils';
+import { cva } from 'class-variance-authority';
+import { textColorStyle, weightVariants } from '../../../lib/constants';
+import { Heading as HeadingTheme, Theme } from '@radix-ui/themes';
+var weights = __assign({}, weightVariants);
+var headers = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    h5: 'h5',
+    h6: 'h6',
+};
+var headerVariants = cva('', {
+    variants: {
+        weight: weights,
+        headers: headers,
+        color: textColorStyle(),
+    },
+    defaultVariants: {
+        color: 'black',
+    },
+});
+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 (_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/Header/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import e from"react";import{cn as t}from"../../utils/utils.mjs";import{cva as a}from"class-variance-authority";import{weightVariants as o,textColorStyle as i}from"../../constants.mjs";import{Theme as n,Heading as l}from"@radix-ui/themes";var s=function(){return s=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var o in e=arguments[t])Object.prototype.hasOwnProperty.call(e,o)&&(r[o]=e[o]);return r},s.apply(this,arguments)},c=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(r);o<a.length;o++)e.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(r,a[o])&&(t[a[o]]=r[a[o]])}return t},h=a("",{variants:{weight:s({},o),headers:{h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6"},color:i()},defaultVariants:{color:"black"}}),f=e.forwardRef((function(e,a){var o=e.className,i=e.children,f=e.size,m=e.weight,p=e.color,u=e.headers,d=e.align,y=c(e,["className","children","size","weight","color","headers","align"]);return u||(u="h1"),r(n,{children:r(l,s({ref:a,as:u,size:f,align:d,className:t("leading-normal",h({weight:m,color:p}),o)},y,{children:i}))})}));f.displayName="Header";export{f as Header,f as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/Typography/Header/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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?: "medium" | "regular" | "semibold" | "bold" | "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/lib/Typography/Text/index.js

@@ -0,0 +1,45 @@
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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';
+var textVariants = cva('', {
+    variants: {
+        weight: __assign({ light: 'font-light' }, weightVariants),
+        color: textColorStyle(),
+    },
+    defaultVariants: {
+        weight: 'medium',
+        color: 'black',
+    },
+});
+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 (_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/Text/index.mjs

@@ -0,0 +1,3 @@
+"use client";
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cva as e}from"class-variance-authority";import{Theme as o,Text as a}from"@radix-ui/themes";import{weightVariants as i,textColorStyle as n}from"../../constants.mjs";import{cn as l}from"../../utils/utils.mjs";var s=function(){return s=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var a in t=arguments[e])Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a]);return r},s.apply(this,arguments)},c=function(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(r);a<o.length;a++)t.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(r,o[a])&&(e[o[a]]=r[o[a]])}return e},m=e("",{variants:{weight:s({light:"font-light"},i),color:n()},defaultVariants:{weight:"medium",color:"black"}}),f=t((function(t,e){var i=t.className,n=t.children,f=t.as,p=t.align,u=t.weight,h=t.color,g=t.size,y=c(t,["className","children","as","align","weight","color","size"]);return r(o,{children:r(a,s({as:f,ref:e,size:g,align:p,className:l(m({weight:u,color:h}),i)},y,{children:n}))})}));f.displayName="Text";var p=f;export{f as Text,p as default};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/Typography/Text/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

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

package/dist/lib/Typography/index.js

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