@lotte-innovate/ui-component-test 0.0.29 → 0.0.31

package/dist/tailwind.config.js

@@ -18,10 +18,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import * as lightColors from './lib/color/light';
-import * as darkColors from './lib/color/dark';
-import * as alphaColors from './lib/color/alpha';
-import { colorOptions, alphaColorOptions, darkColorOptions } from './lib/color/constants';
+import * as lightColors from './src/lib/color/light';
+import * as darkColors from './src/lib/color/dark';
+import * as alphaColors from './src/lib/color/alpha';
+import { colorOptions, alphaColorOptions, darkColorOptions } from './src/lib/color/constants';
 var classes = [];
 var darkClasses = [];
 var colorScale = Array.from({ length: 12 }, function (_, i) { return (i + 1).toString(); });
@@ -64,9 +64,9 @@ allColorOptions.forEach(function (options) {
 darkClasses.push.apply(darkClasses, generateDarkClasses(darkColorOptions, colorScale));
 var config = {
     content: [
-        './src/pages/**/*.{js,ts,jsx,tsx,mdx,zip}',
-        './src/components/**/*.{js,ts,jsx,tsx,mdx,zip}',
         './src/app/**/*.{js,ts,jsx,tsx,mdx,zip}',
+        './src/lib/**/*.{js,ts,jsx,tsx,mdx,zip}',
+        './src/stories/**/*.{js,ts,jsx,tsx,mdx,zip}',
         './src/**/*.{js,ts,jsx,tsx,mdx,zip}',
     ],
     safelist: __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], classes, true), classes.map(function (cls) { return "hover:".concat(cls); }), true), classes.map(function (cls) { return "active:".concat(cls); }), true), classes.map(function (cls) { return "before:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=checked]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=unchecked]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=on]:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=on]:hover:".concat(cls); }), true), classes.map(function (cls) { return "data-[state=open]:".concat(cls); }), true), classes.map(function (cls) { return "after:checked:".concat(cls); }), true), classes.map(function (cls) { return "before:checked:".concat(cls); }), true), darkClasses, true),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lotte-innovate/ui-component-test",
   "description": "Lotte UI Library",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": false,
   "type": "module",
   "files": [
@@ -37,8 +37,6 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build && tsc",
-    "build:css": "npx tailwindcss -i ./src/app/styles.css -o ./dist/lib/index.css",
-    "copy:css": "copyfiles -u 1 src/app/styles.css dist/lib",
     "prepare": "next build",
     "start": "next start",
     "lint": "next lint",
@@ -50,7 +48,7 @@
   "dependencies": {
     "@babel/runtime": "^7.24.7",
     "@babel/runtime-corejs3": "^7.24.7",
-    "@lotte-innovate/ui-component-test": "^0.0.24",
+    "@lotte-innovate/ui-component-test": "^0.0.30",
     "@radix-ui/colors": "^3.0.0",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-checkbox": "^1.0.4",
@@ -113,7 +111,6 @@
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
     "chromatic": "^11.5.4",
-    "copyfiles": "^2.4.1",
     "eslint": "^8",
     "eslint-config-next": "14.1.4",
     "eslint-plugin-storybook": "^0.8.0",

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

@@ -1,13 +0,0 @@
-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?: "medium" | "regular" | "semibold" | "bold" | 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/lib/Typography/Header/index.js

@@ -1,55 +0,0 @@
-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 { 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 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/Text/index.d.ts

@@ -1,15 +0,0 @@
-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

@@ -1,44 +0,0 @@
-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('text', {
-    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/index.d.ts

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

package/dist/lib/Typography/index.js

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