@clickpalm/react 1.2.3 → 1.2.5

package/dist/index.d.ts

@@ -4068,10 +4068,9 @@ type IconComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
 declare const iconMap: Record<string, IconComponent>;
 
 type IconColor = 'black' | 'green' | 'white';
-type IconSize = 8 | 16 | 24 | 64 | 104;
 interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'name' | 'color'> {
     name: keyof typeof iconMap;
-    size: IconSize;
+    size?: number | string;
     color?: IconColor;
 }
 

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,
@@ -1422,7 +1423,6 @@ var Datepicker = ({ label, value, onChange }) => {
         placeholder: "dd/mm/aaaa",
         onFocus: () => setOpen(true),
         value: value || "",
-        noMargin: true,
         readOnly: true,
         suffix: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { name: "Calendar", size: 16 })
       }
@@ -1558,7 +1558,7 @@ var StyledDescription = styled(Dialog.Description, {
   marginTop: "$4",
   marginBottom: 0
 });
-var StyledChildren = styled(Dialog.Description, {
+var StyledChildren = styled("div", {
   fontFamily: "$default",
   fontWeight: "$regular",
   fontSize: "$md",
@@ -1577,8 +1577,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 }),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StyledChildren, { 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 })
+      ] })
     ] })
   ] }) });
 };
@@ -1623,7 +1625,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,
       {
@@ -3554,12 +3556,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,
@@ -1350,7 +1352,6 @@ var Datepicker = ({ label, value, onChange }) => {
         placeholder: "dd/mm/aaaa",
         onFocus: () => setOpen(true),
         value: value || "",
-        noMargin: true,
         readOnly: true,
         suffix: /* @__PURE__ */ jsx20(Icon, { name: "Calendar", size: 16 })
       }
@@ -1486,7 +1487,7 @@ var StyledDescription = styled(Dialog.Description, {
   marginTop: "$4",
   marginBottom: 0
 });
-var StyledChildren = styled(Dialog.Description, {
+var StyledChildren = styled("div", {
   fontFamily: "$default",
   fontWeight: "$regular",
   fontSize: "$md",
@@ -1505,8 +1506,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 }),
-      /* @__PURE__ */ jsx22(StyledChildren, { children })
+      /* @__PURE__ */ jsxs6("div", { children: [
+        description && /* @__PURE__ */ jsx22(StyledDescription, { children: description }),
+        /* @__PURE__ */ jsx22(StyledChildren, { children })
+      ] })
     ] })
   ] }) });
 };
@@ -1551,7 +1554,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,
       {
@@ -3486,12 +3489,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.3",
+	"version": "1.2.5",
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/clickpalm/clickpalm-designsystem-lib.git"