@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.
Files changed (137) hide show
  1. package/dist/Typography/index.d.ts +2 -0
  2. package/dist/Typography/index.js +2 -0
  3. package/dist/app/layout.d.ts +7 -0
  4. package/dist/app/layout.jsx +13 -0
  5. package/dist/app/page.d.ts +2 -0
  6. package/dist/app/page.jsx +42 -0
  7. package/dist/app/template/badgeTemplate.d.ts +12 -0
  8. package/dist/app/template/badgeTemplate.jsx +82 -0
  9. package/dist/app/template/buttonTemplate.d.ts +12 -0
  10. package/dist/app/template/buttonTemplate.jsx +82 -0
  11. package/dist/app/template/colorPicker.d.ts +7 -0
  12. package/dist/app/template/colorPicker.jsx +19 -0
  13. package/dist/app/template/textTemplate.d.ts +11 -0
  14. package/dist/app/template/textTemplate.jsx +72 -0
  15. package/dist/app/template/theme.d.ts +12 -0
  16. package/dist/app/template/theme.jsx +44 -0
  17. package/dist/color/alpha.d.ts +784 -0
  18. package/dist/color/alpha.js +784 -0
  19. package/dist/color/constants.d.ts +20 -0
  20. package/dist/color/constants.js +200 -0
  21. package/dist/color/dark.d.ts +392 -0
  22. package/dist/color/dark.js +392 -0
  23. package/dist/color/krdsColors.d.ts +309 -0
  24. package/dist/color/krdsColors.js +309 -0
  25. package/dist/color/light.d.ts +392 -0
  26. package/dist/color/light.js +393 -0
  27. package/dist/components/index.js +0 -3
  28. package/dist/constants.d.ts +185 -0
  29. package/dist/constants.js +569 -0
  30. package/dist/index.d.ts +5 -0
  31. package/dist/index.js +5 -0
  32. package/dist/stories/Welcome.d.ts +3 -0
  33. package/dist/stories/Welcome.jsx +48 -0
  34. package/dist/stories/accordion/Accordion.stories.d.ts +71 -0
  35. package/dist/stories/accordion/Accordion.stories.jsx +79 -0
  36. package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +107 -0
  37. package/dist/stories/alert-dialog/AlertDialog.stories.jsx +73 -0
  38. package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +68 -0
  39. package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +106 -0
  40. package/dist/stories/avatar/Avatar.stories.d.ts +127 -0
  41. package/dist/stories/avatar/Avatar.stories.jsx +105 -0
  42. package/dist/stories/badge/Badge.stories.d.ts +133 -0
  43. package/dist/stories/badge/Badge.stories.jsx +130 -0
  44. package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +103 -0
  45. package/dist/stories/bubble-chart/BubbleChart.stories.jsx +176 -0
  46. package/dist/stories/button/Button.stories.d.ts +148 -0
  47. package/dist/stories/button/Button.stories.jsx +98 -0
  48. package/dist/stories/button/IconButton.stories.d.ts +125 -0
  49. package/dist/stories/button/IconButton.stories.jsx +93 -0
  50. package/dist/stories/callout/Callout.stories.d.ts +129 -0
  51. package/dist/stories/callout/Callout.stories.jsx +205 -0
  52. package/dist/stories/card/Card.stories.d.ts +100 -0
  53. package/dist/stories/card/Card.stories.jsx +134 -0
  54. package/dist/stories/checkbox/Checkbox.stories.d.ts +147 -0
  55. package/dist/stories/checkbox/Checkbox.stories.jsx +166 -0
  56. package/dist/stories/checkbox/CheckboxCard.stories.d.ts +129 -0
  57. package/dist/stories/checkbox/CheckboxCard.stories.jsx +125 -0
  58. package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +91 -0
  59. package/dist/stories/checkbox/CheckboxGroup.stories.jsx +144 -0
  60. package/dist/stories/context-menu/ContextMenu.stories.d.ts +113 -0
  61. package/dist/stories/context-menu/ContextMenu.stories.jsx +155 -0
  62. package/dist/stories/data-list/DataList.stories.d.ts +97 -0
  63. package/dist/stories/data-list/DataList.stories.jsx +185 -0
  64. package/dist/stories/dialog/Dialog.stories.d.ts +88 -0
  65. package/dist/stories/dialog/Dialog.stories.jsx +82 -0
  66. package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +181 -0
  67. package/dist/stories/doughnut-chart/DoughnutChart.stories.jsx +236 -0
  68. package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +112 -0
  69. package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +170 -0
  70. package/dist/stories/header/Header.stories.d.ts +112 -0
  71. package/dist/stories/header/Header.stories.jsx +116 -0
  72. package/dist/stories/hover-card/HoverCard.stories.d.ts +107 -0
  73. package/dist/stories/hover-card/HoverCard.stories.jsx +98 -0
  74. package/dist/stories/inset/Inset.stories.d.ts +58 -0
  75. package/dist/stories/inset/Inset.stories.jsx +79 -0
  76. package/dist/stories/label/Label.stories.d.ts +94 -0
  77. package/dist/stories/label/Label.stories.jsx +112 -0
  78. package/dist/stories/menubar/Menubar.stories.d.ts +119 -0
  79. package/dist/stories/menubar/Menubar.stories.jsx +135 -0
  80. package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +385 -0
  81. package/dist/stories/navigation-menu/NavigationMenu.stories.jsx +144 -0
  82. package/dist/stories/pie-chart/PieChart.stories.d.ts +186 -0
  83. package/dist/stories/pie-chart/PieChart.stories.jsx +300 -0
  84. package/dist/stories/popover/Popover.stories.d.ts +78 -0
  85. package/dist/stories/popover/Popover.stories.jsx +107 -0
  86. package/dist/stories/progress/Progress.stories.d.ts +113 -0
  87. package/dist/stories/progress/Progress.stories.jsx +82 -0
  88. package/dist/stories/radar-chart/RadarChart.stories.d.ts +111 -0
  89. package/dist/stories/radar-chart/RadarChart.stories.jsx +200 -0
  90. package/dist/stories/radio/Radio.stories.d.ts +108 -0
  91. package/dist/stories/radio/Radio.stories.jsx +94 -0
  92. package/dist/stories/radio/RadioCards.stories.d.ts +127 -0
  93. package/dist/stories/radio/RadioCards.stories.jsx +153 -0
  94. package/dist/stories/radio/RadioGroup.stories.d.ts +111 -0
  95. package/dist/stories/radio/RadioGroup.stories.jsx +142 -0
  96. package/dist/stories/scroll-area/ScrollArea.stories.d.ts +59 -0
  97. package/dist/stories/scroll-area/ScrollArea.stories.jsx +123 -0
  98. package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +97 -0
  99. package/dist/stories/segmented-control/SegmentedControl.stories.jsx +101 -0
  100. package/dist/stories/select/Select.stories.d.ts +116 -0
  101. package/dist/stories/select/Select.stories.jsx +149 -0
  102. package/dist/stories/separator/Separator.stories.d.ts +93 -0
  103. package/dist/stories/separator/Separator.stories.jsx +106 -0
  104. package/dist/stories/skeleton/Skeleton.stories.d.ts +88 -0
  105. package/dist/stories/skeleton/Skeleton.stories.jsx +119 -0
  106. package/dist/stories/slider/Slider.stories.d.ts +114 -0
  107. package/dist/stories/slider/Slider.stories.jsx +94 -0
  108. package/dist/stories/spinner/Spinner.stories.d.ts +83 -0
  109. package/dist/stories/spinner/Spinner.stories.jsx +112 -0
  110. package/dist/stories/switch/Switch.stories.d.ts +146 -0
  111. package/dist/stories/switch/Switch.stories.jsx +119 -0
  112. package/dist/stories/tab-nav/TabNav.stories.d.ts +55 -0
  113. package/dist/stories/tab-nav/TabNav.stories.jsx +68 -0
  114. package/dist/stories/table/Table.stories.d.ts +87 -0
  115. package/dist/stories/table/Table.stories.jsx +106 -0
  116. package/dist/stories/tabs/Tabs.stories.d.ts +55 -0
  117. package/dist/stories/tabs/Tabs.stories.jsx +76 -0
  118. package/dist/stories/text/Text.stories.d.ts +74 -0
  119. package/dist/stories/text/Text.stories.jsx +91 -0
  120. package/dist/stories/textArea/TextArea.stories.d.ts +117 -0
  121. package/dist/stories/textArea/TextArea.stories.jsx +112 -0
  122. package/dist/stories/textfield/TextField.stories.d.ts +116 -0
  123. package/dist/stories/textfield/TextField.stories.jsx +120 -0
  124. package/dist/stories/toast/Toast.stories.d.ts +138 -0
  125. package/dist/stories/toast/Toast.stories.jsx +122 -0
  126. package/dist/stories/toggle/Toggle.stories.d.ts +115 -0
  127. package/dist/stories/toggle/Toggle.stories.jsx +106 -0
  128. package/dist/stories/toggle/ToggleGroup.stories.d.ts +103 -0
  129. package/dist/stories/toggle/ToggleGroup.stories.jsx +127 -0
  130. package/dist/stories/tooltip/Tooltip.stories.d.ts +93 -0
  131. package/dist/stories/tooltip/Tooltip.stories.jsx +91 -0
  132. package/dist/tsconfig.tsbuildinfo +1 -0
  133. package/dist/types.d.ts +11 -0
  134. package/dist/types.js +1 -0
  135. package/dist/utils/utils.d.ts +3 -0
  136. package/dist/utils/utils.js +27 -0
  137. package/package.json +4 -6
@@ -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,3 @@
1
+ import { type ClassValue } from 'clsx';
2
+ export declare function cn(...inputs: ClassValue[]): string;
3
+ export declare function textColorFormat(colors: Record<string, Record<string, string>>): Record<string, string>;
@@ -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",
4
+ "version": "0.0.6",
5
5
  "private": false,
6
6
  "type": "module",
7
7
  "files": [
8
- "dist/components",
9
- "dist/Typography"
8
+ "dist"
10
9
  ],
11
- "main": "dist/components/index.js",
12
- "module": "dist/components/index.js",
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
  },