@clickpalm/react 1.2.2 → 1.2.4

package/dist/index.d.ts

@@ -2301,7 +2301,7 @@ declare const CheckboxContainer: _stitches_react_types_styled_component.StyledCo
 
 interface CheckboxProps extends ComponentProps<typeof CheckboxContainer> {
     label: string;
-    checked: boolean;
+    checked?: boolean;
     onCheckedChange: (checked: boolean) => void;
     errorMessage?: string;
 }

package/dist/index.js

@@ -731,6 +731,7 @@ var iconMap = {
   TriangleRight: import_react_icons.TriangleRightIcon,
   EyeClosed: import_react_icons.EyeClosedIcon,
   EyeOpen: import_react_icons.EyeOpenIcon,
+  QuestionMark: import_react_icons.QuestionMarkIcon,
   Calendar,
   Closed,
   Dots,
@@ -1165,7 +1166,7 @@ var Checkbox2 = (0, import_react5.forwardRef)(
           CheckboxContainer,
           {
             ref,
-            checked,
+            checked: !!checked,
             onCheckedChange,
             hasError: !!errorMessage,
             ...rest,
@@ -1547,14 +1548,23 @@ var StyledDivider = styled("hr", {
   width: "100%",
   border: "none",
   borderTop: "1px solid $gray_mid",
-  margin: 0
+  margin: "0px"
 });
 var StyledDescription = styled(Dialog.Description, {
   display: "flex",
   fontFamily: "$default",
   fontWeight: "$regular",
   fontSize: "$md",
-  margin: "$2 0"
+  color: "$black",
+  marginTop: "$4",
+  marginBottom: 0
+});
+var StyledChildren = styled("div", {
+  fontFamily: "$default",
+  fontWeight: "$regular",
+  fontSize: "$md",
+  color: "$black",
+  margin: "$4 0"
 });
 
 // src/components/Modal/index.tsx
@@ -1568,8 +1578,10 @@ var Modal = ({ open, onOpenChange, title, description, children }) => {
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StyledClose, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { variant: "secondary", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { name: "Closed", size: 8 }) }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StyledDivider, {}),
-      description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StyledDescription, { children: description }),
-      children
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
+        description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StyledDescription, { children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StyledChildren, { children })
+      ] })
     ] })
   ] }) });
 };
@@ -1614,7 +1626,7 @@ var ProgressBar = ({ label, value = 0, max = 100, ...rest }) => {
   }, [value]);
   const valueLabel = `${Math.round(progress2 / max * 100)}%`;
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(StyledWrapper3, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { style: { fontSize: 16, alignSelf: "flex-start" }, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("label", { style: { fontSize: 16, alignSelf: "flex-start", color: "black" }, children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       StyledRoot,
       {
@@ -3545,12 +3557,14 @@ var CarouselHeader = styled("div", {
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center",
-  width: "100%"
+  width: "100%",
+  color: "$black"
 });
 var Title2 = styled("h3", {
   fontFamily: "$default",
   fontWeight: "$bold",
   fontSize: "$md",
+  color: "$black",
   margin: "0px",
   variants: {
     variant: {

package/dist/index.mjs

@@ -360,7 +360,8 @@ import {
   TriangleLeftIcon as TriangleLeft,
   TriangleRightIcon as TriangleRight,
   EyeClosedIcon as EyeClosed,
-  EyeOpenIcon as EyeOpen
+  EyeOpenIcon as EyeOpen,
+  QuestionMarkIcon as QuestionMark
 } from "@radix-ui/react-icons";
 
 // src/components/Icon/Svgs/Calendar.tsx
@@ -659,6 +660,7 @@ var iconMap = {
   TriangleRight,
   EyeClosed,
   EyeOpen,
+  QuestionMark,
   Calendar,
   Closed,
   Dots,
@@ -1093,7 +1095,7 @@ var Checkbox2 = forwardRef2(
           CheckboxContainer,
           {
             ref,
-            checked,
+            checked: !!checked,
             onCheckedChange,
             hasError: !!errorMessage,
             ...rest,
@@ -1475,14 +1477,23 @@ var StyledDivider = styled("hr", {
   width: "100%",
   border: "none",
   borderTop: "1px solid $gray_mid",
-  margin: 0
+  margin: "0px"
 });
 var StyledDescription = styled(Dialog.Description, {
   display: "flex",
   fontFamily: "$default",
   fontWeight: "$regular",
   fontSize: "$md",
-  margin: "$2 0"
+  color: "$black",
+  marginTop: "$4",
+  marginBottom: 0
+});
+var StyledChildren = styled("div", {
+  fontFamily: "$default",
+  fontWeight: "$regular",
+  fontSize: "$md",
+  color: "$black",
+  margin: "$4 0"
 });
 
 // src/components/Modal/index.tsx
@@ -1496,8 +1507,10 @@ var Modal = ({ open, onOpenChange, title, description, children }) => {
         /* @__PURE__ */ jsx22(StyledClose, { asChild: true, "aria-label": "Close", children: /* @__PURE__ */ jsx22(Button, { variant: "secondary", size: "sm", children: /* @__PURE__ */ jsx22(Icon, { name: "Closed", size: 8 }) }) })
       ] }),
       /* @__PURE__ */ jsx22(StyledDivider, {}),
-      description && /* @__PURE__ */ jsx22(StyledDescription, { children: description }),
-      children
+      /* @__PURE__ */ jsxs6("div", { children: [
+        description && /* @__PURE__ */ jsx22(StyledDescription, { children: description }),
+        /* @__PURE__ */ jsx22(StyledChildren, { children })
+      ] })
     ] })
   ] }) });
 };
@@ -1542,7 +1555,7 @@ var ProgressBar = ({ label, value = 0, max = 100, ...rest }) => {
   }, [value]);
   const valueLabel = `${Math.round(progress2 / max * 100)}%`;
   return /* @__PURE__ */ jsxs7(StyledWrapper3, { children: [
-    /* @__PURE__ */ jsx23("label", { style: { fontSize: 16, alignSelf: "flex-start" }, children: label }),
+    /* @__PURE__ */ jsx23("label", { style: { fontSize: 16, alignSelf: "flex-start", color: "black" }, children: label }),
     /* @__PURE__ */ jsx23(
       StyledRoot,
       {
@@ -3477,12 +3490,14 @@ var CarouselHeader = styled("div", {
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center",
-  width: "100%"
+  width: "100%",
+  color: "$black"
 });
 var Title2 = styled("h3", {
   fontFamily: "$default",
   fontWeight: "$bold",
   fontSize: "$md",
+  color: "$black",
   margin: "0px",
   variants: {
     variant: {

package/package.json

@@ -3,7 +3,7 @@
 	"description": "Design System da Clikpalm",
 	"author": "Enisson Shilo",
 	"license": "MIT",
-	"version": "1.2.2",
+	"version": "1.2.4",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/clickpalm/clickpalm-designsystem-lib.git"