@rehagro/ui 1.0.19 → 1.0.21

package/dist/index.mjs

@@ -160,6 +160,48 @@ var WarningIcon = (props) => /* @__PURE__ */ jsx(
     )
   }
 );
+var WarningCircleIcon = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1.1em",
+    height: "1.1em",
+    viewBox: "0 0 256 256",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("rect", { width: "256", height: "256", fill: "none" }),
+      /* @__PURE__ */ jsx(
+        "circle",
+        {
+          cx: "128",
+          cy: "128",
+          r: "96",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-miterlimit": "10",
+          "stroke-width": "16"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "line",
+        {
+          x1: "128",
+          y1: "136",
+          x2: "128",
+          y2: "80",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "stroke-width": "16"
+        }
+      ),
+      /* @__PURE__ */ jsx("circle", { cx: "128", cy: "172", r: "12" })
+    ]
+  }
+);
 var SuccessIcon = (props) => /* @__PURE__ */ jsx(
   "svg",
   {
@@ -1063,7 +1105,7 @@ var TextInput = forwardRef(function TextInput2({
             ]
           }
         ),
-        helperText && /* @__PURE__ */ jsx(
+        helperText && /* @__PURE__ */ jsxs(
           "span",
           {
             id: `${inputId}-helper`,
@@ -1071,7 +1113,10 @@ var TextInput = forwardRef(function TextInput2({
               "rh-flex rh-items-center rh-gap-1 rh-text-xs",
               helperStatusClasses[status]
             ].join(" "),
-            children: helperText
+            children: [
+              /* @__PURE__ */ jsx(WarningCircleIcon, {}),
+              helperText
+            ]
           }
         )
       ]
@@ -2728,20 +2773,51 @@ var defaultElements = {
   h2: "h2",
   h3: "h3",
   h4: "h4",
+  h5: "h5",
+  h6: "h6",
   bodyLg: "p",
   body: "p",
   label: "span",
-  caption: "span"
+  labelSm: "span",
+  caption: "span",
+  captionSm: "span",
+  menu: "span",
+  overline: "span"
 };
 var variantClasses4 = {
+  // Headings - Sora font
   h1: "rh-text-4xl rh-font-bold rh-leading-tight rh-font-display",
+  // 32px
   h2: "rh-text-2xl rh-font-bold rh-leading-snug rh-font-display",
+  // 24px
   h3: "rh-text-xl rh-font-semibold rh-leading-snug rh-font-display",
+  // 20px
   h4: "rh-text-lg rh-font-semibold rh-leading-snug rh-font-display",
+  // 18px
+  h5: "rh-text-base rh-font-bold rh-leading-normal rh-font-display",
+  // 16px Sora Bold
+  h6: "rh-text-sm rh-font-bold rh-leading-normal rh-font-display",
+  // 14px Sora Bold
+  // Body - Inter font
   bodyLg: "rh-text-base rh-font-normal rh-leading-normal rh-font-body",
+  // 16px
   body: "rh-text-sm rh-font-normal rh-leading-normal rh-font-body",
+  // 14px
+  // Labels - Inter font
   label: "rh-text-sm rh-font-medium rh-leading-normal rh-font-body",
-  caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body"
+  // 14px Medium
+  labelSm: "rh-text-sm rh-font-semibold rh-leading-normal rh-font-body",
+  // 14px SemiBold
+  // Captions - Inter font
+  caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body",
+  // 12px
+  captionSm: "rh-text-2xs rh-font-normal rh-leading-tight rh-font-body",
+  // 10px
+  // Special - Sora/Inter font
+  menu: "rh-text-xs rh-font-bold rh-leading-normal rh-font-display",
+  // 12px Sora Bold
+  overline: "rh-text-2xs rh-font-semibold rh-leading-tight rh-font-body rh-tracking-wide"
+  // 10px Inter SemiBold
 };
 var colorClasses2 = {
   default: "rh-text-text",