@ctlyst.id/internal-ui 2.0.5 → 2.0.7

package/dist/components/layouting/components/button-group.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonGroupProps as ButtonGroupPropsChakra } from '@chakra-ui/react';
+import { ButtonGroup } from '@chakra-ui/react';
+export declare type ButtonGroupProps = ButtonGroupPropsChakra;
+export default ButtonGroup;

package/dist/components/layouting/components/list.d.ts

@@ -0,0 +1,6 @@
+import type { ListItemProps as ListItemPropsChakra, ListProps as ListPropsChakra } from '@chakra-ui/react';
+import { List, ListItem } from '@chakra-ui/react';
+export declare type ListProps = ListPropsChakra;
+export declare type ListItemProps = ListItemPropsChakra;
+export { ListItem };
+export default List;

package/dist/components/layouting/components/stack.d.ts

@@ -1,4 +1,5 @@
 import type { StackProps as StackPropsChakra } from '@chakra-ui/react';
-import { Stack } from '@chakra-ui/react';
+import { HStack, Stack, VStack } from '@chakra-ui/react';
 export declare type StackProps = StackPropsChakra;
+export { HStack, VStack };
 export default Stack;

package/dist/components/layouting/index.d.ts

@@ -1,11 +1,15 @@
 export { default as Box } from './components/box';
 export * from './components/box';
+export { default as ButtonGroup } from './components/button-group';
+export * from './components/button-group';
 export { default as Container } from './components/container';
 export * from './components/container';
 export { default as Flex } from './components/flex';
 export * from './components/flex';
 export { default as Grid } from './components/grid';
 export * from './components/grid';
+export { default as List } from './components/list';
+export * from './components/list';
 export { default as Stack } from './components/stack';
 export * from './components/stack';
 export { default as Wrap } from './components/wrap';

package/dist/config/theme/components/chips.d.ts

@@ -13,9 +13,12 @@ declare const Chips: {
     sizes?: {
         sm: {
             fontSize: string;
+            lineHeight: number;
         };
         md: {
             fontSize: string;
+            paddingY: number;
+            lineHeight: number;
         };
     } | undefined;
     variants?: {

package/dist/config/theme/components/form-label.d.ts

@@ -1,6 +1,7 @@
 declare const FormLabel: {
     baseStyle?: {
         fontSize: string;
+        fontWeight: string;
         marginEnd: number;
         mb: number;
     } | undefined;

package/dist/hooks/index.d.ts

@@ -1 +1,3 @@
+export { default as useDisclosure } from './useDisclosure';
+export * from './useDisclosure';
 export { default as useFetcher } from './useFetcher';

package/dist/hooks/useDisclosure.d.ts

@@ -0,0 +1,4 @@
+import type { UseDisclosureProps as UseDisclosurePropsChakra } from '@chakra-ui/react';
+import { useDisclosure } from '@chakra-ui/react';
+export declare type UseDisclosureProps = UseDisclosurePropsChakra;
+export default useDisclosure;

package/dist/internal-ui.cjs.development.js

@@ -2150,20 +2150,26 @@ const InputAddonLeft = ({
   children
 }) => {
   return /*#__PURE__*/React__default.createElement(react.InputLeftAddon, {
-    borderLeftRadius: "md",
     backgroundColor: "neutral.200",
     px: 3,
-    py: 2.5
+    py: 2.5,
+    style: {
+      border: 0,
+      marginInlineEnd: 0
+    }
   }, children);
 };
 const InputAddonRight = ({
   children
 }) => {
   return /*#__PURE__*/React__default.createElement(react.InputRightAddon, {
-    borderRightRadius: "md",
     backgroundColor: "neutral.200",
     px: 3,
-    py: 2.5
+    py: 2.5,
+    style: {
+      border: 0,
+      marginInlineStart: 0
+    }
   }, children);
 };
 
@@ -2349,7 +2355,8 @@ const Profile = ({
   }, (data === null || data === void 0 ? void 0 : data.office) && /*#__PURE__*/React.createElement(react.Text, {
     color: "neutral.700",
     display: "inline-block",
-    mr: 0.5
+    mr: 0.5,
+    as: "span"
   }, data.office, " |", ' '), data === null || data === void 0 ? void 0 : data.userRole)), /*#__PURE__*/React.createElement(react.PopoverTrigger, null, /*#__PURE__*/React.createElement(react.Avatar, {
     size: 'sm',
     bg: "primary.500",
@@ -3157,9 +3164,6 @@ function SelectCreatable({
  */
 const Switch = /*#__PURE__*/react.forwardRef(function Switch(props, ref) {
   const styles = react.useMultiStyleConfig('Switch', props);
-  const {
-    size = 'md'
-  } = props;
   const {
     spacing = '0.5rem',
     children,
@@ -3221,10 +3225,10 @@ const Switch = /*#__PURE__*/react.forwardRef(function Switch(props, ref) {
     transform: "translate(-50%, -50%)"
   }, /*#__PURE__*/React__default.createElement(internalIcon.Check, {
     color: "white",
-    size: getIconSize(size)
+    size: getIconSize(props.size)
   }), /*#__PURE__*/React__default.createElement(internalIcon.Close, {
     color: state.isDisabled ? 'neutral.600' : 'neutral.900',
-    size: getIconSize(size)
+    size: getIconSize(props.size)
   })), /*#__PURE__*/React__default.createElement(react.chakra.span, {
     __css: styles.thumb,
     className: "chakra-switch__thumb",
@@ -3237,6 +3241,9 @@ const Switch = /*#__PURE__*/react.forwardRef(function Switch(props, ref) {
     __css: labelStyles
   }), children));
 });
+Switch.defaultProps = {
+  size: 'sm'
+};
 
 const Tab = /*#__PURE__*/react.forwardRef((props, ref) => {
   var _props$leftAddon, _props$rightAddon;
@@ -3502,6 +3509,10 @@ const Badge$1 = {
       color: 'white'
     },
     'neutral-solid': {
+      bg: 'neutral.900',
+      color: 'white'
+    },
+    'disabled-solid': {
       bg: 'neutral.600',
       color: 'white'
     },
@@ -3526,7 +3537,11 @@ const Badge$1 = {
       color: 'danger.500'
     },
     'neutral-light': {
-      bg: 'neutral.100',
+      bg: 'neutral.200',
+      color: 'neutral.900'
+    },
+    'disabled-light': {
+      bg: 'neutral.200',
       color: 'neutral.600'
     }
   },
@@ -3949,10 +3964,13 @@ const Chips = /*#__PURE__*/styledSystem.defineStyleConfig({
   },
   sizes: {
     sm: {
-      fontSize: '12px'
+      fontSize: '12px',
+      lineHeight: 4
     },
     md: {
-      fontSize: '14px'
+      fontSize: '14px',
+      paddingY: 2,
+      lineHeight: 5
     }
   },
   defaultProps: {
@@ -3962,6 +3980,7 @@ const Chips = /*#__PURE__*/styledSystem.defineStyleConfig({
 
 const baseStyle$2 = /*#__PURE__*/styledSystem.defineStyle({
   fontSize: 'field.sm',
+  fontWeight: 'normal',
   marginEnd: 1,
   mb: 1
 });
@@ -4011,7 +4030,7 @@ const size = {
   }),
   sm: /*#__PURE__*/styledSystem.defineStyle({
     fontSize: 'text.sm',
-    h: 9.5,
+    h: 9,
     borderRadius: 'md'
   })
 };
@@ -4591,6 +4610,12 @@ Object.defineProperty(exports, 'DrawerOverlay', {
     return react.ModalOverlay;
   }
 });
+Object.defineProperty(exports, 'HStack', {
+  enumerable: true,
+  get: function () {
+    return react.HStack;
+  }
+});
 Object.defineProperty(exports, 'InputElementLeft', {
   enumerable: true,
   get: function () {
@@ -4603,6 +4628,12 @@ Object.defineProperty(exports, 'InputElementRight', {
     return react.InputRightElement;
   }
 });
+Object.defineProperty(exports, 'ListItem', {
+  enumerable: true,
+  get: function () {
+    return react.ListItem;
+  }
+});
 Object.defineProperty(exports, 'Modal', {
   enumerable: true,
   get: function () {
@@ -4663,6 +4694,12 @@ Object.defineProperty(exports, 'TabsProvider', {
     return react.TabsProvider;
   }
 });
+Object.defineProperty(exports, 'VStack', {
+  enumerable: true,
+  get: function () {
+    return react.VStack;
+  }
+});
 Object.defineProperty(exports, 'useDrawerContext', {
   enumerable: true,
   get: function () {
@@ -4763,6 +4800,7 @@ exports.Badge = Badge;
 exports.Box = react.Box;
 exports.BreadCrumb = BreadCrumb;
 exports.Button = Button;
+exports.ButtonGroup = react.ButtonGroup;
 exports.Card = CardCustom;
 exports.Checkbox = CheckboxComponent;
 exports.CheckboxGroup = CheckboxGroupComponent;
@@ -4777,6 +4815,7 @@ exports.Header = Header;
 exports.InputAddonLeft = InputAddonLeft;
 exports.InputAddonRight = InputAddonRight;
 exports.InputField = InputField;
+exports.List = react.List;
 exports.Loader = Loader;
 exports.MainMenu = Navigation;
 exports.ModalBody = ModalBody;