@rehagro/ui 1.0.19 → 1.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +80 -4
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +80 -4
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/native.js.map +1 -1
  8. package/dist/native.mjs.map +1 -1
  9. package/dist/styles.css +3 -3
  10. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -633,7 +633,7 @@ declare const Table: <T>(props: TableProps<T> & {
633
633
  ref?: React__default.ForwardedRef<HTMLTableElement>;
634
634
  }) => React__default.ReactElement;
635
635
 
636
- type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "body" | "bodyLg" | "label" | "caption";
636
+ type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "bodyLg" | "label" | "labelSm" | "caption" | "captionSm" | "menu" | "overline";
637
637
  type TypographyColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
638
638
  type TypographyProps = React__default.HTMLAttributes<HTMLElement> & {
639
639
  /** Typographic variant */
package/dist/index.d.ts CHANGED
@@ -633,7 +633,7 @@ declare const Table: <T>(props: TableProps<T> & {
633
633
  ref?: React__default.ForwardedRef<HTMLTableElement>;
634
634
  }) => React__default.ReactElement;
635
635
 
636
- type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "body" | "bodyLg" | "label" | "caption";
636
+ type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "bodyLg" | "label" | "labelSm" | "caption" | "captionSm" | "menu" | "overline";
637
637
  type TypographyColor = "default" | "muted" | "primary" | "danger" | "success" | "warning";
638
638
  type TypographyProps = React__default.HTMLAttributes<HTMLElement> & {
639
639
  /** Typographic variant */
package/dist/index.js CHANGED
@@ -166,6 +166,48 @@ var WarningIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
166
166
  )
167
167
  }
168
168
  );
169
+ var WarningCircleIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
170
+ "svg",
171
+ {
172
+ xmlns: "http://www.w3.org/2000/svg",
173
+ width: "1.1em",
174
+ height: "1.1em",
175
+ viewBox: "0 0 256 256",
176
+ fill: "currentColor",
177
+ "aria-hidden": "true",
178
+ ...props,
179
+ children: [
180
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "256", height: "256", fill: "none" }),
181
+ /* @__PURE__ */ jsxRuntime.jsx(
182
+ "circle",
183
+ {
184
+ cx: "128",
185
+ cy: "128",
186
+ r: "96",
187
+ fill: "none",
188
+ stroke: "currentColor",
189
+ "stroke-miterlimit": "10",
190
+ "stroke-width": "16"
191
+ }
192
+ ),
193
+ /* @__PURE__ */ jsxRuntime.jsx(
194
+ "line",
195
+ {
196
+ x1: "128",
197
+ y1: "136",
198
+ x2: "128",
199
+ y2: "80",
200
+ fill: "none",
201
+ stroke: "currentColor",
202
+ "stroke-linecap": "round",
203
+ "stroke-linejoin": "round",
204
+ "stroke-width": "16"
205
+ }
206
+ ),
207
+ /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "128", cy: "172", r: "12" })
208
+ ]
209
+ }
210
+ );
169
211
  var SuccessIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
170
212
  "svg",
171
213
  {
@@ -1069,7 +1111,7 @@ var TextInput = React8.forwardRef(function TextInput2({
1069
1111
  ]
1070
1112
  }
1071
1113
  ),
1072
- helperText && /* @__PURE__ */ jsxRuntime.jsx(
1114
+ helperText && /* @__PURE__ */ jsxRuntime.jsxs(
1073
1115
  "span",
1074
1116
  {
1075
1117
  id: `${inputId}-helper`,
@@ -1077,7 +1119,10 @@ var TextInput = React8.forwardRef(function TextInput2({
1077
1119
  "rh-flex rh-items-center rh-gap-1 rh-text-xs",
1078
1120
  helperStatusClasses[status]
1079
1121
  ].join(" "),
1080
- children: helperText
1122
+ children: [
1123
+ /* @__PURE__ */ jsxRuntime.jsx(WarningCircleIcon, {}),
1124
+ helperText
1125
+ ]
1081
1126
  }
1082
1127
  )
1083
1128
  ]
@@ -2734,20 +2779,51 @@ var defaultElements = {
2734
2779
  h2: "h2",
2735
2780
  h3: "h3",
2736
2781
  h4: "h4",
2782
+ h5: "h5",
2783
+ h6: "h6",
2737
2784
  bodyLg: "p",
2738
2785
  body: "p",
2739
2786
  label: "span",
2740
- caption: "span"
2787
+ labelSm: "span",
2788
+ caption: "span",
2789
+ captionSm: "span",
2790
+ menu: "span",
2791
+ overline: "span"
2741
2792
  };
2742
2793
  var variantClasses4 = {
2794
+ // Headings - Sora font
2743
2795
  h1: "rh-text-4xl rh-font-bold rh-leading-tight rh-font-display",
2796
+ // 32px
2744
2797
  h2: "rh-text-2xl rh-font-bold rh-leading-snug rh-font-display",
2798
+ // 24px
2745
2799
  h3: "rh-text-xl rh-font-semibold rh-leading-snug rh-font-display",
2800
+ // 20px
2746
2801
  h4: "rh-text-lg rh-font-semibold rh-leading-snug rh-font-display",
2802
+ // 18px
2803
+ h5: "rh-text-base rh-font-bold rh-leading-normal rh-font-display",
2804
+ // 16px Sora Bold
2805
+ h6: "rh-text-sm rh-font-bold rh-leading-normal rh-font-display",
2806
+ // 14px Sora Bold
2807
+ // Body - Inter font
2747
2808
  bodyLg: "rh-text-base rh-font-normal rh-leading-normal rh-font-body",
2809
+ // 16px
2748
2810
  body: "rh-text-sm rh-font-normal rh-leading-normal rh-font-body",
2811
+ // 14px
2812
+ // Labels - Inter font
2749
2813
  label: "rh-text-sm rh-font-medium rh-leading-normal rh-font-body",
2750
- caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body"
2814
+ // 14px Medium
2815
+ labelSm: "rh-text-sm rh-font-semibold rh-leading-normal rh-font-body",
2816
+ // 14px SemiBold
2817
+ // Captions - Inter font
2818
+ caption: "rh-text-xs rh-font-normal rh-leading-normal rh-font-body",
2819
+ // 12px
2820
+ captionSm: "rh-text-2xs rh-font-normal rh-leading-tight rh-font-body",
2821
+ // 10px
2822
+ // Special - Sora/Inter font
2823
+ menu: "rh-text-xs rh-font-bold rh-leading-normal rh-font-display",
2824
+ // 12px Sora Bold
2825
+ overline: "rh-text-2xs rh-font-semibold rh-leading-tight rh-font-body rh-tracking-wide"
2826
+ // 10px Inter SemiBold
2751
2827
  };
2752
2828
  var colorClasses2 = {
2753
2829
  default: "rh-text-text",