@lotte-innovate/ui-component-test 0.1.28 → 0.1.30
Sign up to get free protection for your applications and to get access to all the features.
package/README.md
CHANGED
@@ -1,5 +1,9 @@
|
|
1
1
|
# LOTTE UI COMPONENT LIBRARY
|
2
2
|
|
3
|
+
<div style="padding: 20px;">
|
4
|
+
<img src="./Welcome.png" style="width: auto; height: auto;" alt="컴포넌트 이미지입니다."/>
|
5
|
+
</div>
|
6
|
+
|
3
7
|
---
|
4
8
|
|
5
9
|
<br />
|
@@ -67,7 +71,7 @@ export default App;
|
|
67
71
|
```javascript
|
68
72
|
import React from 'react';
|
69
73
|
import { IconButton } from '@lotte-innovate/ui-component-test';
|
70
|
-
import { MagnifyingGlassIcon } from
|
74
|
+
import { MagnifyingGlassIcon } from '@radix-ui/react-icons';
|
71
75
|
|
72
76
|
const App = () => {
|
73
77
|
return (
|
@@ -82,7 +86,6 @@ const App = () => {
|
|
82
86
|
export default App;
|
83
87
|
```
|
84
88
|
|
85
|
-
|
86
89
|
## Components
|
87
90
|
|
88
91
|
주요 컴포넌트는 이런 이런 종류가 있습니다. (추가 설명 작성 예정)
|
@@ -40,8 +40,9 @@ export var ToggleGroupContext = createContext({
|
|
40
40
|
appearance: 'surface',
|
41
41
|
});
|
42
42
|
export var ToggleGroupRoot = forwardRef(function (_a, ref) {
|
43
|
-
var className = _a.className, children = _a.children,
|
43
|
+
var className = _a.className, children = _a.children, scaling = _a.scaling, size = _a.size, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["className", "children", "scaling", "size", "color", "appearance"]);
|
44
|
+
var type = __assign({}, props).type;
|
44
45
|
var contextValue = { size: size, color: color, appearance: appearance };
|
45
|
-
return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({
|
46
|
+
return (_jsx(ToggleGroupContext.Provider, { value: contextValue, children: type === 'single' ? (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) : (_jsx(ToggleGroupPrimitive.Root, __assign({ className: cn(toggleVariants({ scaling: scaling }), className) }, props, { ref: ref, children: children }))) }));
|
46
47
|
});
|
47
48
|
ToggleGroupRoot.displayName = 'ToggleGroup.Root';
|
package/package.json
CHANGED
@@ -1,14 +1,15 @@
|
|
1
1
|
{
|
2
2
|
"name": "@lotte-innovate/ui-component-test",
|
3
3
|
"description": "Lotte UI Library",
|
4
|
-
"version": "0.1.
|
4
|
+
"version": "0.1.30",
|
5
5
|
"private": false,
|
6
6
|
"type": "module",
|
7
7
|
"files": [
|
8
8
|
"dist/lib",
|
9
9
|
"dist/tailwind.config.d.ts",
|
10
10
|
"dist/tailwind.config.js",
|
11
|
-
"dist/globals.css"
|
11
|
+
"dist/globals.css",
|
12
|
+
"src/lib/Welcome.png"
|
12
13
|
],
|
13
14
|
"main": "dist/lib/index.js",
|
14
15
|
"module": "dist/lib/index.js",
|
Binary file
|