@lumx/react 4.19.1-alpha.5 → 4.19.1-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +151 -77
- package/index.js +1179 -621
- package/index.js.map +1 -1
- package/package.json +5 -3
package/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HorizontalAlignment as HorizontalAlignment$1, Orientation as Orientation$1, Alignment as Alignment$1, Size as Size$1, AspectRatio as AspectRatio$1, ColorPalette as ColorPalette$1, Kind as Kind$1, Emphasis as Emphasis$1, Theme as Theme$1 } from '@lumx/core/js/constants';
|
|
2
2
|
export * from '@lumx/core/js/constants';
|
|
3
3
|
import * as _lumx_core_js_types from '@lumx/core/js/types';
|
|
4
|
-
import { ValueOf as ValueOf$1, GenericProps as GenericProps$1, HasTheme as HasTheme$1, PropsToOverride, HasAriaDisabled as HasAriaDisabled$1, HasRequiredLinkHref as HasRequiredLinkHref$1, HasClassName as HasClassName$1, HasCloseMode as HasCloseMode$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasAriaLabelOrLabelledBy
|
|
4
|
+
import { ValueOf as ValueOf$1, GenericProps as GenericProps$1, HasTheme as HasTheme$1, PropsToOverride, HasAriaDisabled as HasAriaDisabled$1, HasRequiredLinkHref as HasRequiredLinkHref$1, HasClassName as HasClassName$1, HasCloseMode as HasCloseMode$1, JSXElement as JSXElement$1, CommonRef as CommonRef$1, Falsy, HeadingElement as HeadingElement$1, HasAriaLabelOrLabelledBy, NamedProps } from '@lumx/core/js/types';
|
|
5
5
|
export * from '@lumx/core/js/types';
|
|
6
6
|
import * as React$1 from 'react';
|
|
7
7
|
import React__default, { Ref, ReactElement, ReactNode, SyntheticEvent, MouseEventHandler, KeyboardEventHandler, RefObject, SetStateAction, Key, CSSProperties, ElementType as ElementType$1, HTMLInputTypeAttribute, ComponentProps, ImgHTMLAttributes } from 'react';
|
|
@@ -226,24 +226,6 @@ type ColorVariant = ValueOf$1<typeof ColorVariant>;
|
|
|
226
226
|
/** ColorPalette with all possible color variant combination */
|
|
227
227
|
type ColorWithVariants = ColorPalette | Exclude<`${ColorPalette}-${ColorVariant}`, `light-D${number}` | `dark-D${number}`>;
|
|
228
228
|
|
|
229
|
-
/**
|
|
230
|
-
* Require either `aria-label` or `arial-labelledby` prop.
|
|
231
|
-
* If none are set, the order will prioritize `aria-labelledby` over `aria-label` as it
|
|
232
|
-
* needs a visible element.
|
|
233
|
-
*/
|
|
234
|
-
type HasAriaLabelOrLabelledBy<T = string | undefined> = T extends string ? {
|
|
235
|
-
/**
|
|
236
|
-
* The id of the element to use as title of the dialog. Can be within or out of the dialog.
|
|
237
|
-
* Although it is not recommended, aria-label can be used instead if no visible element is available.
|
|
238
|
-
*/
|
|
239
|
-
'aria-labelledby': T;
|
|
240
|
-
/** The label of the dialog. */
|
|
241
|
-
'aria-label'?: undefined;
|
|
242
|
-
} : {
|
|
243
|
-
'aria-label': string;
|
|
244
|
-
'aria-labelledby'?: undefined;
|
|
245
|
-
};
|
|
246
|
-
|
|
247
229
|
interface HasClassName {
|
|
248
230
|
/**
|
|
249
231
|
* Class name forwarded to the root element of the component.
|
|
@@ -1231,6 +1213,10 @@ declare const ListDivider: Comp<ListDividerProps, HTMLLIElement>;
|
|
|
1231
1213
|
* Defines the props of the component.
|
|
1232
1214
|
*/
|
|
1233
1215
|
interface TextProps$1 extends HasClassName {
|
|
1216
|
+
/**
|
|
1217
|
+
* HTML id.
|
|
1218
|
+
*/
|
|
1219
|
+
id?: string;
|
|
1234
1220
|
/**
|
|
1235
1221
|
* Color variant.
|
|
1236
1222
|
*/
|
|
@@ -2180,6 +2166,13 @@ declare namespace ComboboxProvider {
|
|
|
2180
2166
|
|
|
2181
2167
|
/**
|
|
2182
2168
|
* Hook to subscribe to a combobox event via the handle's subscriber system.
|
|
2169
|
+
*
|
|
2170
|
+
* Uses `useSyncExternalStore` (shim, for React 17 support) reading the handle's synchronous
|
|
2171
|
+
* `getSnapshot`. This lets React pick up changes during its own commit — notably the
|
|
2172
|
+
* `optionsChange` snapshot, which the handle refreshes synchronously while coalescing the actual
|
|
2173
|
+
* subscriber push into a microtask. Reading the snapshot during commit avoids a state update
|
|
2174
|
+
* landing in the microtask outside `act` (which unit tests report as an un-acted update).
|
|
2175
|
+
*
|
|
2183
2176
|
* Re-subscribes when the handle changes (e.g. trigger mount/unmount).
|
|
2184
2177
|
*/
|
|
2185
2178
|
declare function useComboboxEvent<K extends keyof ComboboxEventMap>(event: K, initialValue: ComboboxEventMap[K]): ComboboxEventMap[K];
|
|
@@ -2448,14 +2441,64 @@ interface DialogProps extends GenericProps$1, HasCloseMode$1, BaseDialogProps {
|
|
|
2448
2441
|
/** Children */
|
|
2449
2442
|
children?: React__default.ReactNode;
|
|
2450
2443
|
}
|
|
2444
|
+
declare const Dialog: Comp<DialogProps, HTMLDivElement>;
|
|
2445
|
+
|
|
2451
2446
|
/**
|
|
2452
|
-
*
|
|
2447
|
+
* Defines the props of the component.
|
|
2448
|
+
*/
|
|
2449
|
+
interface HeadingProps$1 extends Partial<TextProps$1> {
|
|
2450
|
+
/**
|
|
2451
|
+
* Display a specific heading level instead of the one provided by parent context provider.
|
|
2452
|
+
*/
|
|
2453
|
+
as?: HeadingElement;
|
|
2454
|
+
}
|
|
2455
|
+
|
|
2456
|
+
interface HeadingProps extends GenericProps$1, HeadingProps$1 {
|
|
2457
|
+
}
|
|
2458
|
+
/**
|
|
2459
|
+
* Renders a heading component.
|
|
2460
|
+
* Extends the `Text` Component with the heading level automatically computed based on
|
|
2461
|
+
* the current level provided by the context.
|
|
2462
|
+
*/
|
|
2463
|
+
declare const Heading: Comp<HeadingProps, HTMLElement>;
|
|
2464
|
+
|
|
2465
|
+
interface HeadingLevelProviderProps {
|
|
2466
|
+
/** The heading level to start at. If left undefined, the parent context will be used, if any. */
|
|
2467
|
+
level?: number;
|
|
2468
|
+
/** The children to display */
|
|
2469
|
+
children: ReactNode;
|
|
2470
|
+
}
|
|
2471
|
+
/**
|
|
2472
|
+
* Provide a new heading level context.
|
|
2473
|
+
*/
|
|
2474
|
+
declare const HeadingLevelProvider: React.FC<HeadingLevelProviderProps>;
|
|
2475
|
+
|
|
2476
|
+
declare const useHeadingLevel: () => {
|
|
2477
|
+
level: number;
|
|
2478
|
+
headingElement: _lumx_core_js_types.HeadingElement;
|
|
2479
|
+
};
|
|
2480
|
+
|
|
2481
|
+
type DialogHeadingProps = HeadingProps;
|
|
2482
|
+
/**
|
|
2483
|
+
* Names the enclosing dialog-like container (`Dialog`, `Lightbox`, `PopoverDialog`, ...).
|
|
2453
2484
|
*
|
|
2454
|
-
*
|
|
2455
|
-
*
|
|
2456
|
-
*
|
|
2485
|
+
* Thin wrapper over `Heading` that generates its own id (or uses the consumer-supplied `id`),
|
|
2486
|
+
* and registers it with the nearest ids registry on mount so the container can link itself to
|
|
2487
|
+
* this heading via `aria-labelledby`. Deregisters on unmount.
|
|
2488
|
+
*
|
|
2489
|
+
* Defaults its typography to `Typography.title` (overridable via the `typography` prop).
|
|
2490
|
+
*
|
|
2491
|
+
* If two `DialogHeading`s are rendered within the same container, the last one registered wins.
|
|
2492
|
+
*
|
|
2493
|
+
* @example
|
|
2494
|
+
* <Dialog isOpen={isOpen}>
|
|
2495
|
+
* <header>
|
|
2496
|
+
* <Toolbar label={<DialogHeading>My dialog</DialogHeading>} />
|
|
2497
|
+
* </header>
|
|
2498
|
+
* ...
|
|
2499
|
+
* </Dialog>
|
|
2457
2500
|
*/
|
|
2458
|
-
declare const
|
|
2501
|
+
declare const DialogHeading: Comp<HeadingProps, HTMLElement>;
|
|
2459
2502
|
|
|
2460
2503
|
/**
|
|
2461
2504
|
* Defines the props of the component.
|
|
@@ -2845,41 +2888,6 @@ interface GenericBlock extends BaseGenericBlock {
|
|
|
2845
2888
|
}
|
|
2846
2889
|
declare const GenericBlock: GenericBlock;
|
|
2847
2890
|
|
|
2848
|
-
/**
|
|
2849
|
-
* Defines the props of the component.
|
|
2850
|
-
*/
|
|
2851
|
-
interface HeadingProps$1 extends Partial<TextProps$1> {
|
|
2852
|
-
/**
|
|
2853
|
-
* Display a specific heading level instead of the one provided by parent context provider.
|
|
2854
|
-
*/
|
|
2855
|
-
as?: HeadingElement;
|
|
2856
|
-
}
|
|
2857
|
-
|
|
2858
|
-
interface HeadingProps extends GenericProps$1, HeadingProps$1 {
|
|
2859
|
-
}
|
|
2860
|
-
/**
|
|
2861
|
-
* Renders a heading component.
|
|
2862
|
-
* Extends the `Text` Component with the heading level automatically computed based on
|
|
2863
|
-
* the current level provided by the context.
|
|
2864
|
-
*/
|
|
2865
|
-
declare const Heading: Comp<HeadingProps, HTMLElement>;
|
|
2866
|
-
|
|
2867
|
-
interface HeadingLevelProviderProps {
|
|
2868
|
-
/** The heading level to start at. If left undefined, the parent context will be used, if any. */
|
|
2869
|
-
level?: number;
|
|
2870
|
-
/** The children to display */
|
|
2871
|
-
children: ReactNode;
|
|
2872
|
-
}
|
|
2873
|
-
/**
|
|
2874
|
-
* Provide a new heading level context.
|
|
2875
|
-
*/
|
|
2876
|
-
declare const HeadingLevelProvider: React.FC<HeadingLevelProviderProps>;
|
|
2877
|
-
|
|
2878
|
-
declare const useHeadingLevel: () => {
|
|
2879
|
-
level: number;
|
|
2880
|
-
headingElement: _lumx_core_js_types.HeadingElement;
|
|
2881
|
-
};
|
|
2882
|
-
|
|
2883
2891
|
type GridGutterSize = Extract<Size$1, 'regular' | 'big' | 'huge'>;
|
|
2884
2892
|
/**
|
|
2885
2893
|
* Defines the props of the component.
|
|
@@ -3391,6 +3399,8 @@ interface BaseLightboxProps extends HasClassName, HasTheme, Pick<AriaAttributes,
|
|
|
3391
3399
|
isOpen?: boolean;
|
|
3392
3400
|
/** Whether to keep the dialog open on clickaway or escape press. */
|
|
3393
3401
|
preventAutoClose?: boolean;
|
|
3402
|
+
/** Whether to keep the dialog open on clickaway (overridden by `preventAutoClose`). */
|
|
3403
|
+
preventCloseOnClick?: boolean;
|
|
3394
3404
|
/** Z-axis position. */
|
|
3395
3405
|
zIndex?: number;
|
|
3396
3406
|
}
|
|
@@ -3410,6 +3420,7 @@ interface LightboxProps extends GenericProps$1, ReactToJSX<BaseLightboxProps> {
|
|
|
3410
3420
|
/** Children */
|
|
3411
3421
|
children?: React.ReactNode;
|
|
3412
3422
|
}
|
|
3423
|
+
|
|
3413
3424
|
/**
|
|
3414
3425
|
* Lightbox component.
|
|
3415
3426
|
*
|
|
@@ -3742,7 +3753,7 @@ type NavigationProps = React.ComponentProps<'nav'> & HasClassName$1 & HasTheme$1
|
|
|
3742
3753
|
/** Content of the navigation. These components should be of type NavigationItem to be rendered */
|
|
3743
3754
|
children?: React.ReactNode;
|
|
3744
3755
|
orientation?: Orientation$1;
|
|
3745
|
-
} & HasAriaLabelOrLabelledBy
|
|
3756
|
+
} & HasAriaLabelOrLabelledBy;
|
|
3746
3757
|
type SubComponents = {
|
|
3747
3758
|
Section: typeof NavigationSection;
|
|
3748
3759
|
Item: typeof NavigationItem;
|
|
@@ -3781,18 +3792,24 @@ declare const Notification: Comp<NotificationProps, HTMLDivElement>;
|
|
|
3781
3792
|
|
|
3782
3793
|
/**
|
|
3783
3794
|
* PopoverDialog props.
|
|
3784
|
-
* The PopoverDialog has the same props as the Popover
|
|
3795
|
+
* The PopoverDialog has the same props as the Popover, plus optional accessible-name props.
|
|
3796
|
+
* An accessible name can be provided via `label`, `aria-label`, `aria-labelledby`, or by
|
|
3797
|
+
* rendering a `DialogHeading` inside the dialog (which names it via the internal label
|
|
3798
|
+
* registry) - at least one of these should be used.
|
|
3785
3799
|
*/
|
|
3786
|
-
type PopoverDialogProps$1 = PopoverProps$1 &
|
|
3800
|
+
type PopoverDialogProps$1 = PopoverProps$1 & Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'> & {
|
|
3787
3801
|
/** Accessible label for the dialog (alternative to aria-label prop). */
|
|
3788
3802
|
label?: string;
|
|
3789
3803
|
};
|
|
3790
3804
|
|
|
3791
3805
|
/**
|
|
3792
3806
|
* PopoverDialog props.
|
|
3793
|
-
* The PopoverDialog has the same props as the Popover
|
|
3807
|
+
* The PopoverDialog has the same props as the Popover, plus optional accessible-name props
|
|
3808
|
+
* (`label`/`aria-label`/`aria-labelledby`). An accessible name can also be provided by rendering
|
|
3809
|
+
* a `DialogHeading` inside the dialog - at least one of these should be used.
|
|
3794
3810
|
*/
|
|
3795
3811
|
type PopoverDialogProps = PopoverProps & Omit<PopoverDialogProps$1, keyof PopoverProps$1>;
|
|
3812
|
+
|
|
3796
3813
|
/**
|
|
3797
3814
|
* PopoverDialog component.
|
|
3798
3815
|
* Defines a popover that acts like a dialog:
|
|
@@ -5271,14 +5288,17 @@ interface TabListProps$1 extends HasClassName, HasTheme {
|
|
|
5271
5288
|
layout?: TabListLayout;
|
|
5272
5289
|
/** Position of the tabs in the list (requires 'clustered' layout). */
|
|
5273
5290
|
position?: Alignment;
|
|
5291
|
+
/** `role` applied to the inner `__links` container */
|
|
5292
|
+
role?: 'navigation' | 'tablist';
|
|
5274
5293
|
/** ref to the wrapper element */
|
|
5275
5294
|
ref?: CommonRef;
|
|
5276
5295
|
}
|
|
5296
|
+
type TabListPropsToOverride = 'role';
|
|
5277
5297
|
|
|
5278
5298
|
/**
|
|
5279
5299
|
* Defines the props of the component.
|
|
5280
5300
|
*/
|
|
5281
|
-
interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1> {
|
|
5301
|
+
interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1, TabListPropsToOverride> {
|
|
5282
5302
|
}
|
|
5283
5303
|
|
|
5284
5304
|
/**
|
|
@@ -5286,6 +5306,8 @@ interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1> {
|
|
|
5286
5306
|
*
|
|
5287
5307
|
* Implements WAI-ARIA `tablist` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
|
|
5288
5308
|
*
|
|
5309
|
+
* Renders a `role="navigation"` landmark instead when used outside a `TabProvider` (nav-link mode).
|
|
5310
|
+
*
|
|
5289
5311
|
* @param props Component props.
|
|
5290
5312
|
* @param ref Component ref.
|
|
5291
5313
|
* @return React element.
|
|
@@ -5293,9 +5315,14 @@ interface TabListProps extends GenericProps$1, ReactToJSX<TabListProps$1> {
|
|
|
5293
5315
|
declare const TabList: Comp<TabListProps, HTMLDivElement>;
|
|
5294
5316
|
|
|
5295
5317
|
/**
|
|
5296
|
-
*
|
|
5318
|
+
* Element a `Tab` can render as: `'button'` (default, classic tab), `'a'` (nav-link, `href`
|
|
5319
|
+
* required via {@link HasRequiredLinkHref}), or any `ElementType` (nav-link, e.g. a router `Link`).
|
|
5320
|
+
*/
|
|
5321
|
+
type TabElement = 'a' | 'button' | ElementType;
|
|
5322
|
+
/**
|
|
5323
|
+
* Defines the props of the component (independent of the `as` element).
|
|
5297
5324
|
*/
|
|
5298
|
-
interface
|
|
5325
|
+
interface CommonTabProps extends HasClassName {
|
|
5299
5326
|
/** Children are not supported. */
|
|
5300
5327
|
children?: never;
|
|
5301
5328
|
/** Icon (SVG path). */
|
|
@@ -5306,6 +5333,11 @@ interface TabProps$1 extends HasClassName {
|
|
|
5306
5333
|
id?: string;
|
|
5307
5334
|
/** Whether the tab is active or not. */
|
|
5308
5335
|
isActive?: boolean;
|
|
5336
|
+
/**
|
|
5337
|
+
* WAI-ARIA `tab` role, resolved by the framework wrapper from `TabProvider` presence:
|
|
5338
|
+
* `'tab'` inside a provider (classic tab mode), `undefined` outside (nav-link mode).
|
|
5339
|
+
*/
|
|
5340
|
+
role?: 'tab';
|
|
5309
5341
|
/** Whether the component is disabled or not. */
|
|
5310
5342
|
isDisabled?: boolean;
|
|
5311
5343
|
/** Label content. */
|
|
@@ -5326,23 +5358,38 @@ interface TabProps$1 extends HasClassName {
|
|
|
5326
5358
|
tabIndexProp?: string;
|
|
5327
5359
|
/** Name of the prop used to attach the keypress event (framework-dependent). */
|
|
5328
5360
|
keyPressProp?: string;
|
|
5329
|
-
/** ID applied to the tab button element (for aria-labelledby on the panel). */
|
|
5330
|
-
tabId?: string;
|
|
5331
5361
|
/** ID of the associated tab panel (for aria-controls). */
|
|
5332
5362
|
tabPanelId?: string;
|
|
5333
5363
|
/** Icon component injected by the framework wrapper. */
|
|
5334
5364
|
Icon: any;
|
|
5335
5365
|
/** Text component injected by the framework wrapper. */
|
|
5336
5366
|
Text: any;
|
|
5337
|
-
/** Forward ref to the underlying
|
|
5367
|
+
/** Forward ref to the underlying element. */
|
|
5338
5368
|
ref?: CommonRef;
|
|
5339
5369
|
}
|
|
5340
|
-
|
|
5370
|
+
/**
|
|
5371
|
+
* Polymorphic `as` surface for `Tab`. Not `HasPolymorphicAs<E>`: core JSX is type-checked under
|
|
5372
|
+
* both the React and Vue namespaces, so spreading React DOM prop types would break the Vue
|
|
5373
|
+
* cross-check. `href` is required at compile time when `as === 'a'` (via {@link HasRequiredLinkHref}).
|
|
5374
|
+
*/
|
|
5375
|
+
type TabAsProps<E extends TabElement = 'button'> = {
|
|
5376
|
+
as?: E;
|
|
5377
|
+
} & (E extends 'a' ? HasRequiredLinkHref<'a'> : unknown);
|
|
5378
|
+
/**
|
|
5379
|
+
* Props of the `Tab` component. Polymorphic on `as` (element selection only): `as` picks the
|
|
5380
|
+
* rendered element, while **mode is driven by `TabProvider` presence** (via the wrapper-resolved
|
|
5381
|
+
* `role`), not by `as`. The `href` conditional's false branch is `unknown` (not a record) to avoid
|
|
5382
|
+
* widening `keyof TabProps`.
|
|
5383
|
+
*/
|
|
5384
|
+
type TabProps$1<E extends TabElement = 'button'> = CommonTabProps & TabAsProps<E>;
|
|
5385
|
+
type TabPropsToOverride = 'as' | 'role' | 'isAnyDisabled' | 'shouldActivateOnFocus' | 'changeToTab' | 'tabIndex' | 'tabIndexProp' | 'keyPressProp' | 'tabPanelId' | 'Icon' | 'Text';
|
|
5341
5386
|
|
|
5342
5387
|
/**
|
|
5343
|
-
* Defines the props of the component.
|
|
5388
|
+
* Defines the props of the component. Polymorphic on `as` (element selection only): `as` picks the
|
|
5389
|
+
* rendered element (`as="a"` with required `href`, or `as={RouterLink}`), while the mode
|
|
5390
|
+
* (`role="tab"` vs nav-link) is driven by `TabProvider` presence. The forwarded ref type follows `as`.
|
|
5344
5391
|
*/
|
|
5345
|
-
|
|
5392
|
+
type TabProps<E extends ElementType$1 = 'button'> = GenericProps$1 & HasPolymorphicAs$1<E> & HasRequiredLinkHref$1<E> & ReactToJSX<TabProps$1, TabPropsToOverride> & {
|
|
5346
5393
|
/** Children are not supported. */
|
|
5347
5394
|
children?: never;
|
|
5348
5395
|
/** Icon (SVG path). */
|
|
@@ -5357,17 +5404,44 @@ interface TabProps extends GenericProps$1, ReactToJSX<TabProps$1, TabPropsToOver
|
|
|
5357
5404
|
isDisabled?: boolean;
|
|
5358
5405
|
/** Label content. */
|
|
5359
5406
|
label: string | ReactNode;
|
|
5360
|
-
}
|
|
5407
|
+
};
|
|
5361
5408
|
/**
|
|
5362
5409
|
* Tab component.
|
|
5363
5410
|
*
|
|
5364
5411
|
* Implements WAI-ARIA `tab` role {@see https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-1/tabs.html#rps_label}
|
|
5412
|
+
* when rendered inside a `TabProvider`.
|
|
5413
|
+
*
|
|
5414
|
+
* Outside a `TabProvider` (nav-link mode): plain link, no `role="tab"`/roving tabindex/`changeToTab`
|
|
5415
|
+
* dispatch — only `aria-current` marks the active item.
|
|
5365
5416
|
*
|
|
5366
5417
|
* @param props Component props.
|
|
5367
|
-
* @param ref Component ref.
|
|
5418
|
+
* @param ref Component ref (type follows `as`).
|
|
5368
5419
|
* @return React element.
|
|
5369
5420
|
*/
|
|
5370
|
-
declare const Tab:
|
|
5421
|
+
declare const Tab: (<E extends ElementType$1 = "button">(props: GenericProps$1 & React$1.PropsWithoutRef<React$1.ComponentProps<E>> & {
|
|
5422
|
+
as?: E | undefined;
|
|
5423
|
+
} & HasRequiredLinkHref$1<E> & ReactToJSX<TabProps$1, TabPropsToOverride> & {
|
|
5424
|
+
/** Children are not supported. */
|
|
5425
|
+
children?: never;
|
|
5426
|
+
/** Icon (SVG path). */
|
|
5427
|
+
icon?: IconProps["icon"];
|
|
5428
|
+
/** Icon component properties. */
|
|
5429
|
+
iconProps?: Omit<IconProps, "icon">;
|
|
5430
|
+
/** Native id property. */
|
|
5431
|
+
id?: string;
|
|
5432
|
+
/** Whether the tab is active or not. */
|
|
5433
|
+
isActive?: boolean;
|
|
5434
|
+
/** Whether the component is disabled or not. */
|
|
5435
|
+
isDisabled?: boolean;
|
|
5436
|
+
/** Label content. */
|
|
5437
|
+
label: string | ReactNode;
|
|
5438
|
+
} & React$1.ComponentProps<E> & {
|
|
5439
|
+
ref?: ComponentRef<E> | undefined;
|
|
5440
|
+
}) => React.JSX.Element) & {
|
|
5441
|
+
displayName: string;
|
|
5442
|
+
className: string;
|
|
5443
|
+
defaultProps: Partial<TabProps$1<"button">>;
|
|
5444
|
+
};
|
|
5371
5445
|
|
|
5372
5446
|
/**
|
|
5373
5447
|
* Defines the props of the component.
|
|
@@ -5799,5 +5873,5 @@ declare const ThemeProvider: React__default.FC<{
|
|
|
5799
5873
|
/** Get the theme in the current context. */
|
|
5800
5874
|
declare function useTheme(): ThemeContextValue;
|
|
5801
5875
|
|
|
5802
|
-
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME$2 as CLASSNAME, COMPONENT_NAME$2 as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, MenuButton, ListDivider as MenuDivider, MenuItem, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectButton, SelectMultiple, SelectMultipleField, SelectTextField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, CLASSNAME as TIME_PICKER_FIELD_CLASSNAME, COMPONENT_NAME as TIME_PICKER_FIELD_COMPONENT_NAME, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, TimePickerField, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
|
|
5803
|
-
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListProps, ComboboxOptionActionProps, ComboboxOptionMoreInfoProps, ComboboxOptionProps, ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ComboboxSectionProps, ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MenuButtonProps, ListDividerProps as MenuDividerProps, MenuItemActionProps, MenuItemProps, MessageProps, MosaicProps, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverHeight, PopoverProps, PopoverWidth, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectButtonProps, SelectListStatus as SelectButtonStatus, SelectButtonTranslations, SelectListStatus, SelectMultipleProps, SelectProps, SelectTextFieldProps, SelectListStatus as SelectTextFieldStatus, SelectTextFieldTranslations, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SingleSelectButtonProps, SingleSelectTextFieldProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, TimePickerFieldProps, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|
|
5876
|
+
export { AlertDialog, Autocomplete, AutocompleteMultiple, Avatar, Badge, BadgeWrapper, Button, ButtonEmphasis, ButtonGroup, CLASSNAME$2 as CLASSNAME, COMPONENT_NAME$2 as COMPONENT_NAME, Checkbox, Chip, ChipGroup, Combobox, CommentBlock, CommentBlockVariant, DEFAULT_PROPS, DatePicker, DatePickerControlled, DatePickerField, Dialog, DialogHeading, Divider, DragHandle, Dropdown, ExpansionPanel, Flag, FlexBox, GenericBlock, GenericBlockGapSize, Grid, GridColumn, GridItem, Heading, HeadingLevelProvider, Icon, IconButton, ImageBlock, ImageBlockCaptionPosition, ImageLightbox, InlineList, InputHelper, InputLabel, Lightbox, Link, LinkPreview, List, ListDivider, ListItem, ListSection, ListSubheader, MenuButton, ListDivider as MenuDivider, MenuItem, Message, Mosaic, Navigation, Notification, Placement, Popover, PopoverDialog, PostBlock, Progress, ProgressCircular, ProgressLinear, ProgressTracker, ProgressTrackerProvider, ProgressTrackerStep, ProgressTrackerStepPanel, ProgressVariant, RadioButton, RadioGroup, RawInputText, RawInputTextarea, Select, SelectButton, SelectMultiple, SelectMultipleField, SelectTextField, SelectVariant, SelectionChipGroup, SideNavigation, SideNavigationItem, SkeletonCircle, SkeletonRectangle, SkeletonRectangleVariant, SkeletonTypography, Slider, Slides, Slideshow, SlideshowControls, SlideshowItem, Switch, CLASSNAME as TIME_PICKER_FIELD_CLASSNAME, COMPONENT_NAME as TIME_PICKER_FIELD_COMPONENT_NAME, Tab, TabList, TabListLayout, TabPanel, TabProvider, Table, TableBody, TableCell, TableCellVariant, TableCellVariant as TableCellVariantType, TableHeader, TableRow, Text, TextField, ThOrder, ThOrder as ThOrderType, ThemeProvider, Thumbnail, ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant, TimePickerField, Toolbar, Tooltip, Uploader, UploaderVariant, UserBlock, clamp, useFocusPointStyle, useHeadingLevel, useTheme };
|
|
5877
|
+
export type { AlertDialogProps, AutocompleteMultipleProps, AutocompleteProps, AvatarProps, AvatarSize, BadgeProps, BadgeWrapperProps, BaseButtonProps, ButtonGroupProps, ButtonProps, ButtonSize, CheckboxProps, ChipGroupProps, ChipProps, ComboboxButtonProps, ComboboxInputProps, ComboboxListProps, ComboboxOptionActionProps, ComboboxOptionMoreInfoProps, ComboboxOptionProps, ComboboxOptionSkeletonProps, ComboboxPopoverComponentProps, ComboboxPopoverProps, ComboboxProviderProps, ComboboxSectionProps, ComboboxStateProps, CommentBlockProps, DatePickerControlledProps, DatePickerFieldProps, DatePickerProps, DialogHeadingProps, DialogProps, DialogSizes, DividerProps, DragHandleProps, DropdownProps, Elevation, ExpansionPanelProps, FlagProps, FlexBoxProps, FlexHorizontalAlignment, FlexVerticalAlignment, FocusPoint, GapSize, GenericBlockProps, GenericBlockSectionProps, GridColumnGapSize, GridColumnProps, GridItemProps, GridProps, HeadingLevelProviderProps, HeadingProps, IconButtonProps, IconProps, IconSizes, ImageBlockProps, ImageBlockSize, ImageLightboxProps, InlineListProps, InputHelperProps, InputLabelProps, LightboxProps, LinkPreviewProps, LinkProps, ListDividerProps, ListItemProps, ListItemSize, ListProps, ListSectionProps, ListSubheaderProps, MarginAutoAlignment, MenuButtonProps, ListDividerProps as MenuDividerProps, MenuItemActionProps, MenuItemProps, MessageProps, MosaicProps, MultipleSelectButtonProps, MultipleSelectTextFieldProps, NavigationProps, NotificationProps, Offset, PopoverDialogProps, PopoverHeight, PopoverProps, PopoverWidth, PostBlockProps, ProgressCircularProps, ProgressCircularSize, ProgressLinearProps, ProgressProps, ProgressTrackerProps, ProgressTrackerProviderProps, ProgressTrackerStepPanelProps, ProgressTrackerStepProps, RadioButtonProps, RadioGroupProps, RawInputTextProps, RawInputTextareaProps, SelectButtonProps, SelectListStatus as SelectButtonStatus, SelectButtonTranslations, SelectListStatus, SelectMultipleProps, SelectProps, SelectTextFieldProps, SelectListStatus as SelectTextFieldStatus, SelectTextFieldTranslations, SelectionChipGroupProps, SideNavigationItemProps, SideNavigationProps, SingleSelectButtonProps, SingleSelectTextFieldProps, SkeletonCircleProps, SkeletonRectangleProps, SkeletonTypographyProps, SliderProps, SlidesProps, SlideshowControlsProps, SlideshowItemProps, SlideshowProps, SwitchProps, TabListProps, TabPanelProps, TabProps, TabProviderProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TextFieldProps, TextProps, ThumbnailProps, ThumbnailSize, TimePickerFieldProps, ToolbarProps, TooltipPlacement, TooltipProps, UploaderProps, UploaderSize, UserBlockProps, UserBlockSize };
|