@ctlyst.id/internal-ui 2.0.25 → 2.0.27

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

@@ -4,4 +4,4 @@ export { default as InputField } from './components/input-field';
 export * from './components/input-field';
 export { default as TextareaField } from './components/textarea';
 export * from './components/textarea';
-export { FormControl, FormControlProps, FormLabel, FormLabelProps, InputGroup, InputGroupProps, InputLeftAddon, InputLeftAddonProps, InputLeftElement, InputLeftElementProps, InputProps, InputRightAddon, InputRightAddonProps, InputRightElement, InputRightElementProps, RequiredIndicator, RequiredIndicatorProps, } from '@chakra-ui/react';
+export { FormControl, FormControlProps, FormErrorMessage, FormHelperText, FormLabel, FormLabelProps, InputGroup, InputGroupProps, InputLeftAddon, InputLeftAddonProps, InputLeftElement, InputLeftElementProps, InputProps, InputRightAddon, InputRightAddonProps, InputRightElement, InputRightElementProps, RequiredIndicator, RequiredIndicatorProps, } from '@chakra-ui/react';

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

@@ -12,6 +12,9 @@ declare const tableTheme: {
             letterSpacing: string;
             textAlign: string;
             height: string;
+            color: (props: Record<string, any> | import("@chakra-ui/styled-system").StyleFunctionProps) => string;
+            fontSize: string;
+            lineHeight: string;
         };
         td: {
             textAlign: string;

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

@@ -683,15 +683,9 @@ const DataTable = /*#__PURE__*/React.forwardRef((props, ref) => {
       textTransform: "capitalize",
       userSelect: "none",
       align: "center",
-      justifyContent: "space-between"
-    }, /*#__PURE__*/React.createElement(react.Text, {
-      fontSize: "text.sm",
-      fontWeight: 400,
-      lineHeight: "18px",
-      color: react.useColorModeValue('neutral.900', 'white')
-    }, reactTable.flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(react.Box, {
+      gap: 2
+    }, /*#__PURE__*/React.createElement(react.Text, null, reactTable.flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(react.Box, {
       as: "span",
-      pl: "2",
       cursor: header.column.getCanSort() ? 'pointer' : 'default',
       "data-test-id": `CT_Container_SortingIcon_${header.id}`,
       onClick: header.column.getToggleSortingHandler()
@@ -4478,11 +4472,14 @@ const baseStyle$6 = /*#__PURE__*/definePartsStyle$6({
   },
   th: {
     fontFamily: 'heading',
-    fontWeight: 'bold',
+    fontWeight: 'semibold',
     textTransform: 'uppercase',
-    letterSpacing: 'wider',
+    letterSpacing: 'normal',
     textAlign: 'start',
-    height: '50px'
+    height: '50px',
+    color: /*#__PURE__*/themeTools.mode('neutral.900', 'white'),
+    fontSize: 'text.sm',
+    lineHeight: '18px'
   },
   td: {
     textAlign: 'start',
@@ -5006,6 +5003,18 @@ Object.defineProperty(exports, 'FormControl', {
     return react.FormControl;
   }
 });
+Object.defineProperty(exports, 'FormErrorMessage', {
+  enumerable: true,
+  get: function () {
+    return react.FormErrorMessage;
+  }
+});
+Object.defineProperty(exports, 'FormHelperText', {
+  enumerable: true,
+  get: function () {
+    return react.FormHelperText;
+  }
+});
 Object.defineProperty(exports, 'FormLabel', {
   enumerable: true,
   get: function () {