@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.
@@ -0,0 +1,4 @@
1
+ import type { ButtonGroupProps as ButtonGroupPropsChakra } from '@chakra-ui/react';
2
+ import { ButtonGroup } from '@chakra-ui/react';
3
+ export declare type ButtonGroupProps = ButtonGroupPropsChakra;
4
+ export default ButtonGroup;
@@ -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';
@@ -13,9 +13,12 @@ declare const Chips: {
13
13
  sizes?: {
14
14
  sm: {
15
15
  fontSize: string;
16
+ lineHeight: number;
16
17
  };
17
18
  md: {
18
19
  fontSize: string;
20
+ paddingY: number;
21
+ lineHeight: number;
19
22
  };
20
23
  } | undefined;
21
24
  variants?: {
@@ -1 +1,3 @@
1
+ export { default as useDisclosure } from './useDisclosure';
2
+ export * from './useDisclosure';
1
3
  export { default as useFetcher } from './useFetcher';
@@ -0,0 +1,4 @@
1
+ import type { UseDisclosureProps as UseDisclosurePropsChakra } from '@chakra-ui/react';
2
+ import { useDisclosure } from '@chakra-ui/react';
3
+ export declare type UseDisclosureProps = UseDisclosurePropsChakra;
4
+ export default useDisclosure;
@@ -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.100',
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.5,
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;