@lotte-innovate/ui-component-test 0.0.4 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Typography/index.d.ts +2 -0
- package/dist/Typography/index.js +2 -0
- package/dist/app/layout.d.ts +7 -0
- package/dist/app/layout.jsx +13 -0
- package/dist/app/page.d.ts +2 -0
- package/dist/app/page.jsx +42 -0
- package/dist/app/template/badgeTemplate.d.ts +12 -0
- package/dist/app/template/badgeTemplate.jsx +82 -0
- package/dist/app/template/buttonTemplate.d.ts +12 -0
- package/dist/app/template/buttonTemplate.jsx +82 -0
- package/dist/app/template/colorPicker.d.ts +7 -0
- package/dist/app/template/colorPicker.jsx +19 -0
- package/dist/app/template/textTemplate.d.ts +11 -0
- package/dist/app/template/textTemplate.jsx +72 -0
- package/dist/app/template/theme.d.ts +12 -0
- package/dist/app/template/theme.jsx +44 -0
- package/dist/color/alpha.d.ts +784 -0
- package/dist/color/alpha.js +784 -0
- package/dist/color/constants.d.ts +20 -0
- package/dist/color/constants.js +200 -0
- package/dist/color/dark.d.ts +392 -0
- package/dist/color/dark.js +392 -0
- package/dist/color/krdsColors.d.ts +309 -0
- package/dist/color/krdsColors.js +309 -0
- package/dist/color/light.d.ts +392 -0
- package/dist/color/light.js +393 -0
- package/dist/components/index.js +0 -3
- package/dist/constants.d.ts +185 -0
- package/dist/constants.js +569 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -0
- package/dist/stories/Welcome.d.ts +3 -0
- package/dist/stories/Welcome.jsx +48 -0
- package/dist/stories/accordion/Accordion.stories.d.ts +71 -0
- package/dist/stories/accordion/Accordion.stories.jsx +79 -0
- package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +107 -0
- package/dist/stories/alert-dialog/AlertDialog.stories.jsx +73 -0
- package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +68 -0
- package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +106 -0
- package/dist/stories/avatar/Avatar.stories.d.ts +127 -0
- package/dist/stories/avatar/Avatar.stories.jsx +105 -0
- package/dist/stories/badge/Badge.stories.d.ts +133 -0
- package/dist/stories/badge/Badge.stories.jsx +130 -0
- package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +103 -0
- package/dist/stories/bubble-chart/BubbleChart.stories.jsx +176 -0
- package/dist/stories/button/Button.stories.d.ts +148 -0
- package/dist/stories/button/Button.stories.jsx +98 -0
- package/dist/stories/button/IconButton.stories.d.ts +125 -0
- package/dist/stories/button/IconButton.stories.jsx +93 -0
- package/dist/stories/callout/Callout.stories.d.ts +129 -0
- package/dist/stories/callout/Callout.stories.jsx +205 -0
- package/dist/stories/card/Card.stories.d.ts +100 -0
- package/dist/stories/card/Card.stories.jsx +134 -0
- package/dist/stories/checkbox/Checkbox.stories.d.ts +147 -0
- package/dist/stories/checkbox/Checkbox.stories.jsx +166 -0
- package/dist/stories/checkbox/CheckboxCard.stories.d.ts +129 -0
- package/dist/stories/checkbox/CheckboxCard.stories.jsx +125 -0
- package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +91 -0
- package/dist/stories/checkbox/CheckboxGroup.stories.jsx +144 -0
- package/dist/stories/context-menu/ContextMenu.stories.d.ts +113 -0
- package/dist/stories/context-menu/ContextMenu.stories.jsx +155 -0
- package/dist/stories/data-list/DataList.stories.d.ts +97 -0
- package/dist/stories/data-list/DataList.stories.jsx +185 -0
- package/dist/stories/dialog/Dialog.stories.d.ts +88 -0
- package/dist/stories/dialog/Dialog.stories.jsx +82 -0
- package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +181 -0
- package/dist/stories/doughnut-chart/DoughnutChart.stories.jsx +236 -0
- package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +112 -0
- package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +170 -0
- package/dist/stories/header/Header.stories.d.ts +112 -0
- package/dist/stories/header/Header.stories.jsx +116 -0
- package/dist/stories/hover-card/HoverCard.stories.d.ts +107 -0
- package/dist/stories/hover-card/HoverCard.stories.jsx +98 -0
- package/dist/stories/inset/Inset.stories.d.ts +58 -0
- package/dist/stories/inset/Inset.stories.jsx +79 -0
- package/dist/stories/label/Label.stories.d.ts +94 -0
- package/dist/stories/label/Label.stories.jsx +112 -0
- package/dist/stories/menubar/Menubar.stories.d.ts +119 -0
- package/dist/stories/menubar/Menubar.stories.jsx +135 -0
- package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +385 -0
- package/dist/stories/navigation-menu/NavigationMenu.stories.jsx +144 -0
- package/dist/stories/pie-chart/PieChart.stories.d.ts +186 -0
- package/dist/stories/pie-chart/PieChart.stories.jsx +300 -0
- package/dist/stories/popover/Popover.stories.d.ts +78 -0
- package/dist/stories/popover/Popover.stories.jsx +107 -0
- package/dist/stories/progress/Progress.stories.d.ts +113 -0
- package/dist/stories/progress/Progress.stories.jsx +82 -0
- package/dist/stories/radar-chart/RadarChart.stories.d.ts +111 -0
- package/dist/stories/radar-chart/RadarChart.stories.jsx +200 -0
- package/dist/stories/radio/Radio.stories.d.ts +108 -0
- package/dist/stories/radio/Radio.stories.jsx +94 -0
- package/dist/stories/radio/RadioCards.stories.d.ts +127 -0
- package/dist/stories/radio/RadioCards.stories.jsx +153 -0
- package/dist/stories/radio/RadioGroup.stories.d.ts +111 -0
- package/dist/stories/radio/RadioGroup.stories.jsx +142 -0
- package/dist/stories/scroll-area/ScrollArea.stories.d.ts +59 -0
- package/dist/stories/scroll-area/ScrollArea.stories.jsx +123 -0
- package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +97 -0
- package/dist/stories/segmented-control/SegmentedControl.stories.jsx +101 -0
- package/dist/stories/select/Select.stories.d.ts +116 -0
- package/dist/stories/select/Select.stories.jsx +149 -0
- package/dist/stories/separator/Separator.stories.d.ts +93 -0
- package/dist/stories/separator/Separator.stories.jsx +106 -0
- package/dist/stories/skeleton/Skeleton.stories.d.ts +88 -0
- package/dist/stories/skeleton/Skeleton.stories.jsx +119 -0
- package/dist/stories/slider/Slider.stories.d.ts +114 -0
- package/dist/stories/slider/Slider.stories.jsx +94 -0
- package/dist/stories/spinner/Spinner.stories.d.ts +83 -0
- package/dist/stories/spinner/Spinner.stories.jsx +112 -0
- package/dist/stories/switch/Switch.stories.d.ts +146 -0
- package/dist/stories/switch/Switch.stories.jsx +119 -0
- package/dist/stories/tab-nav/TabNav.stories.d.ts +55 -0
- package/dist/stories/tab-nav/TabNav.stories.jsx +68 -0
- package/dist/stories/table/Table.stories.d.ts +87 -0
- package/dist/stories/table/Table.stories.jsx +106 -0
- package/dist/stories/tabs/Tabs.stories.d.ts +55 -0
- package/dist/stories/tabs/Tabs.stories.jsx +76 -0
- package/dist/stories/text/Text.stories.d.ts +74 -0
- package/dist/stories/text/Text.stories.jsx +91 -0
- package/dist/stories/textArea/TextArea.stories.d.ts +117 -0
- package/dist/stories/textArea/TextArea.stories.jsx +112 -0
- package/dist/stories/textfield/TextField.stories.d.ts +116 -0
- package/dist/stories/textfield/TextField.stories.jsx +120 -0
- package/dist/stories/toast/Toast.stories.d.ts +138 -0
- package/dist/stories/toast/Toast.stories.jsx +122 -0
- package/dist/stories/toggle/Toggle.stories.d.ts +115 -0
- package/dist/stories/toggle/Toggle.stories.jsx +106 -0
- package/dist/stories/toggle/ToggleGroup.stories.d.ts +103 -0
- package/dist/stories/toggle/ToggleGroup.stories.jsx +127 -0
- package/dist/stories/tooltip/Tooltip.stories.d.ts +93 -0
- package/dist/stories/tooltip/Tooltip.stories.jsx +91 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/types.d.ts +11 -0
- package/dist/types.js +1 -0
- package/dist/utils/utils.d.ts +3 -0
- package/dist/utils/utils.js +27 -0
- package/package.json +4 -6
package/dist/types.d.ts
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
export type IRadius = 'none' | 'small' | 'medium' | 'large' | 'full';
|
2
|
+
export type IScaling = '90%' | '95%' | '100%' | '105%' | '110%';
|
3
|
+
export type IWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
4
|
+
export type ITheme = 'light' | 'dark';
|
5
|
+
export type ITypoSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';
|
6
|
+
export type ISize = 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
|
7
|
+
export type IAppearance = 'classic' | 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
|
8
|
+
export type PointStyle = 'circle' | 'cross' | 'crossRot' | 'dash' | 'line' | 'rect' | 'rectRounded' | 'rectRot' | 'star' | 'triangle' | false;
|
9
|
+
export type IColor = 'slate' | 'olive' | 'sand' | 'tomato' | 'red' | 'ruby' | 'crimson' | 'pink' | 'plum' | 'purple' | 'violet' | 'iris' | 'indigo' | 'blue' | 'cyan' | 'teal' | 'jade' | 'green' | 'grass' | 'brown' | 'bronze' | 'gold' | 'sky' | 'mint' | 'lime' | 'yellow' | 'amber' | 'orange' | 'black' | 'white';
|
10
|
+
export type IDarkColor = 'blackDark' | 'whiteDark' | 'slateDark' | 'oliveDark' | 'sandDark' | 'tomatoDark' | 'redDark' | 'rubyDark' | 'crimsonDark' | 'pinkDark' | 'plumDark' | 'purpleDark' | 'violetDark' | 'irisDark' | 'indigoDark' | 'blueDark' | 'cyanDark' | 'tealDark' | 'jadeDark' | 'greenDark' | 'grassDark' | 'brownDark' | 'bronzeDark' | 'goldDark' | 'skyDark' | 'mintDark' | 'limeDark' | 'yellowDark' | 'amberDark' | 'orangeDark' | 'slateDarkA' | 'oliveDarkA' | 'sandDarkA' | 'tomatoDarkA' | 'redDarkA' | 'rubyDarkA' | 'crimsonDarkA' | 'pinkDarkA' | 'plumDarkA' | 'purpleDarkA' | 'violetDarkA' | 'irisDarkA' | 'indigoDarkA' | 'blueDarkA' | 'cyanDarkA' | 'tealDarkA' | 'jadeDarkA' | 'greenDarkA' | 'grassDarkA' | 'brownDarkA' | 'bronzeDarkA' | 'goldDarkA' | 'skyDarkA' | 'mintDarkA' | 'limeDarkA' | 'yellowDarkA' | 'amberDarkA' | 'orangeDarkA';
|
11
|
+
export type IAlphaColor = 'slateA' | 'oliveA' | 'sandA' | 'tomatoA' | 'redA' | 'rubyA' | 'crimsonA' | 'pinkA' | 'plumA' | 'purpleA' | 'violetA' | 'irisA' | 'indigoA' | 'blueA' | 'cyanA' | 'tealA' | 'jadeA' | 'greenA' | 'grassA' | 'brownA' | 'bronzeA' | 'goldA' | 'skyA' | 'mintA' | 'limeA' | 'yellowA' | 'amberA' | 'orangeA';
|
package/dist/types.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { clsx } from 'clsx';
|
2
|
+
import { twMerge } from 'tailwind-merge';
|
3
|
+
// tailwind를 merge할 때 발생할 수 있는 클래스 충돌 문제 해결
|
4
|
+
export function cn() {
|
5
|
+
var inputs = [];
|
6
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
7
|
+
inputs[_i] = arguments[_i];
|
8
|
+
}
|
9
|
+
return twMerge(clsx(inputs));
|
10
|
+
}
|
11
|
+
export function textColorFormat(colors) {
|
12
|
+
var _a;
|
13
|
+
var formatcolors = {};
|
14
|
+
for (var _i = 0, _b = Object.entries(colors); _i < _b.length; _i++) {
|
15
|
+
var _c = _b[_i], cn_1 = _c[0], c = _c[1];
|
16
|
+
var colorName = cn_1.toLowerCase();
|
17
|
+
for (var _d = 0, _e = Object.entries(c); _d < _e.length; _d++) {
|
18
|
+
var _f = _e[_d], radixScale = _f[0], value = _f[1];
|
19
|
+
var scale = (_a = radixScale.match(/\d+$/)) === null || _a === void 0 ? void 0 : _a[0];
|
20
|
+
if (!scale) {
|
21
|
+
continue;
|
22
|
+
}
|
23
|
+
formatcolors["".concat(cn_1).concat(scale)] = "text-".concat(colorName, "-").concat(scale);
|
24
|
+
}
|
25
|
+
}
|
26
|
+
return formatcolors;
|
27
|
+
}
|
package/package.json
CHANGED
@@ -1,16 +1,14 @@
|
|
1
1
|
{
|
2
2
|
"name": "@lotte-innovate/ui-component-test",
|
3
3
|
"description": "Lotte UI Library",
|
4
|
-
"version": "0.0.
|
4
|
+
"version": "0.0.6",
|
5
5
|
"private": false,
|
6
6
|
"type": "module",
|
7
7
|
"files": [
|
8
|
-
"dist
|
9
|
-
"dist/Typography"
|
8
|
+
"dist"
|
10
9
|
],
|
11
|
-
"main": "dist/
|
12
|
-
"
|
13
|
-
"types": "dist/components/index.d.ts",
|
10
|
+
"main": "dist/index.js",
|
11
|
+
"types": "dist/index.d.ts",
|
14
12
|
"publishConfig": {
|
15
13
|
"access": "public"
|
16
14
|
},
|