@clickpalm/react 1.3.5 → 1.3.7

package/dist/index.d.ts

@@ -3816,6 +3816,7 @@ declare const Paragraph: {
 
 declare const StyledHeading: _stitches_react_types_styled_component.StyledComponent<"h2", {
     size?: "sm" | "md" | "lg" | "2xl" | "4xl" | "5xl" | "6xl" | "3xl" | undefined;
+    bold?: boolean | "true" | "false" | undefined;
 }, {
     sm: "(min-width: 375px)";
     md: "(min-width: 768px)";
@@ -4041,6 +4042,7 @@ interface HeadingProps extends ComponentPropsWithoutRef<'h2'>, VariantProps<type
     css?: CustomCSS$1;
     children?: React.ReactNode;
     size?: 'sm' | 'md' | 'lg' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+    bold?: boolean;
 }
 declare const Heading: react.ForwardRefExoticComponent<HeadingProps & react.RefAttributes<HTMLHeadingElement>>;
 

package/dist/index.js

@@ -2564,7 +2564,10 @@ var CharCounter2 = styled(Span5, {
 var TextArea = (0, import_react13.forwardRef)(
   ({ label, id, htmlFor, errorMessage, maxLength, showCounter = false, ...props }, ref) => {
     const textAreaId = id || htmlFor || `textarea-${crypto.randomUUID()}`;
-    const [charCount, setCharCount] = (0, import_react13.useState)(0);
+    const [charCount, setCharCount] = (0, import_react13.useState)(props.value?.toString().length || 0);
+    (0, import_react13.useEffect)(() => {
+      setCharCount(props.value?.toString().length || 0);
+    }, [props.value]);
     return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Wrapper4, { children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(StyledLabel2, { htmlFor: textAreaId, children: label }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
@@ -3070,6 +3073,7 @@ var StyledHeading = styled("h2", {
   lineHeight: "$shorter",
   margin: "1px",
   color: "$black",
+  fontWeight: "$regular",
   variants: {
     size: {
       sm: { fontSize: "$xl" },
@@ -3080,15 +3084,25 @@ var StyledHeading = styled("h2", {
       "4xl": { fontSize: "$7xl" },
       "5xl": { fontSize: "$8xl" },
       "6xl": { fontSize: "$9xl" }
+    },
+    bold: {
+      true: {
+        fontWeight: "$bold"
+      },
+      false: {
+        fontWeight: "$regular"
+      }
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-var Heading = (0, import_react17.forwardRef)(function Heading2({ children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StyledHeading, { ref, ...props, children });
-});
+var Heading = (0, import_react17.forwardRef)(
+  function Heading2({ children, bold = false, ...props }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(StyledHeading, { ref, bold, ...props, children });
+  }
+);
 Heading.displayName = "Heading";
 
 // src/components/Select/index.tsx
@@ -3275,6 +3289,9 @@ var import_react19 = require("react");
 // src/components/LabelledValue/styles.ts
 var Container = styled("div", {
   display: "flex",
+  fontWeight: "$regular",
+  fontSize: "$md",
+  fontFamily: "$default",
   variants: {
     position: {
       vertical: {
@@ -3292,6 +3309,9 @@ var Container = styled("div", {
 var ItemWrapper = styled("div", {
   display: "flex",
   alignItems: "center",
+  fontWeight: "$regular",
+  fontSize: "$md",
+  fontFamily: "$default",
   variants: {
     position: {
       vertical: {
@@ -3317,12 +3337,14 @@ var ItemWrapper = styled("div", {
 var Label4 = styled("div", {
   fontWeight: "$regular",
   fontSize: "$md",
+  fontFamily: "$default",
   color: "$black",
   whiteSpace: "nowrap"
 });
 var Value2 = styled("div", {
   fontWeight: "$bold",
   fontSize: "$md",
+  fontFamily: "$default",
   color: "$black",
   textAlign: "right",
   wordBreak: "break-word",

package/dist/index.mjs

@@ -2384,7 +2384,7 @@ var Tabs2 = ({ defaultValue, colorContent, children, value, onValueChange }) =>
 Tabs2.Item = TabsItem;
 
 // src/components/TextArea.tsx
-import { forwardRef as forwardRef8, useState as useState7 } from "react";
+import { forwardRef as forwardRef8, useEffect as useEffect6, useState as useState7 } from "react";
 import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
 var Wrapper4 = styled("div", {
   display: "flex",
@@ -2494,7 +2494,10 @@ var CharCounter2 = styled(Span5, {
 var TextArea = forwardRef8(
   ({ label, id, htmlFor, errorMessage, maxLength, showCounter = false, ...props }, ref) => {
     const textAreaId = id || htmlFor || `textarea-${crypto.randomUUID()}`;
-    const [charCount, setCharCount] = useState7(0);
+    const [charCount, setCharCount] = useState7(props.value?.toString().length || 0);
+    useEffect6(() => {
+      setCharCount(props.value?.toString().length || 0);
+    }, [props.value]);
     return /* @__PURE__ */ jsxs12(Wrapper4, { children: [
       label && /* @__PURE__ */ jsx30(StyledLabel2, { htmlFor: textAreaId, children: label }),
       /* @__PURE__ */ jsx30(
@@ -2578,7 +2581,7 @@ var TooltipArrow = styled(RadixTooltip.Arrow, {
 });
 
 // src/components/Tooltip/index.tsx
-import { useState as useState8, useEffect as useEffect6 } from "react";
+import { useState as useState8, useEffect as useEffect7 } from "react";
 import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
 var Tooltip = ({
   content,
@@ -2591,7 +2594,7 @@ var Tooltip = ({
 }) => {
   const [uncontrolledOpen, setUncontrolledOpen] = useState8(false);
   const [isTouchDevice, setIsTouchDevice] = useState8(false);
-  useEffect6(() => {
+  useEffect7(() => {
     setIsTouchDevice("ontouchstart" in window || navigator.maxTouchPoints > 0);
   }, []);
   const open = controlledOpen ?? uncontrolledOpen;
@@ -3000,6 +3003,7 @@ var StyledHeading = styled("h2", {
   lineHeight: "$shorter",
   margin: "1px",
   color: "$black",
+  fontWeight: "$regular",
   variants: {
     size: {
       sm: { fontSize: "$xl" },
@@ -3010,15 +3014,25 @@ var StyledHeading = styled("h2", {
       "4xl": { fontSize: "$7xl" },
       "5xl": { fontSize: "$8xl" },
       "6xl": { fontSize: "$9xl" }
+    },
+    bold: {
+      true: {
+        fontWeight: "$bold"
+      },
+      false: {
+        fontWeight: "$regular"
+      }
     }
   },
   defaultVariants: {
     size: "md"
   }
 });
-var Heading = forwardRef10(function Heading2({ children, ...props }, ref) {
-  return /* @__PURE__ */ jsx37(StyledHeading, { ref, ...props, children });
-});
+var Heading = forwardRef10(
+  function Heading2({ children, bold = false, ...props }, ref) {
+    return /* @__PURE__ */ jsx37(StyledHeading, { ref, bold, ...props, children });
+  }
+);
 Heading.displayName = "Heading";
 
 // src/components/Select/index.tsx
@@ -3209,6 +3223,9 @@ import {
 // src/components/LabelledValue/styles.ts
 var Container = styled("div", {
   display: "flex",
+  fontWeight: "$regular",
+  fontSize: "$md",
+  fontFamily: "$default",
   variants: {
     position: {
       vertical: {
@@ -3226,6 +3243,9 @@ var Container = styled("div", {
 var ItemWrapper = styled("div", {
   display: "flex",
   alignItems: "center",
+  fontWeight: "$regular",
+  fontSize: "$md",
+  fontFamily: "$default",
   variants: {
     position: {
       vertical: {
@@ -3251,12 +3271,14 @@ var ItemWrapper = styled("div", {
 var Label4 = styled("div", {
   fontWeight: "$regular",
   fontSize: "$md",
+  fontFamily: "$default",
   color: "$black",
   whiteSpace: "nowrap"
 });
 var Value2 = styled("div", {
   fontWeight: "$bold",
   fontSize: "$md",
+  fontFamily: "$default",
   color: "$black",
   textAlign: "right",
   wordBreak: "break-word",

package/package.json

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