@trackunit/react-components 1.22.3 → 1.22.6

package/src/components/ValueBar/ValueBar.d.ts

@@ -1,10 +1,11 @@
 import { ReactElement } from "react";
 import { CommonProps } from "../../common/CommonProps";
+import type { Styleable } from "../../common/Styleable";
 import { Refable } from "../../common/Refable";
 import { Size } from "../../common/Size";
 import { LevelColors } from "./ValueBarTypes";
 type ValueBarSize = Extract<Size, "small" | "large"> | "extraSmall";
-export interface ValueBarProps extends CommonProps, Refable<HTMLSpanElement> {
+export interface ValueBarProps extends CommonProps, Styleable, Refable<HTMLSpanElement> {
     /**
      * Value to display.
      */
@@ -86,5 +87,5 @@ export interface ValueBarProps extends CommonProps, Refable<HTMLSpanElement> {
  * @param {ValueBarProps} props - The props for the ValueBar component
  * @returns {ReactElement} ValueBar component
  */
-export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, "data-testid": dataTestId, zeroScoreAllowed, ref, }: ValueBarProps) => ReactElement;
+export declare const ValueBar: ({ value, min, max, unit, size, levelColors, valueColor, showValue, className, "data-testid": dataTestId, zeroScoreAllowed, style, ref, }: ValueBarProps) => ReactElement;
 export {};

package/src/components/ZStack/ZStack.d.ts

@@ -1,7 +1,8 @@
 import { ReactElement, ReactNode } from "react";
 import { CommonProps } from "../../common/CommonProps";
 import { Refable } from "../../common/Refable";
-export type ZStackProps = CommonProps & Refable<HTMLDivElement> & {
+import type { Styleable } from "../../common/Styleable";
+export type ZStackProps = CommonProps & Styleable & Refable<HTMLDivElement> & {
     children: ReactNode;
 };
 /**
@@ -30,4 +31,4 @@ export type ZStackProps = CommonProps & Refable<HTMLDivElement> & {
  * @param {ZStackProps} props - The props for the ZStack component
  * @returns {ReactElement} ZStack component
  */
-export declare const ZStack: ({ children, className, "data-testid": dataTestId, ref }: ZStackProps) => ReactElement;
+export declare const ZStack: ({ children, className, "data-testid": dataTestId, style, ref }: ZStackProps) => ReactElement;

package/src/components/buttons/shared/ButtonProps.d.ts

@@ -1,9 +1,10 @@
 import { MouseEventHandler } from "react";
 import { CommonProps } from "../../../common/CommonProps";
+import type { Styleable } from "../../../common/Styleable";
 import { Size } from "../../../common/Size";
 export type ButtonVariant = "primary" | "secondary" | "primary-danger" | "secondary-danger" | "ghost" | "ghost-neutral" | "filled";
 export type ButtonType = "button" | "submit";
-export interface ButtonCommonProps extends CommonProps {
+export interface ButtonCommonProps extends CommonProps, Styleable {
     /**
      * An onClick handler
      */

package/src/index.d.ts

@@ -5,7 +5,7 @@ export * from "./common/PackageNameStoryComponent";
 export * from "./common/Refable";
 export * from "./common/Size";
 export * from "./common/StorybookProps";
-export * from "./common/Styleable";
+export type { Styleable } from "./common/Styleable";
 export * from "./components/Alert/Alert";
 export * from "./components/Badge/Badge";
 export * from "./components/Breadcrumb/Breadcrumb";