From a3d776707d2a589816d5716c591e08046ad0d45c Mon Sep 17 00:00:00 2001 From: Johan Persson Date: Tue, 13 Jan 2026 16:40:48 +0100 Subject: [PATCH] chore(ui): Update api report. Signed-off-by: Johan Persson --- packages/ui/report.api.md | 124 +++++++++++++----------- packages/ui/src/components/Box/types.ts | 3 +- 2 files changed, 71 insertions(+), 56 deletions(-) diff --git a/packages/ui/report.api.md b/packages/ui/report.api.md index 47d306fefb..6c1ea7a8a2 100644 --- a/packages/ui/report.api.md +++ b/packages/ui/report.api.md @@ -11,6 +11,7 @@ import type { ColumnSize } from '@react-types/table'; import type { ColumnStaticSize } from '@react-types/table'; import { ComponentProps } from 'react'; import type { ComponentPropsWithRef } from 'react'; +import type { CSSProperties } from 'react'; import { DetailedHTMLProps } from 'react'; import type { DialogTriggerProps as DialogTriggerProps_2 } from 'react-aria-components'; import type { DisclosureGroupProps } from 'react-aria-components'; @@ -172,10 +173,25 @@ export const Box: ForwardRefExoticComponent< // @public export const BoxDefinition: { + readonly styles: { + readonly [key: string]: string; + }; readonly classNames: { readonly root: 'bui-Box'; }; - readonly utilityProps: [ + readonly surface: 'container'; + readonly propDefs: { + readonly as: { + readonly default: 'div'; + }; + readonly surface: { + readonly dataAttribute: true; + }; + readonly children: {}; + readonly className: {}; + readonly style: {}; + }; + readonly utilityProps: readonly [ 'm', 'mb', 'ml', @@ -199,50 +215,33 @@ export const BoxDefinition: { 'minHeight', 'maxHeight', ]; - readonly dataAttributes: { - readonly surface: readonly [ - '0', - '1', - '2', - '3', - 'danger', - 'warning', - 'success', - ]; - }; }; // @public (undocumented) -export interface BoxProps extends SpaceProps { - // (undocumented) +export type BoxOwnProps = { as?: keyof JSX.IntrinsicElements; - // (undocumented) - children?: React.ReactNode; - // (undocumented) + surface?: Responsive; + children?: ReactNode; className?: string; - // (undocumented) + style?: CSSProperties; +}; + +// @public (undocumented) +export interface BoxProps extends SpaceProps, BoxOwnProps, BoxUtilityProps {} + +// @public (undocumented) +export type BoxUtilityProps = { display?: Responsive<'none' | 'flex' | 'block' | 'inline'>; - // (undocumented) - height?: Responsive; - // (undocumented) - maxHeight?: Responsive; - // (undocumented) - maxWidth?: Responsive; - // (undocumented) - minHeight?: Responsive; - // (undocumented) - minWidth?: Responsive; - // (undocumented) position?: Responsive< 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' >; - // (undocumented) - style?: React.CSSProperties; - // (undocumented) - surface?: Responsive; - // (undocumented) width?: Responsive; -} + minWidth?: Responsive; + maxWidth?: Responsive; + height?: Responsive; + minHeight?: Responsive; + maxHeight?: Responsive; +}; // @public (undocumented) export type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'; @@ -254,15 +253,33 @@ export const Button: ForwardRefExoticComponent< // @public export const ButtonDefinition: { + readonly styles: { + readonly [key: string]: string; + }; readonly classNames: { readonly root: 'bui-Button'; readonly content: 'bui-ButtonContent'; readonly spinner: 'bui-ButtonSpinner'; }; - readonly dataAttributes: { - readonly size: readonly ['small', 'medium', 'large']; - readonly variant: readonly ['primary', 'secondary', 'tertiary']; - readonly loading: readonly [true, false]; + readonly surface: 'leaf'; + readonly propDefs: { + readonly size: { + readonly dataAttribute: true; + readonly default: 'small'; + }; + readonly variant: { + readonly dataAttribute: true; + readonly default: 'primary'; + }; + readonly loading: { + readonly dataAttribute: true; + }; + readonly iconStart: {}; + readonly iconEnd: {}; + readonly onSurface: {}; + readonly children: {}; + readonly className: {}; + readonly style: {}; }; }; @@ -327,25 +344,22 @@ export interface ButtonLinkProps extends LinkProps_2 { } // @public -export interface ButtonProps extends ButtonProps_2 { - // (undocumented) - children?: ReactNode; - // (undocumented) - iconEnd?: ReactElement; - // (undocumented) +export type ButtonOwnProps = { + size?: Responsive<'small' | 'medium' | 'large'>; + variant?: Responsive<'primary' | 'secondary' | 'tertiary'>; iconStart?: ReactElement; - // (undocumented) + iconEnd?: ReactElement; loading?: boolean; onSurface?: Responsive; - // (undocumented) - size?: 'small' | 'medium' | Partial>; - // (undocumented) - variant?: - | 'primary' - | 'secondary' - | 'tertiary' - | Partial>; -} + children?: ReactNode; + className?: string; + style?: CSSProperties; +}; + +// @public +export interface ButtonProps + extends Omit, + ButtonOwnProps {} // @public export const Card: ForwardRefExoticComponent< diff --git a/packages/ui/src/components/Box/types.ts b/packages/ui/src/components/Box/types.ts index 30ba0e1533..e3f9e2cd04 100644 --- a/packages/ui/src/components/Box/types.ts +++ b/packages/ui/src/components/Box/types.ts @@ -26,7 +26,8 @@ export type BoxOwnProps = { style?: CSSProperties; }; -type BoxUtilityProps = { +/** @public */ +export type BoxUtilityProps = { display?: Responsive<'none' | 'flex' | 'block' | 'inline'>; position?: Responsive< 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'