@lotte-innovate/ui-component-test 0.1.43 → 0.1.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,6 @@
1
1
  import { blue, crimson, teal, orange, purple, amber, slate, cyan, red, grass, brown, indigo, plum, yellow, sky, lime, } from './light';
2
2
  import { blueA, crimsonA, tealA, orangeA, purpleA, amberA, slateA, cyanA, redA, grassA, brownA, indigoA, plumA, yellowA, skyA, limeA, } from './alpha';
3
3
  export var colorOptions = [
4
- // 'black',
5
4
  'slate',
6
5
  'olive',
7
6
  'sand',
@@ -30,7 +29,6 @@ export var colorOptions = [
30
29
  'yellow',
31
30
  'amber',
32
31
  'orange',
33
- // 'white',
34
32
  ];
35
33
  export var alphaColorOptions = [
36
34
  'slateA',
@@ -1,4 +1,3 @@
1
- // 기본 그레이 색상
2
1
  export var slate = {
3
2
  1: '#fcfcfd',
4
3
  2: '#f9f9fb',
@@ -29,7 +29,6 @@ import { Theme, Slider as SliderTheme } from '@radix-ui/themes';
29
29
  var sliderVariants = cva('relative flex items-center select-none touch-none w-[200px] h-5', {
30
30
  variants: {
31
31
  radius: __assign({}, radiusVariants['base']),
32
- // color: bgColorStyle(),
33
32
  },
34
33
  });
35
34
  export var Slider = React.forwardRef(function (_a, forwardedRef) {
@@ -21,7 +21,6 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
- // your-tooltip.jsx
25
24
  import React from 'react';
26
25
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
27
26
  import { cva } from 'class-variance-authority';
@@ -1,4 +1,3 @@
1
- // Component
2
1
  export { default as Accordion } from './Accordion';
3
2
  export { default as AlertDialog } from './AlertDialog';
4
3
  export { default as AspectRatio } from './AspectRatio';
@@ -43,7 +42,6 @@ export { default as ToggleWithText } from './Toggle/ToggleWithText';
43
42
  export { default as ToggleGroup } from './ToggleGroup';
44
43
  export { default as ToggleSwitch } from './ToggleSwitch';
45
44
  export { default as Tooltip } from './Tooltip';
46
- // Chart
47
45
  export { default as BarChart } from './BarChart';
48
46
  export { default as BubbleChart } from './BubbleChart';
49
47
  export { default as RadarChart } from './RadarChart';
@@ -14,7 +14,6 @@ export var appearanceOptions = [
14
14
  'solid',
15
15
  'surface',
16
16
  ];
17
- //차트
18
17
  export var labelPositionList = ['top', 'bottom', 'left', 'right'];
19
18
  export var pointStyleList = [
20
19
  'circle',
@@ -30,7 +29,6 @@ export var pointStyleList = [
30
29
  false,
31
30
  ];
32
31
  export var radiusVariants = {
33
- // 체크박스
34
32
  small: {
35
33
  none: 'rounded-none',
36
34
  small: 'rounded-[3px]',
@@ -38,23 +36,20 @@ export var radiusVariants = {
38
36
  large: 'rounded',
39
37
  full: 'rounded',
40
38
  },
41
- // 라디오버튼, 스위치, 태그, 배지, 버튼, 텍스트인풋, 텍스트영역, 페이지네이션
42
39
  base: {
43
40
  none: 'rounded-none',
44
41
  small: 'rounded-[3px]',
45
- medium: 'rounded', // 4px
46
- large: 'rounded-md', // 6px
42
+ medium: 'rounded',
43
+ large: 'rounded-md',
47
44
  full: 'rounded-full',
48
45
  },
49
- // 배너
50
46
  large: {
51
47
  none: 'rounded-none',
52
48
  small: 'rounded',
53
- medium: 'rounded-lg', // 8px
54
- large: 'rounded-xl', // 12px
55
- full: 'rounded-2xl', // 16px
49
+ medium: 'rounded-lg',
50
+ large: 'rounded-xl',
51
+ full: 'rounded-2xl',
56
52
  },
57
- // 다이얼로그, 바텀시트, 그리드, 카드
58
53
  'extra-large': {
59
54
  none: 'rounded-none',
60
55
  small: 'rounded',
@@ -62,7 +57,6 @@ export var radiusVariants = {
62
57
  large: 'rounded-xl',
63
58
  full: 'rounded-xl',
64
59
  },
65
- // Dropdown, Context Menu 아이템
66
60
  'menu-item': {
67
61
  none: 'rounded-none',
68
62
  small: 'rounded-[1px]',
@@ -72,10 +66,10 @@ export var radiusVariants = {
72
66
  },
73
67
  };
74
68
  export var weightVariants = {
75
- regular: 'font-normal', // 400
76
- medium: 'font-medium', // 500
77
- semibold: 'font-semibold', // 600
78
- bold: 'font-bold', // 700
69
+ regular: 'font-normal',
70
+ medium: 'font-medium',
71
+ semibold: 'font-semibold',
72
+ bold: 'font-bold',
79
73
  };
80
74
  export var scalingVariants = {
81
75
  '90%': 'scale-90',
@@ -84,7 +78,6 @@ export var scalingVariants = {
84
78
  '105%': 'scale-105',
85
79
  '110%': 'scale-110',
86
80
  };
87
- // 스토리북 공통 argTypes 설정
88
81
  export var commonArgTypes = {
89
82
  typoSize: {
90
83
  table: {
@@ -1,6 +1,5 @@
1
1
  import { clsx } from 'clsx';
2
2
  import { twMerge } from 'tailwind-merge';
3
- // tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결
4
3
  export function cn() {
5
4
  var inputs = [];
6
5
  for (var _i = 0; _i < arguments.length; _i++) {
@@ -77,7 +77,6 @@ var config = {
77
77
  'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
78
78
  },
79
79
  colors: __assign(__assign(__assign({ danger: '#C40006', warning: '#AB6400', success: '#00713F', information: '#00749E' }, formatColors(lightColors)), formatColors(darkColors)), formatColors(alphaColors)),
80
- // radix tailwind
81
80
  keyframes: {
82
81
  overlayShow: {
83
82
  from: { opacity: '0' },
@@ -120,10 +119,6 @@ var config = {
120
119
  ],
121
120
  darkMode: 'class',
122
121
  };
123
- /**
124
- * tailwind 방식으로 변경
125
- * ex) bg-yellow-3
126
- */
127
122
  function formatColors(colors) {
128
123
  var formatcolors = {};
129
124
  for (var _i = 0, _a = Object.entries(colors); _i < _a.length; _i++) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lotte-innovate/ui-component-test",
3
3
  "description": "Lotte UI Library",
4
- "version": "0.1.43",
4
+ "version": "0.1.44",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "files": [