@yakad/ui 1.3.160 → 1.3.162

package/dist/Text/Text.js

@@ -10,78 +10,77 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./Text.module.css";
-export const H1 = forwardRef(function H1(_a, ref) {
-    var { variant = "heading1", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+export function H1(_a) {
+    var { variant = "heading1", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("h1", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const H2 = forwardRef(function H2(_a, ref) {
-    var { variant = "heading2", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function H2(_a) {
+    var { variant = "heading2", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("h2", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const H3 = forwardRef(function H3(_a, ref) {
-    var { variant = "heading3", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function H3(_a) {
+    var { variant = "heading3", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("h3", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const H4 = forwardRef(function H4(_a, ref) {
-    var { variant = "heading4", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function H4(_a) {
+    var { variant = "heading4", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("h4", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const H5 = forwardRef(function H5(_a, ref) {
-    var { variant = "heading5", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function H5(_a) {
+    var { variant = "heading5", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("h5", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const H6 = forwardRef(function H6(_a, ref) {
-    var { variant = "heading6", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function H6(_a) {
+    var { variant = "heading6", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("h6", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const P = forwardRef(function P(_a, ref) {
-    var { variant = "body5", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function P(_a) {
+    var { variant = "body5", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("p", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Span = forwardRef(function Span(_a, ref) {
-    var { variant = "span", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function Span(_a) {
+    var { variant = "span", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles.text, styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("span", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
-export const Text = forwardRef(function Text(_a, ref) {
-    var { variant = "body5", palette, className, children } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children"]);
+}
+export function Text(_a) {
+    var { variant = "body5", palette, className, children, ref } = _a, restProps = __rest(_a, ["variant", "palette", "className", "children", "ref"]);
     const joinedClassNames = classNames(styles[variant], {
         [styles.onSurfaceColor]: palette === "onSurfaceColor",
         [styles.onSurfaceVariantColor]: palette === "onSurfaceVariantColor",
     }, className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/Theme/Theme.d.ts

@@ -8,5 +8,6 @@ export interface ThemeProps extends React.HTMLAttributes<HTMLDivElement> {
     color?: ThemeColor;
     zoom?: number;
     children?: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const Theme: import("react").ForwardRefExoticComponent<ThemeProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Theme({ align, darkStyle, color, zoom, className, children, ref, ...restProps }: ThemeProps): import("react/jsx-runtime").JSX.Element;

package/dist/Theme/Theme.js

@@ -11,17 +11,17 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect } from "react";
+import { useEffect } from "react";
 import classNames from "classnames";
 import "./globals.css";
 import styles from "./Theme.module.css";
 import boxingStyles from "../boxing.module.css";
-export const Theme = forwardRef(function Theme(_a, ref) {
-    var { align, darkStyle = "system", color = "blue", zoom = 100, className, children } = _a, restProps = __rest(_a, ["align", "darkStyle", "color", "zoom", "className", "children"]);
+export function Theme(_a) {
+    var { align, darkStyle = "system", color = "blue", zoom = 100, className, children, ref } = _a, restProps = __rest(_a, ["align", "darkStyle", "color", "zoom", "className", "children", "ref"]);
     const zoomPercentage = zoom ? (zoom / 100) * 62.5 : 62.5;
     useEffect(() => {
         document.documentElement.style.setProperty("font-size", zoomPercentage + "%");
     }, [zoomPercentage]);
     const joinedClassNames = classNames({ portalRoot: true }, boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { [boxingStyles.demandChildsToBeFullWidth]: true }, styles.theme, styles[darkStyle], styles[color], className);
     return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
-});
+}

package/dist/WithOverlay/WithOverlay.d.ts

@@ -9,6 +9,7 @@ export interface WithOverlayProps extends StackProps {
     trigger?: "onClick" | "onRightClick";
     overlay?: AllowedOverlays;
     children?: React.ReactElement;
+    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const WithOverlay: import("react").ForwardRefExoticComponent<WithOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function WithOverlay({ trigger, overlay, children, onClick, ref, ...restProps }: WithOverlayProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/WithOverlay/WithOverlay.js

@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, cloneElement, useEffect, useRef, forwardRef, useImperativeHandle, } from "react";
+import { useState, cloneElement, useEffect, useRef, useImperativeHandle, } from "react";
 import { createPortal } from "react-dom";
 import { Stack, useOnRightClick, } from "..";
-export const WithOverlay = forwardRef(function WithOverlay(_a, forwardedRef) {
-    var { trigger = "onClick", overlay, children, onClick } = _a, restProps = __rest(_a, ["trigger", "overlay", "children", "onClick"]);
+export function WithOverlay(_a) {
+    var { trigger = "onClick", overlay, children, onClick, ref } = _a, restProps = __rest(_a, ["trigger", "overlay", "children", "onClick", "ref"]);
     // Get Triggers ref and send to Overlay
     const localRef = useRef(null);
     const [showOverlay, setShowOverlay] = useState(false);
@@ -27,7 +27,7 @@ export const WithOverlay = forwardRef(function WithOverlay(_a, forwardedRef) {
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
     // Let the parent access our DOM node
-    useImperativeHandle(forwardedRef, () => localRef.current);
+    useImperativeHandle(ref, () => localRef.current);
     // Disable Body Scroll on showOverlay
     useEffect(() => {
         document.body.style.overflow = showOverlay ? "hidden" : "initial";
@@ -48,4 +48,4 @@ export const WithOverlay = forwardRef(function WithOverlay(_a, forwardedRef) {
             },
         }), portalRoot);
     return (_jsxs(_Fragment, { children: [_jsx(Stack, Object.assign({ ref: localRef }, restProps, { onClick: onClickHandler, children: children })), showOverlay && teleport] }));
-});
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.3.160",
+    "version": "1.3.162",
     "private": false,
     "author": "Natiq",
     "description": "UI components for NextJS/React",
@@ -33,7 +33,7 @@
     },
     "dependencies": {
         "@yakad/lib": "1.0.22",
-        "@yakad/symbols": "1.0.28",
+        "@yakad/symbols": "1.0.29",
         "classnames": "2.5.1"
     },
     "peerDependencies": {