@drivenets/design-system 0.19.0 → 0.20.0
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/CHANGELOG.md +28 -0
- package/dist/index.cjs +12409 -10548
- package/dist/index.d.cts +678 -312
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +679 -313
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +12404 -10550
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +29 -29
- package/src/components/ds-checkbox/ds-checkbox.figma.ts +3 -0
- package/src/components/ds-checkbox/ds-checkbox.module.scss +102 -20
- package/src/components/ds-checkbox/ds-checkbox.tsx +30 -2
- package/src/components/ds-checkbox/ds-checkbox.types.ts +10 -0
- package/src/components/ds-code-input/collapsed-code-field/collapsed-code-field.module.scss +169 -0
- package/src/components/ds-code-input/collapsed-code-field/collapsed-code-field.tsx +92 -0
- package/src/components/ds-code-input/collapsed-code-field/index.ts +1 -0
- package/src/components/ds-code-input/ds-code-input-panel/ds-code-input-panel.module.scss +110 -0
- package/src/components/ds-code-input/ds-code-input-panel/ds-code-input-panel.tsx +61 -0
- package/src/components/ds-code-input/ds-code-input-panel/index.ts +1 -0
- package/src/components/ds-code-input/ds-code-input.module.scss +25 -0
- package/src/components/ds-code-input/ds-code-input.tsx +401 -0
- package/src/components/ds-code-input/ds-code-input.types.ts +166 -0
- package/src/components/ds-code-input/ds-code-input.utils.ts +94 -0
- package/src/components/ds-code-input/ds-code-input.utils.unit.test.ts +166 -0
- package/src/components/ds-code-input/index.ts +2 -0
- package/src/components/ds-code-input/use-collapsed-viewport.ts +289 -0
- package/src/components/ds-code-input/use-editor-host.ts +87 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-builder/ds-filters-bar-builder.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-builder/ds-filters-bar-builder.types.ts +41 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-builder/index.ts +1 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-clear-all.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-conditions/ds-filters-bar-conditions.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-conditions/ds-filters-bar-conditions.types.ts +30 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-conditions/index.ts +1 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-pinned.ts +31 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-query/ds-filters-bar-query.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-query/ds-filters-bar-query.types.ts +22 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-query/index.ts +1 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-saved-filters.ts +19 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-search.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-summary.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-toolbar.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-view-switch.ts +11 -0
- package/src/components/ds-filters-bar/components/ds-filters-bar-view.ts +11 -0
- package/src/components/ds-filters-bar/components/index.ts +11 -0
- package/src/components/ds-filters-bar/ds-filters-bar.context.ts +69 -0
- package/src/components/ds-filters-bar/ds-filters-bar.tsx +120 -0
- package/src/components/ds-filters-bar/ds-filters-bar.types.ts +440 -0
- package/src/components/ds-filters-bar/ds-filters-bar.unit.test.ts +216 -0
- package/src/components/ds-filters-bar/ds-filters-bar.utils.ts +141 -0
- package/src/components/ds-filters-bar/index.ts +1 -0
- package/src/components/ds-form-control/ds-form-control.module.scss +18 -0
- package/src/components/ds-form-control/ds-form-control.tsx +43 -9
- package/src/components/ds-form-control/ds-form-control.types.ts +2 -1
- package/src/components/ds-icon/custom-icons/index.ts +2 -0
- package/src/components/ds-icon/custom-icons/special-adv-filters.tsx +28 -0
- package/src/components/ds-pin-toggle/ds-pin-toggle.figma.ts +27 -0
- package/src/components/ds-pin-toggle/ds-pin-toggle.module.scss +41 -0
- package/src/components/ds-pin-toggle/ds-pin-toggle.tsx +43 -0
- package/src/components/ds-pin-toggle/ds-pin-toggle.types.ts +29 -0
- package/src/components/ds-pin-toggle/index.ts +2 -0
- package/src/components/ds-popover/components/popover-trigger/index.ts +1 -0
- package/src/components/ds-popover/components/popover-trigger/popover-trigger.tsx +15 -0
- package/src/components/ds-popover/ds-popover.context.ts +18 -0
- package/src/components/ds-popover/ds-popover.hover-intent.ts +65 -0
- package/src/components/ds-popover/ds-popover.tsx +163 -41
- package/src/components/ds-popover/ds-popover.types.ts +59 -1
- package/src/components/ds-popover/ds-popover.utils.ts +60 -0
- package/src/components/ds-popover/ds-popover.utils.unit.test.ts +25 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-delete-confirm.tsx +53 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-name-entry.tsx +64 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-name-modal.tsx +50 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-row/ds-saved-filters-row.module.scss +68 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-row/ds-saved-filters-row.tsx +83 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-row/index.ts +1 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-save.tsx +164 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-trigger/ds-saved-filters-trigger.module.scss +21 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-trigger/ds-saved-filters-trigger.tsx +237 -0
- package/src/components/ds-saved-filters/components/ds-saved-filters-trigger/index.ts +1 -0
- package/src/components/ds-saved-filters/components/index.ts +2 -0
- package/src/components/ds-saved-filters/ds-saved-filters.ts +6 -0
- package/src/components/ds-saved-filters/ds-saved-filters.types.ts +106 -0
- package/src/components/ds-saved-filters/ds-saved-filters.utils.ts +35 -0
- package/src/components/ds-saved-filters/hooks/index.ts +1 -0
- package/src/components/ds-saved-filters/hooks/use-picker-outside-dismiss.ts +42 -0
- package/src/components/ds-saved-filters/index.ts +2 -0
- package/src/components/ds-segment-group/ds-segment-group.module.scss +65 -37
- package/src/components/ds-segment-group/ds-segment-group.tsx +17 -5
- package/src/components/ds-segment-group/ds-segment-group.types.ts +20 -5
- package/src/components/ds-segment-group/figma/ds-segment-group-v2-item.figma.ts +109 -0
- package/src/components/ds-segment-group/figma/ds-segment-group-v2.figma.ts +31 -0
- package/src/components/ds-tag/ds-tag.figma.ts +23 -3
- package/src/components/ds-tag/ds-tag.module.scss +71 -7
- package/src/components/ds-tag/ds-tag.tsx +115 -14
- package/src/components/ds-tag/ds-tag.types.ts +70 -3
- package/src/components/ds-tag/ds-tag.unit.test.ts +23 -4
- package/src/components/ds-tag/index.ts +2 -2
- package/src/components/ds-text-input/ds-input-field-v02.figma.ts +2 -0
- package/src/components/ds-toggle/ds-toggle.tsx +19 -15
- package/src/components/ds-toggle/ds-toggle.types.ts +6 -0
- package/src/components/ds-toggle-filter-data/ds-toggle-filter-data.module.scss +69 -0
- package/src/components/ds-toggle-filter-data/ds-toggle-filter-data.tsx +55 -0
- package/src/components/ds-toggle-filter-data/ds-toggle-filter-data.types.ts +43 -0
- package/src/components/ds-toggle-filter-data/index.ts +1 -0
- package/src/components/ds-tooltip/ds-tooltip.module.scss +8 -0
- package/src/components/ds-tooltip/ds-tooltip.tsx +1 -1
- package/src/components/ds-tree/ds-tree.tsx +10 -10
- package/src/components/ds-tree/ds-tree.types.ts +40 -7
- package/src/index.ts +2 -0
package/dist/index.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React$2 from "react";
|
|
2
|
-
import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
2
|
+
import React$1, { AriaAttributes, ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FocusEventHandler, FunctionComponent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PointerEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
3
3
|
import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
|
|
4
4
|
import { Menu } from "@ark-ui/react/menu";
|
|
5
5
|
import { Checkbox } from "@ark-ui/react/checkbox";
|
|
6
|
+
import { PopoverContentProps } from "@ark-ui/react/popover";
|
|
6
7
|
import { UseDialogProps } from "@ark-ui/react/dialog";
|
|
7
8
|
import { DatePickerRootProps } from "@ark-ui/react/date-picker";
|
|
8
|
-
import { PopoverContentProps } from "@ark-ui/react/popover";
|
|
9
9
|
import * as Collapsible from "@radix-ui/react-collapsible";
|
|
10
10
|
import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
|
|
11
11
|
import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
|
|
@@ -6199,7 +6199,7 @@ declare const materialIcons: {
|
|
|
6199
6199
|
//#endregion
|
|
6200
6200
|
//#region src/components/ds-icon/custom-icons/index.d.ts
|
|
6201
6201
|
type CustomIconComponent = FC<SVGProps<SVGSVGElement>>;
|
|
6202
|
-
declare const customIcons: {
|
|
6202
|
+
export declare const customIcons: {
|
|
6203
6203
|
readonly 'special-market': FC<SVGProps<SVGSVGElement>>;
|
|
6204
6204
|
readonly 'special-site-t1': FC<SVGProps<SVGSVGElement>>;
|
|
6205
6205
|
readonly 'special-site-t2': FC<SVGProps<SVGSVGElement>>;
|
|
@@ -6240,6 +6240,7 @@ declare const customIcons: {
|
|
|
6240
6240
|
readonly 'special-compare': FC<SVGProps<SVGSVGElement>>;
|
|
6241
6241
|
readonly 'special-webhook': FC<SVGProps<SVGSVGElement>>;
|
|
6242
6242
|
readonly 'special-map-view': FC<SVGProps<SVGSVGElement>>;
|
|
6243
|
+
readonly 'special-adv-filters': FC<SVGProps<SVGSVGElement>>;
|
|
6243
6244
|
readonly 'special-home': FC<SVGProps<SVGSVGElement>>;
|
|
6244
6245
|
readonly 'special-leading-icon': FC<SVGProps<SVGSVGElement>>;
|
|
6245
6246
|
readonly 'special-lego': FC<SVGProps<SVGSVGElement>>;
|
|
@@ -6258,19 +6259,19 @@ declare const customIcons: {
|
|
|
6258
6259
|
readonly 'special-paused': FC<SVGProps<SVGSVGElement>>;
|
|
6259
6260
|
};
|
|
6260
6261
|
type CustomIconName = keyof typeof customIcons;
|
|
6261
|
-
declare const isCustomIcon: (icon: string) => icon is CustomIconName;
|
|
6262
|
+
export declare const isCustomIcon: (icon: string) => icon is CustomIconName;
|
|
6262
6263
|
//#endregion
|
|
6263
6264
|
//#region src/components/ds-icon/ds-icon.types.d.ts
|
|
6264
|
-
declare const iconSizes: readonly ['tiny', 'small', 'medium', 'large', 'extra-large'];
|
|
6265
|
-
type IconSize = (typeof iconSizes)[number];
|
|
6266
|
-
declare const iconVariants: readonly ['outlined', 'rounded'];
|
|
6267
|
-
type IconVariant = (typeof iconVariants)[number];
|
|
6268
|
-
declare const iconColors: readonly ['action', 'action-hover', 'action-secondary', 'disabled', 'error', 'execution', 'information-main', 'information-secondary', 'inverse', 'main', 'on-button', 'on-dark-disabled', 'pause', 'pending', 'secondary', 'success', 'success-light', 'warning', 'warning-light'];
|
|
6269
|
-
type IconColor = (typeof iconColors)[number];
|
|
6270
|
-
type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never; }[keyof typeof materialIcons];
|
|
6271
|
-
type IconName = MaterialIconName | CustomIconName;
|
|
6272
|
-
type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
|
|
6273
|
-
interface DsIconProps {
|
|
6265
|
+
export declare const iconSizes: readonly ['tiny', 'small', 'medium', 'large', 'extra-large'];
|
|
6266
|
+
export type IconSize = (typeof iconSizes)[number];
|
|
6267
|
+
export declare const iconVariants: readonly ['outlined', 'rounded'];
|
|
6268
|
+
export type IconVariant = (typeof iconVariants)[number];
|
|
6269
|
+
export declare const iconColors: readonly ['action', 'action-hover', 'action-secondary', 'disabled', 'error', 'execution', 'information-main', 'information-secondary', 'inverse', 'main', 'on-button', 'on-dark-disabled', 'pause', 'pending', 'secondary', 'success', 'success-light', 'warning', 'warning-light'];
|
|
6270
|
+
export type IconColor = (typeof iconColors)[number];
|
|
6271
|
+
export type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never; }[keyof typeof materialIcons];
|
|
6272
|
+
export type IconName = MaterialIconName | CustomIconName;
|
|
6273
|
+
export type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
|
|
6274
|
+
export interface DsIconProps {
|
|
6274
6275
|
/**
|
|
6275
6276
|
* The icon to display. This can be a Material Icon name (e.g., 'home') or an SVG component.
|
|
6276
6277
|
*/
|
|
@@ -6317,9 +6318,9 @@ declare namespace DsIcon {
|
|
|
6317
6318
|
}
|
|
6318
6319
|
//#endregion
|
|
6319
6320
|
//#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
|
|
6320
|
-
declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
|
|
6321
|
-
type AlertBannerVariant = (typeof alertBannerVariants)[number];
|
|
6322
|
-
interface DsAlertBannerProps {
|
|
6321
|
+
export declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
|
|
6322
|
+
export type AlertBannerVariant = (typeof alertBannerVariants)[number];
|
|
6323
|
+
export interface DsAlertBannerProps {
|
|
6323
6324
|
/**
|
|
6324
6325
|
* Controls whether the alert banner is visible
|
|
6325
6326
|
*/
|
|
@@ -6401,9 +6402,9 @@ declare const DsAlertBanner: typeof DsAlertBannerRoot & {
|
|
|
6401
6402
|
};
|
|
6402
6403
|
//#endregion
|
|
6403
6404
|
//#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
|
|
6404
|
-
declare const autocompleteSizes: readonly ['small', 'default', 'large'];
|
|
6405
|
-
type AutocompleteSize = (typeof autocompleteSizes)[number];
|
|
6406
|
-
interface DsAutocompleteOption {
|
|
6405
|
+
export declare const autocompleteSizes: readonly ['small', 'default', 'large'];
|
|
6406
|
+
export type AutocompleteSize = (typeof autocompleteSizes)[number];
|
|
6407
|
+
export interface DsAutocompleteOption {
|
|
6407
6408
|
/**
|
|
6408
6409
|
* Label to display in the autocomplete dropdown
|
|
6409
6410
|
*/
|
|
@@ -6417,7 +6418,7 @@ interface DsAutocompleteOption {
|
|
|
6417
6418
|
*/
|
|
6418
6419
|
icon?: IconName;
|
|
6419
6420
|
}
|
|
6420
|
-
interface DsAutocompleteProps {
|
|
6421
|
+
export interface DsAutocompleteProps {
|
|
6421
6422
|
/**
|
|
6422
6423
|
* Unique identifier for the autocomplete component
|
|
6423
6424
|
*/
|
|
@@ -6503,17 +6504,17 @@ interface DsAutocompleteProps {
|
|
|
6503
6504
|
}
|
|
6504
6505
|
//#endregion
|
|
6505
6506
|
//#region src/components/ds-autocomplete/ds-autocomplete.d.ts
|
|
6506
|
-
declare function DsAutocomplete({ id, options, loading, size, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react").JSX.Element;
|
|
6507
|
-
declare namespace DsAutocomplete {
|
|
6507
|
+
export declare function DsAutocomplete({ id, options, loading, size, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react").JSX.Element;
|
|
6508
|
+
export declare namespace DsAutocomplete {
|
|
6508
6509
|
var displayName: string;
|
|
6509
6510
|
}
|
|
6510
6511
|
//#endregion
|
|
6511
6512
|
//#region src/components/ds-avatar/ds-avatar.types.d.ts
|
|
6512
|
-
declare const dsAvatarSizes: readonly ['xsm', 'sm', 'regular', 'md', 'lg', 'xl'];
|
|
6513
|
-
declare const dsAvatarTypes: readonly ['circle', 'rounded'];
|
|
6514
|
-
type DsAvatarSize = (typeof dsAvatarSizes)[number];
|
|
6515
|
-
type DsAvatarType = (typeof dsAvatarTypes)[number];
|
|
6516
|
-
interface DsAvatarProps {
|
|
6513
|
+
export declare const dsAvatarSizes: readonly ['xsm', 'sm', 'regular', 'md', 'lg', 'xl'];
|
|
6514
|
+
export declare const dsAvatarTypes: readonly ['circle', 'rounded'];
|
|
6515
|
+
export type DsAvatarSize = (typeof dsAvatarSizes)[number];
|
|
6516
|
+
export type DsAvatarType = (typeof dsAvatarTypes)[number];
|
|
6517
|
+
export interface DsAvatarProps {
|
|
6517
6518
|
/**
|
|
6518
6519
|
* Image source URL
|
|
6519
6520
|
*/
|
|
@@ -6558,10 +6559,10 @@ interface DsAvatarProps {
|
|
|
6558
6559
|
* missing or fails to load, the trimmed initials derived from `name` are shown
|
|
6559
6560
|
* instead, and `name` is surfaced in a tooltip on hover.
|
|
6560
6561
|
*/
|
|
6561
|
-
declare const DsAvatar: FC<DsAvatarProps>;
|
|
6562
|
+
export declare const DsAvatar: FC<DsAvatarProps>;
|
|
6562
6563
|
//#endregion
|
|
6563
6564
|
//#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
|
|
6564
|
-
interface DsAvatarGroupProps {
|
|
6565
|
+
export interface DsAvatarGroupProps {
|
|
6565
6566
|
/**
|
|
6566
6567
|
* Avatar items to display. Each item accepts `DsAvatar` props except `size`
|
|
6567
6568
|
* and `type`, which are set on the group. `name` is required; `src` and `alt`
|
|
@@ -6597,11 +6598,11 @@ interface DsAvatarGroupProps {
|
|
|
6597
6598
|
* `avatars.length` exceeds `max`, the remainder collapse behind a `+N`
|
|
6598
6599
|
* indicator; hovering it lists the hidden names in a tooltip.
|
|
6599
6600
|
*/
|
|
6600
|
-
declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
|
|
6601
|
+
export declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
|
|
6601
6602
|
//#endregion
|
|
6602
6603
|
//#region src/components/ds-bot-button/ds-bot-button.types.d.ts
|
|
6603
6604
|
/** `color` is dropped with `children`: content is fixed branding and the palette is the preset's. */
|
|
6604
|
-
interface DsBotButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> {
|
|
6605
|
+
export interface DsBotButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'> {
|
|
6605
6606
|
ref?: Ref<HTMLButtonElement>;
|
|
6606
6607
|
/**
|
|
6607
6608
|
* Pressed look for while the bot panel is open. Report the panel's open state here so the
|
|
@@ -6633,7 +6634,7 @@ declare namespace DsBotButton {
|
|
|
6633
6634
|
}
|
|
6634
6635
|
//#endregion
|
|
6635
6636
|
//#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
|
|
6636
|
-
type DsBreadcrumbItem = {
|
|
6637
|
+
export type DsBreadcrumbItem = {
|
|
6637
6638
|
/**
|
|
6638
6639
|
* Renders the item as a direct navigation link to `href`.
|
|
6639
6640
|
*/
|
|
@@ -6678,7 +6679,7 @@ type DsBreadcrumbItem = {
|
|
|
6678
6679
|
*/
|
|
6679
6680
|
icon?: IconType;
|
|
6680
6681
|
};
|
|
6681
|
-
interface DsBreadcrumbProps {
|
|
6682
|
+
export interface DsBreadcrumbProps {
|
|
6682
6683
|
/**
|
|
6683
6684
|
* Ordered breadcrumb segments rendered left-to-right. The last item is typically
|
|
6684
6685
|
* the current page.
|
|
@@ -6702,13 +6703,13 @@ interface DsBreadcrumbProps {
|
|
|
6702
6703
|
declare const DsBreadcrumb: React$1.FC<DsBreadcrumbProps>;
|
|
6703
6704
|
//#endregion
|
|
6704
6705
|
//#region src/components/ds-bulk-actions/ds-bulk-actions.types.d.ts
|
|
6705
|
-
declare const bulkActionsPlacements: readonly ['static', 'floating'];
|
|
6706
|
+
export declare const bulkActionsPlacements: readonly ['static', 'floating'];
|
|
6706
6707
|
type BulkActionsPlacement = (typeof bulkActionsPlacements)[number];
|
|
6707
|
-
declare const bulkActionsMenuPlacements: readonly ['top', 'bottom'];
|
|
6708
|
+
export declare const bulkActionsMenuPlacements: readonly ['top', 'bottom'];
|
|
6708
6709
|
type BulkActionsMenuPlacement = (typeof bulkActionsMenuPlacements)[number];
|
|
6709
|
-
declare const bulkActionsMenuItemVariants: readonly ['default', 'error'];
|
|
6710
|
+
export declare const bulkActionsMenuItemVariants: readonly ['default', 'error'];
|
|
6710
6711
|
type BulkActionsMenuItemVariant = (typeof bulkActionsMenuItemVariants)[number];
|
|
6711
|
-
declare const bulkActionsItemWidthModes: readonly ['fixed', 'fit-content'];
|
|
6712
|
+
export declare const bulkActionsItemWidthModes: readonly ['fixed', 'fit-content'];
|
|
6712
6713
|
type BulkActionsItemWidthMode = (typeof bulkActionsItemWidthModes)[number];
|
|
6713
6714
|
/**
|
|
6714
6715
|
* `'fixed'` keeps the 64–84px column. `'fit-content'` hugs the label. A number is an exact pixel width and truncates.
|
|
@@ -6886,25 +6887,25 @@ interface DsButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement
|
|
|
6886
6887
|
}
|
|
6887
6888
|
//#endregion
|
|
6888
6889
|
//#region src/utils/responsive.d.ts
|
|
6889
|
-
declare const BREAKPOINT_LG: number;
|
|
6890
|
-
declare const breakpoints: readonly ['lg', 'md'];
|
|
6891
|
-
type Breakpoint = (typeof breakpoints)[number];
|
|
6892
|
-
type Responsive<T> = Partial<Record<Breakpoint, T>>;
|
|
6893
|
-
type ResponsiveValue<T> = T | Responsive<T>;
|
|
6894
|
-
declare const isResponsiveValue: <T>(value: ResponsiveValue<T>) => value is Responsive<T>;
|
|
6895
|
-
declare const resolveResponsiveValue: <T>(value: ResponsiveValue<T>, breakpoint: Breakpoint) => T;
|
|
6896
|
-
declare const useBreakpoint: () => Breakpoint;
|
|
6890
|
+
export declare const BREAKPOINT_LG: number;
|
|
6891
|
+
export declare const breakpoints: readonly ['lg', 'md'];
|
|
6892
|
+
export type Breakpoint = (typeof breakpoints)[number];
|
|
6893
|
+
export type Responsive<T> = Partial<Record<Breakpoint, T>>;
|
|
6894
|
+
export type ResponsiveValue<T> = T | Responsive<T>;
|
|
6895
|
+
export declare const isResponsiveValue: <T>(value: ResponsiveValue<T>) => value is Responsive<T>;
|
|
6896
|
+
export declare const resolveResponsiveValue: <T>(value: ResponsiveValue<T>, breakpoint: Breakpoint) => T;
|
|
6897
|
+
export declare const useBreakpoint: () => Breakpoint;
|
|
6897
6898
|
/**
|
|
6898
6899
|
* Resolves a `ResponsiveValue<T>` to `T` using the current breakpoint.
|
|
6899
6900
|
* Use for conditional rendering or JS logic that depends on the breakpoint.
|
|
6900
6901
|
*/
|
|
6901
|
-
declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
|
|
6902
|
+
export declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
|
|
6902
6903
|
/**
|
|
6903
6904
|
* Wraps a component so that the specified props accept `ResponsiveValue<T>`.
|
|
6904
6905
|
* The wrapper resolves each responsive prop to a plain value before rendering,
|
|
6905
6906
|
* so the wrapped component stays completely unaware of breakpoints.
|
|
6906
6907
|
*/
|
|
6907
|
-
declare function withResponsiveProps<Props, const Keys extends readonly (keyof Props)[]>(Component: FunctionComponent<Props>, responsiveKeys: Keys): {
|
|
6908
|
+
export declare function withResponsiveProps<Props, const Keys extends readonly (keyof Props)[]>(Component: FunctionComponent<Props>, responsiveKeys: Keys): {
|
|
6908
6909
|
(props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P]; }): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
6909
6910
|
displayName: string;
|
|
6910
6911
|
};
|
|
@@ -6951,7 +6952,7 @@ interface DsButtonProps extends Omit<DsButtonBaseProps, 'size'> {
|
|
|
6951
6952
|
}
|
|
6952
6953
|
//#endregion
|
|
6953
6954
|
//#region src/components/ds-button/ds-button.types.d.ts
|
|
6954
|
-
type DsButtonUnifiedProps = (DsButtonProps$1 & {
|
|
6955
|
+
export type DsButtonUnifiedProps = (DsButtonProps$1 & {
|
|
6955
6956
|
/**
|
|
6956
6957
|
* Selects the legacy button implementation. Accepts `DsButtonLegacyProps`.
|
|
6957
6958
|
* Omit or pass `'legacy'` to opt into this branch.
|
|
@@ -6971,13 +6972,13 @@ declare namespace DsButton {
|
|
|
6971
6972
|
}
|
|
6972
6973
|
//#endregion
|
|
6973
6974
|
//#region src/components/ds-button-v3/ds-button-v3.types.d.ts
|
|
6974
|
-
declare const buttonV3Variants: readonly ['primary', 'primary-subtle', 'secondary', 'tertiary'];
|
|
6975
|
-
type ButtonV3Variant = (typeof buttonV3Variants)[number];
|
|
6976
|
-
declare const buttonV3Colors: readonly ['default', 'error', 'light'];
|
|
6977
|
-
type ButtonV3Color = (typeof buttonV3Colors)[number];
|
|
6978
|
-
declare const buttonV3Sizes: readonly ['large', 'medium', 'small', 'tiny'];
|
|
6979
|
-
type ButtonV3Size = (typeof buttonV3Sizes)[number];
|
|
6980
|
-
interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6975
|
+
export declare const buttonV3Variants: readonly ['primary', 'primary-subtle', 'secondary', 'tertiary'];
|
|
6976
|
+
export type ButtonV3Variant = (typeof buttonV3Variants)[number];
|
|
6977
|
+
export declare const buttonV3Colors: readonly ['default', 'error', 'light'];
|
|
6978
|
+
export type ButtonV3Color = (typeof buttonV3Colors)[number];
|
|
6979
|
+
export declare const buttonV3Sizes: readonly ['large', 'medium', 'small', 'tiny'];
|
|
6980
|
+
export type ButtonV3Size = (typeof buttonV3Sizes)[number];
|
|
6981
|
+
export interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6981
6982
|
ref?: Ref<HTMLButtonElement>;
|
|
6982
6983
|
/**
|
|
6983
6984
|
* - `default` — standard light-UI palette
|
|
@@ -7023,7 +7024,7 @@ interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
7023
7024
|
*/
|
|
7024
7025
|
loading?: boolean;
|
|
7025
7026
|
}
|
|
7026
|
-
interface DsButtonV3Props extends Omit<DsButtonV3BaseProps, 'size'> {
|
|
7027
|
+
export interface DsButtonV3Props extends Omit<DsButtonV3BaseProps, 'size'> {
|
|
7027
7028
|
/**
|
|
7028
7029
|
* Size of the button. Accepts a static value or a responsive object.
|
|
7029
7030
|
* @default 'medium'
|
|
@@ -7032,7 +7033,7 @@ interface DsButtonV3Props extends Omit<DsButtonV3BaseProps, 'size'> {
|
|
|
7032
7033
|
}
|
|
7033
7034
|
//#endregion
|
|
7034
7035
|
//#region src/components/ds-button-v3/index.d.ts
|
|
7035
|
-
declare const DsButtonV3: {
|
|
7036
|
+
export declare const DsButtonV3: {
|
|
7036
7037
|
(props: {
|
|
7037
7038
|
children?: import("react").ReactNode | undefined;
|
|
7038
7039
|
dangerouslySetInnerHTML?: {
|
|
@@ -7336,7 +7337,7 @@ declare const DsButtonV3: {
|
|
|
7336
7337
|
};
|
|
7337
7338
|
//#endregion
|
|
7338
7339
|
//#region src/components/ds-card/ds-card.types.d.ts
|
|
7339
|
-
declare const cardSizes: readonly ['small', 'medium', 'large'];
|
|
7340
|
+
export declare const cardSizes: readonly ['small', 'medium', 'large'];
|
|
7340
7341
|
type DsCardSize = (typeof cardSizes)[number];
|
|
7341
7342
|
/**
|
|
7342
7343
|
* Props for the Card root component
|
|
@@ -7429,7 +7430,7 @@ declare const Footer$3: {
|
|
|
7429
7430
|
({ className, children, ref, ...rest }: DsCardFooterProps): import("react").JSX.Element;
|
|
7430
7431
|
displayName: string;
|
|
7431
7432
|
};
|
|
7432
|
-
declare const DsCard: {
|
|
7433
|
+
export declare const DsCard: {
|
|
7433
7434
|
Root: typeof Root;
|
|
7434
7435
|
Header: typeof Header$4;
|
|
7435
7436
|
Body: typeof Body$4;
|
|
@@ -7525,9 +7526,11 @@ declare const DsCatalogLayout: typeof DsCatalogLayoutRoot & {
|
|
|
7525
7526
|
};
|
|
7526
7527
|
//#endregion
|
|
7527
7528
|
//#region src/components/ds-checkbox/ds-checkbox.types.d.ts
|
|
7528
|
-
declare const checkboxVariants: readonly ['default', 'warning'];
|
|
7529
|
-
type CheckboxVariant = (typeof checkboxVariants)[number];
|
|
7530
|
-
|
|
7529
|
+
export declare const checkboxVariants: readonly ['default', 'warning'];
|
|
7530
|
+
export type CheckboxVariant = (typeof checkboxVariants)[number];
|
|
7531
|
+
export declare const checkboxSizes: readonly ['medium', 'large'];
|
|
7532
|
+
export type CheckboxSize = (typeof checkboxSizes)[number];
|
|
7533
|
+
export interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.Root>, 'onCheckedChange' | 'value'> {
|
|
7531
7534
|
/**
|
|
7532
7535
|
* Value when used in a group or for form submission. Coerced to string for the native control.
|
|
7533
7536
|
*/
|
|
@@ -7536,6 +7539,7 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
|
|
|
7536
7539
|
* Visual variant of the checkbox
|
|
7537
7540
|
*/
|
|
7538
7541
|
variant?: CheckboxVariant;
|
|
7542
|
+
size?: CheckboxSize;
|
|
7539
7543
|
/**
|
|
7540
7544
|
* Label for the checkbox
|
|
7541
7545
|
*/
|
|
@@ -7544,6 +7548,12 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
|
|
|
7544
7548
|
* Additional label info for the checkbox
|
|
7545
7549
|
*/
|
|
7546
7550
|
labelInfo?: ReactNode;
|
|
7551
|
+
/**
|
|
7552
|
+
* Trailing slot for interactive content, such as a pin or overflow menu.
|
|
7553
|
+
* Rendered as a sibling of the checkbox rather than inside it: the checkbox
|
|
7554
|
+
* root is a `<label>`,
|
|
7555
|
+
*/
|
|
7556
|
+
actions?: ReactNode;
|
|
7547
7557
|
/**
|
|
7548
7558
|
* Disables the checkbox, preventing user interaction
|
|
7549
7559
|
*/
|
|
@@ -7555,14 +7565,14 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
|
|
|
7555
7565
|
}
|
|
7556
7566
|
//#endregion
|
|
7557
7567
|
//#region src/components/ds-checkbox/ds-checkbox.d.ts
|
|
7558
|
-
declare function DsCheckbox({ variant, label, labelInfo, className, onCheckedChange, value, ...props }: DsCheckboxProps): import("react").JSX.Element;
|
|
7568
|
+
declare function DsCheckbox({ variant, size, label, labelInfo, actions, className, style, onCheckedChange, value, ...props }: DsCheckboxProps): import("react").JSX.Element;
|
|
7559
7569
|
declare namespace DsCheckbox {
|
|
7560
7570
|
var displayName: string;
|
|
7561
7571
|
}
|
|
7562
7572
|
//#endregion
|
|
7563
7573
|
//#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
|
|
7564
|
-
type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
|
|
7565
|
-
interface DsCheckboxGroupProps extends ComponentPropsWithoutRef<typeof Checkbox.Group> {
|
|
7574
|
+
export type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
|
|
7575
|
+
export interface DsCheckboxGroupProps extends ComponentPropsWithoutRef<typeof Checkbox.Group> {
|
|
7566
7576
|
orientation?: DsCheckboxGroupOrientation;
|
|
7567
7577
|
}
|
|
7568
7578
|
//#endregion
|
|
@@ -7601,7 +7611,7 @@ interface UseCheckboxSelectAllResult {
|
|
|
7601
7611
|
* - Toggling selects or clears only selectable values; preserves any already-selected
|
|
7602
7612
|
* non-selectable values so bulk actions don't silently mutate protected items.
|
|
7603
7613
|
*/
|
|
7604
|
-
declare function useCheckboxSelectAll<T>({ value, allValues, onValueChange, isSelectable }: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
|
|
7614
|
+
export declare function useCheckboxSelectAll<T>({ value, allValues, onValueChange, isSelectable }: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
|
|
7605
7615
|
//#endregion
|
|
7606
7616
|
//#region src/components/ds-chip/ds-chip.types.d.ts
|
|
7607
7617
|
/**
|
|
@@ -7732,8 +7742,178 @@ interface DsChipGroupProps {
|
|
|
7732
7742
|
*/
|
|
7733
7743
|
declare const DsChipGroup: React$1.FC<DsChipGroupProps>;
|
|
7734
7744
|
//#endregion
|
|
7745
|
+
//#region src/components/ds-code-input/ds-code-input.types.d.ts
|
|
7746
|
+
export declare const codeInputSizes: readonly ['small', 'default', 'large'];
|
|
7747
|
+
export type CodeInputSize = (typeof codeInputSizes)[number];
|
|
7748
|
+
export interface DsCodeInputProps {
|
|
7749
|
+
/**
|
|
7750
|
+
* Associates the editor with a `<label htmlFor>`. When set, the expanded
|
|
7751
|
+
* textarea keeps that name instead of `locale.codeLabel`.
|
|
7752
|
+
*/
|
|
7753
|
+
id?: string;
|
|
7754
|
+
/**
|
|
7755
|
+
* The ref to the editor textarea
|
|
7756
|
+
*/
|
|
7757
|
+
ref?: React$1.Ref<HTMLTextAreaElement>;
|
|
7758
|
+
/**
|
|
7759
|
+
* The name of the input
|
|
7760
|
+
*/
|
|
7761
|
+
name?: string;
|
|
7762
|
+
/**
|
|
7763
|
+
* @default default
|
|
7764
|
+
*/
|
|
7765
|
+
size?: CodeInputSize;
|
|
7766
|
+
/**
|
|
7767
|
+
* The current value. Shared by the collapsed viewport and the overlay.
|
|
7768
|
+
*/
|
|
7769
|
+
value?: string;
|
|
7770
|
+
/**
|
|
7771
|
+
* The initial value when rendered.
|
|
7772
|
+
* Use when you don't need to control the value of the input.
|
|
7773
|
+
*/
|
|
7774
|
+
defaultValue?: string;
|
|
7775
|
+
/**
|
|
7776
|
+
* The placeholder text
|
|
7777
|
+
*/
|
|
7778
|
+
placeholder?: string;
|
|
7779
|
+
/**
|
|
7780
|
+
* Whether the input is disabled. The overlay still opens so long values stay searchable.
|
|
7781
|
+
* @default false
|
|
7782
|
+
*/
|
|
7783
|
+
disabled?: boolean;
|
|
7784
|
+
/**
|
|
7785
|
+
* Whether the value is read only. The overlay still opens so long values stay searchable.
|
|
7786
|
+
* @default false
|
|
7787
|
+
*/
|
|
7788
|
+
readOnly?: boolean;
|
|
7789
|
+
/**
|
|
7790
|
+
* Shows the error border and sets `aria-invalid`. Point `aria-describedby` at the message.
|
|
7791
|
+
* @default false
|
|
7792
|
+
*/
|
|
7793
|
+
invalid?: boolean;
|
|
7794
|
+
/**
|
|
7795
|
+
* Id of an element that describes the value, such as an error message
|
|
7796
|
+
*/
|
|
7797
|
+
'aria-describedby'?: string;
|
|
7798
|
+
/**
|
|
7799
|
+
* Whether the overlay is open. Pair with `onExpandChange`.
|
|
7800
|
+
*/
|
|
7801
|
+
expanded?: boolean;
|
|
7802
|
+
/**
|
|
7803
|
+
* Initial overlay state when uncontrolled.
|
|
7804
|
+
* @default false
|
|
7805
|
+
*/
|
|
7806
|
+
defaultExpanded?: boolean;
|
|
7807
|
+
/**
|
|
7808
|
+
* Fires when the overlay opens or closes
|
|
7809
|
+
*/
|
|
7810
|
+
onExpandChange?: (expanded: boolean) => void;
|
|
7811
|
+
/**
|
|
7812
|
+
* Callback when the value changes
|
|
7813
|
+
*/
|
|
7814
|
+
onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
7815
|
+
/**
|
|
7816
|
+
* Value change event handler (provides just the value)
|
|
7817
|
+
*/
|
|
7818
|
+
onValueChange?: (value: string) => void;
|
|
7819
|
+
/**
|
|
7820
|
+
* Event handler called when the editor receives focus
|
|
7821
|
+
*/
|
|
7822
|
+
onFocus?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
|
|
7823
|
+
/**
|
|
7824
|
+
* Event handler called when the editor loses focus
|
|
7825
|
+
*/
|
|
7826
|
+
onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
|
|
7827
|
+
/**
|
|
7828
|
+
* The maximum number of characters
|
|
7829
|
+
*/
|
|
7830
|
+
maxLength?: number;
|
|
7831
|
+
/**
|
|
7832
|
+
* User-facing strings
|
|
7833
|
+
*/
|
|
7834
|
+
locale?: DsCodeInputLocale;
|
|
7835
|
+
/**
|
|
7836
|
+
* Optional render slots for customizing parts of the collapsed field.
|
|
7837
|
+
*/
|
|
7838
|
+
slots?: {
|
|
7839
|
+
/**
|
|
7840
|
+
* Adornment to display after the expand button
|
|
7841
|
+
*/
|
|
7842
|
+
endAdornment?: React$1.ReactNode;
|
|
7843
|
+
};
|
|
7844
|
+
className?: string;
|
|
7845
|
+
style?: React$1.CSSProperties;
|
|
7846
|
+
}
|
|
7847
|
+
export interface DsCodeInputLocale {
|
|
7848
|
+
/**
|
|
7849
|
+
* Accessible name of the button that opens the overlay
|
|
7850
|
+
* @default 'Expand code editor'
|
|
7851
|
+
*/
|
|
7852
|
+
expand?: string;
|
|
7853
|
+
/**
|
|
7854
|
+
* Accessible name of the button that closes the overlay
|
|
7855
|
+
* @default 'Collapse code editor'
|
|
7856
|
+
*/
|
|
7857
|
+
collapse?: string;
|
|
7858
|
+
/**
|
|
7859
|
+
* @default 'Search in code'
|
|
7860
|
+
*/
|
|
7861
|
+
searchPlaceholder?: string;
|
|
7862
|
+
/**
|
|
7863
|
+
* Accessible name of the overlay when the compact field is inert
|
|
7864
|
+
* @default 'Code'
|
|
7865
|
+
*/
|
|
7866
|
+
codeLabel?: string;
|
|
7867
|
+
/**
|
|
7868
|
+
* Visual label for hidden logical lines. Receives the additional-line count.
|
|
7869
|
+
* @default (count) => `↵ +${count}`
|
|
7870
|
+
*/
|
|
7871
|
+
additionalLines?: (count: number) => string;
|
|
7872
|
+
/**
|
|
7873
|
+
* Accessible name for hidden logical lines. Receives the additional-line count.
|
|
7874
|
+
* @default (count) => `${count} additional code lines`
|
|
7875
|
+
*/
|
|
7876
|
+
additionalLinesLabel?: (count: number) => string;
|
|
7877
|
+
/**
|
|
7878
|
+
* Visual focused line indicator. Receives the visible line and the total.
|
|
7879
|
+
* @default (current, total) => `Ln ${current}/${total}`
|
|
7880
|
+
*/
|
|
7881
|
+
linePosition?: (current: number, total: number) => string;
|
|
7882
|
+
/**
|
|
7883
|
+
* Accessible description while collapsed and multiline.
|
|
7884
|
+
* @default (total) => `Multiline code, ${total} lines. Only one line is visible. Expand to view the complete code.`
|
|
7885
|
+
*/
|
|
7886
|
+
multilineDescription?: (total: number) => string;
|
|
7887
|
+
/**
|
|
7888
|
+
* Accessible description while focused on a hidden line.
|
|
7889
|
+
* @default (current, total) => `Line ${current} of ${total}; other code lines are hidden.`
|
|
7890
|
+
*/
|
|
7891
|
+
linePositionDescription?: (current: number, total: number) => string;
|
|
7892
|
+
/**
|
|
7893
|
+
* Visual status when a selection spans hidden lines.
|
|
7894
|
+
* @default (selected, total) => `${selected} lines selected · ${total} total`
|
|
7895
|
+
*/
|
|
7896
|
+
selectionStatus?: (selected: number, total: number) => string;
|
|
7897
|
+
/**
|
|
7898
|
+
* Announced once when the overlay opens. Receives the logical line count.
|
|
7899
|
+
* @default (total) => `Code editor expanded, ${total} lines.`
|
|
7900
|
+
*/
|
|
7901
|
+
expandedAnnouncement?: (total: number) => string;
|
|
7902
|
+
/**
|
|
7903
|
+
* Announced once when the overlay closes
|
|
7904
|
+
* @default 'Code editor collapsed'
|
|
7905
|
+
*/
|
|
7906
|
+
collapsedAnnouncement?: string;
|
|
7907
|
+
}
|
|
7908
|
+
//#endregion
|
|
7909
|
+
//#region src/components/ds-code-input/ds-code-input.d.ts
|
|
7910
|
+
declare function DsCodeInput({ id, ref, name, size, value, defaultValue, placeholder, disabled, readOnly, invalid, 'aria-describedby': ariaDescribedBy, expanded, defaultExpanded, onExpandChange, onChange, onValueChange, onFocus, onBlur, maxLength, locale, slots, className, style }: DsCodeInputProps): import("react").JSX.Element;
|
|
7911
|
+
declare namespace DsCodeInput {
|
|
7912
|
+
var displayName: string;
|
|
7913
|
+
}
|
|
7914
|
+
//#endregion
|
|
7735
7915
|
//#region src/components/ds-comment-card/ds-comment-card.types.d.ts
|
|
7736
|
-
interface CommentAuthor {
|
|
7916
|
+
export interface CommentAuthor {
|
|
7737
7917
|
/**
|
|
7738
7918
|
* Stable identifier for the user. Used to compare authors (e.g. to determine
|
|
7739
7919
|
* whether the current viewer can edit a message).
|
|
@@ -7749,7 +7929,7 @@ interface CommentAuthor {
|
|
|
7749
7929
|
*/
|
|
7750
7930
|
avatarSrc?: string;
|
|
7751
7931
|
}
|
|
7752
|
-
interface CommentMessage {
|
|
7932
|
+
export interface CommentMessage {
|
|
7753
7933
|
/**
|
|
7754
7934
|
* Stable identifier for the message. Passed to callbacks to identify which
|
|
7755
7935
|
* message was acted on.
|
|
@@ -7779,7 +7959,7 @@ interface CommentMessage {
|
|
|
7779
7959
|
*/
|
|
7780
7960
|
isResolved?: boolean;
|
|
7781
7961
|
}
|
|
7782
|
-
interface CommentData {
|
|
7962
|
+
export interface CommentData {
|
|
7783
7963
|
/**
|
|
7784
7964
|
* Stable identifier for the comment thread. Passed to drawer/bubble callbacks
|
|
7785
7965
|
* to identify which comment was acted on.
|
|
@@ -7824,7 +8004,7 @@ interface CommentData {
|
|
|
7824
8004
|
*/
|
|
7825
8005
|
isActionRequired?: boolean;
|
|
7826
8006
|
}
|
|
7827
|
-
interface DsCommentCardProps {
|
|
8007
|
+
export interface DsCommentCardProps {
|
|
7828
8008
|
/**
|
|
7829
8009
|
* Ref forwarded to the card root button element
|
|
7830
8010
|
*/
|
|
@@ -7889,13 +8069,13 @@ interface DsCommentCardProps {
|
|
|
7889
8069
|
}
|
|
7890
8070
|
//#endregion
|
|
7891
8071
|
//#region src/components/ds-comment-card/ds-comment-card.d.ts
|
|
7892
|
-
declare function DsCommentCard({ ref, comment, disabled, overflow, onClick, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, formatTimestamp, className, style }: DsCommentCardProps): import("react").JSX.Element;
|
|
7893
|
-
declare namespace DsCommentCard {
|
|
8072
|
+
export declare function DsCommentCard({ ref, comment, disabled, overflow, onClick, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, formatTimestamp, className, style }: DsCommentCardProps): import("react").JSX.Element;
|
|
8073
|
+
export declare namespace DsCommentCard {
|
|
7894
8074
|
var displayName: string;
|
|
7895
8075
|
}
|
|
7896
8076
|
//#endregion
|
|
7897
8077
|
//#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
|
|
7898
|
-
interface DsCommentBubbleProps {
|
|
8078
|
+
export interface DsCommentBubbleProps {
|
|
7899
8079
|
/**
|
|
7900
8080
|
* Ref forwarded to the bubble root element
|
|
7901
8081
|
*/
|
|
@@ -8000,13 +8180,13 @@ interface DsCommentBubbleProps {
|
|
|
8000
8180
|
}
|
|
8001
8181
|
//#endregion
|
|
8002
8182
|
//#region src/components/ds-comment-bubble/ds-comment-bubble.d.ts
|
|
8003
|
-
declare function DsCommentBubble({ ref, comment, currentUser, hideActionRequired, actionRequired, onActionRequiredChange, value, onValueChange, onSend, onClose, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, onEditMessage, onDeleteMessage, onMessageMarkUnread, onMessageResolved, referenceTag, className, style }: DsCommentBubbleProps): import("react").JSX.Element;
|
|
8004
|
-
declare namespace DsCommentBubble {
|
|
8183
|
+
export declare function DsCommentBubble({ ref, comment, currentUser, hideActionRequired, actionRequired, onActionRequiredChange, value, onValueChange, onSend, onClose, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, onEditMessage, onDeleteMessage, onMessageMarkUnread, onMessageResolved, referenceTag, className, style }: DsCommentBubbleProps): import("react").JSX.Element;
|
|
8184
|
+
export declare namespace DsCommentBubble {
|
|
8005
8185
|
var displayName: string;
|
|
8006
8186
|
}
|
|
8007
8187
|
//#endregion
|
|
8008
8188
|
//#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
|
|
8009
|
-
interface DsCommentThreadProps {
|
|
8189
|
+
export interface DsCommentThreadProps {
|
|
8010
8190
|
/**
|
|
8011
8191
|
* Ordered list of messages in the thread, from oldest to newest.
|
|
8012
8192
|
*/
|
|
@@ -8044,13 +8224,13 @@ interface DsCommentThreadProps {
|
|
|
8044
8224
|
}
|
|
8045
8225
|
//#endregion
|
|
8046
8226
|
//#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.d.ts
|
|
8047
|
-
declare function DsCommentThread({ messages, commentAuthor, currentUser, onEditMessage, onDeleteMessage, onMarkUnread, onResolved, className }: DsCommentThreadProps): import("react").JSX.Element | null;
|
|
8048
|
-
declare namespace DsCommentThread {
|
|
8227
|
+
export declare function DsCommentThread({ messages, commentAuthor, currentUser, onEditMessage, onDeleteMessage, onMarkUnread, onResolved, className }: DsCommentThreadProps): import("react").JSX.Element | null;
|
|
8228
|
+
export declare namespace DsCommentThread {
|
|
8049
8229
|
var displayName: string;
|
|
8050
8230
|
}
|
|
8051
8231
|
//#endregion
|
|
8052
8232
|
//#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
|
|
8053
|
-
interface DsThreadItemProps {
|
|
8233
|
+
export interface DsThreadItemProps {
|
|
8054
8234
|
/**
|
|
8055
8235
|
* Stable identifier for the message. Passed to callbacks to identify which
|
|
8056
8236
|
* message the user acted on.
|
|
@@ -8103,14 +8283,14 @@ interface DsThreadItemProps {
|
|
|
8103
8283
|
}
|
|
8104
8284
|
//#endregion
|
|
8105
8285
|
//#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.d.ts
|
|
8106
|
-
declare function DsThreadItem({ id, author, content, createdAt, isCommentAuthorMessage, canModify, onEdit, onDelete, onMarkUnread, onResolved, className }: DsThreadItemProps): import("react").JSX.Element;
|
|
8107
|
-
declare namespace DsThreadItem {
|
|
8286
|
+
export declare function DsThreadItem({ id, author, content, createdAt, isCommentAuthorMessage, canModify, onEdit, onDelete, onMarkUnread, onResolved, className }: DsThreadItemProps): import("react").JSX.Element;
|
|
8287
|
+
export declare namespace DsThreadItem {
|
|
8108
8288
|
var displayName: string;
|
|
8109
8289
|
}
|
|
8110
8290
|
//#endregion
|
|
8111
8291
|
//#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
|
|
8112
|
-
type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
|
|
8113
|
-
interface DsCommentIndicatorProps {
|
|
8292
|
+
export type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
|
|
8293
|
+
export interface DsCommentIndicatorProps {
|
|
8114
8294
|
/**
|
|
8115
8295
|
* Visual state of the indicator:
|
|
8116
8296
|
* - `placeholder`: dashed outline for "click here to add a comment" affordances
|
|
@@ -8147,13 +8327,13 @@ interface DsCommentIndicatorProps {
|
|
|
8147
8327
|
}
|
|
8148
8328
|
//#endregion
|
|
8149
8329
|
//#region src/components/ds-comment-indicator/ds-comment-indicator.d.ts
|
|
8150
|
-
declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react").JSX.Element;
|
|
8151
|
-
declare namespace DsCommentIndicator {
|
|
8330
|
+
export declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react").JSX.Element;
|
|
8331
|
+
export declare namespace DsCommentIndicator {
|
|
8152
8332
|
var displayName: string;
|
|
8153
8333
|
}
|
|
8154
8334
|
//#endregion
|
|
8155
8335
|
//#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
|
|
8156
|
-
interface DsCommentsDrawerProps {
|
|
8336
|
+
export interface DsCommentsDrawerProps {
|
|
8157
8337
|
/**
|
|
8158
8338
|
* Ref forwarded to the drawer root element
|
|
8159
8339
|
*/
|
|
@@ -8239,13 +8419,13 @@ interface DsCommentsDrawerProps {
|
|
|
8239
8419
|
}
|
|
8240
8420
|
//#endregion
|
|
8241
8421
|
//#region src/components/ds-comments-drawer/ds-comments-drawer.d.ts
|
|
8242
|
-
declare function DsCommentsDrawer({ open, onOpenChange, comments, showResolved, onShowResolvedChange, searchQuery, onSearchChange, onCommentClick, onResolveComment, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, noCommentsMessage, className, style }: DsCommentsDrawerProps): import("react").JSX.Element;
|
|
8243
|
-
declare namespace DsCommentsDrawer {
|
|
8422
|
+
export declare function DsCommentsDrawer({ open, onOpenChange, comments, showResolved, onShowResolvedChange, searchQuery, onSearchChange, onCommentClick, onResolveComment, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, noCommentsMessage, className, style }: DsCommentsDrawerProps): import("react").JSX.Element;
|
|
8423
|
+
export declare namespace DsCommentsDrawer {
|
|
8244
8424
|
var displayName: string;
|
|
8245
8425
|
}
|
|
8246
8426
|
//#endregion
|
|
8247
8427
|
//#region src/components/ds-comments-drawer/comments-filters.types.d.ts
|
|
8248
|
-
interface FilterTag {
|
|
8428
|
+
export interface FilterTag {
|
|
8249
8429
|
/**
|
|
8250
8430
|
* Stable identifier for the chip, used when removing it from the filter state
|
|
8251
8431
|
*/
|
|
@@ -8266,7 +8446,7 @@ interface FilterTag {
|
|
|
8266
8446
|
*/
|
|
8267
8447
|
value: string;
|
|
8268
8448
|
}
|
|
8269
|
-
interface CommentsFilterState {
|
|
8449
|
+
export interface CommentsFilterState {
|
|
8270
8450
|
/**
|
|
8271
8451
|
* Author ids currently included in the filter. Empty array means no author
|
|
8272
8452
|
* filter is applied.
|
|
@@ -8327,7 +8507,7 @@ declare const DsConfirmationRoot: (props: DsConfirmationProps) => import("react"
|
|
|
8327
8507
|
* @deprecated DsConfirmation is deprecated. Use DsModal instead.
|
|
8328
8508
|
* @see {@link ../ds-modal} for the replacement component.
|
|
8329
8509
|
*/
|
|
8330
|
-
declare const DsConfirmation: typeof DsConfirmationRoot & {
|
|
8510
|
+
export declare const DsConfirmation: typeof DsConfirmationRoot & {
|
|
8331
8511
|
displayName: string;
|
|
8332
8512
|
Header: {
|
|
8333
8513
|
({ style, className, children }: {
|
|
@@ -8502,7 +8682,7 @@ declare namespace DsDateInput {
|
|
|
8502
8682
|
}
|
|
8503
8683
|
//#endregion
|
|
8504
8684
|
//#region src/components/ds-text-input/ds-text-input.types.d.ts
|
|
8505
|
-
declare const textInputSizes: readonly ['small', 'default', 'large'];
|
|
8685
|
+
export declare const textInputSizes: readonly ['small', 'default', 'large'];
|
|
8506
8686
|
type TextInputSize = (typeof textInputSizes)[number];
|
|
8507
8687
|
interface DsTextInputProps {
|
|
8508
8688
|
/**
|
|
@@ -8752,7 +8932,7 @@ declare namespace DsTimePicker {
|
|
|
8752
8932
|
/**
|
|
8753
8933
|
* Format a Date to a 12-hour time string (hh:mm AM/PM)
|
|
8754
8934
|
*/
|
|
8755
|
-
declare const formatTime: (date?: Date | null) => string;
|
|
8935
|
+
export declare const formatTime: (date?: Date | null) => string;
|
|
8756
8936
|
//#endregion
|
|
8757
8937
|
//#region src/components/ds-date-picker/ds-date-picker.types.d.ts
|
|
8758
8938
|
interface DsDatePickerLocale {
|
|
@@ -8854,7 +9034,7 @@ declare namespace DsDatePicker {
|
|
|
8854
9034
|
}
|
|
8855
9035
|
//#endregion
|
|
8856
9036
|
//#region src/components/ds-number-input/ds-number-input.types.d.ts
|
|
8857
|
-
interface DsNumberInputProps {
|
|
9037
|
+
export interface DsNumberInputProps {
|
|
8858
9038
|
/**
|
|
8859
9039
|
* Unique identifier for the input field
|
|
8860
9040
|
*/
|
|
@@ -8933,7 +9113,7 @@ interface DsNumberInputProps {
|
|
|
8933
9113
|
declare const DsNumberInput: FC<DsNumberInputProps>;
|
|
8934
9114
|
//#endregion
|
|
8935
9115
|
//#region src/components/ds-password-input/ds-password-input.types.d.ts
|
|
8936
|
-
interface DsPasswordInputProps {
|
|
9116
|
+
export interface DsPasswordInputProps {
|
|
8937
9117
|
/**
|
|
8938
9118
|
* Unique identifier for the input field
|
|
8939
9119
|
*/
|
|
@@ -8998,7 +9178,7 @@ interface DsPasswordInputProps {
|
|
|
8998
9178
|
declare const DsPasswordInput: FC<DsPasswordInputProps>;
|
|
8999
9179
|
//#endregion
|
|
9000
9180
|
//#region src/components/ds-textarea/ds-textarea.types.d.ts
|
|
9001
|
-
interface DsTextareaProps {
|
|
9181
|
+
export interface DsTextareaProps {
|
|
9002
9182
|
/**
|
|
9003
9183
|
* Unique identifier for the textarea element
|
|
9004
9184
|
*/
|
|
@@ -9194,9 +9374,9 @@ declare namespace DsSelect {
|
|
|
9194
9374
|
}
|
|
9195
9375
|
//#endregion
|
|
9196
9376
|
//#region src/components/ds-form-control/ds-form-control.types.d.ts
|
|
9197
|
-
declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
|
|
9198
|
-
type ControlStatus = (typeof controlStatuses)[number];
|
|
9199
|
-
interface DsFormControlProps extends React$1.PropsWithChildren {
|
|
9377
|
+
export declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
|
|
9378
|
+
export type ControlStatus = (typeof controlStatuses)[number];
|
|
9379
|
+
export interface DsFormControlProps extends React$1.PropsWithChildren {
|
|
9200
9380
|
/**
|
|
9201
9381
|
* Unique identifier for the control
|
|
9202
9382
|
*/
|
|
@@ -9210,7 +9390,8 @@ interface DsFormControlProps extends React$1.PropsWithChildren {
|
|
|
9210
9390
|
*/
|
|
9211
9391
|
label: string;
|
|
9212
9392
|
/**
|
|
9213
|
-
*
|
|
9393
|
+
* Hides the label row (e.g. inline table cell editors). The label stays as the control's
|
|
9394
|
+
* accessible name.
|
|
9214
9395
|
*/
|
|
9215
9396
|
hideLabel?: boolean;
|
|
9216
9397
|
/**
|
|
@@ -9243,7 +9424,7 @@ interface DsFormControlProps extends React$1.PropsWithChildren {
|
|
|
9243
9424
|
*/
|
|
9244
9425
|
style?: React$1.CSSProperties;
|
|
9245
9426
|
}
|
|
9246
|
-
interface DsFormControlDescriptionProps {
|
|
9427
|
+
export interface DsFormControlDescriptionProps {
|
|
9247
9428
|
/**
|
|
9248
9429
|
* The description content
|
|
9249
9430
|
*/
|
|
@@ -9262,6 +9443,10 @@ declare const DsFormControl: typeof DsFormControlRoot & {
|
|
|
9262
9443
|
(props: DsTextInputProps): React$1.JSX.Element;
|
|
9263
9444
|
displayName: string;
|
|
9264
9445
|
};
|
|
9446
|
+
CodeInput: {
|
|
9447
|
+
(props: DsCodeInputProps): React$1.JSX.Element;
|
|
9448
|
+
displayName: string;
|
|
9449
|
+
};
|
|
9265
9450
|
NumberInput: {
|
|
9266
9451
|
(props: DsNumberInputProps): React$1.JSX.Element;
|
|
9267
9452
|
displayName: string;
|
|
@@ -9404,7 +9589,7 @@ declare namespace DsDateRangePicker {
|
|
|
9404
9589
|
}
|
|
9405
9590
|
//#endregion
|
|
9406
9591
|
//#region src/components/ds-dialog/ds-dialog.types.d.ts
|
|
9407
|
-
interface DsDialogProps {
|
|
9592
|
+
export interface DsDialogProps {
|
|
9408
9593
|
/**
|
|
9409
9594
|
* Controls whether the dialog is open.
|
|
9410
9595
|
*/
|
|
@@ -9471,7 +9656,7 @@ interface DsDialogProps {
|
|
|
9471
9656
|
declare const DsDialog: React$1.FC<DsDialogProps>;
|
|
9472
9657
|
//#endregion
|
|
9473
9658
|
//#region src/components/ds-divider/ds-divider.types.d.ts
|
|
9474
|
-
interface DsDividerProps {
|
|
9659
|
+
export interface DsDividerProps {
|
|
9475
9660
|
/**
|
|
9476
9661
|
* Controls orientation of the divider. Horizontal by default.
|
|
9477
9662
|
*/
|
|
@@ -9623,10 +9808,10 @@ declare const DsDrawer: typeof DsDrawerRoot & {
|
|
|
9623
9808
|
};
|
|
9624
9809
|
//#endregion
|
|
9625
9810
|
//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
|
|
9626
|
-
declare const dropdownMenuItemVariants: readonly ['default', 'error'];
|
|
9627
|
-
type DropdownMenuItemVariant = (typeof dropdownMenuItemVariants)[number];
|
|
9628
|
-
declare const dropdownMenuActionsAlignments: readonly ['end', 'stretch'];
|
|
9629
|
-
type DropdownMenuActionsAlign = (typeof dropdownMenuActionsAlignments)[number];
|
|
9811
|
+
export declare const dropdownMenuItemVariants: readonly ['default', 'error'];
|
|
9812
|
+
export type DropdownMenuItemVariant = (typeof dropdownMenuItemVariants)[number];
|
|
9813
|
+
export declare const dropdownMenuActionsAlignments: readonly ['end', 'stretch'];
|
|
9814
|
+
export type DropdownMenuActionsAlign = (typeof dropdownMenuActionsAlignments)[number];
|
|
9630
9815
|
/**
|
|
9631
9816
|
* Base positioning type
|
|
9632
9817
|
*/
|
|
@@ -9634,13 +9819,13 @@ type BasePositioning = NonNullable<Menu.RootProps['positioning']>;
|
|
|
9634
9819
|
/**
|
|
9635
9820
|
* Positioning options for dropdown menu
|
|
9636
9821
|
*/
|
|
9637
|
-
type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth' | 'getAnchorRect'>;
|
|
9822
|
+
export type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth' | 'getAnchorRect'>;
|
|
9638
9823
|
/**
|
|
9639
9824
|
* DEPRECATED: Legacy dropdown menu option configuration
|
|
9640
9825
|
* Use compound component pattern instead
|
|
9641
9826
|
* @deprecated
|
|
9642
9827
|
*/
|
|
9643
|
-
interface DsDropdownMenuOptionLegacy {
|
|
9828
|
+
export interface DsDropdownMenuOptionLegacy {
|
|
9644
9829
|
/**
|
|
9645
9830
|
* Display label for the menu option
|
|
9646
9831
|
*/
|
|
@@ -9667,7 +9852,7 @@ interface DsDropdownMenuOptionLegacy {
|
|
|
9667
9852
|
* Use compound component pattern instead
|
|
9668
9853
|
* @deprecated
|
|
9669
9854
|
*/
|
|
9670
|
-
interface DsDropdownMenuLegacyProps {
|
|
9855
|
+
export interface DsDropdownMenuLegacyProps {
|
|
9671
9856
|
/**
|
|
9672
9857
|
* The options to be displayed in the dropdown menu
|
|
9673
9858
|
*/
|
|
@@ -9722,7 +9907,7 @@ interface DsDropdownMenuLegacyProps {
|
|
|
9722
9907
|
/**
|
|
9723
9908
|
* Props for the DsDropdownMenu Root component
|
|
9724
9909
|
*/
|
|
9725
|
-
interface DsDropdownMenuRootProps {
|
|
9910
|
+
export interface DsDropdownMenuRootProps {
|
|
9726
9911
|
/**
|
|
9727
9912
|
* Whether the dropdown is open (controlled mode)
|
|
9728
9913
|
*/
|
|
@@ -9756,11 +9941,11 @@ interface DsDropdownMenuRootProps {
|
|
|
9756
9941
|
/**
|
|
9757
9942
|
* Props for the DsDropdownMenu Trigger component
|
|
9758
9943
|
*/
|
|
9759
|
-
type DsDropdownMenuTriggerProps = Menu.TriggerProps;
|
|
9944
|
+
export type DsDropdownMenuTriggerProps = Menu.TriggerProps;
|
|
9760
9945
|
/**
|
|
9761
9946
|
* Props for the DsDropdownMenu Content component
|
|
9762
9947
|
*/
|
|
9763
|
-
interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className' | 'style' | 'children'> {
|
|
9948
|
+
export interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className' | 'style' | 'children'> {
|
|
9764
9949
|
/**
|
|
9765
9950
|
* Whether to render in place instead of using portals
|
|
9766
9951
|
* @default false
|
|
@@ -9770,7 +9955,7 @@ interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className'
|
|
|
9770
9955
|
/**
|
|
9771
9956
|
* Props for the DsDropdownMenu Item component
|
|
9772
9957
|
*/
|
|
9773
|
-
interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
|
|
9958
|
+
export interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
|
|
9774
9959
|
/**
|
|
9775
9960
|
* Underlying value reported to the root's `onSelect` when this item is chosen.
|
|
9776
9961
|
*/
|
|
@@ -9809,7 +9994,7 @@ interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asC
|
|
|
9809
9994
|
/**
|
|
9810
9995
|
* Props for the DsDropdownMenu ItemIndicator component
|
|
9811
9996
|
*/
|
|
9812
|
-
interface DsDropdownMenuItemIndicatorProps {
|
|
9997
|
+
export interface DsDropdownMenuItemIndicatorProps {
|
|
9813
9998
|
/**
|
|
9814
9999
|
* Custom content to render as the indicator (defaults to check icon)
|
|
9815
10000
|
*/
|
|
@@ -9826,7 +10011,7 @@ interface DsDropdownMenuItemIndicatorProps {
|
|
|
9826
10011
|
/**
|
|
9827
10012
|
* Props for the DsDropdownMenu Header component
|
|
9828
10013
|
*/
|
|
9829
|
-
interface DsDropdownMenuHeaderProps {
|
|
10014
|
+
export interface DsDropdownMenuHeaderProps {
|
|
9830
10015
|
/**
|
|
9831
10016
|
* The header content (typically a search input or filter controls)
|
|
9832
10017
|
*/
|
|
@@ -9843,7 +10028,7 @@ interface DsDropdownMenuHeaderProps {
|
|
|
9843
10028
|
/**
|
|
9844
10029
|
* Props for the DsDropdownMenu Actions component
|
|
9845
10030
|
*/
|
|
9846
|
-
interface DsDropdownMenuActionsProps {
|
|
10031
|
+
export interface DsDropdownMenuActionsProps {
|
|
9847
10032
|
/**
|
|
9848
10033
|
* The action buttons or full-width elements pinned to the bottom of the menu.
|
|
9849
10034
|
*/
|
|
@@ -9866,7 +10051,7 @@ interface DsDropdownMenuActionsProps {
|
|
|
9866
10051
|
/**
|
|
9867
10052
|
* Props for the DsDropdownMenu ItemGroup component
|
|
9868
10053
|
*/
|
|
9869
|
-
interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
|
|
10054
|
+
export interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
|
|
9870
10055
|
/**
|
|
9871
10056
|
* Whether the group is collapsed
|
|
9872
10057
|
*/
|
|
@@ -9879,11 +10064,11 @@ interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
|
|
|
9879
10064
|
/**
|
|
9880
10065
|
* Props for the DsDropdownMenu ItemGroupLabel component
|
|
9881
10066
|
*/
|
|
9882
|
-
type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
|
|
10067
|
+
export type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
|
|
9883
10068
|
/**
|
|
9884
10069
|
* Props for the DsDropdownMenu ItemGroupContent component
|
|
9885
10070
|
*/
|
|
9886
|
-
interface DsDropdownMenuItemGroupContentProps {
|
|
10071
|
+
export interface DsDropdownMenuItemGroupContentProps {
|
|
9887
10072
|
/**
|
|
9888
10073
|
* The content to show/hide based on collapsed state
|
|
9889
10074
|
*/
|
|
@@ -9900,11 +10085,11 @@ interface DsDropdownMenuItemGroupContentProps {
|
|
|
9900
10085
|
/**
|
|
9901
10086
|
* Props for the DsDropdownMenu Separator component
|
|
9902
10087
|
*/
|
|
9903
|
-
type DsDropdownMenuSeparatorProps = Menu.SeparatorProps;
|
|
10088
|
+
export type DsDropdownMenuSeparatorProps = Menu.SeparatorProps;
|
|
9904
10089
|
/**
|
|
9905
10090
|
* Props for the DsDropdownMenu TriggerItem component (for nested submenus)
|
|
9906
10091
|
*/
|
|
9907
|
-
type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
|
|
10092
|
+
export type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
|
|
9908
10093
|
//#endregion
|
|
9909
10094
|
//#region src/components/ds-dropdown-menu/ds-dropdown-menu.d.ts
|
|
9910
10095
|
/**
|
|
@@ -9912,7 +10097,7 @@ type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
|
|
|
9912
10097
|
* Use compound component pattern instead
|
|
9913
10098
|
* @deprecated
|
|
9914
10099
|
*/
|
|
9915
|
-
declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
|
|
10100
|
+
export declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
|
|
9916
10101
|
/**
|
|
9917
10102
|
* Design system DsDropdownMenu component
|
|
9918
10103
|
*
|
|
@@ -9943,7 +10128,7 @@ declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
|
|
|
9943
10128
|
* </DsDropdownMenu.Content>
|
|
9944
10129
|
* </DsDropdownMenu.Root>
|
|
9945
10130
|
*/
|
|
9946
|
-
declare const DsDropdownMenu: {
|
|
10131
|
+
export declare const DsDropdownMenu: {
|
|
9947
10132
|
Root: React$1.FC<DsDropdownMenuRootProps>;
|
|
9948
10133
|
Trigger: React$1.FC<Menu.TriggerProps>;
|
|
9949
10134
|
Content: React$1.FC<DsDropdownMenuContentProps>;
|
|
@@ -9959,7 +10144,7 @@ declare const DsDropdownMenu: {
|
|
|
9959
10144
|
};
|
|
9960
10145
|
//#endregion
|
|
9961
10146
|
//#region src/components/ds-empty-state/ds-empty-state.types.d.ts
|
|
9962
|
-
declare const dsEmptyStateVariants: readonly ['noData', 'noMatches'];
|
|
10147
|
+
export declare const dsEmptyStateVariants: readonly ['noData', 'noMatches'];
|
|
9963
10148
|
type DsEmptyStateVariant = (typeof dsEmptyStateVariants)[number];
|
|
9964
10149
|
interface DsEmptyStateProps {
|
|
9965
10150
|
/**
|
|
@@ -10007,8 +10192,8 @@ interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' |
|
|
|
10007
10192
|
}
|
|
10008
10193
|
//#endregion
|
|
10009
10194
|
//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
|
|
10010
|
-
declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react").JSX.Element;
|
|
10011
|
-
declare namespace DsExpandableTextInput {
|
|
10195
|
+
export declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react").JSX.Element;
|
|
10196
|
+
export declare namespace DsExpandableTextInput {
|
|
10012
10197
|
var displayName: string;
|
|
10013
10198
|
}
|
|
10014
10199
|
//#endregion
|
|
@@ -10220,10 +10405,10 @@ interface FileUploadProps {
|
|
|
10220
10405
|
* Design system base File Upload component
|
|
10221
10406
|
* Used in conjunction with the useFileUpload hook
|
|
10222
10407
|
*/
|
|
10223
|
-
declare const FileUpload: React$1.FC<FileUploadProps>;
|
|
10408
|
+
export declare const FileUpload: React$1.FC<FileUploadProps>;
|
|
10224
10409
|
//#endregion
|
|
10225
10410
|
//#region src/components/ds-file-upload/ds-file-upload.types.d.ts
|
|
10226
|
-
interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
|
|
10411
|
+
export interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
|
|
10227
10412
|
/** Upload adapter implementation */
|
|
10228
10413
|
adapter: FileUploadAdapter;
|
|
10229
10414
|
/**
|
|
@@ -10305,13 +10490,13 @@ interface UseFileUploadReturn {
|
|
|
10305
10490
|
/**
|
|
10306
10491
|
* File upload state management hook
|
|
10307
10492
|
*/
|
|
10308
|
-
declare function useFileUpload({ adapter, autoUpload, maxConcurrent, maxFiles, metadata, onFileUploadComplete, onFileUploadError, onAllFileUploadsComplete }: UseFileUploadConfig): UseFileUploadReturn;
|
|
10493
|
+
export declare function useFileUpload({ adapter, autoUpload, maxConcurrent, maxFiles, metadata, onFileUploadComplete, onFileUploadError, onAllFileUploadsComplete }: UseFileUploadConfig): UseFileUploadReturn;
|
|
10309
10494
|
//#endregion
|
|
10310
10495
|
//#region src/components/ds-file-upload/errors/file-upload-errors.d.ts
|
|
10311
10496
|
/**
|
|
10312
10497
|
* Base class for file upload errors
|
|
10313
10498
|
*/
|
|
10314
|
-
declare abstract class FileUploadError extends Error {
|
|
10499
|
+
export declare abstract class FileUploadError extends Error {
|
|
10315
10500
|
abstract readonly isRetryable: boolean;
|
|
10316
10501
|
constructor(message: string);
|
|
10317
10502
|
}
|
|
@@ -10319,19 +10504,19 @@ declare abstract class FileUploadError extends Error {
|
|
|
10319
10504
|
* Retryable file upload error - indicates the upload can be retried
|
|
10320
10505
|
* Examples: network errors, timeouts, temporary server errors (503), user cancellation
|
|
10321
10506
|
*/
|
|
10322
|
-
declare class RetryableFileUploadError extends FileUploadError {
|
|
10507
|
+
export declare class RetryableFileUploadError extends FileUploadError {
|
|
10323
10508
|
readonly isRetryable = true;
|
|
10324
10509
|
}
|
|
10325
10510
|
/**
|
|
10326
10511
|
* Fatal file upload error - indicates the upload should not be retried
|
|
10327
10512
|
* Examples: file type not allowed, file too large, invalid credentials, malformed response
|
|
10328
10513
|
*/
|
|
10329
|
-
declare class FatalFileUploadError extends FileUploadError {
|
|
10514
|
+
export declare class FatalFileUploadError extends FileUploadError {
|
|
10330
10515
|
readonly isRetryable = false;
|
|
10331
10516
|
}
|
|
10332
10517
|
//#endregion
|
|
10333
10518
|
//#region src/components/ds-filter-status-icon/ds-filter-status-icon.types.d.ts
|
|
10334
|
-
declare const filterStatuses: readonly ['running', 'warning', 'failed', 'paused'];
|
|
10519
|
+
export declare const filterStatuses: readonly ['running', 'warning', 'failed', 'paused'];
|
|
10335
10520
|
type FilterStatus = (typeof filterStatuses)[number];
|
|
10336
10521
|
interface DsFilterStatusIconProps {
|
|
10337
10522
|
/**
|
|
@@ -10359,13 +10544,13 @@ interface DsFilterStatusIconProps {
|
|
|
10359
10544
|
}
|
|
10360
10545
|
//#endregion
|
|
10361
10546
|
//#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
|
|
10362
|
-
declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react").JSX.Element;
|
|
10363
|
-
declare namespace DsFilterStatusIcon {
|
|
10547
|
+
export declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react").JSX.Element;
|
|
10548
|
+
export declare namespace DsFilterStatusIcon {
|
|
10364
10549
|
var displayName: string;
|
|
10365
10550
|
}
|
|
10366
10551
|
//#endregion
|
|
10367
10552
|
//#region src/components/ds-grid/index.d.ts
|
|
10368
|
-
declare const DsGrid: {
|
|
10553
|
+
export declare const DsGrid: {
|
|
10369
10554
|
(props: {
|
|
10370
10555
|
children: import("react").ReactNode;
|
|
10371
10556
|
rows?: 1 | 2 | 4 | 6 | 8;
|
|
@@ -10377,7 +10562,7 @@ declare const DsGrid: {
|
|
|
10377
10562
|
}): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
10378
10563
|
displayName: string;
|
|
10379
10564
|
};
|
|
10380
|
-
declare const DsGridItem: {
|
|
10565
|
+
export declare const DsGridItem: {
|
|
10381
10566
|
(props: {
|
|
10382
10567
|
children: import("react").ReactNode;
|
|
10383
10568
|
colSpan?: ResponsiveValue<NonNullable<number | "full" | undefined>> | undefined;
|
|
@@ -10388,11 +10573,11 @@ declare const DsGridItem: {
|
|
|
10388
10573
|
}): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
10389
10574
|
displayName: string;
|
|
10390
10575
|
};
|
|
10391
|
-
type DsGridProps = ComponentProps<typeof DsGrid>;
|
|
10392
|
-
type DsGridItemProps = ComponentProps<typeof DsGridItem>;
|
|
10576
|
+
export type DsGridProps = ComponentProps<typeof DsGrid>;
|
|
10577
|
+
export type DsGridItemProps = ComponentProps<typeof DsGridItem>;
|
|
10393
10578
|
//#endregion
|
|
10394
10579
|
//#region src/components/ds-illustration/ds-illustration.types.d.ts
|
|
10395
|
-
declare const dsIllustrationVariants: readonly ['configuration', 'device', 'done', 'empty-inbox', 'error', 'go-filter', 'no-connection', 'no-credit-card', 'no-device', 'no-documents', 'no-gps', 'no-images', 'no-items-cart', 'no-messages', 'no-search-result', 'no-tasks', 'site'];
|
|
10580
|
+
export declare const dsIllustrationVariants: readonly ['configuration', 'device', 'done', 'empty-inbox', 'error', 'go-filter', 'no-connection', 'no-credit-card', 'no-device', 'no-documents', 'no-gps', 'no-images', 'no-items-cart', 'no-messages', 'no-search-result', 'no-tasks', 'site'];
|
|
10396
10581
|
type DsIllustrationVariant = (typeof dsIllustrationVariants)[number];
|
|
10397
10582
|
interface DsIllustrationProps {
|
|
10398
10583
|
/**
|
|
@@ -10418,7 +10603,7 @@ declare namespace DsIllustration {
|
|
|
10418
10603
|
}
|
|
10419
10604
|
//#endregion
|
|
10420
10605
|
//#region src/components/ds-key-value-pair/ds-key-value-pair.types.d.ts
|
|
10421
|
-
declare const dsKeyValuePairOrientations: readonly ['vertical', 'horizontal'];
|
|
10606
|
+
export declare const dsKeyValuePairOrientations: readonly ['vertical', 'horizontal'];
|
|
10422
10607
|
type DsKeyValuePairOrientation = (typeof dsKeyValuePairOrientations)[number];
|
|
10423
10608
|
interface DsKeyValuePairProps {
|
|
10424
10609
|
/** Label rendered for the key side of the pair (left or top depending on `orientation`). */
|
|
@@ -10452,9 +10637,9 @@ declare namespace DsKeyValuePair {
|
|
|
10452
10637
|
}
|
|
10453
10638
|
//#endregion
|
|
10454
10639
|
//#region src/components/ds-loader/ds-loader.types.d.ts
|
|
10455
|
-
declare const loaderVariants: readonly ['spinner', 'pulsing'];
|
|
10456
|
-
type LoaderVariant = (typeof loaderVariants)[number];
|
|
10457
|
-
interface DsLoaderProps {
|
|
10640
|
+
export declare const loaderVariants: readonly ['spinner', 'pulsing'];
|
|
10641
|
+
export type LoaderVariant = (typeof loaderVariants)[number];
|
|
10642
|
+
export interface DsLoaderProps {
|
|
10458
10643
|
/**
|
|
10459
10644
|
* Loader variant
|
|
10460
10645
|
* @default 'spinner'
|
|
@@ -10481,11 +10666,13 @@ declare namespace DsLoader {
|
|
|
10481
10666
|
}
|
|
10482
10667
|
//#endregion
|
|
10483
10668
|
//#region src/components/ds-popover/ds-popover.types.d.ts
|
|
10484
|
-
declare const popoverSides: readonly ['top', 'right', 'bottom', 'left'];
|
|
10485
|
-
type DsPopoverSide = (typeof popoverSides)[number];
|
|
10486
|
-
declare const popoverAligns: readonly ['start', 'center', 'end'];
|
|
10487
|
-
type DsPopoverAlign = (typeof popoverAligns)[number];
|
|
10488
|
-
|
|
10669
|
+
export declare const popoverSides: readonly ['top', 'right', 'bottom', 'left'];
|
|
10670
|
+
export type DsPopoverSide = (typeof popoverSides)[number];
|
|
10671
|
+
export declare const popoverAligns: readonly ['start', 'center', 'end'];
|
|
10672
|
+
export type DsPopoverAlign = (typeof popoverAligns)[number];
|
|
10673
|
+
export declare const popoverOpenTriggers: readonly ['click', 'hover'];
|
|
10674
|
+
export type DsPopoverOpenTrigger = (typeof popoverOpenTriggers)[number];
|
|
10675
|
+
export interface DsPopoverRootProps {
|
|
10489
10676
|
/** Controlled open state. Pair with `onOpenChange`. */
|
|
10490
10677
|
open?: boolean;
|
|
10491
10678
|
/** Initial open state when uncontrolled. */
|
|
@@ -10510,23 +10697,76 @@ interface DsPopoverRootProps {
|
|
|
10510
10697
|
* @default false
|
|
10511
10698
|
*/
|
|
10512
10699
|
modal?: boolean;
|
|
10700
|
+
/**
|
|
10701
|
+
* Size the panel to the positioning reference (Anchor, or the trigger).
|
|
10702
|
+
* An explicit `DsPopover.Panel` `width` wins over this.
|
|
10703
|
+
* @default false
|
|
10704
|
+
*/
|
|
10705
|
+
matchAnchorWidth?: boolean;
|
|
10706
|
+
/**
|
|
10707
|
+
* Whether to restore focus to the previously focused element on close.
|
|
10708
|
+
* @default true
|
|
10709
|
+
*/
|
|
10710
|
+
restoreFocus?: boolean;
|
|
10711
|
+
/**
|
|
10712
|
+
* Trigger open method - click / hover
|
|
10713
|
+
* @default 'click'
|
|
10714
|
+
*/
|
|
10715
|
+
openOn?: DsPopoverOpenTrigger;
|
|
10716
|
+
/**
|
|
10717
|
+
* Milliseconds the pointer must rest on the trigger before the panel opens.
|
|
10718
|
+
* Ignored unless `openOn` is `'hover'`.
|
|
10719
|
+
* @default 200
|
|
10720
|
+
*/
|
|
10721
|
+
openDelay?: number;
|
|
10722
|
+
/**
|
|
10723
|
+
* Milliseconds after the pointer leaves the trigger or the panel before it
|
|
10724
|
+
* closes. Ignored unless `openOn` is `'hover'`.
|
|
10725
|
+
* @default 150
|
|
10726
|
+
*/
|
|
10727
|
+
closeDelay?: number;
|
|
10513
10728
|
/**
|
|
10514
10729
|
* Returns the element the panel should position against.
|
|
10515
10730
|
* When provided, the panel anchors to this element instead of the trigger —
|
|
10516
10731
|
* useful when the trigger lives in one place (e.g. a sidebar) and the panel
|
|
10517
|
-
* should appear relative to a different reference point.
|
|
10732
|
+
* should appear relative to a different reference point. Prefer `DsPopover.Anchor`
|
|
10733
|
+
* when the reference is in the tree.
|
|
10518
10734
|
*/
|
|
10519
10735
|
getAnchorElement?: () => HTMLElement | null;
|
|
10520
10736
|
children: ReactNode;
|
|
10737
|
+
/**
|
|
10738
|
+
* Called when focus is about to move into the panel as it opens.
|
|
10739
|
+
* Call `event.preventDefault()` to stop the default move to the first focusable
|
|
10740
|
+
* control; focus another node in the same handler if needed.
|
|
10741
|
+
*/
|
|
10742
|
+
onOpenAutoFocus?: (event: Event) => void;
|
|
10743
|
+
/**
|
|
10744
|
+
* Called when focus is about to leave the panel as it closes.
|
|
10745
|
+
* Call `event.preventDefault()` to stop restoring focus to the trigger;
|
|
10746
|
+
* focus another node in the same handler if needed.
|
|
10747
|
+
* Still runs when `restoreFocus` is false.
|
|
10748
|
+
*/
|
|
10749
|
+
onCloseAutoFocus?: (event: Event) => void;
|
|
10750
|
+
/**
|
|
10751
|
+
* Called when the user interacts outside the panel.
|
|
10752
|
+
* Call `event.preventDefault()` to keep the panel open. Clicks on
|
|
10753
|
+
* `DsPopover.Anchor` already do not dismiss.
|
|
10754
|
+
*/
|
|
10755
|
+
onInteractOutside?: (event: Event) => void;
|
|
10521
10756
|
/** Fires when the popover opens or closes. */
|
|
10522
10757
|
onOpenChange?: (open: boolean) => void;
|
|
10523
10758
|
}
|
|
10524
|
-
interface DsPopoverTriggerProps {
|
|
10759
|
+
export interface DsPopoverTriggerProps {
|
|
10525
10760
|
/** Single focusable element that toggles the popover. */
|
|
10526
10761
|
children: ReactNode;
|
|
10527
10762
|
className?: string;
|
|
10528
10763
|
}
|
|
10529
|
-
interface
|
|
10764
|
+
export interface DsPopoverAnchorProps {
|
|
10765
|
+
/** Single element the panel positions against. Wraps the trigger when they share a field. */
|
|
10766
|
+
children: ReactNode;
|
|
10767
|
+
className?: string;
|
|
10768
|
+
}
|
|
10769
|
+
export interface DsPopoverPanelProps {
|
|
10530
10770
|
/**
|
|
10531
10771
|
* Panel width in pixels.
|
|
10532
10772
|
* @default 400
|
|
@@ -10536,9 +10776,10 @@ interface DsPopoverPanelProps {
|
|
|
10536
10776
|
style?: CSSProperties;
|
|
10537
10777
|
children: ReactNode;
|
|
10538
10778
|
ref?: Ref<HTMLDivElement>;
|
|
10779
|
+
id?: string;
|
|
10539
10780
|
'aria-label'?: string;
|
|
10540
10781
|
}
|
|
10541
|
-
interface DsPopoverHeaderProps {
|
|
10782
|
+
export interface DsPopoverHeaderProps {
|
|
10542
10783
|
/** Leading visual (e.g. a colored task-type icon) rendered before the title. */
|
|
10543
10784
|
icon?: ReactNode;
|
|
10544
10785
|
className?: string;
|
|
@@ -10546,13 +10787,13 @@ interface DsPopoverHeaderProps {
|
|
|
10546
10787
|
/** Title content, exposed as the popover's accessible name. */
|
|
10547
10788
|
children: ReactNode;
|
|
10548
10789
|
}
|
|
10549
|
-
interface DsPopoverContentProps {
|
|
10790
|
+
export interface DsPopoverContentProps {
|
|
10550
10791
|
className?: string;
|
|
10551
10792
|
style?: CSSProperties;
|
|
10552
10793
|
/** Ordered `DsPopover.ContentItem` children. Compose `DsDivider` between them for visual separation. */
|
|
10553
10794
|
children: ReactNode;
|
|
10554
10795
|
}
|
|
10555
|
-
interface DsPopoverContentItemProps {
|
|
10796
|
+
export interface DsPopoverContentItemProps {
|
|
10556
10797
|
/** Status badge shown in the item's header row. */
|
|
10557
10798
|
status?: ReactNode;
|
|
10558
10799
|
/** Bold headline text shown in the item's header row. */
|
|
@@ -10562,7 +10803,7 @@ interface DsPopoverContentItemProps {
|
|
|
10562
10803
|
/** Item body — text, avatar rows, icons, images, etc. */
|
|
10563
10804
|
children?: ReactNode;
|
|
10564
10805
|
}
|
|
10565
|
-
interface DsPopoverFooterProps {
|
|
10806
|
+
export interface DsPopoverFooterProps {
|
|
10566
10807
|
className?: string;
|
|
10567
10808
|
style?: CSSProperties;
|
|
10568
10809
|
/** Footer actions, typically a single secondary CTA button. */
|
|
@@ -10572,7 +10813,7 @@ interface DsPopoverFooterProps {
|
|
|
10572
10813
|
* Props for the legacy single-element call form (`<DsPopover trigger=… />`).
|
|
10573
10814
|
* @deprecated Use the compound API: `DsPopover.Root` + `DsPopover.Trigger` + `DsPopover.Panel`.
|
|
10574
10815
|
*/
|
|
10575
|
-
interface DsPopoverProps {
|
|
10816
|
+
export interface DsPopoverProps {
|
|
10576
10817
|
/** Element that toggles the popover. */
|
|
10577
10818
|
trigger: ReactNode;
|
|
10578
10819
|
/** Panel content. */
|
|
@@ -10585,17 +10826,23 @@ interface DsPopoverProps {
|
|
|
10585
10826
|
side?: DsPopoverSide;
|
|
10586
10827
|
}
|
|
10587
10828
|
//#endregion
|
|
10829
|
+
//#region src/components/ds-popover/components/popover-trigger/popover-trigger.d.ts
|
|
10830
|
+
declare function PopoverTrigger({ children, className }: DsPopoverTriggerProps): import("react").JSX.Element;
|
|
10831
|
+
declare namespace PopoverTrigger {
|
|
10832
|
+
var displayName: string;
|
|
10833
|
+
}
|
|
10834
|
+
//#endregion
|
|
10588
10835
|
//#region src/components/ds-popover/ds-popover.d.ts
|
|
10589
10836
|
declare const DsPopoverRoot: {
|
|
10590
|
-
({ open, defaultOpen, side, align, gutter, modal, getAnchorElement, children, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
|
|
10837
|
+
({ open, defaultOpen, side, align, gutter, modal, matchAnchorWidth, restoreFocus, openOn, openDelay, closeDelay, getAnchorElement, children, onOpenAutoFocus, onCloseAutoFocus, onInteractOutside, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
|
|
10591
10838
|
displayName: string;
|
|
10592
10839
|
};
|
|
10593
|
-
declare const
|
|
10594
|
-
({ children, className }:
|
|
10840
|
+
declare const DsPopoverAnchor: {
|
|
10841
|
+
({ children, className }: DsPopoverAnchorProps): import("react").JSX.Element;
|
|
10595
10842
|
displayName: string;
|
|
10596
10843
|
};
|
|
10597
10844
|
declare const DsPopoverPanel: {
|
|
10598
|
-
({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react").JSX.Element;
|
|
10845
|
+
({ width, className, style, children, ref, id, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react").JSX.Element;
|
|
10599
10846
|
displayName: string;
|
|
10600
10847
|
};
|
|
10601
10848
|
declare const DsPopoverHeader: {
|
|
@@ -10625,9 +10872,10 @@ declare const DsPopoverLegacy: {
|
|
|
10625
10872
|
({ trigger, children, className, side, align }: DsPopoverProps): import("react").JSX.Element;
|
|
10626
10873
|
displayName: string;
|
|
10627
10874
|
};
|
|
10628
|
-
declare const DsPopover: typeof DsPopoverLegacy & {
|
|
10875
|
+
export declare const DsPopover: typeof DsPopoverLegacy & {
|
|
10629
10876
|
Root: typeof DsPopoverRoot;
|
|
10630
|
-
Trigger: typeof
|
|
10877
|
+
Trigger: typeof PopoverTrigger;
|
|
10878
|
+
Anchor: typeof DsPopoverAnchor;
|
|
10631
10879
|
Panel: typeof DsPopoverPanel;
|
|
10632
10880
|
Header: typeof DsPopoverHeader;
|
|
10633
10881
|
Content: typeof DsPopoverContent;
|
|
@@ -10636,9 +10884,9 @@ declare const DsPopover: typeof DsPopoverLegacy & {
|
|
|
10636
10884
|
};
|
|
10637
10885
|
//#endregion
|
|
10638
10886
|
//#region src/components/ds-main-menu/ds-main-menu.types.d.ts
|
|
10639
|
-
declare const mainMenuItemStates: readonly ['default', 'disabled', 'comingSoon', 'extend'];
|
|
10887
|
+
export declare const mainMenuItemStates: readonly ['default', 'disabled', 'comingSoon', 'extend'];
|
|
10640
10888
|
type DsMainMenuItemState = (typeof mainMenuItemStates)[number];
|
|
10641
|
-
declare const mainMenuVariants: readonly ['compact', 'expanded'];
|
|
10889
|
+
export declare const mainMenuVariants: readonly ['compact', 'expanded'];
|
|
10642
10890
|
type DsMainMenuVariant = (typeof mainMenuVariants)[number];
|
|
10643
10891
|
interface DsMainMenuItem {
|
|
10644
10892
|
id: string;
|
|
@@ -10711,7 +10959,7 @@ interface DsMainMenuProps {
|
|
|
10711
10959
|
/** Fires when the popover opens or closes. */
|
|
10712
10960
|
onOpenChange?: (open: boolean) => void;
|
|
10713
10961
|
}
|
|
10714
|
-
declare const COMING_SOON_TOOLTIP = "Coming soon — this app is still under construction";
|
|
10962
|
+
export declare const COMING_SOON_TOOLTIP = "Coming soon — this app is still under construction";
|
|
10715
10963
|
//#endregion
|
|
10716
10964
|
//#region src/components/ds-main-menu/ds-main-menu.d.ts
|
|
10717
10965
|
declare function DsMainMenu({ trigger, items, utilityLinks, variant, selectedId, onItemSelect, className, style, ref, 'aria-label': ariaLabel, side, align, gutter, getAnchorElement, open: openProp, onOpenChange }: DsMainMenuProps): import("react").JSX.Element;
|
|
@@ -10723,11 +10971,11 @@ declare namespace DsMainMenu {
|
|
|
10723
10971
|
/**
|
|
10724
10972
|
* Available column sizes for modal width
|
|
10725
10973
|
*/
|
|
10726
|
-
type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
10974
|
+
export type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
10727
10975
|
/**
|
|
10728
10976
|
* Props for the DsModal component
|
|
10729
10977
|
*/
|
|
10730
|
-
interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
|
|
10978
|
+
export interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
|
|
10731
10979
|
/**
|
|
10732
10980
|
* Whether the modal traps focus and blocks interaction with the page behind the
|
|
10733
10981
|
* backdrop. When `false`, users can continue interacting with the underlying page.
|
|
@@ -10901,7 +11149,7 @@ type DsPanelCollapseButtonProps = {
|
|
|
10901
11149
|
};
|
|
10902
11150
|
//#endregion
|
|
10903
11151
|
//#region src/components/ds-panel/index.d.ts
|
|
10904
|
-
declare const DsPanel: {
|
|
11152
|
+
export declare const DsPanel: {
|
|
10905
11153
|
(props: {
|
|
10906
11154
|
key?: import("react").Key | null | undefined;
|
|
10907
11155
|
children?: import("react").ReactNode | undefined;
|
|
@@ -11199,12 +11447,39 @@ declare const DsPanel: {
|
|
|
11199
11447
|
displayName: string;
|
|
11200
11448
|
};
|
|
11201
11449
|
//#endregion
|
|
11450
|
+
//#region src/components/ds-pin-toggle/ds-pin-toggle.types.d.ts
|
|
11451
|
+
export interface DsPinToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'aria-labelledby' | 'aria-pressed' | 'children' | 'type'> {
|
|
11452
|
+
ref?: Ref<HTMLButtonElement>;
|
|
11453
|
+
itemLabel: string;
|
|
11454
|
+
/**
|
|
11455
|
+
* @default false
|
|
11456
|
+
*/
|
|
11457
|
+
pinned?: boolean;
|
|
11458
|
+
/**
|
|
11459
|
+
* @default false
|
|
11460
|
+
*/
|
|
11461
|
+
disabled?: boolean;
|
|
11462
|
+
locale?: {
|
|
11463
|
+
/**
|
|
11464
|
+
* @default 'Pin'
|
|
11465
|
+
*/
|
|
11466
|
+
pin?: string;
|
|
11467
|
+
};
|
|
11468
|
+
onPinnedChange?: (pinned: boolean) => void;
|
|
11469
|
+
}
|
|
11470
|
+
//#endregion
|
|
11471
|
+
//#region src/components/ds-pin-toggle/ds-pin-toggle.d.ts
|
|
11472
|
+
declare function DsPinToggle({ ref, className, style, itemLabel, pinned, disabled, locale, onPinnedChange, onClick, ...rest }: DsPinToggleProps): import("react").JSX.Element;
|
|
11473
|
+
declare namespace DsPinToggle {
|
|
11474
|
+
var displayName: string;
|
|
11475
|
+
}
|
|
11476
|
+
//#endregion
|
|
11202
11477
|
//#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
|
|
11203
|
-
declare const progressArcSizes: readonly ['small', 'medium'];
|
|
11204
|
-
type ProgressArcSize = (typeof progressArcSizes)[number];
|
|
11205
|
-
declare const progressArcVariants: readonly ['default', 'success', 'error'];
|
|
11206
|
-
type ProgressArcVariant = (typeof progressArcVariants)[number];
|
|
11207
|
-
interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
|
|
11478
|
+
export declare const progressArcSizes: readonly ['small', 'medium'];
|
|
11479
|
+
export type ProgressArcSize = (typeof progressArcSizes)[number];
|
|
11480
|
+
export declare const progressArcVariants: readonly ['default', 'success', 'error'];
|
|
11481
|
+
export type ProgressArcVariant = (typeof progressArcVariants)[number];
|
|
11482
|
+
export interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
|
|
11208
11483
|
/**
|
|
11209
11484
|
* Progress value between 0 and 100
|
|
11210
11485
|
* @default 0
|
|
@@ -11234,11 +11509,11 @@ declare namespace DsProgressArc {
|
|
|
11234
11509
|
}
|
|
11235
11510
|
//#endregion
|
|
11236
11511
|
//#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
|
|
11237
|
-
declare const progressDonutSizes: readonly ['small', 'medium'];
|
|
11238
|
-
type ProgressDonutSize = (typeof progressDonutSizes)[number];
|
|
11239
|
-
declare const progressDonutVariants: readonly ['default', 'success', 'error'];
|
|
11240
|
-
type ProgressDonutVariant = (typeof progressDonutVariants)[number];
|
|
11241
|
-
interface DsProgressDonutProps {
|
|
11512
|
+
export declare const progressDonutSizes: readonly ['small', 'medium'];
|
|
11513
|
+
export type ProgressDonutSize = (typeof progressDonutSizes)[number];
|
|
11514
|
+
export declare const progressDonutVariants: readonly ['default', 'success', 'error'];
|
|
11515
|
+
export type ProgressDonutVariant = (typeof progressDonutVariants)[number];
|
|
11516
|
+
export interface DsProgressDonutProps {
|
|
11242
11517
|
/**
|
|
11243
11518
|
* Progress value between 0 and 100
|
|
11244
11519
|
* @default 0
|
|
@@ -11270,11 +11545,11 @@ declare namespace DsProgressDonut {
|
|
|
11270
11545
|
}
|
|
11271
11546
|
//#endregion
|
|
11272
11547
|
//#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
|
|
11273
|
-
declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
|
|
11274
|
-
type ProgressLinearVariant = (typeof progressLinearVariants)[number];
|
|
11275
|
-
declare const progressLinearSizes: readonly ['small', 'medium', 'large'];
|
|
11276
|
-
type ProgressLinearSize = (typeof progressLinearSizes)[number];
|
|
11277
|
-
interface DsProgressLinearProps {
|
|
11548
|
+
export declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
|
|
11549
|
+
export type ProgressLinearVariant = (typeof progressLinearVariants)[number];
|
|
11550
|
+
export declare const progressLinearSizes: readonly ['small', 'medium', 'large'];
|
|
11551
|
+
export type ProgressLinearSize = (typeof progressLinearSizes)[number];
|
|
11552
|
+
export interface DsProgressLinearProps {
|
|
11278
11553
|
/**
|
|
11279
11554
|
* The current progress value (0–100)
|
|
11280
11555
|
* @default 0
|
|
@@ -11336,9 +11611,9 @@ declare namespace DsProgressLinear {
|
|
|
11336
11611
|
}
|
|
11337
11612
|
//#endregion
|
|
11338
11613
|
//#region src/components/ds-progress-task-bar/ds-progress-task-bar.types.d.ts
|
|
11339
|
-
declare const taskBarStatuses: readonly ['completed', 'running', 'failed'];
|
|
11340
|
-
type TaskBarStatus = (typeof taskBarStatuses)[number];
|
|
11341
|
-
interface DsProgressTaskBarLocale {
|
|
11614
|
+
export declare const taskBarStatuses: readonly ['completed', 'running', 'failed'];
|
|
11615
|
+
export type TaskBarStatus = (typeof taskBarStatuses)[number];
|
|
11616
|
+
export interface DsProgressTaskBarLocale {
|
|
11342
11617
|
/** @default 'Completed' */
|
|
11343
11618
|
completed?: string;
|
|
11344
11619
|
/** @default 'Running' */
|
|
@@ -11351,7 +11626,7 @@ interface DsProgressTaskBarLocale {
|
|
|
11351
11626
|
*/
|
|
11352
11627
|
total?: (total: string) => string;
|
|
11353
11628
|
}
|
|
11354
|
-
interface DsProgressTaskBarProps {
|
|
11629
|
+
export interface DsProgressTaskBarProps {
|
|
11355
11630
|
/**
|
|
11356
11631
|
* Number of completed tasks.
|
|
11357
11632
|
* @default 0
|
|
@@ -11401,7 +11676,7 @@ declare namespace DsProgressTaskBar {
|
|
|
11401
11676
|
/**
|
|
11402
11677
|
* Props for the DsRadioGroup Root component
|
|
11403
11678
|
*/
|
|
11404
|
-
interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
|
|
11679
|
+
export interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
|
|
11405
11680
|
/**
|
|
11406
11681
|
* Currently selected radio value (controlled). Pair with `onValueChange`.
|
|
11407
11682
|
*/
|
|
@@ -11432,7 +11707,7 @@ interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value'
|
|
|
11432
11707
|
/**
|
|
11433
11708
|
* Props for the DsRadioGroup Item component
|
|
11434
11709
|
*/
|
|
11435
|
-
interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'disabled' | 'className' | 'style' | 'children'> {
|
|
11710
|
+
export interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'disabled' | 'className' | 'style' | 'children'> {
|
|
11436
11711
|
/**
|
|
11437
11712
|
* Underlying value submitted when this item is selected.
|
|
11438
11713
|
*/
|
|
@@ -11457,7 +11732,7 @@ interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'dis
|
|
|
11457
11732
|
* Use compound component pattern instead: <DsRadioGroup.Root><DsRadioGroup.Item /></DsRadioGroup.Root>
|
|
11458
11733
|
* @deprecated
|
|
11459
11734
|
*/
|
|
11460
|
-
interface DsRadioOptionLegacy<ValueType = string> {
|
|
11735
|
+
export interface DsRadioOptionLegacy<ValueType = string> {
|
|
11461
11736
|
/**
|
|
11462
11737
|
* Display label for the radio option
|
|
11463
11738
|
*/
|
|
@@ -11480,7 +11755,7 @@ interface DsRadioOptionLegacy<ValueType = string> {
|
|
|
11480
11755
|
* Use compound component pattern instead
|
|
11481
11756
|
* @deprecated
|
|
11482
11757
|
*/
|
|
11483
|
-
interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> {
|
|
11758
|
+
export interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> {
|
|
11484
11759
|
/**
|
|
11485
11760
|
* The radio group options
|
|
11486
11761
|
*/
|
|
@@ -11517,7 +11792,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
|
|
|
11517
11792
|
* Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
|
|
11518
11793
|
* @deprecated
|
|
11519
11794
|
*/
|
|
11520
|
-
declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
|
|
11795
|
+
export declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
|
|
11521
11796
|
/**
|
|
11522
11797
|
* Design system RadioGroup component
|
|
11523
11798
|
*
|
|
@@ -11527,7 +11802,7 @@ declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
|
|
|
11527
11802
|
* <DsRadioGroup.Item value="option2" label="Option 2" />
|
|
11528
11803
|
* </DsRadioGroup.Root>
|
|
11529
11804
|
*/
|
|
11530
|
-
declare const DsRadioGroup: {
|
|
11805
|
+
export declare const DsRadioGroup: {
|
|
11531
11806
|
Root: React$1.FC<DsRadioGroupRootProps>;
|
|
11532
11807
|
Item: React$1.FC<DsRadioGroupItemProps>;
|
|
11533
11808
|
};
|
|
@@ -11536,11 +11811,12 @@ declare const DsRadioGroup: {
|
|
|
11536
11811
|
/**
|
|
11537
11812
|
* Size variants for the segment group
|
|
11538
11813
|
*/
|
|
11539
|
-
|
|
11814
|
+
export declare const segmentGroupSizes: readonly ['small', 'default'];
|
|
11815
|
+
export type DsSegmentGroupSize = (typeof segmentGroupSizes)[number];
|
|
11540
11816
|
/**
|
|
11541
11817
|
* Props for the DsSegmentGroup Root component
|
|
11542
11818
|
*/
|
|
11543
|
-
interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'children'> {
|
|
11819
|
+
export interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'children'> {
|
|
11544
11820
|
/**
|
|
11545
11821
|
* Currently selected segment value (controlled). Pair with `onValueChange`.
|
|
11546
11822
|
*/
|
|
@@ -11571,7 +11847,13 @@ interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' |
|
|
|
11571
11847
|
/**
|
|
11572
11848
|
* Props for the DsSegmentGroup Item component
|
|
11573
11849
|
*/
|
|
11574
|
-
type DsSegmentGroupItemProps = Pick<SegmentGroupItemProps, 'id' | 'value' | 'disabled' | 'className' | 'style'> &
|
|
11850
|
+
export type DsSegmentGroupItemProps = Pick<SegmentGroupItemProps, 'id' | 'value' | 'disabled' | 'className' | 'style' | 'aria-label'> & {
|
|
11851
|
+
/**
|
|
11852
|
+
* Size variant of the segment item. Pass through to `ItemText` when using `label`.
|
|
11853
|
+
* @default 'default'
|
|
11854
|
+
*/
|
|
11855
|
+
size?: DsSegmentGroupSize;
|
|
11856
|
+
} & ({
|
|
11575
11857
|
/**
|
|
11576
11858
|
* The segment group item content
|
|
11577
11859
|
*/
|
|
@@ -11593,7 +11875,13 @@ type DsSegmentGroupItemProps = Pick<SegmentGroupItemProps, 'id' | 'value' | 'dis
|
|
|
11593
11875
|
/**
|
|
11594
11876
|
* Props for the DsSegmentGroup ItemText component
|
|
11595
11877
|
*/
|
|
11596
|
-
type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' | 'style' | 'children'
|
|
11878
|
+
export type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' | 'style' | 'children'> & {
|
|
11879
|
+
/**
|
|
11880
|
+
* Size variant of the item text
|
|
11881
|
+
* @default 'default'
|
|
11882
|
+
*/
|
|
11883
|
+
size?: DsSegmentGroupSize;
|
|
11884
|
+
};
|
|
11597
11885
|
//#endregion
|
|
11598
11886
|
//#region src/components/ds-segment-group/ds-segment-group.d.ts
|
|
11599
11887
|
/**
|
|
@@ -11601,7 +11889,6 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
|
|
|
11601
11889
|
*
|
|
11602
11890
|
* @example
|
|
11603
11891
|
* <DsSegmentGroup.Root value={value} onValueChange={setValue} size="default">
|
|
11604
|
-
* <DsSegmentGroup.Indicator />
|
|
11605
11892
|
* <DsSegmentGroup.Item value="option1" label="Option 1" />
|
|
11606
11893
|
* <DsSegmentGroup.Item value="option2">
|
|
11607
11894
|
* <DsIcon icon="settings" />
|
|
@@ -11609,14 +11896,14 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
|
|
|
11609
11896
|
* </DsSegmentGroup.Item>
|
|
11610
11897
|
* </DsSegmentGroup.Root>
|
|
11611
11898
|
*/
|
|
11612
|
-
declare const DsSegmentGroup: {
|
|
11899
|
+
export declare const DsSegmentGroup: {
|
|
11613
11900
|
Root: React$1.FC<DsSegmentGroupRootProps>;
|
|
11614
11901
|
Item: React$1.FC<DsSegmentGroupItemProps>;
|
|
11615
11902
|
ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
|
|
11616
11903
|
};
|
|
11617
11904
|
//#endregion
|
|
11618
11905
|
//#region src/components/ds-site-node/ds-site-node.types.d.ts
|
|
11619
|
-
declare const siteNodeStates: readonly ['default', 'selected', 'muted', 'overflow'];
|
|
11906
|
+
export declare const siteNodeStates: readonly ['default', 'selected', 'muted', 'overflow'];
|
|
11620
11907
|
type SiteNodeState = (typeof siteNodeStates)[number];
|
|
11621
11908
|
interface DsSiteNodeProps {
|
|
11622
11909
|
ref?: Ref<HTMLButtonElement>;
|
|
@@ -11752,9 +12039,9 @@ declare const typographyVariantConfig: {
|
|
|
11752
12039
|
declare const typographyColors: readonly ['main', 'secondary', 'action', 'action-hover', 'action-secondary', 'action-secondary-hover', 'disabled', 'light-disabled', 'on-action', 'on-disabled', 'placeholder', 'highlight', 'success', 'warning', 'error', 'code'];
|
|
11753
12040
|
//#endregion
|
|
11754
12041
|
//#region src/components/ds-typography/ds-typography.types.d.ts
|
|
11755
|
-
type SemanticVariant = keyof typeof typographyVariantConfig;
|
|
11756
|
-
type TypographyColor = (typeof typographyColors)[number];
|
|
11757
|
-
interface DsTypographyProps {
|
|
12042
|
+
export type SemanticVariant = keyof typeof typographyVariantConfig;
|
|
12043
|
+
export type TypographyColor = (typeof typographyColors)[number];
|
|
12044
|
+
export interface DsTypographyProps {
|
|
11758
12045
|
/**
|
|
11759
12046
|
* Ref to the rendered element.
|
|
11760
12047
|
*/
|
|
@@ -11807,14 +12094,14 @@ declare namespace DsTypography {
|
|
|
11807
12094
|
}
|
|
11808
12095
|
//#endregion
|
|
11809
12096
|
//#region src/components/ds-skeleton/ds-skeleton.types.d.ts
|
|
11810
|
-
declare const skeletonColorVariants: readonly ['gray', 'blue'];
|
|
11811
|
-
type SkeletonColorVariant = (typeof skeletonColorVariants)[number];
|
|
11812
|
-
declare const skeletonRadiusVariants: readonly ['default', 'round'];
|
|
11813
|
-
type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];
|
|
12097
|
+
export declare const skeletonColorVariants: readonly ['gray', 'blue'];
|
|
12098
|
+
export type SkeletonColorVariant = (typeof skeletonColorVariants)[number];
|
|
12099
|
+
export declare const skeletonRadiusVariants: readonly ['default', 'round'];
|
|
12100
|
+
export type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];
|
|
11814
12101
|
/**
|
|
11815
12102
|
* Shared base props for all skeleton components
|
|
11816
12103
|
*/
|
|
11817
|
-
interface DsSkeletonBaseProps {
|
|
12104
|
+
export interface DsSkeletonBaseProps {
|
|
11818
12105
|
/**
|
|
11819
12106
|
* Color variant of the skeleton
|
|
11820
12107
|
* @default 'gray'
|
|
@@ -11837,7 +12124,7 @@ interface DsSkeletonBaseProps {
|
|
|
11837
12124
|
* Props for DsSkeleton.Text component
|
|
11838
12125
|
* Typography-based text skeleton with configurable lines
|
|
11839
12126
|
*/
|
|
11840
|
-
interface DsSkeletonTextProps extends DsSkeletonBaseProps {
|
|
12127
|
+
export interface DsSkeletonTextProps extends DsSkeletonBaseProps {
|
|
11841
12128
|
/**
|
|
11842
12129
|
* Typography variant - determines the height of the skeleton
|
|
11843
12130
|
* @default 'body-sm-reg'
|
|
@@ -11864,7 +12151,7 @@ interface DsSkeletonTextProps extends DsSkeletonBaseProps {
|
|
|
11864
12151
|
* Props for DsSkeleton.Circle component
|
|
11865
12152
|
* Circular skeleton for avatars and icons
|
|
11866
12153
|
*/
|
|
11867
|
-
interface DsSkeletonCircleProps extends DsSkeletonBaseProps {
|
|
12154
|
+
export interface DsSkeletonCircleProps extends DsSkeletonBaseProps {
|
|
11868
12155
|
/**
|
|
11869
12156
|
* Size of the circle - matches DsAvatar sizes or custom pixel value
|
|
11870
12157
|
* @default 'regular'
|
|
@@ -11875,7 +12162,7 @@ interface DsSkeletonCircleProps extends DsSkeletonBaseProps {
|
|
|
11875
12162
|
* Props for DsSkeleton.Rect component
|
|
11876
12163
|
* Rectangular skeleton for buttons, images, and custom shapes
|
|
11877
12164
|
*/
|
|
11878
|
-
interface DsSkeletonRectProps extends DsSkeletonBaseProps {
|
|
12165
|
+
export interface DsSkeletonRectProps extends DsSkeletonBaseProps {
|
|
11879
12166
|
/**
|
|
11880
12167
|
* Width of rectangle. Can be number (px) or string ('50%', '200px')
|
|
11881
12168
|
*/
|
|
@@ -11927,7 +12214,7 @@ type DsSliderSize = (typeof sliderSizes)[number];
|
|
|
11927
12214
|
type DsSliderValue = number | [number, number];
|
|
11928
12215
|
//#endregion
|
|
11929
12216
|
//#region src/components/ds-slider/index.d.ts
|
|
11930
|
-
declare const DsSlider: {
|
|
12217
|
+
export declare const DsSlider: {
|
|
11931
12218
|
(props: {
|
|
11932
12219
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
11933
12220
|
className?: string;
|
|
@@ -11949,12 +12236,12 @@ declare const DsSlider: {
|
|
|
11949
12236
|
}): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
11950
12237
|
displayName: string;
|
|
11951
12238
|
};
|
|
11952
|
-
type DsSliderProps = ComponentProps<typeof DsSlider>;
|
|
12239
|
+
export type DsSliderProps = ComponentProps<typeof DsSlider>;
|
|
11953
12240
|
//#endregion
|
|
11954
12241
|
//#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
|
|
11955
|
-
declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
|
|
11956
|
-
type Color = (typeof colors)[number];
|
|
11957
|
-
interface DsSmartTabProps {
|
|
12242
|
+
export declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
|
|
12243
|
+
export type Color = (typeof colors)[number];
|
|
12244
|
+
export interface DsSmartTabProps {
|
|
11958
12245
|
/**
|
|
11959
12246
|
* The label of the tab
|
|
11960
12247
|
*/
|
|
@@ -11988,7 +12275,7 @@ interface DsSmartTabProps {
|
|
|
11988
12275
|
*/
|
|
11989
12276
|
style?: React$1.CSSProperties;
|
|
11990
12277
|
}
|
|
11991
|
-
interface DsSmartTabsProps {
|
|
12278
|
+
export interface DsSmartTabsProps {
|
|
11992
12279
|
/**
|
|
11993
12280
|
* Currently active tab value
|
|
11994
12281
|
*/
|
|
@@ -12022,9 +12309,9 @@ declare const DsSmartTabs: typeof DsSmartTabsRoot & {
|
|
|
12022
12309
|
};
|
|
12023
12310
|
//#endregion
|
|
12024
12311
|
//#region src/components/ds-spinner/ds-spinner.types.d.ts
|
|
12025
|
-
declare const spinnerSizes: readonly ['small', 'medium', 'large'];
|
|
12026
|
-
type SpinnerSize = (typeof spinnerSizes)[number];
|
|
12027
|
-
interface DsSpinnerProps {
|
|
12312
|
+
export declare const spinnerSizes: readonly ['small', 'medium', 'large'];
|
|
12313
|
+
export type SpinnerSize = (typeof spinnerSizes)[number];
|
|
12314
|
+
export interface DsSpinnerProps {
|
|
12028
12315
|
/**
|
|
12029
12316
|
* The size of the spinner
|
|
12030
12317
|
* @default 'medium'
|
|
@@ -12050,7 +12337,7 @@ declare const DsSpinner: React$1.FC<DsSpinnerProps>;
|
|
|
12050
12337
|
type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
|
|
12051
12338
|
//#endregion
|
|
12052
12339
|
//#region src/components/ds-split-button/ds-split-button.types.d.ts
|
|
12053
|
-
declare const splitButtonSizes: readonly ['medium', 'small'];
|
|
12340
|
+
export declare const splitButtonSizes: readonly ['medium', 'small'];
|
|
12054
12341
|
type ButtonSlotProps = Omit<DsButtonV3Props, 'variant' | 'color' | 'size'>;
|
|
12055
12342
|
type SelectSlotProps = DistributiveOmit<DsSelectProps, 'size'>;
|
|
12056
12343
|
interface DsSplitButtonSlotProps {
|
|
@@ -12067,7 +12354,7 @@ interface DsSplitButtonSlotProps {
|
|
|
12067
12354
|
}
|
|
12068
12355
|
//#endregion
|
|
12069
12356
|
//#region src/components/ds-split-button/index.d.ts
|
|
12070
|
-
declare const DsSplitButton: {
|
|
12357
|
+
export declare const DsSplitButton: {
|
|
12071
12358
|
(props: {
|
|
12072
12359
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
12073
12360
|
className?: string;
|
|
@@ -12078,10 +12365,10 @@ declare const DsSplitButton: {
|
|
|
12078
12365
|
}): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
12079
12366
|
displayName: string;
|
|
12080
12367
|
};
|
|
12081
|
-
type DsSplitButtonProps = ComponentProps<typeof DsSplitButton>;
|
|
12368
|
+
export type DsSplitButtonProps = ComponentProps<typeof DsSplitButton>;
|
|
12082
12369
|
//#endregion
|
|
12083
12370
|
//#region src/components/ds-stack/index.d.ts
|
|
12084
|
-
declare const DsStack: {
|
|
12371
|
+
export declare const DsStack: {
|
|
12085
12372
|
(props: {
|
|
12086
12373
|
direction?: ResponsiveValue<NonNullable<import("csstype").Property.FlexDirection | undefined>> | undefined;
|
|
12087
12374
|
gap?: ResponsiveValue<NonNullable<import("csstype").Property.Gap<string | number> | undefined>> | undefined;
|
|
@@ -12097,7 +12384,7 @@ declare const DsStack: {
|
|
|
12097
12384
|
}): import("react").FunctionComponentElement<Record<string, unknown>>;
|
|
12098
12385
|
displayName: string;
|
|
12099
12386
|
};
|
|
12100
|
-
type DsStackProps = ComponentProps<typeof DsStack>;
|
|
12387
|
+
export type DsStackProps = ComponentProps<typeof DsStack>;
|
|
12101
12388
|
//#endregion
|
|
12102
12389
|
//#region src/components/ds-status-badge/ds-status-badge.types.d.ts
|
|
12103
12390
|
/**
|
|
@@ -12163,11 +12450,11 @@ interface DsStatusBadgeProps {
|
|
|
12163
12450
|
declare const DsStatusBadge: React$1.FC<DsStatusBadgeProps>;
|
|
12164
12451
|
//#endregion
|
|
12165
12452
|
//#region src/components/ds-status-badge-v2/ds-status-badge-v2.types.d.ts
|
|
12166
|
-
declare const statusBadgeV2Phases: readonly ['not-started', 'temporary', 'in-review', 'pending', 'active', 'execution', 'result-succeeded', 'result-warning', 'result-failed', 'deprecated'];
|
|
12453
|
+
export declare const statusBadgeV2Phases: readonly ['not-started', 'temporary', 'in-review', 'pending', 'active', 'execution', 'result-succeeded', 'result-warning', 'result-failed', 'deprecated'];
|
|
12167
12454
|
type StatusBadgeV2Phase = (typeof statusBadgeV2Phases)[number];
|
|
12168
|
-
declare const statusBadgeV2Variants: readonly ['primary', 'secondary'];
|
|
12455
|
+
export declare const statusBadgeV2Variants: readonly ['primary', 'secondary'];
|
|
12169
12456
|
type StatusBadgeV2Variant = (typeof statusBadgeV2Variants)[number];
|
|
12170
|
-
declare const statusBadgeV2Sizes: readonly ['medium', 'small'];
|
|
12457
|
+
export declare const statusBadgeV2Sizes: readonly ['medium', 'small'];
|
|
12171
12458
|
type StatusBadgeV2Size = (typeof statusBadgeV2Sizes)[number];
|
|
12172
12459
|
interface DsStatusBadgeV2SharedProps {
|
|
12173
12460
|
/**
|
|
@@ -12213,7 +12500,7 @@ type DsStatusBadgeV2Props = Omit<DsStatusBadgeV2SharedProps, 'size'> & {
|
|
|
12213
12500
|
} & StatusBadgeV2IconOnlyProps;
|
|
12214
12501
|
//#endregion
|
|
12215
12502
|
//#region src/components/ds-status-badge-v2/index.d.ts
|
|
12216
|
-
declare const DsStatusBadgeV2: {
|
|
12503
|
+
export declare const DsStatusBadgeV2: {
|
|
12217
12504
|
(props: {
|
|
12218
12505
|
phase: StatusBadgeV2Phase;
|
|
12219
12506
|
label: string;
|
|
@@ -12291,8 +12578,8 @@ type DsStepperProps = PropsWithChildren<{
|
|
|
12291
12578
|
}>;
|
|
12292
12579
|
//#endregion
|
|
12293
12580
|
//#region src/components/ds-stepper/ds-stepper.d.ts
|
|
12294
|
-
declare function DsStepper({ count, variant, orientation, floating, activeStep, onStepChange, onComplete, children, className, actions }: DsStepperProps): import("react").JSX.Element;
|
|
12295
|
-
declare namespace DsStepper {
|
|
12581
|
+
export declare function DsStepper({ count, variant, orientation, floating, activeStep, onStepChange, onComplete, children, className, actions }: DsStepperProps): import("react").JSX.Element;
|
|
12582
|
+
export declare namespace DsStepper {
|
|
12296
12583
|
var displayName: string;
|
|
12297
12584
|
}
|
|
12298
12585
|
//#endregion
|
|
@@ -12316,8 +12603,8 @@ type DsStepProps = PropsWithChildren<{
|
|
|
12316
12603
|
};
|
|
12317
12604
|
};
|
|
12318
12605
|
}>;
|
|
12319
|
-
declare function DsStep({ index, children, className, disabled, variant, slots, slotProps }: DsStepProps): import("react").JSX.Element | null;
|
|
12320
|
-
declare namespace DsStep {
|
|
12606
|
+
export declare function DsStep({ index, children, className, disabled, variant, slots, slotProps }: DsStepProps): import("react").JSX.Element | null;
|
|
12607
|
+
export declare namespace DsStep {
|
|
12321
12608
|
var displayName: string;
|
|
12322
12609
|
}
|
|
12323
12610
|
//#endregion
|
|
@@ -12328,8 +12615,8 @@ type DsStepContentProps = {
|
|
|
12328
12615
|
description?: ReactNode;
|
|
12329
12616
|
actions?: ReactNode;
|
|
12330
12617
|
};
|
|
12331
|
-
declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react").JSX.Element;
|
|
12332
|
-
declare namespace DsStepContent {
|
|
12618
|
+
export declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react").JSX.Element;
|
|
12619
|
+
export declare namespace DsStepContent {
|
|
12333
12620
|
var displayName: string;
|
|
12334
12621
|
}
|
|
12335
12622
|
//#endregion
|
|
@@ -12340,8 +12627,8 @@ type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
|
|
|
12340
12627
|
design?: undefined | 'legacy';
|
|
12341
12628
|
};
|
|
12342
12629
|
type DsNextStepButtonProps = Pick<DsLegacyButtonProps, 'variant' | 'size' | 'className' | 'style' | 'children'>;
|
|
12343
|
-
declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react").JSX.Element;
|
|
12344
|
-
declare namespace DsNextStepButton {
|
|
12630
|
+
export declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react").JSX.Element;
|
|
12631
|
+
export declare namespace DsNextStepButton {
|
|
12345
12632
|
var displayName: string;
|
|
12346
12633
|
}
|
|
12347
12634
|
//#endregion
|
|
@@ -12350,16 +12637,16 @@ declare namespace DsNextStepButton {
|
|
|
12350
12637
|
* @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
|
|
12351
12638
|
* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
|
|
12352
12639
|
*/
|
|
12353
|
-
declare const systemStatuses: readonly ['healthy', 'neutral', 'error', 'in-progress', 'pending', 'alert', 'disabled'];
|
|
12640
|
+
export declare const systemStatuses: readonly ['healthy', 'neutral', 'error', 'in-progress', 'pending', 'alert', 'disabled'];
|
|
12354
12641
|
/**
|
|
12355
12642
|
* @deprecated This type is deprecated. Use `DsStatus` from `ds-status-badge` instead.
|
|
12356
12643
|
*/
|
|
12357
|
-
type SystemStatus = (typeof systemStatuses)[number];
|
|
12644
|
+
export type SystemStatus = (typeof systemStatuses)[number];
|
|
12358
12645
|
/**
|
|
12359
12646
|
* @deprecated This interface is deprecated. Use `DsStatusBadgeProps` from `ds-status-badge` instead.
|
|
12360
12647
|
* @see {@link ../ds-status-badge/ds-status-badge.types} for the replacement interface.
|
|
12361
12648
|
*/
|
|
12362
|
-
interface DsSystemStatusProps {
|
|
12649
|
+
export interface DsSystemStatusProps {
|
|
12363
12650
|
/**
|
|
12364
12651
|
* The status of the system
|
|
12365
12652
|
*/
|
|
@@ -12564,10 +12851,12 @@ interface InfiniteScrollConfig {
|
|
|
12564
12851
|
}
|
|
12565
12852
|
//#endregion
|
|
12566
12853
|
//#region src/components/ds-tag/ds-tag.types.d.ts
|
|
12567
|
-
declare const tagSizes: readonly ['medium', 'small'];
|
|
12854
|
+
export declare const tagSizes: readonly ['medium', 'small'];
|
|
12568
12855
|
type TagSize = (typeof tagSizes)[number];
|
|
12569
|
-
declare const tagVariants: readonly ['default', 'include', 'exclude', 'key-value'];
|
|
12856
|
+
export declare const tagVariants: readonly ['default', 'include', 'exclude', 'key-value', 'operator-filter', 'query-filter'];
|
|
12570
12857
|
type TagVariant = (typeof tagVariants)[number];
|
|
12858
|
+
export declare const tagShapes: readonly ['default', 'round'];
|
|
12859
|
+
type TagShape = (typeof tagShapes)[number];
|
|
12571
12860
|
interface DsTagBaseProps {
|
|
12572
12861
|
/**
|
|
12573
12862
|
* Ref to the tag element
|
|
@@ -12589,6 +12878,14 @@ interface DsTagBaseProps {
|
|
|
12589
12878
|
* aria-label for the delete button (shown when `onDelete` is provided).
|
|
12590
12879
|
*/
|
|
12591
12880
|
deleteAriaLabel?: string;
|
|
12881
|
+
/**
|
|
12882
|
+
* Accessible name for the warning dot (shown when `warning` is set).
|
|
12883
|
+
*/
|
|
12884
|
+
warningAriaLabel?: string;
|
|
12885
|
+
/**
|
|
12886
|
+
* Accessible name for the expand chevron (shown when `onExpandClick` is provided).
|
|
12887
|
+
*/
|
|
12888
|
+
expandAriaLabel?: string;
|
|
12592
12889
|
};
|
|
12593
12890
|
/**
|
|
12594
12891
|
* Additional styles to apply to the component
|
|
@@ -12602,16 +12899,33 @@ interface DsTagBaseProps {
|
|
|
12602
12899
|
* Callback function when the delete icon is clicked
|
|
12603
12900
|
*/
|
|
12604
12901
|
onDelete?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
|
|
12902
|
+
/**
|
|
12903
|
+
* Callback function when the expand chevron is clicked. Providing a handler is what renders the
|
|
12904
|
+
* chevron — the tag keeps no expanded state of its own, so the consumer owns whatever the
|
|
12905
|
+
* chevron reveals.
|
|
12906
|
+
*/
|
|
12907
|
+
onExpandClick?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
|
|
12605
12908
|
/**
|
|
12606
12909
|
* Size of the tag
|
|
12607
12910
|
* @default 'medium'
|
|
12608
12911
|
*/
|
|
12609
12912
|
size?: TagSize;
|
|
12913
|
+
/**
|
|
12914
|
+
* Border radius of the tag: `'default'` (4px) or `'round'` (pill)
|
|
12915
|
+
* @default 'default'
|
|
12916
|
+
*/
|
|
12917
|
+
shape?: TagShape;
|
|
12610
12918
|
/**
|
|
12611
12919
|
* Whether the tag is in a selected/pressed state
|
|
12612
12920
|
* @default false
|
|
12613
12921
|
*/
|
|
12614
12922
|
selected?: boolean;
|
|
12923
|
+
/**
|
|
12924
|
+
* Whether to render a trailing warning dot. Copy and any tooltip around it belong to the
|
|
12925
|
+
* consumer; only the dot's accessible name is configurable, via `locale.warningAriaLabel`.
|
|
12926
|
+
* @default false
|
|
12927
|
+
*/
|
|
12928
|
+
warning?: boolean;
|
|
12615
12929
|
/**
|
|
12616
12930
|
* Whether the tag is disabled
|
|
12617
12931
|
* @default false
|
|
@@ -12625,6 +12939,14 @@ interface DsTagBaseProps {
|
|
|
12625
12939
|
* Icon to display at the start of the input
|
|
12626
12940
|
*/
|
|
12627
12941
|
icon?: ReactNode;
|
|
12942
|
+
/**
|
|
12943
|
+
* Fully-wired operator trigger (for example a `DsSelect`) rendered between `label` and
|
|
12944
|
+
* `value`. Honoured only by `variant="operator-filter"` and ignored by every other variant.
|
|
12945
|
+
*
|
|
12946
|
+
* The tag cannot disable an arbitrary node, so `disabled` does not reach the slotted
|
|
12947
|
+
* control — pass `disabled` to it yourself.
|
|
12948
|
+
*/
|
|
12949
|
+
operator?: ReactNode;
|
|
12628
12950
|
};
|
|
12629
12951
|
}
|
|
12630
12952
|
interface DsTagStandardProps extends DsTagBaseProps {
|
|
@@ -12638,14 +12960,32 @@ interface DsTagStandardProps extends DsTagBaseProps {
|
|
|
12638
12960
|
interface DsTagKeyValueProps extends DsTagBaseProps {
|
|
12639
12961
|
variant: 'key-value';
|
|
12640
12962
|
/**
|
|
12641
|
-
* Secondary-colored value rendered after the key (`label`)
|
|
12963
|
+
* Secondary-colored value rendered after the key (`label`) and its `:` separator. The key
|
|
12964
|
+
* carries the emphasis. Required for the `key-value` variant.
|
|
12965
|
+
*/
|
|
12966
|
+
value: ReactNode;
|
|
12967
|
+
}
|
|
12968
|
+
interface DsTagOperatorFilterProps extends DsTagBaseProps {
|
|
12969
|
+
variant: 'operator-filter';
|
|
12970
|
+
/**
|
|
12971
|
+
* Value rendered last, after `label` and the `slots.operator` trigger that sits between them.
|
|
12972
|
+
* Required for the `operator-filter` variant.
|
|
12642
12973
|
*/
|
|
12643
12974
|
value: ReactNode;
|
|
12644
12975
|
}
|
|
12645
|
-
|
|
12976
|
+
interface DsTagQueryFilterProps extends DsTagBaseProps {
|
|
12977
|
+
variant: 'query-filter';
|
|
12978
|
+
/**
|
|
12979
|
+
* Emphasized value rendered after `label` and a `keyboard_arrow_right` separator. Emphasis is
|
|
12980
|
+
* inverted compared to `key-value`: the value is the strong segment and `label` is regular.
|
|
12981
|
+
* Required for the `query-filter` variant.
|
|
12982
|
+
*/
|
|
12983
|
+
value: ReactNode;
|
|
12984
|
+
}
|
|
12985
|
+
type DsTagProps = DsTagStandardProps | DsTagKeyValueProps | DsTagOperatorFilterProps | DsTagQueryFilterProps;
|
|
12646
12986
|
//#endregion
|
|
12647
12987
|
//#region src/components/ds-tag/ds-tag.d.ts
|
|
12648
|
-
declare function DsTag({ ref, label, value, className, style, size, selected, variant, disabled, locale, onClick, onDelete, slots, ...rest }: DsTagProps): import("react").JSX.Element;
|
|
12988
|
+
declare function DsTag({ ref, label, value, className, style, size, shape, selected, variant, warning, disabled, locale, onClick, onDelete, onExpandClick, slots, ...rest }: DsTagProps): import("react").JSX.Element;
|
|
12649
12989
|
declare namespace DsTag {
|
|
12650
12990
|
var displayName: string;
|
|
12651
12991
|
}
|
|
@@ -12739,12 +13079,12 @@ declare namespace DsTagFilter {
|
|
|
12739
13079
|
}
|
|
12740
13080
|
//#endregion
|
|
12741
13081
|
//#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
|
|
12742
|
-
type AnyAdapter = FilterAdapter<any, any, any>;
|
|
13082
|
+
export type AnyAdapter = FilterAdapter<any, any, any>;
|
|
12743
13083
|
/**
|
|
12744
13084
|
* Contract every filter implements. `TData` is the row type, `TFilterValue`
|
|
12745
13085
|
* the adapter's state, `TCellValue` the cell value returned by the column.
|
|
12746
13086
|
*/
|
|
12747
|
-
interface FilterAdapter<TData, TFilterValue, TCellValue = unknown> {
|
|
13087
|
+
export interface FilterAdapter<TData, TFilterValue, TCellValue = unknown> {
|
|
12748
13088
|
/** Unique id, should match the column `accessorKey`. */
|
|
12749
13089
|
id: string;
|
|
12750
13090
|
/** Display label used in the filter navigation. */
|
|
@@ -12769,7 +13109,7 @@ interface FilterAdapter<TData, TFilterValue, TCellValue = unknown> {
|
|
|
12769
13109
|
/** Render the filter UI for a given value + onChange. */
|
|
12770
13110
|
renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
|
|
12771
13111
|
}
|
|
12772
|
-
interface FilterNavItem {
|
|
13112
|
+
export interface FilterNavItem {
|
|
12773
13113
|
/** Matches `FilterAdapter.id`. */
|
|
12774
13114
|
id: string;
|
|
12775
13115
|
label: string;
|
|
@@ -12778,10 +13118,10 @@ interface FilterNavItem {
|
|
|
12778
13118
|
disabled?: boolean;
|
|
12779
13119
|
}
|
|
12780
13120
|
/** Map of filter id → adapter value. */
|
|
12781
|
-
interface FilterState<TValue> {
|
|
13121
|
+
export interface FilterState<TValue> {
|
|
12782
13122
|
[filterId: string]: TValue;
|
|
12783
13123
|
}
|
|
12784
|
-
interface ColumnFilterState<TValue> {
|
|
13124
|
+
export interface ColumnFilterState<TValue> {
|
|
12785
13125
|
/** Column id (matches the column `accessorKey`). */
|
|
12786
13126
|
id: string;
|
|
12787
13127
|
/** Value passed to the column's filter function. */
|
|
@@ -12792,7 +13132,7 @@ interface ColumnFilterState<TValue> {
|
|
|
12792
13132
|
* per-column filter popover. Provide an `adapter` inline or just `adapterId`
|
|
12793
13133
|
* to resolve against `useTableFilters({ filterAdapters })`.
|
|
12794
13134
|
*/
|
|
12795
|
-
interface ColumnFilterMeta {
|
|
13135
|
+
export interface ColumnFilterMeta {
|
|
12796
13136
|
/** Mutually exclusive with `adapterId`. */
|
|
12797
13137
|
adapter?: AnyAdapter;
|
|
12798
13138
|
/** Mutually exclusive with `adapter`. */
|
|
@@ -12803,7 +13143,7 @@ interface ColumnFilterMeta {
|
|
|
12803
13143
|
* column. Consumers don't build this — they set `ColumnFilterMeta` and the
|
|
12804
13144
|
* hook swaps it for this resolved shape on `enhancedColumns`.
|
|
12805
13145
|
*/
|
|
12806
|
-
interface ResolvedColumnFilter {
|
|
13146
|
+
export interface ResolvedColumnFilter {
|
|
12807
13147
|
filterId: string;
|
|
12808
13148
|
hasActiveFilter: boolean;
|
|
12809
13149
|
/** Renders the adapter's filter UI for this column. */
|
|
@@ -12846,7 +13186,7 @@ interface FilterAdapterConfig<TData, TFilterValue, TCellValue = unknown> {
|
|
|
12846
13186
|
* `createCheckboxFilterAdapter` / `createDualRangeFilterAdapter` don't fit
|
|
12847
13187
|
* (custom UI, mixed sub-filters, bespoke chip logic).
|
|
12848
13188
|
*/
|
|
12849
|
-
declare function createFilterAdapter<TData, TFilterValue, TCellValue = unknown>(config: FilterAdapterConfig<TData, TFilterValue, TCellValue>): FilterAdapter<TData, TFilterValue, TCellValue>;
|
|
13189
|
+
export declare function createFilterAdapter<TData, TFilterValue, TCellValue = unknown>(config: FilterAdapterConfig<TData, TFilterValue, TCellValue>): FilterAdapter<TData, TFilterValue, TCellValue>;
|
|
12850
13190
|
//#endregion
|
|
12851
13191
|
//#region src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.d.ts
|
|
12852
13192
|
interface CheckboxFilterItem<TValue = string> {
|
|
@@ -12903,7 +13243,7 @@ interface CheckboxFilterAdapterConfig<TData, TValue> {
|
|
|
12903
13243
|
* Multi-select inclusion filter: empty selection shows every row, selected
|
|
12904
13244
|
* items show only those rows.
|
|
12905
13245
|
*/
|
|
12906
|
-
declare function createCheckboxFilterAdapter<TData, TValue = string>(config: CheckboxFilterAdapterConfig<TData, TValue>): FilterAdapter<TData, CheckboxFilterItem<TValue>[], TValue>;
|
|
13246
|
+
export declare function createCheckboxFilterAdapter<TData, TValue = string>(config: CheckboxFilterAdapterConfig<TData, TValue>): FilterAdapter<TData, CheckboxFilterItem<TValue>[], TValue>;
|
|
12907
13247
|
//#endregion
|
|
12908
13248
|
//#region src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.d.ts
|
|
12909
13249
|
interface RangeValue {
|
|
@@ -12925,7 +13265,7 @@ interface DualRangeFilterAdapterConfig<TData> {
|
|
|
12925
13265
|
getRowValue?: (row: Row<TData>) => Record<string, number>;
|
|
12926
13266
|
}
|
|
12927
13267
|
/** Filter over multiple numeric ranges within one column (AND across fields). */
|
|
12928
|
-
declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdapterConfig<TData>): FilterAdapter<TData, DualRangeFilterValue, Record<string, number>>;
|
|
13268
|
+
export declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdapterConfig<TData>): FilterAdapter<TData, DualRangeFilterValue, Record<string, number>>;
|
|
12929
13269
|
//#endregion
|
|
12930
13270
|
//#region src/components/ds-table/filters/hooks/use-table-filters.d.ts
|
|
12931
13271
|
interface UseTableFiltersOptions<TData, TValue, TCellValue> {
|
|
@@ -12973,7 +13313,7 @@ interface UseTableFiltersResult<TData, TValue> {
|
|
|
12973
13313
|
* column wiring. Uncontrolled by default; pass `appliedFilters` +
|
|
12974
13314
|
* `onFiltersChange` for URL-driven / external state.
|
|
12975
13315
|
*/
|
|
12976
|
-
declare function useTableFilters<TData, TValue, TCellValue>({ filterAdapters, baseColumns, appliedFilters: externalAppliedFilters, onFiltersChange: setExternalAppliedFilters }: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
|
|
13316
|
+
export declare function useTableFilters<TData, TValue, TCellValue>({ filterAdapters, baseColumns, appliedFilters: externalAppliedFilters, onFiltersChange: setExternalAppliedFilters }: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
|
|
12977
13317
|
//#endregion
|
|
12978
13318
|
//#region src/components/ds-table/filters/components/range-filter/range-filter.d.ts
|
|
12979
13319
|
interface RangeFilterValue {
|
|
@@ -13016,7 +13356,7 @@ interface DsTableColumnFilterPopoverProps {
|
|
|
13016
13356
|
* Per-column filter popover anchored to a header cell: funnel trigger,
|
|
13017
13357
|
* adapter UI as the body, Clear / Save footer wired to `useTableFilters`.
|
|
13018
13358
|
*/
|
|
13019
|
-
declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react").JSX.Element;
|
|
13359
|
+
export declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react").JSX.Element;
|
|
13020
13360
|
//#endregion
|
|
13021
13361
|
//#region src/components/ds-table/ds-table-column.types.d.ts
|
|
13022
13362
|
/**
|
|
@@ -13056,13 +13396,13 @@ declare module '@tanstack/react-table' {
|
|
|
13056
13396
|
/**
|
|
13057
13397
|
* Row size variants based on Figma design specifications
|
|
13058
13398
|
*/
|
|
13059
|
-
type DsTableRowSize = 'small' | 'medium' | 'large';
|
|
13399
|
+
export type DsTableRowSize = 'small' | 'medium' | 'large';
|
|
13060
13400
|
/**
|
|
13061
13401
|
* Overridable, user-facing strings used by the table (e.g. accessible labels for
|
|
13062
13402
|
* the column-group collapse toggle). Pass a partial object via the `locale` prop
|
|
13063
13403
|
* to localize.
|
|
13064
13404
|
*/
|
|
13065
|
-
interface DsTableLocale {
|
|
13405
|
+
export interface DsTableLocale {
|
|
13066
13406
|
/**
|
|
13067
13407
|
* Accessible label for the toggle that collapses a column group.
|
|
13068
13408
|
*/
|
|
@@ -13079,7 +13419,7 @@ interface DsTableLocale {
|
|
|
13079
13419
|
/**
|
|
13080
13420
|
* Default English strings for {@link DsTableLocale}.
|
|
13081
13421
|
*/
|
|
13082
|
-
declare const defaultDsTableLocale: DsTableLocale;
|
|
13422
|
+
export declare const defaultDsTableLocale: DsTableLocale;
|
|
13083
13423
|
/**
|
|
13084
13424
|
* API for programmatically controlling a DsTable component.
|
|
13085
13425
|
* This interface provides methods to interact with the table's selection, sorting, filtering, and pagination features.
|
|
@@ -13100,7 +13440,7 @@ declare const defaultDsTableLocale: DsTableLocale;
|
|
|
13100
13440
|
* const selected = tableRef.current?.getSelectedRows();
|
|
13101
13441
|
* ```
|
|
13102
13442
|
*/
|
|
13103
|
-
interface DsTableApi<TData> {
|
|
13443
|
+
export interface DsTableApi<TData> {
|
|
13104
13444
|
/**
|
|
13105
13445
|
* Selects a single row by its ID.
|
|
13106
13446
|
*
|
|
@@ -13221,7 +13561,7 @@ interface DsTableApi<TData> {
|
|
|
13221
13561
|
/**
|
|
13222
13562
|
* Represents a bulk action that can be performed on multiple selected rows
|
|
13223
13563
|
*/
|
|
13224
|
-
interface Action<TData> {
|
|
13564
|
+
export interface Action<TData> {
|
|
13225
13565
|
/**
|
|
13226
13566
|
* Icon to be displayed for the action
|
|
13227
13567
|
*/
|
|
@@ -13235,7 +13575,7 @@ interface Action<TData> {
|
|
|
13235
13575
|
*/
|
|
13236
13576
|
onClick: (rows: TData[]) => void;
|
|
13237
13577
|
}
|
|
13238
|
-
interface DsDataTableProps<TData, TValue> {
|
|
13578
|
+
export interface DsDataTableProps<TData, TValue> {
|
|
13239
13579
|
/**
|
|
13240
13580
|
* Ref to the table API
|
|
13241
13581
|
*/
|
|
@@ -13608,7 +13948,7 @@ interface UseCellEditorResult<TValue> {
|
|
|
13608
13948
|
* Only mount this hook inside `ColumnDef.editCell` — the table cell layer handles
|
|
13609
13949
|
* entering edit mode on double-click.
|
|
13610
13950
|
*/
|
|
13611
|
-
declare const useCellEditor: <TData extends RowData, TValue>({ cellContext }: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
|
|
13951
|
+
export declare const useCellEditor: <TData extends RowData, TValue>({ cellContext }: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
|
|
13612
13952
|
//#endregion
|
|
13613
13953
|
//#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.types.d.ts
|
|
13614
13954
|
interface DsTableEditableCellProps<TData, TValue> {
|
|
@@ -13617,8 +13957,8 @@ interface DsTableEditableCellProps<TData, TValue> {
|
|
|
13617
13957
|
}
|
|
13618
13958
|
//#endregion
|
|
13619
13959
|
//#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.d.ts
|
|
13620
|
-
declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react").JSX.Element;
|
|
13621
|
-
declare namespace DsTableEditableCell {
|
|
13960
|
+
export declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react").JSX.Element;
|
|
13961
|
+
export declare namespace DsTableEditableCell {
|
|
13622
13962
|
var displayName: string;
|
|
13623
13963
|
}
|
|
13624
13964
|
//#endregion
|
|
@@ -13628,8 +13968,8 @@ interface DsTableEditingCellProps<TData, TValue> {
|
|
|
13628
13968
|
}
|
|
13629
13969
|
//#endregion
|
|
13630
13970
|
//#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.d.ts
|
|
13631
|
-
declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react").JSX.Element;
|
|
13632
|
-
declare namespace DsTableEditingCell {
|
|
13971
|
+
export declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react").JSX.Element;
|
|
13972
|
+
export declare namespace DsTableEditingCell {
|
|
13633
13973
|
var displayName: string;
|
|
13634
13974
|
}
|
|
13635
13975
|
//#endregion
|
|
@@ -13640,8 +13980,8 @@ interface DsTableEditCellTextProps<TData extends RowData> {
|
|
|
13640
13980
|
placeholder?: string;
|
|
13641
13981
|
maxLength?: number;
|
|
13642
13982
|
}
|
|
13643
|
-
declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react").JSX.Element;
|
|
13644
|
-
declare namespace DsTableEditCellText {
|
|
13983
|
+
export declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react").JSX.Element;
|
|
13984
|
+
export declare namespace DsTableEditCellText {
|
|
13645
13985
|
var displayName: string;
|
|
13646
13986
|
}
|
|
13647
13987
|
//#endregion
|
|
@@ -13653,8 +13993,8 @@ interface DsTableEditCellNumberProps<TData extends RowData> {
|
|
|
13653
13993
|
max?: number;
|
|
13654
13994
|
step?: number;
|
|
13655
13995
|
}
|
|
13656
|
-
declare function DsTableEditCellNumber<TData extends RowData>({ cellContext, min, max, step }: DsTableEditCellNumberProps<TData>): import("react").JSX.Element;
|
|
13657
|
-
declare namespace DsTableEditCellNumber {
|
|
13996
|
+
export declare function DsTableEditCellNumber<TData extends RowData>({ cellContext, min, max, step }: DsTableEditCellNumberProps<TData>): import("react").JSX.Element;
|
|
13997
|
+
export declare namespace DsTableEditCellNumber {
|
|
13658
13998
|
var displayName: string;
|
|
13659
13999
|
}
|
|
13660
14000
|
//#endregion
|
|
@@ -13665,8 +14005,8 @@ interface DsTableEditCellSelectProps<TData extends RowData> {
|
|
|
13665
14005
|
options: DsSelectOption[];
|
|
13666
14006
|
placeholder?: string;
|
|
13667
14007
|
}
|
|
13668
|
-
declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react").JSX.Element;
|
|
13669
|
-
declare namespace DsTableEditCellSelect {
|
|
14008
|
+
export declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react").JSX.Element;
|
|
14009
|
+
export declare namespace DsTableEditCellSelect {
|
|
13670
14010
|
var displayName: string;
|
|
13671
14011
|
}
|
|
13672
14012
|
//#endregion
|
|
@@ -13679,8 +14019,8 @@ interface DsTableEditCellDateProps<TData extends RowData> {
|
|
|
13679
14019
|
max?: Date;
|
|
13680
14020
|
placeholder?: string;
|
|
13681
14021
|
}
|
|
13682
|
-
declare function DsTableEditCellDate<TData extends RowData>({ cellContext, min, max, placeholder }: DsTableEditCellDateProps<TData>): import("react").JSX.Element;
|
|
13683
|
-
declare namespace DsTableEditCellDate {
|
|
14022
|
+
export declare function DsTableEditCellDate<TData extends RowData>({ cellContext, min, max, placeholder }: DsTableEditCellDateProps<TData>): import("react").JSX.Element;
|
|
14023
|
+
export declare namespace DsTableEditCellDate {
|
|
13684
14024
|
var displayName: string;
|
|
13685
14025
|
}
|
|
13686
14026
|
//#endregion
|
|
@@ -13690,8 +14030,8 @@ interface DsTableEditCellCheckboxProps<TData extends RowData> {
|
|
|
13690
14030
|
cellContext: CellContext<TData, boolean>;
|
|
13691
14031
|
disabled?: boolean;
|
|
13692
14032
|
}
|
|
13693
|
-
declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react").JSX.Element;
|
|
13694
|
-
declare namespace DsTableEditCellCheckbox {
|
|
14033
|
+
export declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react").JSX.Element;
|
|
14034
|
+
export declare namespace DsTableEditCellCheckbox {
|
|
13695
14035
|
var displayName: string;
|
|
13696
14036
|
}
|
|
13697
14037
|
//#endregion
|
|
@@ -13804,7 +14144,7 @@ declare const DsTabsRoot: {
|
|
|
13804
14144
|
({ value, defaultValue, onValueChange, orientation, size, className, style, children }: DsTabsProps): import("react").JSX.Element;
|
|
13805
14145
|
displayName: string;
|
|
13806
14146
|
};
|
|
13807
|
-
declare const DsTabs: {
|
|
14147
|
+
export declare const DsTabs: {
|
|
13808
14148
|
Root: typeof DsTabsRoot;
|
|
13809
14149
|
List: typeof DsTabsList;
|
|
13810
14150
|
Tab: typeof DsTabsTab;
|
|
@@ -13894,8 +14234,8 @@ type DsToastContextType = {
|
|
|
13894
14234
|
*/
|
|
13895
14235
|
getToastsCount: () => number;
|
|
13896
14236
|
};
|
|
13897
|
-
declare const DsToastProvider: FC<DsToastProviderProps>;
|
|
13898
|
-
declare const useToaster: () => DsToastContextType;
|
|
14237
|
+
export declare const DsToastProvider: FC<DsToastProviderProps>;
|
|
14238
|
+
export declare const useToaster: () => DsToastContextType;
|
|
13899
14239
|
//#endregion
|
|
13900
14240
|
//#region src/components/ds-toggle/ds-toggle.types.d.ts
|
|
13901
14241
|
declare const toggleSizes: readonly ['default', 'small'];
|
|
@@ -13941,6 +14281,11 @@ type DsToggleProps = {
|
|
|
13941
14281
|
* Whether the toggle is disabled
|
|
13942
14282
|
*/
|
|
13943
14283
|
disabled?: boolean;
|
|
14284
|
+
/**
|
|
14285
|
+
* Accessible name for a toggle without a visible `label` or `children`.
|
|
14286
|
+
* Ignored by assistive tech when a visible label is rendered.
|
|
14287
|
+
*/
|
|
14288
|
+
'aria-label'?: string;
|
|
13944
14289
|
} & ({
|
|
13945
14290
|
/**
|
|
13946
14291
|
* Optional children (e.g., custom label content)
|
|
@@ -13961,24 +14306,24 @@ type DsToggleProps = {
|
|
|
13961
14306
|
});
|
|
13962
14307
|
//#endregion
|
|
13963
14308
|
//#region src/components/ds-toggle/ds-toggle.d.ts
|
|
13964
|
-
declare function DsToggle({ ref, label, name, labelInfo, className, style, onChange, onValueChange, size, children, checked, ...rest }: DsToggleProps): import("react").JSX.Element;
|
|
14309
|
+
declare function DsToggle({ ref, label, name, labelInfo, className, style, onChange, onValueChange, size, children, checked, 'aria-label': ariaLabel, ...rest }: DsToggleProps): import("react").JSX.Element;
|
|
13965
14310
|
declare namespace DsToggle {
|
|
13966
14311
|
var displayName: string;
|
|
13967
14312
|
}
|
|
13968
14313
|
//#endregion
|
|
13969
14314
|
//#region src/components/ds-tooltip/ds-tooltip.types.d.ts
|
|
13970
|
-
declare const tooltipPlacements: readonly ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
|
|
13971
|
-
type TooltipPlacement = (typeof tooltipPlacements)[number];
|
|
14315
|
+
export declare const tooltipPlacements: readonly ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
|
|
14316
|
+
export type TooltipPlacement = (typeof tooltipPlacements)[number];
|
|
13972
14317
|
/**
|
|
13973
14318
|
* Viewport-relative rect (CSS pixels) the tooltip anchors to, instead of the trigger.
|
|
13974
14319
|
*/
|
|
13975
|
-
interface TooltipAnchorRect {
|
|
14320
|
+
export interface TooltipAnchorRect {
|
|
13976
14321
|
x: number;
|
|
13977
14322
|
y: number;
|
|
13978
14323
|
width: number;
|
|
13979
14324
|
height: number;
|
|
13980
14325
|
}
|
|
13981
|
-
interface DsTooltipProps {
|
|
14326
|
+
export interface DsTooltipProps {
|
|
13982
14327
|
/**
|
|
13983
14328
|
* Tooltip content
|
|
13984
14329
|
*/
|
|
@@ -14036,9 +14381,9 @@ declare const DsTooltip: FC<DsTooltipProps>;
|
|
|
14036
14381
|
//#endregion
|
|
14037
14382
|
//#region src/components/ds-top-bar-navigation/ds-top-bar-navigation.types.d.ts
|
|
14038
14383
|
/** Count above which the notification badge collapses to `<cap>+`. */
|
|
14039
|
-
declare const notificationCountCap = 99;
|
|
14040
|
-
type DsTopBarNavigationProps = ComponentPropsWithRef<'div'>;
|
|
14041
|
-
interface DsTopBarNavigationLogoProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
|
|
14384
|
+
export declare const notificationCountCap = 99;
|
|
14385
|
+
export type DsTopBarNavigationProps = ComponentPropsWithRef<'div'>;
|
|
14386
|
+
export interface DsTopBarNavigationLogoProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
|
|
14042
14387
|
/**
|
|
14043
14388
|
* Brand glyph rendered at 32px before the wordmark. Kept as a slot, so the bar stays
|
|
14044
14389
|
* tenant-neutral — no brand asset ships with the design system.
|
|
@@ -14081,10 +14426,10 @@ interface DsTopBarNavigationLogoProps extends Omit<ComponentPropsWithRef<'div'>,
|
|
|
14081
14426
|
*/
|
|
14082
14427
|
appsMenu?: ReactNode;
|
|
14083
14428
|
}
|
|
14084
|
-
type DsTopBarNavigationBreadcrumbProps = ComponentPropsWithRef<'div'>;
|
|
14085
|
-
type DsTopBarNavigationCenterProps = ComponentPropsWithRef<'div'>;
|
|
14086
|
-
type DsTopBarNavigationActionsProps = ComponentPropsWithRef<'div'>;
|
|
14087
|
-
interface DsTopBarNavigationNotificationsProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label' | 'color'> {
|
|
14429
|
+
export type DsTopBarNavigationBreadcrumbProps = ComponentPropsWithRef<'div'>;
|
|
14430
|
+
export type DsTopBarNavigationCenterProps = ComponentPropsWithRef<'div'>;
|
|
14431
|
+
export type DsTopBarNavigationActionsProps = ComponentPropsWithRef<'div'>;
|
|
14432
|
+
export interface DsTopBarNavigationNotificationsProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label' | 'color'> {
|
|
14088
14433
|
/**
|
|
14089
14434
|
* Unread count. `0` or omitted renders the bell with no badge; anything above
|
|
14090
14435
|
* `notificationCountCap` collapses to a capped label.
|
|
@@ -14103,7 +14448,7 @@ interface DsTopBarNavigationNotificationsProps extends Omit<ComponentPropsWithRe
|
|
|
14103
14448
|
notificationsButtonLabelWithCount?: (count: number) => string;
|
|
14104
14449
|
};
|
|
14105
14450
|
}
|
|
14106
|
-
interface DsTopBarNavigationUserMenuProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label' | 'onSelect'> {
|
|
14451
|
+
export interface DsTopBarNavigationUserMenuProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'aria-label' | 'onSelect'> {
|
|
14107
14452
|
/**
|
|
14108
14453
|
* Drives the avatar initials and its accessible name.
|
|
14109
14454
|
*/
|
|
@@ -14264,7 +14609,7 @@ interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBaseP
|
|
|
14264
14609
|
/**
|
|
14265
14610
|
* Whether clicking anywhere on a branch row toggles its expansion in addition
|
|
14266
14611
|
* to clicking the branch indicator.
|
|
14267
|
-
* @default
|
|
14612
|
+
* @default true
|
|
14268
14613
|
*/
|
|
14269
14614
|
expandOnClick?: boolean;
|
|
14270
14615
|
/**
|
|
@@ -14311,19 +14656,40 @@ interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBaseP
|
|
|
14311
14656
|
unmountOnExit?: boolean;
|
|
14312
14657
|
}
|
|
14313
14658
|
type DsTreeTreeProps = DsTreeBasePropsWithChildren;
|
|
14314
|
-
|
|
14315
|
-
|
|
14659
|
+
/**
|
|
14660
|
+
* Props a wrapping `asChild` trigger (`DsPopover.Trigger`, `DsTooltip`) injects onto
|
|
14661
|
+
* the element it wraps. Row parts forward these so wrapping a row actually wires up
|
|
14662
|
+
* instead of silently doing nothing.
|
|
14663
|
+
*/
|
|
14664
|
+
interface DsTreeRowTriggerProps<T extends HTMLElement = HTMLElement> {
|
|
14665
|
+
id?: string;
|
|
14666
|
+
ref?: Ref<T>;
|
|
14667
|
+
tabIndex?: number;
|
|
14668
|
+
'aria-haspopup'?: AriaAttributes['aria-haspopup'];
|
|
14669
|
+
'aria-expanded'?: AriaAttributes['aria-expanded'];
|
|
14670
|
+
'aria-controls'?: string;
|
|
14671
|
+
'data-state'?: string;
|
|
14672
|
+
onClick?: MouseEventHandler<T>;
|
|
14673
|
+
onPointerDown?: PointerEventHandler<T>;
|
|
14674
|
+
onPointerEnter?: PointerEventHandler<T>;
|
|
14675
|
+
onPointerLeave?: PointerEventHandler<T>;
|
|
14676
|
+
onFocus?: FocusEventHandler<T>;
|
|
14677
|
+
onBlur?: FocusEventHandler<T>;
|
|
14678
|
+
onKeyDown?: KeyboardEventHandler<T>;
|
|
14679
|
+
}
|
|
14680
|
+
type DsTreeBranchProps = DsTreeBasePropsWithChildren & DsTreeRowTriggerProps<HTMLDivElement>;
|
|
14681
|
+
type DsTreeBranchControlProps = DsTreeBasePropsWithChildren & DsTreeRowTriggerProps<HTMLDivElement>;
|
|
14316
14682
|
type DsTreeBranchIndicatorProps = DsTreeBasePropsWithChildren;
|
|
14317
|
-
type DsTreeBranchTextProps = DsTreeBasePropsWithChildren
|
|
14683
|
+
type DsTreeBranchTextProps = DsTreeBasePropsWithChildren & DsTreeRowTriggerProps<HTMLSpanElement>;
|
|
14318
14684
|
type DsTreeBranchContentProps = DsTreeBasePropsWithChildren;
|
|
14319
14685
|
type DsTreeBranchIndentGuideProps = DsTreeBaseProps;
|
|
14320
|
-
interface DsTreeItemProps extends DsTreeBasePropsWithChildren {
|
|
14686
|
+
interface DsTreeItemProps extends DsTreeBasePropsWithChildren, Omit<DsTreeRowTriggerProps<HTMLDivElement>, 'onClick'> {
|
|
14321
14687
|
/**
|
|
14322
14688
|
* Called when the leaf item is clicked. Receives the native mouse event.
|
|
14323
14689
|
*/
|
|
14324
14690
|
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
14325
14691
|
}
|
|
14326
|
-
type DsTreeItemTextProps = DsTreeBasePropsWithChildren
|
|
14692
|
+
type DsTreeItemTextProps = DsTreeBasePropsWithChildren & DsTreeRowTriggerProps<HTMLSpanElement>;
|
|
14327
14693
|
type DsTreeItemIndicatorProps = DsTreeBaseProps;
|
|
14328
14694
|
type DsTreeNodeCheckboxProps = DsTreeBaseProps;
|
|
14329
14695
|
interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
|
|
@@ -14343,11 +14709,11 @@ declare const DsTreeTree: {
|
|
|
14343
14709
|
displayName: string;
|
|
14344
14710
|
};
|
|
14345
14711
|
declare const DsTreeBranch: {
|
|
14346
|
-
({ className, style, children }: DsTreeBranchProps): import("react").JSX.Element;
|
|
14712
|
+
({ className, style, children, ...rest }: DsTreeBranchProps): import("react").JSX.Element;
|
|
14347
14713
|
displayName: string;
|
|
14348
14714
|
};
|
|
14349
14715
|
declare const DsTreeBranchControl: {
|
|
14350
|
-
({ className, style, children }: DsTreeBranchControlProps): import("react").JSX.Element;
|
|
14716
|
+
({ className, style, children, ...rest }: DsTreeBranchControlProps): import("react").JSX.Element;
|
|
14351
14717
|
displayName: string;
|
|
14352
14718
|
};
|
|
14353
14719
|
declare const DsTreeBranchIndicator: {
|
|
@@ -14355,7 +14721,7 @@ declare const DsTreeBranchIndicator: {
|
|
|
14355
14721
|
displayName: string;
|
|
14356
14722
|
};
|
|
14357
14723
|
declare const DsTreeBranchText: {
|
|
14358
|
-
({ className, style, children }: DsTreeBranchTextProps): import("react").JSX.Element;
|
|
14724
|
+
({ className, style, children, ...rest }: DsTreeBranchTextProps): import("react").JSX.Element;
|
|
14359
14725
|
displayName: string;
|
|
14360
14726
|
};
|
|
14361
14727
|
declare const DsTreeBranchContent: {
|
|
@@ -14367,11 +14733,11 @@ declare const DsTreeBranchIndentGuide: {
|
|
|
14367
14733
|
displayName: string;
|
|
14368
14734
|
};
|
|
14369
14735
|
declare const DsTreeItem: {
|
|
14370
|
-
({ className, style, children, onClick }: DsTreeItemProps): import("react").JSX.Element;
|
|
14736
|
+
({ className, style, children, onClick, ...rest }: DsTreeItemProps): import("react").JSX.Element;
|
|
14371
14737
|
displayName: string;
|
|
14372
14738
|
};
|
|
14373
14739
|
declare const DsTreeItemText: {
|
|
14374
|
-
({ className, style, children }: DsTreeItemTextProps): import("react").JSX.Element;
|
|
14740
|
+
({ className, style, children, ...rest }: DsTreeItemTextProps): import("react").JSX.Element;
|
|
14375
14741
|
displayName: string;
|
|
14376
14742
|
};
|
|
14377
14743
|
declare const DsTreeItemIndicator: {
|
|
@@ -14386,7 +14752,7 @@ declare const DsTreeItemAction: {
|
|
|
14386
14752
|
({ className, style, children, onClick }: DsTreeItemActionProps): import("react").JSX.Element;
|
|
14387
14753
|
displayName: string;
|
|
14388
14754
|
};
|
|
14389
|
-
declare const DsTree: {
|
|
14755
|
+
export declare const DsTree: {
|
|
14390
14756
|
Root: typeof DsTreeRoot;
|
|
14391
14757
|
Tree: typeof DsTreeTree;
|
|
14392
14758
|
NodeProvider: typeof TreeView.NodeProvider;
|
|
@@ -14405,10 +14771,10 @@ declare const DsTree: {
|
|
|
14405
14771
|
};
|
|
14406
14772
|
//#endregion
|
|
14407
14773
|
//#region src/components/ds-tree/ds-tree.utils.d.ts
|
|
14408
|
-
declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => import("@ark-ui/react").TreeCollection<T>;
|
|
14774
|
+
export declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => import("@ark-ui/react").TreeCollection<T>;
|
|
14409
14775
|
//#endregion
|
|
14410
14776
|
//#region src/components/ds-user-card/ds-user-card.types.d.ts
|
|
14411
|
-
interface DsUserCardProps {
|
|
14777
|
+
export interface DsUserCardProps {
|
|
14412
14778
|
/**
|
|
14413
14779
|
* Full name shown as the title. Also drives the avatar initials fallback,
|
|
14414
14780
|
* image alt text, and hover tooltip.
|
|
@@ -14441,7 +14807,7 @@ interface DsUserCardProps {
|
|
|
14441
14807
|
* `DsAvatar` (initials fallback derived from `name`) beside a two-line text
|
|
14442
14808
|
* block; both lines truncate with an ellipsis when they overflow.
|
|
14443
14809
|
*/
|
|
14444
|
-
declare const DsUserCard: FC<DsUserCardProps>;
|
|
14810
|
+
export declare const DsUserCard: FC<DsUserCardProps>;
|
|
14445
14811
|
//#endregion
|
|
14446
14812
|
//#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
|
|
14447
14813
|
interface DsVerticalTabsRootProps {
|
|
@@ -14644,5 +15010,5 @@ declare const DsWorkspaceLayout: typeof DsWorkspaceLayoutRoot & {
|
|
|
14644
15010
|
LeftPanel: typeof LeftPanel;
|
|
14645
15011
|
};
|
|
14646
15012
|
//#endregion
|
|
14647
|
-
export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, AutocompleteSize, BREAKPOINT_LG, Breakpoint, type BulkActionsItemWidthMode, type BulkActionsMenuItemVariant, type BulkActionsMenuPlacement, type BulkActionsPlacement, ButtonV3Color, ButtonV3Size, ButtonV3Variant, COMING_SOON_TOOLTIP, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, type ColumnDef, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuActionsAlign, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBotButton, DsBotButtonProps, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsBulkActions, type DsBulkActionsItemProps, type DsBulkActionsItemWidth, type DsBulkActionsLocale, type DsBulkActionsMenuEntry, type DsBulkActionsProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, type DsColumnGroupMeta, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsEmptyState, type DsEmptyStateProps, type DsEmptyStateVariant, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsIllustration, type DsIllustrationProps, type DsIllustrationVariant, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsMainMenu, type DsMainMenuItem, type DsMainMenuItemState, type DsMainMenuProps, type DsMainMenuUtilityLink, type DsMainMenuVariant, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSlider, DsSliderProps, type DsSliderSize, type DsSliderType, type DsSliderValue, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTopBarNavigation, DsTopBarNavigationActionsProps, DsTopBarNavigationBreadcrumbProps, DsTopBarNavigationCenterProps, DsTopBarNavigationLogoProps, DsTopBarNavigationNotificationsProps, DsTopBarNavigationProps, DsTopBarNavigationUserMenuProps, DsTree, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, autocompleteSizes, breakpoints, bulkActionsItemWidthModes, bulkActionsMenuItemVariants, bulkActionsMenuPlacements, bulkActionsPlacements, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsEmptyStateVariants, dsIllustrationVariants, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, mainMenuItemStates, mainMenuVariants, notificationCountCap, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
|
|
15013
|
+
export { type AcceptedFileType, type BulkActionsItemWidthMode, type BulkActionsMenuItemVariant, type BulkActionsMenuPlacement, type BulkActionsPlacement, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, type CheckedState, type ChipItem, type ChipSize, type ColumnDef, type ColumnFilterPopoverLocale, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsBotButton, DsBreadcrumb, DsBulkActions, type DsBulkActionsItemProps, type DsBulkActionsItemWidth, type DsBulkActionsLocale, type DsBulkActionsMenuEntry, type DsBulkActionsProps, DsButton, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCodeInput, type DsColumnGroupMeta, type DsConfirmationProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDivider, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsEmptyState, type DsEmptyStateProps, type DsEmptyStateVariant, type DsExpandableTextInputProps, DsFileUpload, type DsFilterStatusIconProps, DsFormControl, DsIcon, DsIllustration, type DsIllustrationProps, type DsIllustrationVariant, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsMainMenu, type DsMainMenuItem, type DsMainMenuItemState, type DsMainMenuProps, type DsMainMenuUtilityLink, type DsMainMenuVariant, DsModal, type DsNextStepButtonProps, DsNumberInput, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPinToggle, DsProgressArc, DsProgressDonut, DsProgressLinear, DsProgressTaskBar, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonCircle, DsSkeletonRect, DsSkeletonText, type DsSliderSize, type DsSliderType, type DsSliderValue, DsSmartTabs, DsSpinner, type DsSplitButtonSlotProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, type DsStepContentProps, type DsStepProps, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsTable, type DsTableColumnFilterPopoverProps, type DsTableEditCellCheckboxProps, type DsTableEditCellDateProps, type DsTableEditCellDateValue, type DsTableEditCellNumberProps, type DsTableEditCellSelectProps, type DsTableEditCellTextProps, type DsTableEditDisabledResult, type DsTableEditableCellProps, type DsTableEditingCellProps, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTopBarNavigation, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeRowTriggerProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, type FileExtension, type FileUploadAdapter, type FileUploadOptions, type FileUploadResult, type FilterAdapterConfig, type FilterStatus, type InfiniteScrollConfig, type RangeFilterProps, type RangeFilterValue, type RangeValue, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, type SiteNodeState, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, type TagFilterItem, type TagShape, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, createColumnHelper, type dsTreeSizes };
|
|
14648
15014
|
//# sourceMappingURL=index.d.ts.map
|