@ctlyst.id/internal-ui 4.2.5 → 4.2.7

package/dist/index.mjs

@@ -461,22 +461,16 @@ import { Box as Box5, Checkbox, forwardRef as forwardRef7, Text as Text2, useChe
 import * as Icon from "@ctlyst.id/internal-icon";
 import { jsx as jsx16, jsxs as jsxs2 } from "react/jsx-runtime";
 var CheckboxComponent = forwardRef7(
-  ({ isError = false, helpText, errorText, boxProps, children, isDisabled, ...rest }, ref) => {
+  ({ isError = false, animated = false, helpText, errorText, boxProps, children, isDisabled, ...rest }, ref) => {
     const { state } = useCheckbox(rest);
     const variant = isError ? "errors" : "unstyled";
+    const renderIcon2 = () => {
+      if (state.isChecked) return /* @__PURE__ */ jsx16(Icon.Check, { size: 3, color: "inherit" });
+      if (state.isIndeterminate) return /* @__PURE__ */ jsx16(Icon.MinusLine, { size: 3, color: "inherit" });
+      return void 0;
+    };
     return /* @__PURE__ */ jsxs2(Box5, { children: [
-      /* @__PURE__ */ jsx16(Box5, { display: "flex", ...boxProps, children: /* @__PURE__ */ jsx16(
-        Checkbox,
-        {
-          variant,
-          ref,
-          ...rest,
-          isDisabled,
-          color: "white",
-          icon: state.isIndeterminate ? /* @__PURE__ */ jsx16(Icon.MinusLine, { size: 3, color: "inherit" }) : /* @__PURE__ */ jsx16(Icon.Check, { size: 3, color: "inherit" }),
-          children: children && /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children })
-        }
-      ) }),
+      /* @__PURE__ */ jsx16(Box5, { display: "flex", ...boxProps, children: /* @__PURE__ */ jsx16(Checkbox, { variant, ref, ...rest, isDisabled, color: "white", icon: renderIcon2(), children: children && /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.sm", color: isDisabled ? "black.medium" : "black.high", children }) }) }),
       (isError && errorText || helpText) && /* @__PURE__ */ jsx16(Box5, { mt: "1", ml: "6", children: isError ? /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.xs", color: "danger.500", children: errorText }) : /* @__PURE__ */ jsx16(Text2, { as: "span", display: "block", textStyle: "text.xs", color: "black.medium", children: helpText }) })
     ] });
   }
@@ -7415,12 +7409,12 @@ var variantSimple = definePartsStyle10((props) => {
     th: {
       color: "black.high",
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     td: {
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     caption: {
@@ -7441,12 +7435,12 @@ var variantStripe = definePartsStyle10((props) => {
     th: {
       color: "black.high",
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     td: {
       borderBottom: "1px",
-      borderColor: mode2(`${c}.100`, `${c}.700`)(props),
+      borderColor: mode2(`${c}.300`, `${c}.700`)(props),
       ...numericStyles
     },
     caption: {
@@ -7543,7 +7537,7 @@ var tableTheme = defineMultiStyleConfig10({
   defaultProps: {
     variant: "simple",
     size: "md",
-    colorScheme: "gray"
+    colorScheme: "neutral"
   }
 });
 var table_default = tableTheme;