@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.
- package/dist/lib/color/constants.js +0 -2
- package/dist/lib/color/light.js +0 -1
- package/dist/lib/components/Slider/index.js +0 -1
- package/dist/lib/components/Tooltip/index.js +0 -1
- package/dist/lib/components/index.js +0 -2
- package/dist/lib/constants.js +9 -16
- package/dist/lib/utils/utils.js +0 -1
- package/dist/tailwind.config.js +0 -5
- package/package.json +1 -1
@@ -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',
|
package/dist/lib/color/light.js
CHANGED
@@ -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';
|
package/dist/lib/constants.js
CHANGED
@@ -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',
|
46
|
-
large: 'rounded-md',
|
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',
|
54
|
-
large: 'rounded-xl',
|
55
|
-
full: 'rounded-2xl',
|
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',
|
76
|
-
medium: 'font-medium',
|
77
|
-
semibold: 'font-semibold',
|
78
|
-
bold: 'font-bold',
|
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: {
|
package/dist/lib/utils/utils.js
CHANGED
package/dist/tailwind.config.js
CHANGED
@@ -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++) {
|