@zentrades-ui/components 0.2.6 → 0.2.8

package/dist/components.js

@@ -521,6 +521,7 @@ var TextComponent = forwardRef5(function Text(props, ref) {
   } = props;
   const Element = as || DefaultTextElement;
   const variantStyles = applyTextVariantStyles(fontVariant);
+  const defaultElementReset = { margin: 0, padding: 0 };
   const truncationStyles = {};
   if (truncate) {
     truncationStyles.overflow = "hidden";
@@ -551,6 +552,7 @@ var TextComponent = forwardRef5(function Text(props, ref) {
       color,
       className,
       style: {
+        ...defaultElementReset,
         ...variantStyles,
         ...truncationStyles,
         ...style
@@ -1190,19 +1192,17 @@ var Checkbox = React4.forwardRef(
           {
             className: checkboxIndicator,
             style: { maxHeight: boxSize },
-            children: partialChecked ? /* @__PURE__ */ jsx9(MinusIcon, { size: iconSizeMap2[size], strokeWidth: 2.5 }) : /* @__PURE__ */ jsx9(CheckIcon, { size: iconSizeMap2[size], strokeWidth: 2.5 })
+            children: partialChecked ? /* @__PURE__ */ jsx9(MinusIcon, { size: iconSizeMap2[size], strokeWidth: 1.5 }) : /* @__PURE__ */ jsx9(CheckIcon, { size: iconSizeMap2[size], strokeWidth: 1.5 })
           }
         )
       }
     );
     if (label || displayHelperText) {
       return /* @__PURE__ */ jsxs4(
-        "div",
+        Stack2,
         {
+          gap: "2xs",
           style: {
-            display: "flex",
-            flexDirection: "column",
-            gap: "2px",
             opacity: disabled ? 0.5 : 1
           },
           children: [
@@ -1210,7 +1210,6 @@ var Checkbox = React4.forwardRef(
               Inline2,
               {
                 gap: "sm",
-                alignItems: "center",
                 cursor: disabled ? "not-allowed" : "pointer",
                 children: [
                   checkbox,
@@ -1226,8 +1225,24 @@ var Checkbox = React4.forwardRef(
                         }
                       },
                       children: [
-                        /* @__PURE__ */ jsx9(Text2, { as: "label", fontVariant: "text-s-medium", htmlFor: checkboxId, children: label }),
-                        required && /* @__PURE__ */ jsx9(Text2, { as: "span", color: "contentTertiary", fontVariant: "text-s-medium", children: "*" })
+                        /* @__PURE__ */ jsx9(
+                          Text2,
+                          {
+                            as: "label",
+                            fontVariant: "text-s-medium",
+                            htmlFor: checkboxId,
+                            children: label
+                          }
+                        ),
+                        required && /* @__PURE__ */ jsx9(
+                          Text2,
+                          {
+                            as: "span",
+                            color: "contentTertiary",
+                            fontVariant: "text-s-medium",
+                            children: "*"
+                          }
+                        )
                       ]
                     }
                   )