@lotte-innovate/ui-component-test 0.1.28 → 0.1.29
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/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';
|