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

Sign up to get free protection for your applications and to get access to all the features.
@@ -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": [