@uxf/ui 1.0.0-beta.134 → 1.0.0-beta.136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.134",
+  "version": "1.0.0-beta.136",
   "description": "",
   "publishConfig": {
     "access": "public"

package/tabs/tabs.d.ts

@@ -1,7 +1,8 @@
-import React, { ReactNode } from "react";
+import React, { CSSProperties, ReactNode } from "react";
 export interface TabsPanelProps {
     className?: string;
     disabled?: boolean;
+    style?: CSSProperties;
     title: ReactNode;
 }
 export interface TabsProps {

package/tabs/tabs.js

@@ -30,7 +30,7 @@ const useMouseDragToScroll_1 = require("@uxf/core/hooks/useMouseDragToScroll");
 const cx_1 = require("@uxf/core/utils/cx");
 const forwardRef_1 = require("@uxf/core/utils/forwardRef");
 const react_2 = __importStar(require("react"));
-const Panel = (props) => react_2.default.createElement("div", { className: props.className }, props.children);
+const Panel = (props) => (react_2.default.createElement("div", { className: props.className, style: props.style }, props.children));
 const TabsRoot = (0, forwardRef_1.forwardRef)("Tabs", (props, ref) => {
     var _a, _b;
     const tabsClassName = (0, cx_1.cx)("uxf-tabs", props.grow && "uxf-tabs--grow", props.className);

package/text-link/text-link.d.ts

@@ -1,5 +1,8 @@
 import { UseAnchorProps } from "@uxf/core/hooks/useAnchorProps";
 import React, { AnchorHTMLAttributes } from "react";
+import { TextLinkVariants } from "@uxf/ui/text-link/theme";
+export type TextLinkVariant = keyof TextLinkVariants;
 export interface TextLinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "type">, UseAnchorProps {
+    variant?: TextLinkVariant;
 }
 export declare const TextLink: React.ForwardRefExoticComponent<TextLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/text-link/text-link.js

@@ -10,10 +10,10 @@ const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importDefault(require("react"));
 exports.TextLink = (0, forwardRef_1.forwardRef)("TextLink", (props, ref) => {
     // eslint-disable-next-line react/destructuring-assignment
-    const { className, children, ...restProps } = props;
+    const { className, children, variant, ...restProps } = props;
     const anchorProps = (0, useAnchorProps_1.useAnchorProps)({
         ...restProps,
-        className: (0, cx_1.cx)("uxf-text-link", className),
+        className: (0, cx_1.cx)("uxf-text-link", `uxf-text-link--variant-${variant !== null && variant !== void 0 ? variant : "default"}`, className),
     });
     return (react_1.default.createElement("a", { ref: ref, ...anchorProps }, children));
 });

package/text-link/theme.d.ts

@@ -0,0 +1,3 @@
+export interface TextLinkVariants {
+    default: true;
+}

package/text-link/theme.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });