@lotte-innovate/ui-component-test 0.0.33 → 0.0.36

package/README.md

@@ -1,163 +1,163 @@
-# radix-ui 라이브러리 활용 Storybook UI Component 만들기
-
-<br />
-
-## 사전 설치 라이브러리
-
-- radix-ui
-  - 주요 컴포넌트 사용 시 활용할 Headless UI 라이브러리
-
-```shell
-npm install @radix-ui/react-popover@latest -E
-```
-
-- storybook
-  - 컴포넌트 관리를 위해 사용
-
-```shell
-npx sb init
-npx storybook@latest add @storybook/addon-styling-webpack
-```
-
-- clsx
-  - 조건부 className 작성을 위해 사용
-
-```shell
-npm i clsx
-```
-
-- tailwind-merge
-  - 스타일 충돌 없이 자바스크립트에서 tailwind CSS 클래스를 효율적으로 병합하는 기능을 가진 라이브러리
-
-```shell
-npm i tailwind-merge
-```
-
-- class-variance-authority (CVA)
-  - 일관성 있는 UI를 정의하고 사용할 수 있도록 도와주는 툴로써 shadcn/ui 컴포넌트의 핵심 도구
-
-```shell
-npm i class-variance-authority
-```
-
-<br />
-
-## 실행
-
-- 스토리북 실행
-
-```shell
-npm run storybook
-```
-
-> 접속주소(포트 6006 사용 시): `http://localhost:6006`
-
-- 웹페이지 실행
-
-```shell
-npm run dev
-```
-
-> 접속주소(포트 3000 사용 시): `http://localhost:3000`
-
-## package publish
-
-- 타입스크립트 컴파일
-
-```shell
-npm run publish:npm
-```
-
-- npm package 배포 시
-
-  - npm 로그인
-
-  ```shell
-  npm login
-  ```
-
-  - package.json 버전 수정 후 컴파일 진행
-
-  ```shell
-  npm run publish:npm
-  ```
-
-  - 패키지 배포
-
-  ```shell
-  npm publish
-  ```
-
-  - npm scope 배포
-    - npm 로그인 후, 조직 생성 시 @계정명 으로 scope 생성 
-  scope로 생성된 패키지는 npm publish 시, 아래 옵션 추가 
-
-  ```shell
-  npm publish --access=public
-  ```
-
-
-- npm package 미배포시
-
-  - package.json 버전 수정 후 컴파일 진행
-
-  ```shell
-  npm run publish:npm
-  ```
-
-  - dist/ 파일 및 설정파일 추출 후 전달
-
-## 사용자 이용 방법
-
-### npm 배포 시
-
-- npm package 설치
-
-```sh
-npm install <package_name>
-```
-
-### npm 미배포시
-
-- 전달 받은 package 모듈 파일을 node_modules/ 폴더에 추가
-
-### tailwind 설정 방법
-
-- tailwind config 파일 설정
-
-```js
-// tailwind.config.ts
-import type { Config } from 'tailwindcss';
-// UI 라이브러리 tailwind config 파일 호출
-// >>>>>>>> 추가
- const packageTailwindConfig = require('ui-component-test/tailwind.config.js');
-// >>>>>>>>
-
-const config: 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}',
-// 해당 프로젝트 css 표준 컴포넌트에 적용 가능
-// >>>>>>>> 추가
-    './node_modules/ui-component-test/**/*.{js,ts,jsx,tsx,mdx,zip}',
-// >>>>>>>>
-  ],
-  theme: {
-    extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
-      },
-      colors: {},
-// UI 라이브러리 tailwind config 파일 적용
-// >>>>>>>> 추가
-      ...packageTailwindConfig?.theme?.extend,
-// >>>>>>>>
-    },
-  },
-  plugins: [],
-};
-export default config;
-
-```
+# radix-ui 라이브러리 활용 Storybook UI Component 만들기
+
+<br />
+
+## 사전 설치 라이브러리
+
+- radix-ui
+  - 주요 컴포넌트 사용 시 활용할 Headless UI 라이브러리
+
+```shell
+npm install @radix-ui/react-popover@latest -E
+```
+
+- storybook
+  - 컴포넌트 관리를 위해 사용
+
+```shell
+npx sb init
+npx storybook@latest add @storybook/addon-styling-webpack
+```
+
+- clsx
+  - 조건부 className 작성을 위해 사용
+
+```shell
+npm i clsx
+```
+
+- tailwind-merge
+  - 스타일 충돌 없이 자바스크립트에서 tailwind CSS 클래스를 효율적으로 병합하는 기능을 가진 라이브러리
+
+```shell
+npm i tailwind-merge
+```
+
+- class-variance-authority (CVA)
+  - 일관성 있는 UI를 정의하고 사용할 수 있도록 도와주는 툴로써 shadcn/ui 컴포넌트의 핵심 도구
+
+```shell
+npm i class-variance-authority
+```
+
+<br />
+
+## 실행
+
+- 스토리북 실행
+
+```shell
+npm run storybook
+```
+
+> 접속주소(포트 6006 사용 시): `http://localhost:6006`
+
+- 웹페이지 실행
+
+```shell
+npm run dev
+```
+
+> 접속주소(포트 3000 사용 시): `http://localhost:3000`
+
+## package publish
+
+- 타입스크립트 컴파일
+
+```shell
+npm run publish:npm
+```
+
+- npm package 배포 시
+
+  - npm 로그인
+
+  ```shell
+  npm login
+  ```
+
+  - package.json 버전 수정 후 컴파일 진행
+
+  ```shell
+  npm run publish:npm
+  ```
+
+  - 패키지 배포
+
+  ```shell
+  npm publish
+  ```
+
+  - npm scope 배포
+    - npm 로그인 후, 조직 생성 시 @계정명 으로 scope 생성 
+  scope로 생성된 패키지는 npm publish 시, 아래 옵션 추가 
+
+  ```shell
+  npm publish --access=public
+  ```
+
+
+- npm package 미배포시
+
+  - package.json 버전 수정 후 컴파일 진행
+
+  ```shell
+  npm run publish:npm
+  ```
+
+  - dist/ 파일 및 설정파일 추출 후 전달
+
+## 사용자 이용 방법
+
+### npm 배포 시
+
+- npm package 설치
+
+```sh
+npm install <package_name>
+```
+
+### npm 미배포시
+
+- 전달 받은 package 모듈 파일을 node_modules/ 폴더에 추가
+
+### tailwind 설정 방법
+
+- tailwind config 파일 설정
+
+```js
+// tailwind.config.ts
+import type { Config } from 'tailwindcss';
+// UI 라이브러리 tailwind config 파일 호출
+// >>>>>>>> 추가
+ const packageTailwindConfig = require('ui-component-test/tailwind.config.js');
+// >>>>>>>>
+
+const config: 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}',
+// 해당 프로젝트 css 표준 컴포넌트에 적용 가능
+// >>>>>>>> 추가
+    './node_modules/ui-component-test/**/*.{js,ts,jsx,tsx,mdx,zip}',
+// >>>>>>>>
+  ],
+  theme: {
+    extend: {
+      backgroundImage: {
+        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
+        'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
+      },
+      colors: {},
+// UI 라이브러리 tailwind config 파일 적용
+// >>>>>>>> 추가
+      ...packageTailwindConfig?.theme?.extend,
+// >>>>>>>>
+    },
+  },
+  plugins: [],
+};
+export default config;
+
+```

package/dist/{src/lib → lib}/Typography/Header/index.d.ts

@@ -1,11 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
 import React from 'react';
-import { IColor } from 'lib/types';
+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;
+    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;

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

@@ -21,9 +21,9 @@ 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 { 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);

package/dist/{src/lib → lib}/Typography/Text/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor, ITypoSize } from 'lib/types';
+import { IColor, ITypoSize } from '../../../lib/types';
 export interface TextProps extends VariantProps<typeof textVariants> {
     color?: IColor;
     size?: ITypoSize;
@@ -8,7 +8,7 @@ export interface TextProps extends VariantProps<typeof textVariants> {
     align?: 'left' | 'center' | 'right';
 }
 declare const textVariants: (props?: ({
-    weight?: "bold" | "medium" | "regular" | "semibold" | "light" | null | undefined;
+    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>>;

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

@@ -24,8 +24,8 @@ 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('text', {
     variants: {
         weight: __assign({ light: 'font-light' }, weightVariants),

package/dist/{src/lib → lib}/components/Accordion/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { VariantProps } from 'class-variance-authority';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export interface AccordionProps extends React.InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof accoridanVariants> {
     defaultValue?: string;
     color?: IColor;

package/dist/{src/lib → lib}/components/Accordion/index.js

@@ -24,9 +24,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { ChevronDownIcon } from '@radix-ui/react-icons';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 import { cva } from 'class-variance-authority';
-import { scalingVariants } from 'lib/constants';
+import { scalingVariants } from '../../../lib/constants';
 var accoridanVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogAction.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface AlertDialogActionProps extends VariantProps<typeof alertDialogActionVariants> {
     appearance?: IAppearance;
 }
 export declare const alertDialogActionVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogAction.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { appearanceStyle, primaryColorStyle, weightVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { appearanceStyle, primaryColorStyle, weightVariants } from '../../../lib/constants';
 export var alertDialogActionVariants = cva("inline-flex items-center justify-center px-[15px] outline-none focus:shadow-[0_0_0_2px] font-normal", {
     variants: {
         radius: {

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogCancel.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance } from 'lib/types';
+import { IAppearance } from '../../../lib/types';
 export interface AlertDialogCancelProps extends VariantProps<typeof alertDialogCancelVariants> {
     appearance?: IAppearance;
 }
 export declare const alertDialogCancelVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogCancel.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { weightVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { weightVariants } from '../../../lib/constants';
 export var alertDialogCancelVariants = cva("inline-flex justify-center items-center text-slate-11 bg-slate-3 outline-none border-none\n    dark:text-slateDark-11 dark:bg-slateDark-3 dark:hover:bg-slateDarkA-4\n    active:border-none hover:cursor-pointer hover:bg-slateA-4", {
     variants: {
         radius: {

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogContent.d.ts

@@ -6,6 +6,6 @@ export interface AlertDialogContentProps extends VariantProps<typeof alertDialog
 export declare const alertDialogContentVariants: (props?: ({
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogContent.js

@@ -24,8 +24,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { radiusVariants, scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { radiusVariants, scalingVariants } from '../../../lib/constants';
 export var alertDialogContentVariants = cva("fixed max-h-[85vh] top-[50%] left-[50%] focus:outline-none\n  translate-x-[-50%] translate-y-[-50%] data-[state=open]:animate-contentShow bg-white dark:bg-slateDark-1 \n  shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px]", {
     variants: {
         size: {

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogDescription.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var alertDialogDescriptionVariants = cva("text-slate-12 dark:text-slateDark-12 font-normal", {
     variants: {
         size: {

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogTitle.js

@@ -24,7 +24,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
+import { cn } from '../../../lib/utils/utils';
 export var alertDialogTitleVariants = cva("m-0 text-slate-12 dark:text-slateDark-12 font-bold", {
     variants: {
         size: {

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogTrigger.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { VariantProps } from 'class-variance-authority';
-import { IAppearance, IColor } from 'lib/types';
+import { IAppearance, IColor } from '../../../lib/types';
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     color?: IColor;
     appearance?: IAppearance;
 }
 declare const buttonVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | "x-large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{src/lib → lib}/components/AlertDialog/AlertDialogTrigger.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { cva } from 'class-variance-authority';
-import { radiusVariants, scalingVariants, weightVariants, primaryColorStyle, appearanceStyle, } from 'lib/constants';
-import { cn } from 'lib/utils/utils';
+import { radiusVariants, scalingVariants, weightVariants, primaryColorStyle, appearanceStyle, } from '../../../lib/constants';
+import { cn } from '../../../lib/utils/utils';
 var buttonVariants = cva("inline-flex items-center transition-colors focus:outline-none hover:cursor-pointer\n  disabled:cursor-not-allowed disabled:bg-slate-3 disabled:text-slate-8", {
     variants: {
         radius: __assign({}, radiusVariants['base']),

package/dist/{src/lib → lib}/components/AlertDialog/index.d.ts

@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
 import { alertDialogContentVariants } from './AlertDialogContent';
 import { alertDialogTitleVariants } from './AlertDialogTitle';
 import { alertDialogDescriptionVariants } from './AlertDialogDescription';
-import { IColor } from 'lib/types';
+import { IColor } from '../../../lib/types';
 export * from './AlertDialogTrigger';
 export * from './AlertDialogContent';
 export * from './AlertDialogTitle';

package/dist/{src/lib → lib}/components/AspectRatio/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { scalingVariants } from '../../../lib/constants';
 export var aspectRatioVariants = cva('', {
     variants: {
         scaling: __assign({}, scalingVariants),

package/dist/{src/lib → lib}/components/Avatar/index.d.ts

@@ -8,7 +8,7 @@ export interface AvatarProps extends VariantProps<typeof AvatarVariants> {
     fallbackClassName?: string;
 }
 declare const AvatarVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
     color?: string | null | undefined;

package/dist/{src/lib → lib}/components/Avatar/index.js

@@ -24,8 +24,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants } from '../../../lib/constants';
 var AvatarVariants = cva('font-medium', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

package/dist/{src/lib → lib}/components/Badge/index.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from 'react';
 import { VariantProps } from 'class-variance-authority';
-import { IColor, IAppearance, ISize, IWeight } from 'lib/types';
+import { IColor, IAppearance, ISize, IWeight } from '../../../lib/types';
 export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof BadgeVariants> {
     color?: IColor;
     appearance?: Exclude<IAppearance, 'classic' | 'ghost'>;
@@ -8,10 +8,10 @@ export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps
     weight?: IWeight;
 }
 declare const BadgeVariants: (props?: ({
-    radius?: "small" | "none" | "medium" | "large" | "full" | null | undefined;
+    radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
-    weight?: "bold" | "medium" | "regular" | "semibold" | null | undefined;
+    weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
     color?: string | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & BadgeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{src/lib → lib}/components/Badge/index.js

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { cva } from 'class-variance-authority';
-import { cn } from 'lib/utils/utils';
-import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants, weightVariants, } from 'lib/constants';
+import { cn } from '../../../lib/utils/utils';
+import { appearanceStyle, primaryColorStyle, radiusVariants, scalingVariants, weightVariants, } from '../../../lib/constants';
 var BadgeVariants = cva('inline-flex items-center transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
     variants: {
         radius: __assign({}, radiusVariants['base']),

package/dist/{src/lib → lib}/components/BubbleChart/index.d.ts

@@ -1,4 +1,4 @@
-import { PointStyle } from 'lib/types';
+import { PointStyle } from '../../../lib/types';
 import { VariantProps } from 'class-variance-authority';
 export interface BubbleChartProps extends VariantProps<typeof bubbleChartVariants> {
     datasets: {