@mindlogic-ai/logician-ui 3.0.0-alpha.3 → 3.0.0-alpha.5
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/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.mjs +1 -1
- package/dist/components/Icon/_utils/createIcon.d.ts.map +1 -1
- package/dist/components/Icon/_utils/createIcon.js +1 -1
- package/dist/components/Icon/_utils/createIcon.js.map +1 -1
- package/dist/components/Icon/_utils/createIcon.mjs +1 -1
- package/dist/components/Icon/_utils/createIcon.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +2 -3
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/IconButton.mjs +2 -3
- package/dist/components/IconButton/IconButton.mjs.map +1 -1
- package/dist/components/Menu/MenuItem.js +1 -1
- package/dist/components/Menu/MenuItem.js.map +1 -1
- package/dist/components/Menu/MenuItem.mjs +1 -1
- package/dist/components/Menu/MenuItem.mjs.map +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +1 -1
- package/dist/theme/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/components/Card/Card.tsx +1 -1
- package/src/components/Icon/ICON_MANAGEMENT.md +56 -67
- package/src/components/Icon/_utils/createIcon.tsx +1 -0
- package/src/components/IconButton/IconButton.tsx +8 -4
- package/src/components/Menu/MenuItem.tsx +1 -1
- package/src/theme/index.ts +1 -1
|
@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
|
|
|
7
7
|
var Card_styles = require('./Card.styles.js');
|
|
8
8
|
|
|
9
9
|
const Card = React.forwardRef(({ clickable, variant = 'default', ...rest }, ref) => {
|
|
10
|
-
return (jsxRuntime.jsx(react.Card.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.
|
|
10
|
+
return (jsxRuntime.jsx(react.Card.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.200", borderRadius: "lg", transition: "0.3s all", p: 8, ...(clickable ? Card_styles.clickableStyles : {}), ...Card_styles.variantStyles[variant], ...rest }));
|
|
11
11
|
});
|
|
12
12
|
Card.displayName = 'Card';
|
|
13
13
|
|
|
@@ -5,7 +5,7 @@ import { Card as Card$1 } from '@chakra-ui/react';
|
|
|
5
5
|
import { variantStyles, clickableStyles } from './Card.styles.mjs';
|
|
6
6
|
|
|
7
7
|
const Card = forwardRef(({ clickable, variant = 'default', ...rest }, ref) => {
|
|
8
|
-
return (jsx(Card$1.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.
|
|
8
|
+
return (jsx(Card$1.Root, { ref: ref, position: "relative", bg: "white", color: "inherit", boxShadow: "none", border: "1px solid", borderColor: "gray.200", borderRadius: "lg", transition: "0.3s all", p: 8, ...(clickable ? clickableStyles : {}), ...variantStyles[variant], ...rest }));
|
|
9
9
|
});
|
|
10
10
|
Card.displayName = 'Card';
|
|
11
11
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAU,MAAM,kBAAkB,CAAC;AAGpD,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GACnD,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAWlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GACrB,eAAe,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EACvC,cAAc,MAAM,
|
|
1
|
+
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAU,MAAM,kBAAkB,CAAC;AAGpD,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,GACnD,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAWlC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GACrB,eAAe,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EACvC,cAAc,MAAM,iGA4BrB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,yBAAyB,CACvD,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAC/C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -45,7 +45,7 @@ const createIcon = (IconComponent, displayName) => {
|
|
|
45
45
|
const resolvedSize = typeof boxSize === 'string' && boxSize in sizeMapping
|
|
46
46
|
? sizeMapping[boxSize]
|
|
47
47
|
: boxSize;
|
|
48
|
-
return (jsxRuntime.jsx(ChakraIcon, { ref: ref, width: resolvedSize, height: resolvedSize, ...props }));
|
|
48
|
+
return (jsxRuntime.jsx(ChakraIcon, { ref: ref, color: "currentColor", width: resolvedSize, height: resolvedSize, ...props }));
|
|
49
49
|
});
|
|
50
50
|
WrappedIcon.displayName =
|
|
51
51
|
displayName || IconComponent.displayName || 'CreatedIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.js","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["chakra","forwardRef","_jsx"],"mappings":";;;;;;;;;AAOA;AACA,MAAM,WAAW,GAA2B;AAC1C,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;CACT;AAED;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,UAAU,GAAG,CACxB,aAAuC,EACvC,WAAoB,KAClB;;AAEF,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAC,aAAa,CAAC;AAExC,IAAA,MAAM,WAAW,GAAGC,gBAAU,CAC5B,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;;QAEpC,MAAM,YAAY,GAChB,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI;AACxC,cAAE,WAAW,CAAC,OAAO;cACnB,OAAO;
|
|
1
|
+
{"version":3,"file":"createIcon.js","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["chakra","forwardRef","_jsx"],"mappings":";;;;;;;;;AAOA;AACA,MAAM,WAAW,GAA2B;AAC1C,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;CACT;AAED;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,UAAU,GAAG,CACxB,aAAuC,EACvC,WAAoB,KAClB;;AAEF,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAC,aAAa,CAAC;AAExC,IAAA,MAAM,WAAW,GAAGC,gBAAU,CAC5B,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;;QAEpC,MAAM,YAAY,GAChB,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI;AACxC,cAAE,WAAW,CAAC,OAAO;cACnB,OAAO;QAEb,QACEC,eAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,YAAY,EAAA,GAChB,KAAK,EAAA,CACT;AAEN,IAAA,CAAC,CACF;AAED,IAAA,WAAW,CAAC,WAAW;AACrB,QAAA,WAAW,IAAI,aAAa,CAAC,WAAW,IAAI,aAAa;AAC3D,IAAA,OAAO,WAAW;AACpB;;;;;"}
|
|
@@ -41,7 +41,7 @@ const createIcon = (IconComponent, displayName) => {
|
|
|
41
41
|
const resolvedSize = typeof boxSize === 'string' && boxSize in sizeMapping
|
|
42
42
|
? sizeMapping[boxSize]
|
|
43
43
|
: boxSize;
|
|
44
|
-
return (jsx(ChakraIcon, { ref: ref, width: resolvedSize, height: resolvedSize, ...props }));
|
|
44
|
+
return (jsx(ChakraIcon, { ref: ref, color: "currentColor", width: resolvedSize, height: resolvedSize, ...props }));
|
|
45
45
|
});
|
|
46
46
|
WrappedIcon.displayName =
|
|
47
47
|
displayName || IconComponent.displayName || 'CreatedIcon';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.mjs","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOA;AACA,MAAM,WAAW,GAA2B;AAC1C,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;CACT;AAED;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,UAAU,GAAG,CACxB,aAAuC,EACvC,WAAoB,KAClB;;AAEF,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC;AAExC,IAAA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;;QAEpC,MAAM,YAAY,GAChB,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI;AACxC,cAAE,WAAW,CAAC,OAAO;cACnB,OAAO;
|
|
1
|
+
{"version":3,"file":"createIcon.mjs","sources":["../../../../src/components/Icon/_utils/createIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAOA;AACA,MAAM,WAAW,GAA2B;AAC1C,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,IAAI;CACT;AAED;;;;;;;;;;;;;;;;;;;;;AAqBG;MACU,UAAU,GAAG,CACxB,aAAuC,EACvC,WAAoB,KAClB;;AAEF,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC;AAExC,IAAA,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;;QAEpC,MAAM,YAAY,GAChB,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,IAAI;AACxC,cAAE,WAAW,CAAC,OAAO;cACnB,OAAO;QAEb,QACEA,IAAC,UAAU,EAAA,EACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,cAAc,EACpB,KAAK,EAAE,YAAY,EACnB,MAAM,EAAE,YAAY,EAAA,GAChB,KAAK,EAAA,CACT;AAEN,IAAA,CAAC,CACF;AAED,IAAA,WAAW,CAAC,WAAW;AACrB,QAAA,WAAW,IAAI,aAAa,CAAC,WAAW,IAAI,aAAa;AAC3D,IAAA,OAAO,WAAW;AACpB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU;;;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU;;;qDAyBtB,CAAC"}
|
|
@@ -19,9 +19,8 @@ var Button_styles = require('../Button/Button.styles.js');
|
|
|
19
19
|
* <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
|
|
20
20
|
* ```
|
|
21
21
|
*/
|
|
22
|
-
const IconButton = React.forwardRef(({ colorPalette, variant = 'ghost', children, ...rest }, ref) => {
|
|
23
|
-
const
|
|
24
|
-
const styles = Button_styles.getButtonStyles(palette, variant);
|
|
22
|
+
const IconButton = React.forwardRef(({ colorPalette = 'neutral', variant = 'ghost', color = 'gray.600', children, ...rest }, ref) => {
|
|
23
|
+
const styles = Button_styles.getButtonStyles(colorPalette, variant);
|
|
25
24
|
return (jsxRuntime.jsx(react.IconButton, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...rest, children: children }));
|
|
26
25
|
});
|
|
27
26
|
IconButton.displayName = 'IconButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;
|
|
1
|
+
{"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["forwardRef","getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAGA,gBAAU,CAClC,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,UAAU,EAClB,QAAQ,EACR,GAAG,IAAI,EACS,EAClB,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,6BAAmB,CAAC,YAAY,EAAE,OAAO,CAAC;IAEzD,QACEC,eAACC,gBAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,EAAA,GACN,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -17,9 +17,8 @@ import { getButtonStyles } from '../Button/Button.styles.mjs';
|
|
|
17
17
|
* <IconButton colorPalette="neutral" variant="ghost"><Icon /></IconButton>
|
|
18
18
|
* ```
|
|
19
19
|
*/
|
|
20
|
-
const IconButton = forwardRef(({ colorPalette, variant = 'ghost', children, ...rest }, ref) => {
|
|
21
|
-
const
|
|
22
|
-
const styles = getButtonStyles(palette, variant);
|
|
20
|
+
const IconButton = forwardRef(({ colorPalette = 'neutral', variant = 'ghost', color = 'gray.600', children, ...rest }, ref) => {
|
|
21
|
+
const styles = getButtonStyles(colorPalette, variant);
|
|
23
22
|
return (jsx(IconButton$1, { ref: ref, border: "1px solid", rounded: "full", ...styles, ...rest, children: children }));
|
|
24
23
|
});
|
|
25
24
|
IconButton.displayName = 'IconButton';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;
|
|
1
|
+
{"version":3,"file":"IconButton.mjs","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":[null],"names":["getIconButtonStyles","_jsx","ChakraIconButton"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,YAAY,GAAG,SAAS,EACxB,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,UAAU,EAClB,QAAQ,EACR,GAAG,IAAI,EACS,EAClB,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGA,eAAmB,CAAC,YAAY,EAAE,OAAO,CAAC;IAEzD,QACEC,IAACC,YAAgB,EAAA,EACf,GAAG,EAAE,GAAG,EACR,MAAM,EAAC,WAAW,EAClB,OAAO,EAAC,MAAM,EAAA,GACV,MAAM,EAAA,GACN,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACQ;AAEvB,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}
|
|
@@ -7,7 +7,7 @@ var MenuItem_types = require('./MenuItem.types.js');
|
|
|
7
7
|
|
|
8
8
|
const MenuItem = ({ variant = MenuItem_types.ItemVariant.Default, value, children, icon, rightIcon, ...rest }) => {
|
|
9
9
|
const isDangerVariant = variant === MenuItem_types.ItemVariant.Danger;
|
|
10
|
-
return (jsxRuntime.jsxs(react.Menu.Item, { value: value, color: isDangerVariant ? 'danger.main' : 'gray.1000',
|
|
10
|
+
return (jsxRuntime.jsxs(react.Menu.Item, { value: value, color: isDangerVariant ? 'danger.main' : 'gray.1000', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer", _hover: {
|
|
11
11
|
color: isDangerVariant ? 'danger.main' : 'gray.1500',
|
|
12
12
|
backgroundColor: 'gray.50',
|
|
13
13
|
}, ...rest, children: [icon && icon, children, rightIcon && jsxRuntime.jsx(react.Spacer, {}), rightIcon && rightIcon] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["ItemVariant","_jsxs","Menu","_jsx","Spacer"],"mappings":";;;;;;;AAIO,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,GAAGA,0BAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACO,KAAI;AAClB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAKA,0BAAW,CAAC,MAAM;AAEtD,IAAA,QACEC,eAAA,CAACC,UAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,WAAW,EACpD,
|
|
1
|
+
{"version":3,"file":"MenuItem.js","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["ItemVariant","_jsxs","Menu","_jsx","Spacer"],"mappings":";;;;;;;AAIO,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,GAAGA,0BAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACO,KAAI;AAClB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAKA,0BAAW,CAAC,MAAM;AAEtD,IAAA,QACEC,eAAA,CAACC,UAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,WAAW,EACpD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,WAAW;AACpD,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA,EAAA,GACG,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,IAAI,IAAI,EACZ,QAAQ,EACR,SAAS,IAAIC,cAAA,CAACC,YAAM,KAAG,EACvB,SAAS,IAAI,SAAS,CAAA,EAAA,CACb;AAEhB;;;;"}
|
|
@@ -5,7 +5,7 @@ import { ItemVariant } from './MenuItem.types.mjs';
|
|
|
5
5
|
|
|
6
6
|
const MenuItem = ({ variant = ItemVariant.Default, value, children, icon, rightIcon, ...rest }) => {
|
|
7
7
|
const isDangerVariant = variant === ItemVariant.Danger;
|
|
8
|
-
return (jsxs(Menu.Item, { value: value, color: isDangerVariant ? 'danger.main' : 'gray.1000',
|
|
8
|
+
return (jsxs(Menu.Item, { value: value, color: isDangerVariant ? 'danger.main' : 'gray.1000', py: 2, minW: "fit-content", fontWeight: "semibold", gap: 3, cursor: "pointer", _hover: {
|
|
9
9
|
color: isDangerVariant ? 'danger.main' : 'gray.1500',
|
|
10
10
|
backgroundColor: 'gray.50',
|
|
11
11
|
}, ...rest, children: [icon && icon, children, rightIcon && jsx(Spacer, {}), rightIcon && rightIcon] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.mjs","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIO,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,GAAG,WAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACO,KAAI;AAClB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAK,WAAW,CAAC,MAAM;AAEtD,IAAA,QACEA,IAAA,CAAC,IAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,WAAW,EACpD,
|
|
1
|
+
{"version":3,"file":"MenuItem.mjs","sources":["../../../src/components/Menu/MenuItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAIO,MAAM,QAAQ,GAAG,CAAC,EACvB,OAAO,GAAG,WAAW,CAAC,OAAO,EAC7B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,GAAG,IAAI,EACO,KAAI;AAClB,IAAA,MAAM,eAAe,GAAG,OAAO,KAAK,WAAW,CAAC,MAAM;AAEtD,IAAA,QACEA,IAAA,CAAC,IAAI,CAAC,IAAI,EAAA,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,WAAW,EACpD,EAAE,EAAE,CAAC,EACL,IAAI,EAAC,aAAa,EAClB,UAAU,EAAC,UAAU,EACrB,GAAG,EAAE,CAAC,EACN,MAAM,EAAC,SAAS,EAChB,MAAM,EAAE;YACN,KAAK,EAAE,eAAe,GAAG,aAAa,GAAG,WAAW;AACpD,YAAA,eAAe,EAAE,SAAS;AAC3B,SAAA,EAAA,GACG,IAAI,EAAA,QAAA,EAAA,CAEP,IAAI,IAAI,IAAI,EACZ,QAAQ,EACR,SAAS,IAAIC,GAAA,CAAC,MAAM,KAAG,EACvB,SAAS,IAAI,SAAS,CAAA,EAAA,CACb;AAEhB;;;;"}
|
package/dist/theme/index.js
CHANGED
package/dist/theme/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":["defineTextStyles","defineConfig","globalCss","colors","semanticTokens","createSystem","defaultConfig"],"mappings":";;;;;;;;;AAUA;;;;AAIG;AACH,MAAM,wBAAwB,GAAG;AAC/B,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;AACxC,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;AACxC,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE;AAC3C,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE;AAC5C,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC1C,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE;AAC1C,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;AAC9C,QAAA,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":["defineTextStyles","defineConfig","globalCss","colors","semanticTokens","createSystem","defaultConfig"],"mappings":";;;;;;;;;AAUA;;;;AAIG;AACH,MAAM,wBAAwB,GAAG;AAC/B,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;AACxC,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;AACxC,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE;AAC3C,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE;AAC5C,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC1C,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE;AAC1C,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;AAC9C,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;CACO;AAEV;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAGA,sBAAgB,CAAC;;;AAGzC,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,qDAAqD;AAClE,QAAA,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE;AACnC,YAAA,UAAU,EAAE,MAAM;AACnB,SAAA;AACF,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,qDAAqD;QAClE,KAAK,EAAE,wBAAwB,CAAC,OAAO;AACxC,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,qDAAqD;QAClE,KAAK,EAAE,wBAAwB,CAAC,YAAY;AAC7C,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,qDAAqD;QAClE,KAAK,EAAE,wBAAwB,CAAC,YAAY;AAC7C,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,iDAAiD;QAC9D,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,6CAA6C;QAC1D,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,8CAA8C;QAC3D,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,8CAA8C;QAC3D,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,8CAA8C;QAC3D,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,gDAAgD;QAC7D,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,qDAAqD;AAClE,QAAA,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;AACpC,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,aAAa,EAAE,UAAU;AAC1B,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,qDAAqD;AAClE,QAAA,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE;AACpC,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,aAAa,EAAE,UAAU;AAC1B,SAAA;AACF,KAAA;;;AAID,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,0CAA0C;QACvD,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,sCAAsC;QACnD,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,yCAAyC;QACtD,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,oCAAoC;QACjD,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE,wBAAwB,CAAC,EAAE;AACnC,KAAA;AACD,IAAA,CAAC,EAAE;AACD,QAAA,WAAW,EAAE,+CAA+C;QAC5D,KAAK,EAAE,wBAAwB,CAAC,YAAY;AAC7C,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,WAAW,EAAE,oCAAoC;QACjD,KAAK,EAAE,wBAAwB,CAAC,YAAY;AAC7C,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,4CAA4C;QACzD,KAAK,EAAE,wBAAwB,CAAC,OAAO;AACxC,KAAA;AACF,CAAA;AAED;;;;AAIG;AACH,MAAM,MAAM,GAAGC,kBAAY,CAAC;eAC1BC,gBAAS;AACT,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE;oBACNC,aAAM;AACN,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE;AACJ,oBAAA,KAAK,EAAE,yDAAyD;AACjE,iBAAA;AACD,gBAAA,OAAO,EAAE;AACP,oBAAA,KAAK,EAAE,yDAAyD;AACjE,iBAAA;AACF,aAAA;AACD,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;AACpB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;AACrB,gBAAA,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;AACrB,gBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;AAC1B,aAAA;AACF,SAAA;AACD,QAAA,cAAc,EAAE;YACd,MAAM,EAAEC,qBAAc,CAAC,MAAM;AAC9B,SAAA;QACD,UAAU;AACX,KAAA;AACF,CAAA,CAAC;AAEK,MAAM,MAAM,GAAGC,kBAAY,CAACC,mBAAa,EAAE,MAAM;AACxD;AACO,MAAM,KAAK,GAAG;AACrB;AACO,MAAM,cAAc,GAAG;;;;;;;;"}
|
package/dist/theme/index.mjs
CHANGED
package/dist/theme/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAUA;;;;AAIG;AACH,MAAM,wBAAwB,GAAG;AAC/B,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;AACxC,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;AACxC,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE;AAC3C,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,aAAa,EAAE,SAAS;AACzB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,EAAE;AAC5C,QAAA,UAAU,EAAE,UAAU;AACtB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE;AAC1C,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,MAAM,EAAE;AAC1C,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,UAAU,EAAE,KAAK;AAClB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;AAC9C,QAAA,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/theme/index.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,96 +1,85 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Icon Management
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
## 📁 파일 구조 (매우 간단!)
|
|
3
|
+
## File Structure
|
|
6
4
|
|
|
7
5
|
```
|
|
8
|
-
src/
|
|
9
|
-
├──
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
│
|
|
6
|
+
src/components/Icon/
|
|
7
|
+
├── _constants/
|
|
8
|
+
│ └── iconList.ts # All icon imports + Icons object (calls createIcon for each)
|
|
9
|
+
├── _utils/
|
|
10
|
+
│ ├── createIcon.tsx # Factory: wraps any icon component with Chakra + size/color defaults
|
|
11
|
+
│ └── createIconGroup.tsx # Helper: creates multiple icons at once from a map
|
|
12
|
+
├── icons/ # Custom SVG files
|
|
13
|
+
├── Icon.stories.tsx
|
|
14
|
+
└── index.tsx # Destructures Icons object and re-exports individually
|
|
13
15
|
```
|
|
14
16
|
|
|
15
|
-
##
|
|
16
|
-
|
|
17
|
-
**Icon.tsx 하나에서 모든 것을 관리**합니다. 나머지는 단순 re-export:
|
|
18
|
-
|
|
19
|
-
- ✅ **Icon.tsx** - 모든 아이콘 + 타입 + 로직
|
|
20
|
-
- 📝 **icons.ts** - 단순 re-export (`export * from './components/Icon/Icon'`)
|
|
21
|
-
- 📝 **index.tsx** - 단순 re-export (`export * from './Icon'`)
|
|
17
|
+
## Adding a New Icon
|
|
22
18
|
|
|
23
|
-
|
|
19
|
+
### React Icons
|
|
24
20
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
**그냥 `Icon.tsx`에만 추가하면 끝!**
|
|
21
|
+
1. Import and add to `_constants/iconList.ts`:
|
|
28
22
|
|
|
29
23
|
```typescript
|
|
30
|
-
|
|
24
|
+
import { FaBuildingUser } from 'react-icons/fa6';
|
|
31
25
|
|
|
32
|
-
|
|
33
|
-
|
|
26
|
+
const iconList = {
|
|
27
|
+
// ... existing icons
|
|
28
|
+
FaBuildingUser,
|
|
29
|
+
};
|
|
30
|
+
```
|
|
34
31
|
|
|
35
|
-
|
|
36
|
-
export const MyNewIcon = createIconComponent(NewIcon, 'MyNewIcon');
|
|
32
|
+
2. Re-export from `index.tsx`:
|
|
37
33
|
|
|
38
|
-
|
|
39
|
-
export const
|
|
40
|
-
// ...
|
|
41
|
-
|
|
42
|
-
}
|
|
34
|
+
```typescript
|
|
35
|
+
export const {
|
|
36
|
+
// ... existing
|
|
37
|
+
FaBuildingUser,
|
|
38
|
+
} = Icons;
|
|
43
39
|
```
|
|
44
40
|
|
|
45
|
-
|
|
41
|
+
### Custom SVG Icons
|
|
46
42
|
|
|
47
|
-
|
|
43
|
+
1. Add the `.svg` file to `icons/`
|
|
44
|
+
2. Import and add to `_constants/iconList.ts`:
|
|
48
45
|
|
|
49
46
|
```typescript
|
|
50
|
-
|
|
51
|
-
import { MyNewIcon } from '@mindlogic-ai/logician-ui';
|
|
52
|
-
<MyNewIcon boxSize="lg" />
|
|
53
|
-
|
|
54
|
-
// 아이콘만 별도로 가져오기
|
|
55
|
-
import { MyNewIcon } from '@mindlogic-ai/logician-ui/icons';
|
|
56
|
-
<MyNewIcon boxSize="lg" />
|
|
47
|
+
import MyNewIcon from '../icons/my-new-icon.svg';
|
|
57
48
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
49
|
+
const iconList = {
|
|
50
|
+
// ... existing icons
|
|
51
|
+
MyNewIcon,
|
|
52
|
+
};
|
|
61
53
|
```
|
|
62
54
|
|
|
63
|
-
|
|
55
|
+
3. Re-export from `index.tsx` (same as above).
|
|
64
56
|
|
|
65
|
-
|
|
66
|
-
- 🔄 여러 파일에 흩어진 관리
|
|
67
|
-
- 🤖 복잡한 자동 생성 스크립트
|
|
68
|
-
- 📝 스크립트 실행해야 함
|
|
69
|
-
- 🐛 스크립트 버그 가능성
|
|
70
|
-
- 📦 170줄 스크립트 파일
|
|
57
|
+
## Usage
|
|
71
58
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
- 📝 단순 re-export (한 줄씩)
|
|
75
|
-
- 🚫 스크립트 없음
|
|
76
|
-
- 🐛 버그 없음
|
|
77
|
-
- 🎯 직관적이고 명확함
|
|
59
|
+
```typescript
|
|
60
|
+
import { FaBuildingUser, MyNewIcon } from '@mindlogic-ai/logician-ui';
|
|
78
61
|
|
|
79
|
-
|
|
62
|
+
<FaBuildingUser boxSize="lg" />
|
|
63
|
+
<MyNewIcon boxSize="md" color="blue.500" />
|
|
64
|
+
```
|
|
80
65
|
|
|
81
|
-
|
|
82
|
-
2. **투명성**: 모든 것이 명확하게 보임
|
|
83
|
-
3. **디버깅**: 문제 발생 시 쉽게 추적
|
|
84
|
-
4. **성능**: re-export로 tree-shaking 완벽 지원
|
|
85
|
-
5. **유지보수**: 복잡한 로직 없이 간단
|
|
66
|
+
## Defaults
|
|
86
67
|
|
|
87
|
-
|
|
68
|
+
All icons created via `createIcon` share these defaults (set in `_utils/createIcon.tsx`):
|
|
88
69
|
|
|
89
|
-
|
|
90
|
-
|
|
70
|
+
| Prop | Default |
|
|
71
|
+
|-----------|-----------|
|
|
72
|
+
| `boxSize` | `'md'` (24px) |
|
|
73
|
+
| `color` | `'gray.600'` |
|
|
91
74
|
|
|
92
|
-
|
|
75
|
+
Override per usage: `<MyIcon color="primary.main" />`.
|
|
93
76
|
|
|
94
|
-
|
|
77
|
+
## Size Reference
|
|
95
78
|
|
|
96
|
-
|
|
79
|
+
| boxSize | px |
|
|
80
|
+
|---------|-----|
|
|
81
|
+
| `xs` | 16px |
|
|
82
|
+
| `sm` | 20px |
|
|
83
|
+
| `md` | 24px |
|
|
84
|
+
| `lg` | 32px |
|
|
85
|
+
| `xl` | 40px |
|
|
@@ -19,12 +19,16 @@ import { IconButtonProps } from './IconButton.types';
|
|
|
19
19
|
*/
|
|
20
20
|
export const IconButton = forwardRef(
|
|
21
21
|
(
|
|
22
|
-
{
|
|
22
|
+
{
|
|
23
|
+
colorPalette = 'neutral',
|
|
24
|
+
variant = 'ghost',
|
|
25
|
+
color = 'gray.600',
|
|
26
|
+
children,
|
|
27
|
+
...rest
|
|
28
|
+
}: IconButtonProps,
|
|
23
29
|
ref?: ForwardedRef<HTMLButtonElement>
|
|
24
30
|
) => {
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
const styles = getIconButtonStyles(palette, variant);
|
|
31
|
+
const styles = getIconButtonStyles(colorPalette, variant);
|
|
28
32
|
|
|
29
33
|
return (
|
|
30
34
|
<ChakraIconButton
|
|
@@ -16,11 +16,11 @@ export const MenuItem = ({
|
|
|
16
16
|
<Menu.Item
|
|
17
17
|
value={value}
|
|
18
18
|
color={isDangerVariant ? 'danger.main' : 'gray.1000'}
|
|
19
|
-
borderRadius="sm"
|
|
20
19
|
py={2}
|
|
21
20
|
minW="fit-content"
|
|
22
21
|
fontWeight="semibold"
|
|
23
22
|
gap={3}
|
|
23
|
+
cursor="pointer"
|
|
24
24
|
_hover={{
|
|
25
25
|
color: isDangerVariant ? 'danger.main' : 'gray.1500',
|
|
26
26
|
backgroundColor: 'gray.50',
|
package/src/theme/index.ts
CHANGED