@ctlyst.id/internal-ui 2.0.6 → 2.0.7
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/layouting/components/button-group.d.ts +4 -0
- package/dist/components/layouting/components/list.d.ts +6 -0
- package/dist/components/layouting/components/stack.d.ts +2 -1
- package/dist/components/layouting/index.d.ts +4 -0
- package/dist/config/theme/components/chips.d.ts +3 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/useDisclosure.d.ts +4 -0
- package/dist/internal-ui.cjs.development.js +42 -10
- package/dist/internal-ui.cjs.development.js.map +1 -1
- package/dist/internal-ui.cjs.production.min.js +4 -4
- package/dist/internal-ui.cjs.production.min.js.map +1 -1
- package/dist/internal-ui.esm.js +25 -13
- package/dist/internal-ui.esm.js.map +1 -1
- package/package.json +3 -3
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { ListItemProps as ListItemPropsChakra, ListProps as ListPropsChakra } from '@chakra-ui/react';
|
2
|
+
import { List, ListItem } from '@chakra-ui/react';
|
3
|
+
export declare type ListProps = ListPropsChakra;
|
4
|
+
export declare type ListItemProps = ListItemPropsChakra;
|
5
|
+
export { ListItem };
|
6
|
+
export default List;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import type { StackProps as StackPropsChakra } from '@chakra-ui/react';
|
2
|
-
import { Stack } from '@chakra-ui/react';
|
2
|
+
import { HStack, Stack, VStack } from '@chakra-ui/react';
|
3
3
|
export declare type StackProps = StackPropsChakra;
|
4
|
+
export { HStack, VStack };
|
4
5
|
export default Stack;
|
@@ -1,11 +1,15 @@
|
|
1
1
|
export { default as Box } from './components/box';
|
2
2
|
export * from './components/box';
|
3
|
+
export { default as ButtonGroup } from './components/button-group';
|
4
|
+
export * from './components/button-group';
|
3
5
|
export { default as Container } from './components/container';
|
4
6
|
export * from './components/container';
|
5
7
|
export { default as Flex } from './components/flex';
|
6
8
|
export * from './components/flex';
|
7
9
|
export { default as Grid } from './components/grid';
|
8
10
|
export * from './components/grid';
|
11
|
+
export { default as List } from './components/list';
|
12
|
+
export * from './components/list';
|
9
13
|
export { default as Stack } from './components/stack';
|
10
14
|
export * from './components/stack';
|
11
15
|
export { default as Wrap } from './components/wrap';
|
package/dist/hooks/index.d.ts
CHANGED
@@ -2355,7 +2355,8 @@ const Profile = ({
|
|
2355
2355
|
}, (data === null || data === void 0 ? void 0 : data.office) && /*#__PURE__*/React.createElement(react.Text, {
|
2356
2356
|
color: "neutral.700",
|
2357
2357
|
display: "inline-block",
|
2358
|
-
mr: 0.5
|
2358
|
+
mr: 0.5,
|
2359
|
+
as: "span"
|
2359
2360
|
}, data.office, " |", ' '), data === null || data === void 0 ? void 0 : data.userRole)), /*#__PURE__*/React.createElement(react.PopoverTrigger, null, /*#__PURE__*/React.createElement(react.Avatar, {
|
2360
2361
|
size: 'sm',
|
2361
2362
|
bg: "primary.500",
|
@@ -3163,9 +3164,6 @@ function SelectCreatable({
|
|
3163
3164
|
*/
|
3164
3165
|
const Switch = /*#__PURE__*/react.forwardRef(function Switch(props, ref) {
|
3165
3166
|
const styles = react.useMultiStyleConfig('Switch', props);
|
3166
|
-
const {
|
3167
|
-
size = 'md'
|
3168
|
-
} = props;
|
3169
3167
|
const {
|
3170
3168
|
spacing = '0.5rem',
|
3171
3169
|
children,
|
@@ -3227,10 +3225,10 @@ const Switch = /*#__PURE__*/react.forwardRef(function Switch(props, ref) {
|
|
3227
3225
|
transform: "translate(-50%, -50%)"
|
3228
3226
|
}, /*#__PURE__*/React__default.createElement(internalIcon.Check, {
|
3229
3227
|
color: "white",
|
3230
|
-
size: getIconSize(size)
|
3228
|
+
size: getIconSize(props.size)
|
3231
3229
|
}), /*#__PURE__*/React__default.createElement(internalIcon.Close, {
|
3232
3230
|
color: state.isDisabled ? 'neutral.600' : 'neutral.900',
|
3233
|
-
size: getIconSize(size)
|
3231
|
+
size: getIconSize(props.size)
|
3234
3232
|
})), /*#__PURE__*/React__default.createElement(react.chakra.span, {
|
3235
3233
|
__css: styles.thumb,
|
3236
3234
|
className: "chakra-switch__thumb",
|
@@ -3243,6 +3241,9 @@ const Switch = /*#__PURE__*/react.forwardRef(function Switch(props, ref) {
|
|
3243
3241
|
__css: labelStyles
|
3244
3242
|
}), children));
|
3245
3243
|
});
|
3244
|
+
Switch.defaultProps = {
|
3245
|
+
size: 'sm'
|
3246
|
+
};
|
3246
3247
|
|
3247
3248
|
const Tab = /*#__PURE__*/react.forwardRef((props, ref) => {
|
3248
3249
|
var _props$leftAddon, _props$rightAddon;
|
@@ -3508,6 +3509,10 @@ const Badge$1 = {
|
|
3508
3509
|
color: 'white'
|
3509
3510
|
},
|
3510
3511
|
'neutral-solid': {
|
3512
|
+
bg: 'neutral.900',
|
3513
|
+
color: 'white'
|
3514
|
+
},
|
3515
|
+
'disabled-solid': {
|
3511
3516
|
bg: 'neutral.600',
|
3512
3517
|
color: 'white'
|
3513
3518
|
},
|
@@ -3532,7 +3537,11 @@ const Badge$1 = {
|
|
3532
3537
|
color: 'danger.500'
|
3533
3538
|
},
|
3534
3539
|
'neutral-light': {
|
3535
|
-
bg: 'neutral.
|
3540
|
+
bg: 'neutral.200',
|
3541
|
+
color: 'neutral.900'
|
3542
|
+
},
|
3543
|
+
'disabled-light': {
|
3544
|
+
bg: 'neutral.200',
|
3536
3545
|
color: 'neutral.600'
|
3537
3546
|
}
|
3538
3547
|
},
|
@@ -3955,10 +3964,13 @@ const Chips = /*#__PURE__*/styledSystem.defineStyleConfig({
|
|
3955
3964
|
},
|
3956
3965
|
sizes: {
|
3957
3966
|
sm: {
|
3958
|
-
fontSize: '12px'
|
3967
|
+
fontSize: '12px',
|
3968
|
+
lineHeight: 4
|
3959
3969
|
},
|
3960
3970
|
md: {
|
3961
|
-
fontSize: '14px'
|
3971
|
+
fontSize: '14px',
|
3972
|
+
paddingY: 2,
|
3973
|
+
lineHeight: 5
|
3962
3974
|
}
|
3963
3975
|
},
|
3964
3976
|
defaultProps: {
|
@@ -4018,7 +4030,7 @@ const size = {
|
|
4018
4030
|
}),
|
4019
4031
|
sm: /*#__PURE__*/styledSystem.defineStyle({
|
4020
4032
|
fontSize: 'text.sm',
|
4021
|
-
h: 9
|
4033
|
+
h: 9,
|
4022
4034
|
borderRadius: 'md'
|
4023
4035
|
})
|
4024
4036
|
};
|
@@ -4598,6 +4610,12 @@ Object.defineProperty(exports, 'DrawerOverlay', {
|
|
4598
4610
|
return react.ModalOverlay;
|
4599
4611
|
}
|
4600
4612
|
});
|
4613
|
+
Object.defineProperty(exports, 'HStack', {
|
4614
|
+
enumerable: true,
|
4615
|
+
get: function () {
|
4616
|
+
return react.HStack;
|
4617
|
+
}
|
4618
|
+
});
|
4601
4619
|
Object.defineProperty(exports, 'InputElementLeft', {
|
4602
4620
|
enumerable: true,
|
4603
4621
|
get: function () {
|
@@ -4610,6 +4628,12 @@ Object.defineProperty(exports, 'InputElementRight', {
|
|
4610
4628
|
return react.InputRightElement;
|
4611
4629
|
}
|
4612
4630
|
});
|
4631
|
+
Object.defineProperty(exports, 'ListItem', {
|
4632
|
+
enumerable: true,
|
4633
|
+
get: function () {
|
4634
|
+
return react.ListItem;
|
4635
|
+
}
|
4636
|
+
});
|
4613
4637
|
Object.defineProperty(exports, 'Modal', {
|
4614
4638
|
enumerable: true,
|
4615
4639
|
get: function () {
|
@@ -4670,6 +4694,12 @@ Object.defineProperty(exports, 'TabsProvider', {
|
|
4670
4694
|
return react.TabsProvider;
|
4671
4695
|
}
|
4672
4696
|
});
|
4697
|
+
Object.defineProperty(exports, 'VStack', {
|
4698
|
+
enumerable: true,
|
4699
|
+
get: function () {
|
4700
|
+
return react.VStack;
|
4701
|
+
}
|
4702
|
+
});
|
4673
4703
|
Object.defineProperty(exports, 'useDrawerContext', {
|
4674
4704
|
enumerable: true,
|
4675
4705
|
get: function () {
|
@@ -4770,6 +4800,7 @@ exports.Badge = Badge;
|
|
4770
4800
|
exports.Box = react.Box;
|
4771
4801
|
exports.BreadCrumb = BreadCrumb;
|
4772
4802
|
exports.Button = Button;
|
4803
|
+
exports.ButtonGroup = react.ButtonGroup;
|
4773
4804
|
exports.Card = CardCustom;
|
4774
4805
|
exports.Checkbox = CheckboxComponent;
|
4775
4806
|
exports.CheckboxGroup = CheckboxGroupComponent;
|
@@ -4784,6 +4815,7 @@ exports.Header = Header;
|
|
4784
4815
|
exports.InputAddonLeft = InputAddonLeft;
|
4785
4816
|
exports.InputAddonRight = InputAddonRight;
|
4786
4817
|
exports.InputField = InputField;
|
4818
|
+
exports.List = react.List;
|
4787
4819
|
exports.Loader = Loader;
|
4788
4820
|
exports.MainMenu = Navigation;
|
4789
4821
|
exports.ModalBody = ModalBody;
|