@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.
- 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++) {
|