@lotte-innovate/ui-component-test 0.1.52 → 0.1.54

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

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,13 +21,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 { Heading as HeadingTheme, Theme } from '@radix-ui/themes';
-import React from 'react';
-var weights = __assign({}, weightVariants);
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("lib/utils/utils");
+var class_variance_authority_1 = require("class-variance-authority");
+var constants_1 = require("lib/constants");
+var themes_1 = require("@radix-ui/themes");
+var react_1 = __importDefault(require("react"));
+var weights = __assign({}, constants_1.weightVariants);
 var headers = {
     h1: 'h1',
     h2: 'h2',
@@ -35,21 +41,21 @@ var headers = {
     h5: 'h5',
     h6: 'h6',
 };
-var headerVariants = cva('', {
+var headerVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
         weight: weights,
         headers: headers,
-        color: textColorStyle(),
+        color: (0, constants_1.textColorStyle)(),
     },
     defaultVariants: {
         color: 'black',
     },
 });
-export var Header = React.forwardRef(function (_a, ref) {
+exports.Header = react_1.default.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 })) }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.Heading, __assign({ ref: ref, as: headers, size: size, align: align, className: (0, utils_1.cn)('leading-normal', headerVariants({ weight: weight, color: color }), className) }, rootProps, { children: children })) }));
 });
-Header.displayName = 'Header';
-export default Header;
+exports.Header.displayName = 'Header';
+exports.default = exports.Header;

package/dist/cjs/lib/Typography/Text/index.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,25 +21,27 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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('', {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var class_variance_authority_1 = require("class-variance-authority");
+var themes_1 = require("@radix-ui/themes");
+var constants_1 = require("lib/constants");
+var utils_1 = require("lib/utils/utils");
+var textVariants = (0, class_variance_authority_1.cva)('', {
     variants: {
-        weight: __assign({ light: 'font-light' }, weightVariants),
-        color: textColorStyle(),
+        weight: __assign({ light: 'font-light' }, constants_1.weightVariants),
+        color: (0, constants_1.textColorStyle)(),
     },
     defaultVariants: {
         weight: 'medium',
         color: 'black',
     },
 });
-export var Text = forwardRef(function (_a, ref) {
+exports.Text = (0, react_1.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 })) }));
+    return ((0, jsx_runtime_1.jsx)(themes_1.Theme, { children: (0, jsx_runtime_1.jsx)(themes_1.Text, __assign({ as: as, ref: ref, size: size, align: align, className: (0, utils_1.cn)(textVariants({ weight: weight, color: color }), className) }, props, { children: children })) }));
 });
-Text.displayName = 'Text';
-export default Text;
+exports.Text.displayName = 'Text';
+exports.default = exports.Text;

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

@@ -1,2 +1,10 @@
-export { default as Header } from './Header';
-export { default as Text } from './Text';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.Header = void 0;
+var Header_1 = require("./Header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return __importDefault(Header_1).default; } });
+var Text_1 = require("./Text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });

package/dist/cjs/lib/color/alpha.js

@@ -1,4 +1,8 @@
-export var slateA = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.goldDarkA = exports.bronzeDarkA = exports.brownDarkA = exports.grassDarkA = exports.greenDarkA = exports.jadeDarkA = exports.tealDarkA = exports.cyanDarkA = exports.blueDarkA = exports.indigoDarkA = exports.irisDarkA = exports.violetDarkA = exports.purpleDarkA = exports.plumDarkA = exports.pinkDarkA = exports.crimsonDarkA = exports.rubyDarkA = exports.redDarkA = exports.tomatoDarkA = exports.sandDarkA = exports.oliveDarkA = exports.slateDarkA = exports.orangeA = exports.amberA = exports.yellowA = exports.limeA = exports.mintA = exports.skyA = exports.goldA = exports.bronzeA = exports.brownA = exports.grassA = exports.greenA = exports.jadeA = exports.tealA = exports.cyanA = exports.blueA = exports.indigoA = exports.irisA = exports.violetA = exports.purpleA = exports.plumA = exports.pinkA = exports.crimsonA = exports.rubyA = exports.redA = exports.tomatoA = exports.sandA = exports.oliveA = exports.slateA = void 0;
+exports.orangeDarkA = exports.amberDarkA = exports.yellowDarkA = exports.limeDarkA = exports.mintDarkA = exports.skyDarkA = void 0;
+exports.slateA = {
     1: '#00005503',
     2: '#00005506',
     3: '#0000330f',
@@ -12,7 +16,7 @@ export var slateA = {
     11: '#0007149f',
     12: '#000509e3',
 };
-export var oliveA = {
+exports.oliveA = {
     1: '#00550003',
     2: '#00490007',
     3: '#00200010',
@@ -26,7 +30,7 @@ export var oliveA = {
     11: '#020a00a0',
     12: '#010600e3',
 };
-export var sandA = {
+exports.sandA = {
     1: '#55550003',
     2: '#25250007',
     3: '#20100010',
@@ -40,7 +44,7 @@ export var sandA = {
     11: '#080800a1',
     12: '#060500e3',
 };
-export var tomatoA = {
+exports.tomatoA = {
     1: '#ff000003',
     2: '#ff200008',
     3: '#f52b0018',
@@ -54,7 +58,7 @@ export var tomatoA = {
     11: '#cd2200ea',
     12: '#460900e0',
 };
-export var redA = {
+exports.redA = {
     1: '#ff000003',
     2: '#ff000008',
     3: '#f3000d14',
@@ -68,7 +72,7 @@ export var redA = {
     11: '#c40006d3',
     12: '#55000de8',
 };
-export var rubyA = {
+exports.rubyA = {
     1: '#ff005503',
     2: '#ff002008',
     3: '#f3002515',
@@ -82,7 +86,7 @@ export var rubyA = {
     11: '#c10030db',
     12: '#550016e8',
 };
-export var crimsonA = {
+exports.crimsonA = {
     1: '#ff005503',
     2: '#e0004008',
     3: '#ff005216',
@@ -96,7 +100,7 @@ export var crimsonA = {
     11: '#c4004fe2',
     12: '#530026e9',
 };
-export var pinkA = {
+exports.pinkA = {
     1: '#ff00aa03',
     2: '#e0008008',
     3: '#f4008c16',
@@ -110,7 +114,7 @@ export var pinkA = {
     11: '#b60074d6',
     12: '#59003bed',
 };
-export var plumA = {
+exports.plumA = {
     1: '#aa00ff03',
     2: '#c000c008',
     3: '#cc00cc14',
@@ -124,7 +128,7 @@ export var plumA = {
     11: '#730086c1',
     12: '#40004be6',
 };
-export var purpleA = {
+exports.purpleA = {
     1: '#aa00aa03',
     2: '#8000e008',
     3: '#8e00f112',
@@ -138,7 +142,7 @@ export var purpleA = {
     11: '#52009aba',
     12: '#250049df',
 };
-export var violetA = {
+exports.violetA = {
     1: '#5500aa03',
     2: '#4900ff07',
     3: '#4400ee0f',
@@ -152,7 +156,7 @@ export var violetA = {
     11: '#1f0099af',
     12: '#0b0043d9',
 };
-export var irisA = {
+exports.irisA = {
     1: '#0000ff02',
     2: '#0000ff07',
     3: '#0011ee0f',
@@ -166,7 +170,7 @@ export var irisA = {
     11: '#0600abac',
     12: '#000246d8',
 };
-export var indigoA = {
+exports.indigoA = {
     1: '#00008002',
     2: '#0040ff08',
     3: '#0047f112',
@@ -180,7 +184,7 @@ export var indigoA = {
     11: '#002bb7c5',
     12: '#001046e0',
 };
-export var blueA = {
+exports.blueA = {
     1: '#0080ff04',
     2: '#008cff0b',
     3: '#008ff519',
@@ -194,7 +198,7 @@ export var blueA = {
     11: '#006dcbf2',
     12: '#002359ee',
 };
-export var cyanA = {
+exports.cyanA = {
     1: '#0099cc05',
     2: '#009db10d',
     3: '#00c2d121',
@@ -208,7 +212,7 @@ export var cyanA = {
     11: '#007491ef',
     12: '#00323ef2',
 };
-export var tealA = {
+exports.tealA = {
     1: '#00cc9905',
     2: '#00aa800c',
     3: '#00c69d1f',
@@ -222,7 +226,7 @@ export var tealA = {
     11: '#008573',
     12: '#00332df2',
 };
-export var jadeA = {
+exports.jadeA = {
     1: '#00c08004',
     2: '#00a3460b',
     3: '#00ae4819',
@@ -236,7 +240,7 @@ export var jadeA = {
     11: '#007152df',
     12: '#002217e2',
 };
-export var greenA = {
+exports.greenA = {
     1: '#00c04004',
     2: '#00a32f0b',
     3: '#00a43319',
@@ -250,7 +254,7 @@ export var greenA = {
     11: '#00713fde',
     12: '#002616e6',
 };
-export var grassA = {
+exports.grassA = {
     1: '#00c00004',
     2: '#0099000a',
     3: '#00970016',
@@ -264,7 +268,7 @@ export var grassA = {
     11: '#006514d5',
     12: '#002006df',
 };
-export var brownA = {
+exports.brownA = {
     1: '#aa550003',
     2: '#aa550009',
     3: '#a04b0018',
@@ -278,7 +282,7 @@ export var brownA = {
     11: '#522100b9',
     12: '#140600d1',
 };
-export var bronzeA = {
+exports.bronzeA = {
     1: '#55000003',
     2: '#cc33000a',
     3: '#92250015',
@@ -292,7 +296,7 @@ export var bronzeA = {
     11: '#3d0f00ab',
     12: '#1d0600d4',
 };
-export var goldA = {
+exports.goldA = {
     1: '#55550003',
     2: '#9d8a000d',
     3: '#75600018',
@@ -306,7 +310,7 @@ export var goldA = {
     11: '#362100b4',
     12: '#130c00d4',
 };
-export var skyA = {
+exports.skyA = {
     1: '#00d5ff06',
     2: '#00a4db0e',
     3: '#00b3ee1e',
@@ -320,7 +324,7 @@ export var skyA = {
     11: '#00749e',
     12: '#002540e2',
 };
-export var mintA = {
+exports.mintA = {
     1: '#00d5aa06',
     2: '#00b18a0d',
     3: '#00d29e22',
@@ -334,7 +338,7 @@ export var mintA = {
     11: '#007763fd',
     12: '#00312ae9',
 };
-export var limeA = {
+exports.limeA = {
     1: '#66990005',
     2: '#6b95000c',
     3: '#96c80029',
@@ -348,7 +352,7 @@ export var limeA = {
     11: '#375f00d0',
     12: '#1e2900e3',
 };
-export var yellowA = {
+exports.yellowA = {
     1: '#aaaa0006',
     2: '#f4dd0016',
     3: '#ffee0047',
@@ -362,7 +366,7 @@ export var yellowA = {
     11: '#9e6c00',
     12: '#2e2000e0',
 };
-export var amberA = {
+exports.amberA = {
     1: '#c0800004',
     2: '#f4d10016',
     3: '#ffde003d',
@@ -376,7 +380,7 @@ export var amberA = {
     11: '#ab6400',
     12: '#341500dd',
 };
-export var orangeA = {
+exports.orangeA = {
     1: '#c0400004',
     2: '#ff8e0012',
     3: '#ff9c0029',
@@ -390,7 +394,7 @@ export var orangeA = {
     11: '#cc4e00',
     12: '#431200e2',
 };
-export var slateDarkA = {
+exports.slateDarkA = {
     1: '#FFFFFF0D',
     2: '#FFFFFF1A',
     3: '#FFFFFF26',
@@ -404,7 +408,7 @@ export var slateDarkA = {
     11: '#FFFFFFE5',
     12: '#FFFFFFF2',
 };
-export var oliveDarkA = {
+exports.oliveDarkA = {
     1: '#00000000',
     2: '#F1F2F008',
     3: '#F4F5F312',
@@ -418,7 +422,7 @@ export var oliveDarkA = {
     11: '#F6FEF4B0',
     12: '#FDFFFDED',
 };
-export var sandDarkA = {
+exports.sandDarkA = {
     1: '#00000000',
     2: '#F4F4F309',
     3: '#F6F6F513',
@@ -432,7 +436,7 @@ export var sandDarkA = {
     11: '#FFFCF4B0',
     12: '#FFFFFDED',
 };
-export var tomatoDarkA = {
+exports.tomatoDarkA = {
     1: '#F1121208',
     2: '#FF55330F',
     3: '#FF35232B',
@@ -446,7 +450,7 @@ export var tomatoDarkA = {
     11: '#FF977D',
     12: '#FFD6CEFB',
 };
-export var redDarkA = {
+exports.redDarkA = {
     1: '#F4121209',
     2: '#F22F3E11',
     3: '#FF173F2D',
@@ -460,7 +464,7 @@ export var redDarkA = {
     11: '#FF9592',
     12: '#FFD1D9',
 };
-export var rubyDarkA = {
+exports.rubyDarkA = {
     1: '#F4124A09',
     2: '#FE5A7F0E',
     3: '#FF235D2C',
@@ -474,7 +478,7 @@ export var rubyDarkA = {
     11: '#FF949D',
     12: '#FFD3E2FE',
 };
-export var crimsonDarkA = {
+exports.crimsonDarkA = {
     1: '#F4126709',
     2: '#F22F7A11',
     3: '#FE2A8B2A',
@@ -488,7 +492,7 @@ export var crimsonDarkA = {
     11: '#FF92AD',
     12: '#FFD5EAFD',
 };
-export var pinkDarkA = {
+exports.pinkDarkA = {
     1: '#F412BC09',
     2: '#F420BB12',
     3: '#FE37CC29',
@@ -502,7 +506,7 @@ export var pinkDarkA = {
     11: '#FF8DCC',
     12: '#FFD3ECFD',
 };
-export var plumDarkA = {
+exports.plumDarkA = {
     1: '#F112F108',
     2: '#F22FF211',
     3: '#FD4CFD27',
@@ -516,7 +520,7 @@ export var plumDarkA = {
     11: '#F19CFEF3',
     12: '#FEDDFEF4',
 };
-export var purpleDarkA = {
+exports.purpleDarkA = {
     1: '#B412F90B',
     2: '#B744F714',
     3: '#C150FF2D',
@@ -530,7 +534,7 @@ export var purpleDarkA = {
     11: '#D19DFF',
     12: '#F1DDFFFA',
 };
-export var violetDarkA = {
+exports.violetDarkA = {
     1: '#4422FF0F',
     2: '#853FF916',
     3: '#8354FE36',
@@ -544,7 +548,7 @@ export var violetDarkA = {
     11: '#BAA7FF',
     12: '#E3DEFFFE',
 };
-export var irisDarkA = {
+exports.irisDarkA = {
     1: '#3636FE0E',
     2: '#564BF916',
     3: '#525BFF3B',
@@ -558,7 +562,7 @@ export var irisDarkA = {
     11: '#B1A9FF',
     12: '#E1E0FFFE',
 };
-export var indigoDarkA = {
+exports.indigoDarkA = {
     1: '#1133FF0F',
     2: '#3354FA17',
     3: '#2F62FF3C',
@@ -572,7 +576,7 @@ export var indigoDarkA = {
     11: '#9EB1FF',
     12: '#D6E1FF',
 };
-export var blueDarkA = {
+exports.blueDarkA = {
     1: '#004DF211',
     2: '#1166FB18',
     3: '#0077FF3A',
@@ -586,7 +590,7 @@ export var blueDarkA = {
     11: '#70B8FF',
     12: '#C2E6FF',
 };
-export var cyanDarkA = {
+exports.cyanDarkA = {
     1: '#0091F70A',
     2: '#02A7F211',
     3: '#00BEFD28',
@@ -600,7 +604,7 @@ export var cyanDarkA = {
     11: '#52E1FEE5',
     12: '#BBF3FEF7',
 };
-export var tealDarkA = {
+exports.tealDarkA = {
     1: '#00DEAB05',
     2: '#12FBE60C',
     3: '#00FFE61E',
@@ -614,7 +618,7 @@ export var tealDarkA = {
     11: '#0AFED5D6',
     12: '#B8FFEBEF',
 };
-export var jadeDarkA = {
+exports.jadeDarkA = {
     1: '#00DE4505',
     2: '#27FBA60C',
     3: '#02F99920',
@@ -628,7 +632,7 @@ export var jadeDarkA = {
     11: '#21FEC0D6',
     12: '#B8FFE1EF',
 };
-export var greenDarkA = {
+exports.greenDarkA = {
     1: '#00DE4505',
     2: '#29F99D0B',
     3: '#22FF991E',
@@ -642,7 +646,7 @@ export var greenDarkA = {
     11: '#46FEA5D4',
     12: '#BBFFD7F0',
 };
-export var grassDarkA = {
+exports.grassDarkA = {
     1: '#00DE1205',
     2: '#5EF7780A',
     3: '#70FE8C1B',
@@ -656,7 +660,7 @@ export var grassDarkA = {
     11: '#89FF9FCD',
     12: '#CEFFCEEF',
 };
-export var brownDarkA = {
+exports.brownDarkA = {
     1: '#91110002',
     2: '#FBA67C0C',
     3: '#FCB58C19',
@@ -670,7 +674,7 @@ export var brownDarkA = {
     11: '#FED1AAD9',
     12: '#FEECD4F2',
 };
-export var bronzeDarkA = {
+exports.bronzeDarkA = {
     1: '#D1110004',
     2: '#FBBC910C',
     3: '#FACEB817',
@@ -684,7 +688,7 @@ export var bronzeDarkA = {
     11: '#FFD7C6D1',
     12: '#FFF1E9EC',
 };
-export var goldDarkA = {
+exports.goldDarkA = {
     1: '#91911102',
     2: '#F9E29D0B',
     3: '#F8ECBB15',
@@ -698,7 +702,7 @@ export var goldDarkA = {
     11: '#FEE7C6C8',
     12: '#FEF7EDE7',
 };
-export var skyDarkA = {
+exports.skyDarkA = {
     1: '#0044FF0F',
     2: '#1171FB18',
     3: '#1184FC33',
@@ -712,7 +716,7 @@ export var skyDarkA = {
     11: '#7CD3FFEF',
     12: '#C2F3FF',
 };
-export var mintDarkA = {
+exports.mintDarkA = {
     1: '#00DEDE05',
     2: '#00F9F90B',
     3: '#00FFF61D',
@@ -726,7 +730,7 @@ export var mintDarkA = {
     11: '#67FFDED2',
     12: '#CBFEE9F5',
 };
-export var limeDarkA = {
+exports.limeDarkA = {
     1: '#11BB0003',
     2: '#78F7000A',
     3: '#9BFD4C1A',
@@ -740,7 +744,7 @@ export var limeDarkA = {
     11: '#D1FE77E4',
     12: '#E9FEBFF7',
 };
-export var yellowDarkA = {
+exports.yellowDarkA = {
     1: '#D1510004',
     2: '#F9B4000B',
     3: '#FFAA001E',
@@ -754,7 +758,7 @@ export var yellowDarkA = {
     11: '#FEE949F5',
     12: '#FEF6BAF6',
 };
-export var amberDarkA = {
+exports.amberDarkA = {
     1: '#E63C0006',
     2: '#FD9B000D',
     3: '#FA820022',
@@ -768,7 +772,7 @@ export var amberDarkA = {
     11: '#FFCA16',
     12: '#FFE7B3',
 };
-export var orangeDarkA = {
+exports.orangeDarkA = {
     1: '#EC360007',
     2: '#FE6D000E',
     3: '#FB6A0025',