@ctlyst.id/internal-ui 2.1.18 → 2.1.20

package/dist/index.mjs

@@ -920,13 +920,12 @@ var getCommonPinningStyles = (column) => {
       "&:after": {
         content: "''",
         position: "absolute",
-        width: "20%",
-        height: "100%",
+        width: "30px",
         right: "0px",
+        bottom: "-1px",
         top: 0,
-        zIndex: -1,
-        boxShadow: "-10px 0px 20px 10px #00000010",
-        clipPath: "inset(0px -38px 0px 0px)"
+        transform: "translateX(100%)",
+        boxShadow: "inset 14px 0px 20px -10px #00000010"
       }
     } : {},
     ...isFirstRightPinnedColumn ? {
@@ -934,13 +933,12 @@ var getCommonPinningStyles = (column) => {
       "&:after": {
         content: "''",
         position: "absolute",
-        width: "20%",
-        height: "100%",
+        width: "30px",
         left: "0%",
         top: 0,
-        zIndex: -1,
-        boxShadow: "10px 0px 20px 10px #00000010",
-        clipPath: "inset(0px 0px 0px -38px )"
+        bottom: "-1px",
+        transform: "translateX(-100%)",
+        boxShadow: "inset -14px 0px 20px -10px #00000010"
       }
     } : {}
   };
@@ -3965,6 +3963,7 @@ __export(components_exports, {
   Input: () => input_default,
   LoaderStyle: () => loader_default2,
   Modal: () => modal_default,
+  Popover: () => popover_default,
   Radio: () => radio_default,
   Switch: () => switch_default2,
   Table: () => table_default,
@@ -4905,11 +4904,23 @@ var Modal3 = defineStyleConfig6({
 });
 var modal_default = Modal3;
 
-// src/config/theme/components/radio.ts
-import { radioAnatomy } from "@chakra-ui/anatomy";
+// src/config/theme/components/popover.ts
+import { popoverAnatomy as parts4 } from "@chakra-ui/anatomy";
 import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers5 } from "@chakra-ui/react";
-var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = createMultiStyleConfigHelpers5(radioAnatomy.keys);
+var { definePartsStyle: definePartsStyle5, defineMultiStyleConfig: defineMultiStyleConfig5 } = createMultiStyleConfigHelpers5(parts4.keys);
 var baseStyle6 = definePartsStyle5({
+  content: {
+    bg: "white"
+  }
+});
+var popoverTheme = defineMultiStyleConfig5({ baseStyle: baseStyle6 });
+var popover_default = popoverTheme;
+
+// src/config/theme/components/radio.ts
+import { radioAnatomy } from "@chakra-ui/anatomy";
+import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers6 } from "@chakra-ui/react";
+var { definePartsStyle: definePartsStyle6, defineMultiStyleConfig: defineMultiStyleConfig6 } = createMultiStyleConfigHelpers6(radioAnatomy.keys);
+var baseStyle7 = definePartsStyle6({
   control: {
     border: "1px solid",
     width: "16px",
@@ -4925,7 +4936,7 @@ var baseStyle6 = definePartsStyle5({
     }
   }
 });
-var errors2 = definePartsStyle5({
+var errors2 = definePartsStyle6({
   control: {
     borderColor: "danger.500",
     _checked: {
@@ -4960,7 +4971,7 @@ var errors2 = definePartsStyle5({
     fontSize: "12px"
   }
 });
-var unstyled3 = definePartsStyle5({
+var unstyled3 = definePartsStyle6({
   control: {
     borderColor: "neutral.600",
     _checked: {
@@ -4999,8 +5010,8 @@ var variants4 = {
   errors: errors2,
   unstyled: unstyled3
 };
-var Radio2 = defineMultiStyleConfig5({
-  baseStyle: baseStyle6,
+var Radio2 = defineMultiStyleConfig6({
+  baseStyle: baseStyle7,
   variants: variants4,
   defaultProps: {
     variant: "unstyled"
@@ -5009,10 +5020,10 @@ var Radio2 = defineMultiStyleConfig5({
 var radio_default = Radio2;
 
 // src/config/theme/components/switch.ts
-import { switchAnatomy as parts4 } from "@chakra-ui/anatomy";
-import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers6, defineStyle as defineStyle4 } from "@chakra-ui/styled-system";
+import { switchAnatomy as parts5 } from "@chakra-ui/anatomy";
+import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers7, defineStyle as defineStyle4 } from "@chakra-ui/styled-system";
 import { calc, cssVar as cssVar2 } from "@chakra-ui/theme-tools";
-var { defineMultiStyleConfig: defineMultiStyleConfig6, definePartsStyle: definePartsStyle6 } = createMultiStyleConfigHelpers6(parts4.keys);
+var { defineMultiStyleConfig: defineMultiStyleConfig7, definePartsStyle: definePartsStyle7 } = createMultiStyleConfigHelpers7(parts5.keys);
 var $width = cssVar2("switch-track-width");
 var $height = cssVar2("switch-track-height");
 var $diff = cssVar2("switch-track-diff");
@@ -5029,7 +5040,7 @@ var baseStyleThumb = defineStyle4({
     transform: `translateX(${$translateX.reference})`
   }
 });
-var baseStyle7 = definePartsStyle6(() => ({
+var baseStyle8 = definePartsStyle7(() => ({
   container: {
     [$diff.variable]: diffValue,
     [$translateX.variable]: $diff.reference,
@@ -5054,7 +5065,7 @@ var baseStyle7 = definePartsStyle6(() => ({
   thumb: baseStyleThumb
 }));
 var sizes3 = {
-  sm: definePartsStyle6({
+  sm: definePartsStyle7({
     container: {
       [$width.variable]: "1.875rem",
       [$height.variable]: "0.75rem"
@@ -5064,7 +5075,7 @@ var sizes3 = {
       [$height.variable]: "0.75rem"
     }
   }),
-  md: definePartsStyle6({
+  md: definePartsStyle7({
     container: {
       [$width.variable]: "2.375rem",
       [$height.variable]: "1rem"
@@ -5074,7 +5085,7 @@ var sizes3 = {
       [$height.variable]: "1rem"
     }
   }),
-  lg: definePartsStyle6({
+  lg: definePartsStyle7({
     container: {
       [$width.variable]: "3.25rem",
       [$height.variable]: "1.375rem"
@@ -5085,8 +5096,8 @@ var sizes3 = {
     }
   })
 };
-var Switch3 = defineMultiStyleConfig6({
-  baseStyle: baseStyle7,
+var Switch3 = defineMultiStyleConfig7({
+  baseStyle: baseStyle8,
   sizes: sizes3,
   defaultProps: {
     size: "md"
@@ -5095,14 +5106,15 @@ var Switch3 = defineMultiStyleConfig6({
 var switch_default2 = Switch3;
 
 // src/config/theme/components/table.ts
-import { tableAnatomy as parts5 } from "@chakra-ui/anatomy";
-import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers7, defineStyle as defineStyle5 } from "@chakra-ui/styled-system";
+import { tableAnatomy as parts6 } from "@chakra-ui/anatomy";
+import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers8, defineStyle as defineStyle5 } from "@chakra-ui/styled-system";
 import { mode as mode2 } from "@chakra-ui/theme-tools";
-var { defineMultiStyleConfig: defineMultiStyleConfig7, definePartsStyle: definePartsStyle7 } = createMultiStyleConfigHelpers7(parts5.keys);
-var baseStyle8 = definePartsStyle7({
+var { defineMultiStyleConfig: defineMultiStyleConfig8, definePartsStyle: definePartsStyle8 } = createMultiStyleConfigHelpers8(parts6.keys);
+var baseStyle9 = definePartsStyle8({
   table: {
     fontVariantNumeric: "lining-nums tabular-nums",
-    borderCollapse: "collapse",
+    borderCollapse: "separate",
+    borderSpacing: 0,
     width: "full",
     tableLayout: "fixed"
   },
@@ -5128,15 +5140,25 @@ var baseStyle8 = definePartsStyle7({
     tr: {
       cursor: "pointer",
       _hover: {
-        backgroundColor: "neutral.200"
+        td: {
+          backgroundColor: "neutral.200",
+          "&>div": {
+            backgroundColor: "neutral.200"
+          }
+        }
       },
       '&[data-active="true"]': {
-        backgroundColor: "neutral.100"
+        td: {
+          backgroundColor: "neutral.100",
+          "&>div": {
+            backgroundColor: "neutral.200"
+          }
+        }
       }
     }
   },
   td: {
-    backgroundColor: "neutral.50",
+    // backgroundColor: 'neutral.50',
     textAlign: "start",
     height: "56px",
     "&:first-of-type": {
@@ -5161,7 +5183,7 @@ var numericStyles = defineStyle5({
     textAlign: "end"
   }
 });
-var variantSimple = definePartsStyle7((props) => {
+var variantSimple = definePartsStyle8((props) => {
   const { colorScheme: c } = props;
   return {
     th: {
@@ -5187,7 +5209,7 @@ var variantSimple = definePartsStyle7((props) => {
     }
   };
 });
-var variantStripe = definePartsStyle7((props) => {
+var variantStripe = definePartsStyle8((props) => {
   const { colorScheme: c } = props;
   return {
     th: {
@@ -5232,7 +5254,7 @@ var variants5 = {
   unstyled: defineStyle5({})
 };
 var sizes4 = {
-  sm: definePartsStyle7({
+  sm: definePartsStyle8({
     th: {
       px: "2",
       py: "4",
@@ -5251,7 +5273,7 @@ var sizes4 = {
       fontSize: "xs"
     }
   }),
-  md: definePartsStyle7({
+  md: definePartsStyle8({
     th: {
       px: "2",
       py: "4",
@@ -5269,7 +5291,7 @@ var sizes4 = {
       fontSize: "sm"
     }
   }),
-  lg: definePartsStyle7({
+  lg: definePartsStyle8({
     th: {
       px: "2",
       py: "4",
@@ -5288,8 +5310,8 @@ var sizes4 = {
     }
   })
 };
-var tableTheme = defineMultiStyleConfig7({
-  baseStyle: baseStyle8,
+var tableTheme = defineMultiStyleConfig8({
+  baseStyle: baseStyle9,
   variants: variants5,
   sizes: sizes4,
   defaultProps: {
@@ -5301,10 +5323,10 @@ var tableTheme = defineMultiStyleConfig7({
 var table_default = tableTheme;
 
 // src/config/theme/components/tabs.ts
-import { tabsAnatomy as parts6 } from "@chakra-ui/anatomy";
-import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers8 } from "@chakra-ui/styled-system";
-var { defineMultiStyleConfig: defineMultiStyleConfig8, definePartsStyle: definePartsStyle8 } = createMultiStyleConfigHelpers8(parts6.keys);
-var variantLine = definePartsStyle8((props) => {
+import { tabsAnatomy as parts7 } from "@chakra-ui/anatomy";
+import { createMultiStyleConfigHelpers as createMultiStyleConfigHelpers9 } from "@chakra-ui/styled-system";
+var { defineMultiStyleConfig: defineMultiStyleConfig9, definePartsStyle: definePartsStyle9 } = createMultiStyleConfigHelpers9(parts7.keys);
+var variantLine = definePartsStyle9((props) => {
   const { orientation } = props;
   const isVertical = orientation === "vertical";
   const borderProp = isVertical ? "borderStart" : "borderBottom";
@@ -5321,12 +5343,12 @@ var variantLine = definePartsStyle8((props) => {
     }
   };
 });
-var variantUnstyled = definePartsStyle8({});
+var variantUnstyled = definePartsStyle9({});
 var variants6 = {
   line: variantLine,
   unstyled: variantUnstyled
 };
-var tabsTheme = defineMultiStyleConfig8({
+var tabsTheme = defineMultiStyleConfig9({
   variants: variants6,
   defaultProps: {
     size: "md",
@@ -5411,12 +5433,12 @@ var textarea_default2 = Textarea;
 // src/config/theme/components/tooltip.ts
 import { cssVar as cssVar3, defineStyleConfig as defineStyleConfig8 } from "@chakra-ui/react";
 var $arrowBg = cssVar3("popper-arrow-bg");
-var baseStyle9 = {
+var baseStyle10 = {
   bg: "neutral.700",
   fontSize: "text.sm",
   [$arrowBg.variable]: "var(--chakra-colors-neutral-700)"
 };
-var Tooltip2 = defineStyleConfig8({ baseStyle: baseStyle9 });
+var Tooltip2 = defineStyleConfig8({ baseStyle: baseStyle10 });
 var tooltip_default = Tooltip2;
 
 // src/config/theme/themeConfiguration.ts