@rovula/ui 0.0.22 → 0.0.23

package/dist/cjs/types/components/Text/Text.d.ts

@@ -1,12 +1,13 @@
 import React from "react";
-export type TextProps = {
+export type TextProps<T extends React.ElementType> = {
     variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "small4" | "small5" | "label1" | "label2" | "buttonL" | "buttonMS";
     color?: "primary" | "secondary" | "success" | "tertiary" | "info" | "warning" | "error";
     children?: React.ReactNode;
     className?: string;
-    tag?: keyof JSX.IntrinsicElements;
+    tag?: T;
     style?: React.CSSProperties;
     id?: string;
-};
-declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<keyof JSX.IntrinsicElements | undefined>>;
-export default Text;
+} & React.ComponentProps<T>;
+type TextComponent<T extends React.ElementType> = React.ForwardRefExoticComponent<TextProps<T> & React.RefAttributes<HTMLElement>>;
+declare const ForwardedText: TextComponent<any>;
+export default ForwardedText;

package/dist/cjs/types/components/Text/Text.stories.d.ts

@@ -1,21 +1,13 @@
 import React from "react";
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<import("./Text").TextProps & React.RefAttributes<keyof JSX.IntrinsicElements | undefined>>;
+    component: React.ForwardRefExoticComponent<any>;
     tags: string[];
     parameters: {
         layout: string;
     };
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
-        variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitile1" | "subtitile2" | "subtitile3" | "subtitile4" | "subtitile5" | "subtitile6" | "body1" | "body2" | "body3" | "body4" | "small1" | "small2" | "small3" | "small4" | "small5" | "label1" | "label2" | "buttonL" | "buttonMS" | undefined;
-        color?: "primary" | "secondary" | "tertiary" | "success" | "info" | "warning" | "error" | undefined;
-        children?: React.ReactNode;
-        className?: string | undefined;
-        tag?: keyof JSX.IntrinsicElements | undefined;
-        style?: React.CSSProperties | undefined;
-        id?: string | undefined;
-        ref?: React.LegacyRef<keyof JSX.IntrinsicElements | undefined> | undefined;
-        key?: React.Key | null | undefined;
+        [x: string]: any;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;

package/dist/components/Tabs/Tabs.js

@@ -1,5 +1,5 @@
-"use client";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+("");
 import { useState, useRef, useEffect } from "react";
 import { cn } from "@/utils/cn";
 const Tabs = ({ tabs = [], initialTab = 0, tabBarSize = 38, enableBorderLine = true, tabMode = "start", className, tabBarClassName, tabButtonClassName, tabButtonActiveClassName, tabContentClassName, borderSliderClassname, }) => {

package/dist/components/Text/Text.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@/utils/cn";
 import { forwardRef } from "react";
@@ -16,7 +27,10 @@ const textVariants = cva(["text-foreground"], {
     },
 });
 // TODO font, fontBold, elipt
-const Text = forwardRef(({ variant = "body1", tag: Tag = "p", children, className = "", color, style, }) => {
-    return (_jsx(Tag, { className: cn(`typography-${variant}`, textVariants({ color }), className), style: style, children: children }));
-});
-export default Text;
+const Text = (_a, ref) => {
+    var { variant = "body1", tag: Tag = "p", children, className = "", color, style } = _a, props = __rest(_a, ["variant", "tag", "children", "className", "color", "style"]);
+    return (_jsx(Tag, Object.assign({ ref: ref, className: cn(`typography-${variant}`, textVariants({ color }), className), style: style }, props, { children: children })));
+};
+const ForwardedText = forwardRef(Text);
+ForwardedText.displayName = "Text";
+export default ForwardedText;

package/dist/esm/bundle.css

@@ -1855,6 +1855,21 @@ body {
   line-height: var(--small5-line-height, 12px);
   font-weight: var(--small5-weight, 500);
 }
+.text-small6{
+  font-size: var(--small5-size, 10px);
+  line-height: var(--small6-line-height, 12px);
+  font-weight: var(--small6-weight, 600);
+}
+.text-small7{
+  font-size: var(--small7-size, 8px);
+  line-height: var(--small7-line-height, 10px);
+  font-weight: var(--small7-weight, 600);
+}
+.text-small8{
+  font-size: var(--small8-size, 8px);
+  line-height: var(--small8-line-height, 10px);
+  font-weight: var(--small8-weight, 700);
+}
 .text-subtitile1{
   font-size: var(--subtitle1-size, 16px);
   line-height: var(--subtitle1-line-height, 24px);
@@ -2369,6 +2384,21 @@ body {
   line-height: var(--small5-line-height, 12px);
   font-weight: var(--small5-weight, 500);
 }
+.typography-small6{
+  font-size: var(--small5-size, 10px);
+  line-height: var(--small6-line-height, 12px);
+  font-weight: var(--small6-weight, 600);
+}
+.typography-small7{
+  font-size: var(--small7-size, 8px);
+  line-height: var(--small7-line-height, 10px);
+  font-weight: var(--small7-weight, 600);
+}
+.typography-small8{
+  font-size: var(--small8-size, 8px);
+  line-height: var(--small8-line-height, 10px);
+  font-weight: var(--small8-weight, 700);
+}
 .typography-label1{
   font-size: var(--label-label1-size, 12px);
   line-height: var(--label-label1-line-height, 12px);