@stenajs-webui/elements 18.6.1 → 18.7.1

package/dist/components/ui/label/Label.d.ts

@@ -7,5 +7,6 @@ export interface LabelProps extends BoxProps {
     maxCharacters?: number;
     textWidth?: BoxProps["width"];
     htmlFor?: ComponentPropsWithoutRef<"label">["htmlFor"];
+    labelClassName?: string;
 }
 export declare const Label: React.FC<LabelProps>;

package/dist/components/ui/toggle-button/ToggleButton.d.ts

@@ -1,29 +1,27 @@
-/// <reference types="react" />
-export interface ToggleButtonProps {
+import { ButtonElementProps } from "@stenajs-webui/core";
+import * as React from "react";
+import { WidthProps } from "styled-system";
+export declare type ToggleButtonSize = "small" | "medium" | "large";
+export interface ToggleButtonProps extends WidthProps, Omit<ButtonElementProps, "value"> {
     /**
      * The label of the button.
      */
     label?: string | number;
     /**
-     * The click handler.
+     * The pressed state change handler.
      */
-    onClick?: (pressed: boolean) => void;
+    onValueChange?: (value: boolean) => void;
     /**
      * If true, the button will display as pressed.
      */
-    pressed?: boolean;
+    value?: boolean;
     /**
-     * If true, the button will have rounded corners on the left side.
+     * The size of the button.
      */
-    first?: boolean;
+    size?: ToggleButtonSize;
     /**
-     * If true, the button will have rounded corners on the right side.
+     * If true, the button will be disabled.
      */
-    last?: boolean;
-    /**
-     * The width of the button.
-     * @default Width specified in theme.
-     */
-    width?: string;
+    disabled?: boolean;
 }
-export declare const ToggleButton: ({ label, pressed, first, last, width, onClick, }: ToggleButtonProps) => JSX.Element;
+export declare const ToggleButton: React.FC<ToggleButtonProps>;