@clickpalm/react 1.3.12 → 1.3.14

package/dist/index.d.ts

@@ -2074,8 +2074,9 @@ declare namespace Avatar {
 interface CalendarProps {
     label?: string | undefined;
     onChange: (date: string) => void;
+    defaultValue?: Date;
 }
-declare const Calendar: ({ label, onChange }: CalendarProps) => react_jsx_runtime.JSX.Element;
+declare const Calendar: ({ label, onChange, defaultValue }: CalendarProps) => react_jsx_runtime.JSX.Element;
 
 declare const CheckboxContainer: _stitches_react_types_styled_component.StyledComponent<react.ForwardRefExoticComponent<Checkbox$1.CheckboxProps & react.RefAttributes<HTMLButtonElement>>, {
     hasError?: boolean | "true" | undefined;

package/dist/index.js

@@ -1004,8 +1004,8 @@ var StyledLabel = styled("label", {
 // src/components/Calendar/index.tsx
 var import_jsx_runtime18 = require("react/jsx-runtime");
 calendarStyles();
-var Calendar2 = ({ label, onChange }) => {
-  const [selected, setSelected] = (0, import_react4.useState)(void 0);
+var Calendar2 = ({ label, onChange, defaultValue }) => {
+  const [selected, setSelected] = (0, import_react4.useState)(defaultValue);
   const [month, setMonth] = (0, import_react4.useState)(/* @__PURE__ */ new Date());
   const [open, setOpen] = (0, import_react4.useState)(true);
   const handleDaySelect = (date) => {
@@ -2431,7 +2431,7 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
       value,
       onValueChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: `${hasOverflow ? "0 1rem" : ""}` }, children: [
           hasOverflow && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             Button,
             {
@@ -4047,7 +4047,20 @@ var Navigation = styled("h3", {
 var CarouselContent = styled("div", {
   width: "100%",
   overflow: "hidden",
-  position: "relative"
+  position: "relative",
+  variants: {
+    variant: {
+      gray: {
+        color: "$black"
+      },
+      purple: {
+        color: "$white",
+        "& *": {
+          color: "$white"
+        }
+      }
+    }
+  }
 });
 var DotsContainer = styled("div", {
   display: "flex",
@@ -4093,7 +4106,8 @@ var Ellipsis = styled("span", {
   alignItems: "center"
 });
 var CarouselItemContainer = styled("div", {
-  width: "100%"
+  width: "100%",
+  color: "inherit"
 });
 
 // src/components/Carousel/index.tsx
@@ -4142,7 +4156,7 @@ var Carousel = ({ title, variant, children }) => {
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Wrapper6, { variant, children: [
           /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(CarouselHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title2, { children: itemTitle ?? title }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Title2, { variant, children: itemTitle ?? title }),
             items.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(Navigation, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
                 Button,
@@ -4177,6 +4191,7 @@ var Carousel = ({ title, variant, children }) => {
               onTouchStart,
               onTouchMove,
               onTouchEnd,
+              variant,
               children: items.map(
                 (child, index) => (0, import_react21.cloneElement)(child, {
                   "aria-hidden": index !== activeIndex,

package/dist/index.mjs

@@ -934,8 +934,8 @@ var StyledLabel = styled("label", {
 // src/components/Calendar/index.tsx
 import { jsx as jsx18, jsxs as jsxs2 } from "react/jsx-runtime";
 calendarStyles();
-var Calendar2 = ({ label, onChange }) => {
-  const [selected, setSelected] = useState(void 0);
+var Calendar2 = ({ label, onChange, defaultValue }) => {
+  const [selected, setSelected] = useState(defaultValue);
   const [month, setMonth] = useState(/* @__PURE__ */ new Date());
   const [open, setOpen] = useState(true);
   const handleDaySelect = (date) => {
@@ -2361,7 +2361,7 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
       value,
       onValueChange,
       children: [
-        /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: "8px", padding: `${hasOverflow ? "0 1rem" : ""}` }, children: [
           hasOverflow && /* @__PURE__ */ jsx30(
             Button,
             {
@@ -3981,7 +3981,20 @@ var Navigation = styled("h3", {
 var CarouselContent = styled("div", {
   width: "100%",
   overflow: "hidden",
-  position: "relative"
+  position: "relative",
+  variants: {
+    variant: {
+      gray: {
+        color: "$black"
+      },
+      purple: {
+        color: "$white",
+        "& *": {
+          color: "$white"
+        }
+      }
+    }
+  }
 });
 var DotsContainer = styled("div", {
   display: "flex",
@@ -4027,7 +4040,8 @@ var Ellipsis = styled("span", {
   alignItems: "center"
 });
 var CarouselItemContainer = styled("div", {
-  width: "100%"
+  width: "100%",
+  color: "inherit"
 });
 
 // src/components/Carousel/index.tsx
@@ -4076,7 +4090,7 @@ var Carousel = ({ title, variant, children }) => {
       children: [
         /* @__PURE__ */ jsxs20(Wrapper6, { variant, children: [
           /* @__PURE__ */ jsxs20(CarouselHeader, { children: [
-            /* @__PURE__ */ jsx44(Title2, { children: itemTitle ?? title }),
+            /* @__PURE__ */ jsx44(Title2, { variant, children: itemTitle ?? title }),
             items.length > 0 && /* @__PURE__ */ jsxs20(Navigation, { children: [
               /* @__PURE__ */ jsx44(
                 Button,
@@ -4111,6 +4125,7 @@ var Carousel = ({ title, variant, children }) => {
               onTouchStart,
               onTouchMove,
               onTouchEnd,
+              variant,
               children: items.map(
                 (child, index) => cloneElement2(child, {
                   "aria-hidden": index !== activeIndex,

package/package.json

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