@drivenets/design-system 0.9.1 → 0.10.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 +22 -0
- package/dist/index.cjs +1065 -594
- package/dist/index.d.cts +1797 -635
- package/dist/index.d.cts.map +1 -1
- package/dist/index.d.ts +1800 -638
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1072 -603
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +1 -1
- package/package.json +11 -13
- package/src/components/ds-breadcrumb/ds-breadcrumb.types.ts +40 -6
- package/src/components/ds-button/ds-button.types.ts +13 -2
- package/src/components/ds-button-v3/ds-button-v3.module.scss +105 -106
- package/src/components/ds-button-v3/ds-button-v3.types.ts +7 -0
- package/src/components/ds-card/ds-card.types.ts +3 -1
- package/src/components/ds-checkbox/ds-checkbox.module.scss +106 -123
- package/src/components/ds-checkbox/ds-checkbox.tsx +24 -35
- package/src/components/ds-checkbox/ds-checkbox.types.ts +12 -11
- package/src/components/ds-checkbox-group/ds-checkbox-group.module.scss +13 -0
- package/src/components/ds-checkbox-group/ds-checkbox-group.tsx +20 -0
- package/src/components/ds-checkbox-group/ds-checkbox-group.types.ts +8 -0
- package/src/components/ds-checkbox-group/hooks/index.ts +6 -0
- package/src/components/ds-checkbox-group/hooks/use-checkbox-select-all.ts +65 -0
- package/src/components/ds-checkbox-group/index.ts +3 -0
- package/src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.ts +26 -0
- package/src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.ts +38 -0
- package/src/components/ds-comment-bubble/ds-comment-bubble.types.ts +78 -0
- package/src/components/ds-comment-card/ds-comment-card.types.ts +114 -0
- package/src/components/ds-comment-indicator/ds-comment-indicator.types.ts +26 -0
- package/src/components/ds-comments-drawer/comments-filters.types.ts +33 -0
- package/src/components/ds-comments-drawer/components/comments-filter-modal/comments-filter-modal.types.ts +37 -1
- package/src/components/ds-comments-drawer/ds-comments-drawer.types.ts +64 -0
- package/src/components/ds-date-input/ds-date-input.types.ts +23 -0
- package/src/components/ds-date-picker/ds-date-picker.tsx +3 -0
- package/src/components/ds-date-picker/ds-date-picker.types.ts +20 -0
- package/src/components/ds-date-range-picker/ds-date-range-picker.types.ts +28 -0
- package/src/components/ds-dialog/ds-dialog.types.ts +10 -1
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.types.ts +24 -0
- package/src/components/ds-file-upload/components/file-upload/file-upload.types.ts +1 -0
- package/src/components/ds-file-upload/ds-file-upload-api.types.ts +55 -0
- package/src/components/ds-form-control/ds-form-control.types.ts +3 -0
- package/src/components/ds-grid/ds-grid.tsx +29 -12
- package/src/components/ds-grid/ds-grid.types.ts +16 -13
- package/src/components/ds-grid/index.ts +10 -2
- package/src/components/ds-icon/custom-icons/index.ts +2 -0
- package/src/components/ds-icon/custom-icons/special-leading-icon.tsx +11 -0
- package/src/components/ds-icon/ds-icon.tsx +10 -4
- package/src/components/ds-icon/ds-icon.types.ts +30 -0
- package/src/components/ds-key-value-pair/ds-key-value-pair.types.ts +12 -2
- package/src/components/ds-modal/ds-modal.types.ts +16 -0
- package/src/components/ds-panel/ds-panel.types.ts +39 -0
- package/src/components/ds-radio-group/ds-radio-group.module.scss +58 -56
- package/src/components/ds-radio-group/ds-radio-group.tsx +35 -28
- package/src/components/ds-radio-group/ds-radio-group.types.ts +38 -7
- package/src/components/ds-segment-group/ds-segment-group.types.ts +17 -0
- package/src/components/ds-select/ds-select.types.ts +32 -0
- package/src/components/ds-split-button/ds-split-button.module.scss +7 -7
- package/src/components/ds-split-button/ds-split-button.types.ts +28 -0
- package/src/components/ds-stack/ds-stack.types.ts +23 -0
- package/src/components/ds-stepper/ds-stepper.types.ts +34 -1
- package/src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.types.ts +27 -0
- package/src/components/ds-table/components/ds-table-row-expandable-cell/ds-table-row-expandable-cell.types.ts +10 -0
- package/src/components/ds-table/components/ds-table-row-selectable-cell/ds-table-row-selectable-cell.types.ts +11 -0
- package/src/components/ds-table/components/ds-table-row-virtualized/ds-table-row-virtualized.types.ts +27 -0
- package/src/components/ds-table/filters/types/filter-adapter.types.ts +6 -0
- package/src/components/ds-tag/ds-tag.types.ts +6 -0
- package/src/components/ds-tag-filter/ds-tag-filter.types.ts +16 -0
- package/src/components/ds-text-input/ds-text-input.types.ts +3 -0
- package/src/components/ds-time-picker/components/time-item/time-item.types.ts +19 -0
- package/src/components/ds-time-picker/components/time-scroller/time-scroller.types.ts +29 -0
- package/src/components/ds-time-picker/ds-time-picker.module.scss +7 -0
- package/src/components/ds-time-picker/ds-time-picker.tsx +8 -1
- package/src/components/ds-time-picker/ds-time-picker.types.ts +80 -0
- package/src/components/ds-tooltip/ds-tooltip.types.ts +6 -0
- package/src/components/ds-tree/ds-tree.types.ts +84 -2
- package/src/components/ds-typography/ds-typography.config.ts +46 -27
- package/src/components/ds-typography/ds-typography.tsx +22 -7
- package/src/components/ds-typography/ds-typography.types.ts +15 -4
- package/src/components/ds-workspace/ds-workspace.module.scss +55 -0
- package/src/components/ds-workspace/ds-workspace.tsx +37 -0
- package/src/components/ds-workspace/ds-workspace.types.ts +17 -0
- package/src/components/ds-workspace/index.ts +8 -0
- package/src/index.ts +2 -0
- package/src/styles/_grid.scss +2 -2
- package/src/styles/_root_new.scss +449 -0
- package/src/styles/shared/_input.scss +0 -2
- package/src/styles/styles.scss +1 -0
- package/src/styles/_root_updated.scss +0 -593
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
2
|
import * as _$react from "react";
|
|
3
|
-
import React, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
3
|
+
import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
|
|
4
|
+
import * as _$_ark_ui_react0 from "@ark-ui/react";
|
|
5
|
+
import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
|
|
4
6
|
import { Menu } from "@ark-ui/react/menu";
|
|
5
|
-
import {
|
|
7
|
+
import { Checkbox } from "@ark-ui/react/checkbox";
|
|
6
8
|
import { UseDialogProps } from "@ark-ui/react/dialog";
|
|
7
9
|
import { DatePickerRootProps } from "@ark-ui/react/date-picker";
|
|
8
10
|
import { PopoverContentProps } from "@ark-ui/react/popover";
|
|
9
|
-
import * as _$_ark_ui_react0 from "@ark-ui/react";
|
|
10
|
-
import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
|
|
11
11
|
import * as Collapsible from "@radix-ui/react-collapsible";
|
|
12
|
-
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
13
12
|
import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
|
|
14
13
|
import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
|
|
15
14
|
import * as steps from "@zag-js/steps";
|
|
@@ -6245,6 +6244,7 @@ declare const customIcons: {
|
|
|
6245
6244
|
readonly 'special-webhook': FC<SVGProps<SVGSVGElement>>;
|
|
6246
6245
|
readonly 'special-map-view': FC<SVGProps<SVGSVGElement>>;
|
|
6247
6246
|
readonly 'special-home': FC<SVGProps<SVGSVGElement>>;
|
|
6247
|
+
readonly 'special-leading-icon': FC<SVGProps<SVGSVGElement>>;
|
|
6248
6248
|
readonly 'special-lego': FC<SVGProps<SVGSVGElement>>;
|
|
6249
6249
|
readonly 'special-scheme': FC<SVGProps<SVGSVGElement>>;
|
|
6250
6250
|
readonly 'special-book': FC<SVGProps<SVGSVGElement>>;
|
|
@@ -6264,10 +6264,12 @@ type CustomIconName = keyof typeof customIcons;
|
|
|
6264
6264
|
declare const isCustomIcon: (icon: string) => icon is CustomIconName;
|
|
6265
6265
|
//#endregion
|
|
6266
6266
|
//#region src/components/ds-icon/ds-icon.types.d.ts
|
|
6267
|
-
declare const iconSizes: readonly [
|
|
6267
|
+
declare const iconSizes: readonly ['tiny', 'small', 'medium', 'large', 'extra-large'];
|
|
6268
6268
|
type IconSize = (typeof iconSizes)[number];
|
|
6269
|
-
declare const iconVariants: readonly [
|
|
6269
|
+
declare const iconVariants: readonly ['outlined', 'rounded'];
|
|
6270
6270
|
type IconVariant = (typeof iconVariants)[number];
|
|
6271
|
+
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'];
|
|
6272
|
+
type IconColor = (typeof iconColors)[number];
|
|
6271
6273
|
type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never }[keyof typeof materialIcons];
|
|
6272
6274
|
type IconName = MaterialIconName | CustomIconName;
|
|
6273
6275
|
type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
|
|
@@ -6291,6 +6293,12 @@ interface DsIconProps {
|
|
|
6291
6293
|
* @default false
|
|
6292
6294
|
*/
|
|
6293
6295
|
filled?: boolean;
|
|
6296
|
+
/**
|
|
6297
|
+
* Icon color. Semantic names map to `--icon-*` tokens (e.g. `'error'` →
|
|
6298
|
+
* `var(--icon-error)`); raw CSS values (hex, rgb, hsl, CSS variables)
|
|
6299
|
+
* pass through unchanged. Omit to inherit from parent.
|
|
6300
|
+
*/
|
|
6301
|
+
color?: IconColor | (string & {});
|
|
6294
6302
|
/**
|
|
6295
6303
|
* Additional CSS class names
|
|
6296
6304
|
*/
|
|
@@ -6314,13 +6322,14 @@ declare const DsIcon: ({
|
|
|
6314
6322
|
size,
|
|
6315
6323
|
variant,
|
|
6316
6324
|
filled,
|
|
6325
|
+
color,
|
|
6317
6326
|
className,
|
|
6318
6327
|
style,
|
|
6319
6328
|
...rest
|
|
6320
6329
|
}: DsIconProps) => _$react_jsx_runtime0.JSX.Element;
|
|
6321
6330
|
//#endregion
|
|
6322
6331
|
//#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
|
|
6323
|
-
declare const alertBannerVariants: readonly [
|
|
6332
|
+
declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
|
|
6324
6333
|
type AlertBannerVariant = (typeof alertBannerVariants)[number];
|
|
6325
6334
|
interface DsAlertBannerProps {
|
|
6326
6335
|
/**
|
|
@@ -6356,7 +6365,7 @@ interface DsAlertBannerProps {
|
|
|
6356
6365
|
/**
|
|
6357
6366
|
* Additional styles to apply to the component
|
|
6358
6367
|
*/
|
|
6359
|
-
style?: React.CSSProperties;
|
|
6368
|
+
style?: React$1.CSSProperties;
|
|
6360
6369
|
/**
|
|
6361
6370
|
* Optional children to be rendered inside the component (typically action buttons)
|
|
6362
6371
|
*/
|
|
@@ -6364,23 +6373,19 @@ interface DsAlertBannerProps {
|
|
|
6364
6373
|
}
|
|
6365
6374
|
//#endregion
|
|
6366
6375
|
//#region src/components/ds-alert-banner/ds-alert-banner.d.ts
|
|
6367
|
-
|
|
6368
|
-
|
|
6369
|
-
|
|
6370
|
-
|
|
6371
|
-
|
|
6372
|
-
|
|
6373
|
-
|
|
6374
|
-
|
|
6375
|
-
|
|
6376
|
-
|
|
6377
|
-
|
|
6378
|
-
|
|
6379
|
-
|
|
6380
|
-
style,
|
|
6381
|
-
children
|
|
6382
|
-
}: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
|
|
6383
|
-
Title: ({
|
|
6376
|
+
declare function DsAlertBanner({
|
|
6377
|
+
open,
|
|
6378
|
+
onOpenChange,
|
|
6379
|
+
inline,
|
|
6380
|
+
variant,
|
|
6381
|
+
icon,
|
|
6382
|
+
closable,
|
|
6383
|
+
className,
|
|
6384
|
+
style,
|
|
6385
|
+
children
|
|
6386
|
+
}: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
|
|
6387
|
+
declare namespace DsAlertBanner {
|
|
6388
|
+
var Title: ({
|
|
6384
6389
|
style,
|
|
6385
6390
|
className,
|
|
6386
6391
|
children
|
|
@@ -6389,7 +6394,9 @@ declare const DsAlertBanner: {
|
|
|
6389
6394
|
className?: string;
|
|
6390
6395
|
children: ReactNode;
|
|
6391
6396
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
6392
|
-
|
|
6397
|
+
}
|
|
6398
|
+
declare namespace DsAlertBanner {
|
|
6399
|
+
var Body: ({
|
|
6393
6400
|
style,
|
|
6394
6401
|
className,
|
|
6395
6402
|
children
|
|
@@ -6398,7 +6405,9 @@ declare const DsAlertBanner: {
|
|
|
6398
6405
|
className?: string;
|
|
6399
6406
|
children: ReactNode;
|
|
6400
6407
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
6401
|
-
|
|
6408
|
+
}
|
|
6409
|
+
declare namespace DsAlertBanner {
|
|
6410
|
+
var Actions: ({
|
|
6402
6411
|
style,
|
|
6403
6412
|
className,
|
|
6404
6413
|
children
|
|
@@ -6407,7 +6416,7 @@ declare const DsAlertBanner: {
|
|
|
6407
6416
|
className?: string;
|
|
6408
6417
|
children: ReactNode;
|
|
6409
6418
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
6410
|
-
}
|
|
6419
|
+
}
|
|
6411
6420
|
//#endregion
|
|
6412
6421
|
//#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
|
|
6413
6422
|
interface DsAutocompleteOption {
|
|
@@ -6442,7 +6451,7 @@ interface DsAutocompleteProps {
|
|
|
6442
6451
|
/**
|
|
6443
6452
|
* Additional styles to apply to the component
|
|
6444
6453
|
*/
|
|
6445
|
-
style?: React.CSSProperties;
|
|
6454
|
+
style?: React$1.CSSProperties;
|
|
6446
6455
|
/**
|
|
6447
6456
|
* Additional CSS class names
|
|
6448
6457
|
*/
|
|
@@ -6488,7 +6497,7 @@ interface DsAutocompleteProps {
|
|
|
6488
6497
|
/**
|
|
6489
6498
|
* Content to display at the start of the input (e.g., a search icon).
|
|
6490
6499
|
*/
|
|
6491
|
-
startAdornment?: React.ReactNode;
|
|
6500
|
+
startAdornment?: React$1.ReactNode;
|
|
6492
6501
|
/**
|
|
6493
6502
|
* Event handler called when the value changes.
|
|
6494
6503
|
* Fires with the selected option's value, or an empty string when cleared.
|
|
@@ -6607,32 +6616,63 @@ declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
|
|
|
6607
6616
|
//#endregion
|
|
6608
6617
|
//#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
|
|
6609
6618
|
type DsBreadcrumbItem = {
|
|
6619
|
+
/**
|
|
6620
|
+
* Renders the item as a direct navigation link to `href`.
|
|
6621
|
+
*/
|
|
6610
6622
|
type: 'link';
|
|
6623
|
+
/**
|
|
6624
|
+
* Visible text for the breadcrumb segment
|
|
6625
|
+
*/
|
|
6611
6626
|
label: string;
|
|
6627
|
+
/**
|
|
6628
|
+
* Destination URL navigated to when the segment is clicked
|
|
6629
|
+
*/
|
|
6612
6630
|
href: string;
|
|
6631
|
+
/**
|
|
6632
|
+
* Optional icon rendered before the label
|
|
6633
|
+
*/
|
|
6613
6634
|
icon?: IconType;
|
|
6614
6635
|
} | {
|
|
6636
|
+
/**
|
|
6637
|
+
* Renders the item as a dropdown trigger that reveals sibling destinations.
|
|
6638
|
+
*/
|
|
6615
6639
|
type: 'dropdown';
|
|
6640
|
+
/**
|
|
6641
|
+
* Visible text for the dropdown trigger
|
|
6642
|
+
*/
|
|
6616
6643
|
label: string;
|
|
6644
|
+
/**
|
|
6645
|
+
* Sibling destinations shown in the dropdown. Each option navigates to its
|
|
6646
|
+
* `href` when selected.
|
|
6647
|
+
*/
|
|
6617
6648
|
options: {
|
|
6649
|
+
/**
|
|
6650
|
+
* Visible text for the dropdown option
|
|
6651
|
+
*/
|
|
6618
6652
|
label: string;
|
|
6653
|
+
/**
|
|
6654
|
+
* Destination URL navigated to when the option is selected
|
|
6655
|
+
*/
|
|
6619
6656
|
href: string;
|
|
6620
6657
|
}[];
|
|
6658
|
+
/**
|
|
6659
|
+
* Optional icon rendered before the label
|
|
6660
|
+
*/
|
|
6621
6661
|
icon?: IconType;
|
|
6622
6662
|
};
|
|
6623
6663
|
interface DsBreadcrumbProps {
|
|
6624
6664
|
/**
|
|
6625
|
-
*
|
|
6665
|
+
* Ordered breadcrumb segments rendered left-to-right. The last item is typically
|
|
6666
|
+
* the current page.
|
|
6626
6667
|
*/
|
|
6627
6668
|
items: DsBreadcrumbItem[];
|
|
6628
6669
|
/**
|
|
6629
|
-
*
|
|
6630
|
-
*
|
|
6631
|
-
* @param href
|
|
6670
|
+
* Called when the user activates any link segment or picks a destination from a
|
|
6671
|
+
* dropdown segment. Receives the selected `href`.
|
|
6632
6672
|
*/
|
|
6633
6673
|
onSelect?: (href: string) => void;
|
|
6634
6674
|
/**
|
|
6635
|
-
* Additional CSS class name
|
|
6675
|
+
* Additional CSS class name applied to the breadcrumb root
|
|
6636
6676
|
*/
|
|
6637
6677
|
className?: string;
|
|
6638
6678
|
}
|
|
@@ -6641,16 +6681,16 @@ interface DsBreadcrumbProps {
|
|
|
6641
6681
|
/**
|
|
6642
6682
|
* Design system Breadcrumb component
|
|
6643
6683
|
*/
|
|
6644
|
-
declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
|
|
6684
|
+
declare const DsBreadcrumb: React$1.FC<DsBreadcrumbProps>;
|
|
6645
6685
|
//#endregion
|
|
6646
6686
|
//#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
|
|
6647
|
-
declare const buttonSchemas: readonly [
|
|
6687
|
+
declare const buttonSchemas: readonly ['primary', 'secondary', 'error'];
|
|
6648
6688
|
type ButtonSchema = (typeof buttonSchemas)[number];
|
|
6649
|
-
declare const buttonVariants$1: readonly [
|
|
6689
|
+
declare const buttonVariants$1: readonly ['filled', 'ghost', 'borderless', 'round', 'dashed'];
|
|
6650
6690
|
type ButtonVariant$1 = (typeof buttonVariants$1)[number];
|
|
6651
|
-
declare const buttonSizes$1: readonly [
|
|
6691
|
+
declare const buttonSizes$1: readonly ['large', 'medium', 'small'];
|
|
6652
6692
|
type ButtonSize$1 = (typeof buttonSizes$1)[number];
|
|
6653
|
-
interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6693
|
+
interface DsButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6654
6694
|
/**
|
|
6655
6695
|
* Color schema of the button
|
|
6656
6696
|
* @default 'primary'
|
|
@@ -6679,7 +6719,7 @@ interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
6679
6719
|
//#endregion
|
|
6680
6720
|
//#region src/utils/responsive.d.ts
|
|
6681
6721
|
declare const BREAKPOINT_LG: number;
|
|
6682
|
-
declare const breakpoints: readonly [
|
|
6722
|
+
declare const breakpoints: readonly ['lg', 'md'];
|
|
6683
6723
|
type Breakpoint = (typeof breakpoints)[number];
|
|
6684
6724
|
type Responsive<T> = Partial<Record<Breakpoint, T>>;
|
|
6685
6725
|
type ResponsiveValue<T> = T | Responsive<T>;
|
|
@@ -6702,13 +6742,13 @@ declare function withResponsiveProps<Props, const Keys extends readonly (keyof P
|
|
|
6702
6742
|
};
|
|
6703
6743
|
//#endregion
|
|
6704
6744
|
//#region src/components/ds-button/versions/ds-button-new/ds-button-new.types.d.ts
|
|
6705
|
-
declare const buttonTypes: readonly [
|
|
6745
|
+
declare const buttonTypes: readonly ['primary', 'secondary', 'secondary-light', 'tertiary'];
|
|
6706
6746
|
type ButtonType = (typeof buttonTypes)[number];
|
|
6707
|
-
declare const buttonVariants: readonly [
|
|
6747
|
+
declare const buttonVariants: readonly ['filled', 'ghost', 'danger', 'dark'];
|
|
6708
6748
|
type ButtonVariant = (typeof buttonVariants)[number];
|
|
6709
|
-
declare const buttonSizes: readonly [
|
|
6749
|
+
declare const buttonSizes: readonly ['large', 'medium', 'small', 'tiny'];
|
|
6710
6750
|
type ButtonSize = (typeof buttonSizes)[number];
|
|
6711
|
-
interface DsButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6751
|
+
interface DsButtonBaseProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6712
6752
|
/**
|
|
6713
6753
|
* Type of the button
|
|
6714
6754
|
* @default 'primary'
|
|
@@ -6744,8 +6784,15 @@ interface DsButtonProps extends Omit<DsButtonBaseProps, 'size'> {
|
|
|
6744
6784
|
//#endregion
|
|
6745
6785
|
//#region src/components/ds-button/ds-button.types.d.ts
|
|
6746
6786
|
type DsButtonUnifiedProps = (DsButtonProps$1 & {
|
|
6787
|
+
/**
|
|
6788
|
+
* Selects the legacy button implementation. Accepts `DsButtonLegacyProps`.
|
|
6789
|
+
* Omit or pass `'legacy'` to opt into this branch.
|
|
6790
|
+
*/
|
|
6747
6791
|
design?: undefined | 'legacy';
|
|
6748
6792
|
}) | (DsButtonProps & {
|
|
6793
|
+
/**
|
|
6794
|
+
* Selects the new (v1.2) button implementation. Accepts `DsButtonNewProps`.
|
|
6795
|
+
*/
|
|
6749
6796
|
design: 'v1.2';
|
|
6750
6797
|
});
|
|
6751
6798
|
//#endregion
|
|
@@ -6753,11 +6800,11 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
|
|
|
6753
6800
|
declare const DsButton: (props: DsButtonUnifiedProps) => _$react_jsx_runtime0.JSX.Element;
|
|
6754
6801
|
//#endregion
|
|
6755
6802
|
//#region src/components/ds-button-v3/ds-button-v3.types.d.ts
|
|
6756
|
-
declare const buttonV3Variants: readonly [
|
|
6803
|
+
declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
|
|
6757
6804
|
type ButtonV3Variant = (typeof buttonV3Variants)[number];
|
|
6758
|
-
declare const buttonV3Colors: readonly [
|
|
6805
|
+
declare const buttonV3Colors: readonly ['default', 'error', 'light'];
|
|
6759
6806
|
type ButtonV3Color = (typeof buttonV3Colors)[number];
|
|
6760
|
-
declare const buttonV3Sizes: readonly [
|
|
6807
|
+
declare const buttonV3Sizes: readonly ['large', 'medium', 'small', 'tiny'];
|
|
6761
6808
|
type ButtonV3Size = (typeof buttonV3Sizes)[number];
|
|
6762
6809
|
interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6763
6810
|
ref?: Ref<HTMLButtonElement>;
|
|
@@ -6769,14 +6816,21 @@ interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
|
6769
6816
|
*/
|
|
6770
6817
|
color?: ButtonV3Color;
|
|
6771
6818
|
/**
|
|
6819
|
+
* Visual variant of the button:
|
|
6820
|
+
* - `primary` — filled, highest-emphasis action
|
|
6821
|
+
* - `secondary` — outlined, medium-emphasis action
|
|
6822
|
+
* - `tertiary` — borderless, low-emphasis action (text-like)
|
|
6772
6823
|
* @default 'primary'
|
|
6773
6824
|
*/
|
|
6774
6825
|
variant?: ButtonV3Variant;
|
|
6775
6826
|
/**
|
|
6827
|
+
* Size of the button. Controls height, padding, font size, and icon size.
|
|
6776
6828
|
* @default 'medium'
|
|
6777
6829
|
*/
|
|
6778
6830
|
size?: ButtonV3Size;
|
|
6779
6831
|
/**
|
|
6832
|
+
* Whether the button is in a selected/pressed state. Used for toggle buttons
|
|
6833
|
+
* and segmented controls.
|
|
6780
6834
|
* @default false
|
|
6781
6835
|
*/
|
|
6782
6836
|
selected?: boolean;
|
|
@@ -6801,134 +6855,10 @@ interface DsButtonV3Props extends Omit<DsButtonV3BaseProps, 'size'> {
|
|
|
6801
6855
|
//#region src/components/ds-button-v3/index.d.ts
|
|
6802
6856
|
declare const DsButtonV3: {
|
|
6803
6857
|
(props: {
|
|
6804
|
-
|
|
6805
|
-
color?: ButtonV3Color | undefined;
|
|
6806
|
-
variant?: ButtonV3Variant | undefined;
|
|
6807
|
-
size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | "tiny" | undefined>> | undefined;
|
|
6808
|
-
selected?: boolean | undefined;
|
|
6809
|
-
icon?: IconType | undefined;
|
|
6810
|
-
loading?: boolean | undefined;
|
|
6811
|
-
disabled?: boolean | undefined | undefined;
|
|
6812
|
-
form?: string | undefined | undefined;
|
|
6813
|
-
formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
|
|
6814
|
-
formEncType?: string | undefined | undefined;
|
|
6815
|
-
formMethod?: string | undefined | undefined;
|
|
6816
|
-
formNoValidate?: boolean | undefined | undefined;
|
|
6817
|
-
formTarget?: string | undefined | undefined;
|
|
6818
|
-
name?: string | undefined | undefined;
|
|
6819
|
-
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
6820
|
-
value?: string | number | readonly string[] | undefined;
|
|
6821
|
-
defaultChecked?: boolean | undefined | undefined;
|
|
6822
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
6823
|
-
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
6824
|
-
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
6825
|
-
accessKey?: string | undefined | undefined;
|
|
6826
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
6827
|
-
autoFocus?: boolean | undefined | undefined;
|
|
6828
|
-
className?: string | undefined | undefined;
|
|
6829
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
6830
|
-
contextMenu?: string | undefined | undefined;
|
|
6831
|
-
dir?: string | undefined | undefined;
|
|
6832
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
6833
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
6834
|
-
hidden?: boolean | undefined | undefined;
|
|
6835
|
-
id?: string | undefined | undefined;
|
|
6836
|
-
lang?: string | undefined | undefined;
|
|
6837
|
-
nonce?: string | undefined | undefined;
|
|
6838
|
-
slot?: string | undefined | undefined;
|
|
6839
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
6840
|
-
style?: _$react.CSSProperties | undefined;
|
|
6841
|
-
tabIndex?: number | undefined | undefined;
|
|
6842
|
-
title?: string | undefined | undefined;
|
|
6843
|
-
translate?: "yes" | "no" | undefined | undefined;
|
|
6844
|
-
radioGroup?: string | undefined | undefined;
|
|
6845
|
-
role?: _$react.AriaRole | undefined;
|
|
6846
|
-
about?: string | undefined | undefined;
|
|
6847
|
-
content?: string | undefined | undefined;
|
|
6848
|
-
datatype?: string | undefined | undefined;
|
|
6849
|
-
inlist?: any;
|
|
6850
|
-
prefix?: string | undefined | undefined;
|
|
6851
|
-
property?: string | undefined | undefined;
|
|
6852
|
-
rel?: string | undefined | undefined;
|
|
6853
|
-
resource?: string | undefined | undefined;
|
|
6854
|
-
rev?: string | undefined | undefined;
|
|
6855
|
-
typeof?: string | undefined | undefined;
|
|
6856
|
-
vocab?: string | undefined | undefined;
|
|
6857
|
-
autoCorrect?: string | undefined | undefined;
|
|
6858
|
-
autoSave?: string | undefined | undefined;
|
|
6859
|
-
itemProp?: string | undefined | undefined;
|
|
6860
|
-
itemScope?: boolean | undefined | undefined;
|
|
6861
|
-
itemType?: string | undefined | undefined;
|
|
6862
|
-
itemID?: string | undefined | undefined;
|
|
6863
|
-
itemRef?: string | undefined | undefined;
|
|
6864
|
-
results?: number | undefined | undefined;
|
|
6865
|
-
security?: string | undefined | undefined;
|
|
6866
|
-
unselectable?: "on" | "off" | undefined | undefined;
|
|
6867
|
-
popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
|
|
6868
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
6869
|
-
popoverTarget?: string | undefined | undefined;
|
|
6870
|
-
inert?: boolean | undefined | undefined;
|
|
6871
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
6872
|
-
is?: string | undefined | undefined;
|
|
6873
|
-
exportparts?: string | undefined | undefined;
|
|
6874
|
-
part?: string | undefined | undefined;
|
|
6875
|
-
"aria-activedescendant"?: string | undefined | undefined;
|
|
6876
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
6877
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
6878
|
-
"aria-braillelabel"?: string | undefined | undefined;
|
|
6879
|
-
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
6880
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
6881
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
6882
|
-
"aria-colcount"?: number | undefined | undefined;
|
|
6883
|
-
"aria-colindex"?: number | undefined | undefined;
|
|
6884
|
-
"aria-colindextext"?: string | undefined | undefined;
|
|
6885
|
-
"aria-colspan"?: number | undefined | undefined;
|
|
6886
|
-
"aria-controls"?: string | undefined | undefined;
|
|
6887
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
6888
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
6889
|
-
"aria-description"?: string | undefined | undefined;
|
|
6890
|
-
"aria-details"?: string | undefined | undefined;
|
|
6891
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
6892
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
6893
|
-
"aria-errormessage"?: string | undefined | undefined;
|
|
6894
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
6895
|
-
"aria-flowto"?: string | undefined | undefined;
|
|
6896
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
6897
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
6898
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
6899
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
6900
|
-
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
6901
|
-
"aria-label"?: string | undefined | undefined;
|
|
6902
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
6903
|
-
"aria-level"?: number | undefined | undefined;
|
|
6904
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
6905
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
6906
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
6907
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
6908
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
6909
|
-
"aria-owns"?: string | undefined | undefined;
|
|
6910
|
-
"aria-placeholder"?: string | undefined | undefined;
|
|
6911
|
-
"aria-posinset"?: number | undefined | undefined;
|
|
6912
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
6913
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
6914
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
6915
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
6916
|
-
"aria-roledescription"?: string | undefined | undefined;
|
|
6917
|
-
"aria-rowcount"?: number | undefined | undefined;
|
|
6918
|
-
"aria-rowindex"?: number | undefined | undefined;
|
|
6919
|
-
"aria-rowindextext"?: string | undefined | undefined;
|
|
6920
|
-
"aria-rowspan"?: number | undefined | undefined;
|
|
6921
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
6922
|
-
"aria-setsize"?: number | undefined | undefined;
|
|
6923
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
6924
|
-
"aria-valuemax"?: number | undefined | undefined;
|
|
6925
|
-
"aria-valuemin"?: number | undefined | undefined;
|
|
6926
|
-
"aria-valuenow"?: number | undefined | undefined;
|
|
6927
|
-
"aria-valuetext"?: string | undefined | undefined;
|
|
6928
|
-
children?: _$react.ReactNode;
|
|
6858
|
+
children?: _$react.ReactNode | undefined;
|
|
6929
6859
|
dangerouslySetInnerHTML?: {
|
|
6930
6860
|
__html: string | TrustedHTML;
|
|
6931
|
-
} | undefined
|
|
6861
|
+
} | undefined;
|
|
6932
6862
|
onCopy?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
6933
6863
|
onCopyCapture?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
6934
6864
|
onCut?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -7097,12 +7027,136 @@ declare const DsButtonV3: {
|
|
|
7097
7027
|
onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
7098
7028
|
onTransitionStart?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
7099
7029
|
onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
7030
|
+
"aria-activedescendant"?: string | undefined;
|
|
7031
|
+
"aria-atomic"?: ("false" | "true" | boolean) | undefined;
|
|
7032
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
7033
|
+
"aria-braillelabel"?: string | undefined;
|
|
7034
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
7035
|
+
"aria-busy"?: ("false" | "true" | boolean) | undefined;
|
|
7036
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
7037
|
+
"aria-colcount"?: number | undefined;
|
|
7038
|
+
"aria-colindex"?: number | undefined;
|
|
7039
|
+
"aria-colindextext"?: string | undefined;
|
|
7040
|
+
"aria-colspan"?: number | undefined;
|
|
7041
|
+
"aria-controls"?: string | undefined;
|
|
7042
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
7043
|
+
"aria-describedby"?: string | undefined;
|
|
7044
|
+
"aria-description"?: string | undefined;
|
|
7045
|
+
"aria-details"?: string | undefined;
|
|
7046
|
+
"aria-disabled"?: ("false" | "true" | boolean) | undefined;
|
|
7047
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
7048
|
+
"aria-errormessage"?: string | undefined;
|
|
7049
|
+
"aria-expanded"?: ("false" | "true" | boolean) | undefined;
|
|
7050
|
+
"aria-flowto"?: string | undefined;
|
|
7051
|
+
"aria-grabbed"?: ("false" | "true" | boolean) | undefined;
|
|
7052
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
7053
|
+
"aria-hidden"?: ("false" | "true" | boolean) | undefined;
|
|
7054
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
7055
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
7056
|
+
"aria-label"?: string | undefined;
|
|
7057
|
+
"aria-labelledby"?: string | undefined;
|
|
7058
|
+
"aria-level"?: number | undefined;
|
|
7059
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
7060
|
+
"aria-modal"?: ("false" | "true" | boolean) | undefined;
|
|
7061
|
+
"aria-multiline"?: ("false" | "true" | boolean) | undefined;
|
|
7062
|
+
"aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
|
|
7063
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
7064
|
+
"aria-owns"?: string | undefined;
|
|
7065
|
+
"aria-placeholder"?: string | undefined;
|
|
7066
|
+
"aria-posinset"?: number | undefined;
|
|
7067
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
7068
|
+
"aria-readonly"?: ("false" | "true" | boolean) | undefined;
|
|
7069
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
7070
|
+
"aria-required"?: ("false" | "true" | boolean) | undefined;
|
|
7071
|
+
"aria-roledescription"?: string | undefined;
|
|
7072
|
+
"aria-rowcount"?: number | undefined;
|
|
7073
|
+
"aria-rowindex"?: number | undefined;
|
|
7074
|
+
"aria-rowindextext"?: string | undefined;
|
|
7075
|
+
"aria-rowspan"?: number | undefined;
|
|
7076
|
+
"aria-selected"?: ("false" | "true" | boolean) | undefined;
|
|
7077
|
+
"aria-setsize"?: number | undefined;
|
|
7078
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
7079
|
+
"aria-valuemax"?: number | undefined;
|
|
7080
|
+
"aria-valuemin"?: number | undefined;
|
|
7081
|
+
"aria-valuenow"?: number | undefined;
|
|
7082
|
+
"aria-valuetext"?: string | undefined;
|
|
7083
|
+
defaultChecked?: boolean | undefined;
|
|
7084
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
7085
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
7086
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
7087
|
+
accessKey?: string | undefined;
|
|
7088
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
7089
|
+
autoFocus?: boolean | undefined;
|
|
7090
|
+
className?: string | undefined;
|
|
7091
|
+
contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
|
|
7092
|
+
contextMenu?: string | undefined;
|
|
7093
|
+
dir?: string | undefined;
|
|
7094
|
+
draggable?: ("false" | "true" | boolean) | undefined;
|
|
7095
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
7096
|
+
hidden?: boolean | undefined;
|
|
7097
|
+
id?: string | undefined;
|
|
7098
|
+
lang?: string | undefined;
|
|
7099
|
+
nonce?: string | undefined;
|
|
7100
|
+
slot?: string | undefined;
|
|
7101
|
+
spellCheck?: ("false" | "true" | boolean) | undefined;
|
|
7102
|
+
style?: _$react.CSSProperties | undefined;
|
|
7103
|
+
tabIndex?: number | undefined;
|
|
7104
|
+
title?: string | undefined;
|
|
7105
|
+
translate?: "yes" | "no" | undefined;
|
|
7106
|
+
radioGroup?: string | undefined;
|
|
7107
|
+
role?: _$react.AriaRole | undefined;
|
|
7108
|
+
about?: string | undefined;
|
|
7109
|
+
content?: string | undefined;
|
|
7110
|
+
datatype?: string | undefined;
|
|
7111
|
+
inlist?: any;
|
|
7112
|
+
prefix?: string | undefined;
|
|
7113
|
+
property?: string | undefined;
|
|
7114
|
+
rel?: string | undefined;
|
|
7115
|
+
resource?: string | undefined;
|
|
7116
|
+
rev?: string | undefined;
|
|
7117
|
+
typeof?: string | undefined;
|
|
7118
|
+
vocab?: string | undefined;
|
|
7119
|
+
autoCorrect?: string | undefined;
|
|
7120
|
+
autoSave?: string | undefined;
|
|
7121
|
+
itemProp?: string | undefined;
|
|
7122
|
+
itemScope?: boolean | undefined;
|
|
7123
|
+
itemType?: string | undefined;
|
|
7124
|
+
itemID?: string | undefined;
|
|
7125
|
+
itemRef?: string | undefined;
|
|
7126
|
+
results?: number | undefined;
|
|
7127
|
+
security?: string | undefined;
|
|
7128
|
+
unselectable?: "on" | "off" | undefined;
|
|
7129
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
7130
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
7131
|
+
popoverTarget?: string | undefined;
|
|
7132
|
+
inert?: boolean | undefined;
|
|
7133
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
7134
|
+
is?: string | undefined;
|
|
7135
|
+
exportparts?: string | undefined;
|
|
7136
|
+
part?: string | undefined;
|
|
7137
|
+
disabled?: boolean | undefined;
|
|
7138
|
+
form?: string | undefined;
|
|
7139
|
+
formAction?: string | ((formData: FormData) => void | Promise<void>) | _$react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof _$react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
|
|
7140
|
+
formEncType?: string | undefined;
|
|
7141
|
+
formMethod?: string | undefined;
|
|
7142
|
+
formNoValidate?: boolean | undefined;
|
|
7143
|
+
formTarget?: string | undefined;
|
|
7144
|
+
name?: string | undefined;
|
|
7145
|
+
type?: "submit" | "reset" | "button" | undefined;
|
|
7146
|
+
value?: string | readonly string[] | number | undefined;
|
|
7147
|
+
ref?: _$react.Ref<HTMLButtonElement>;
|
|
7148
|
+
color?: ButtonV3Color;
|
|
7149
|
+
variant?: ButtonV3Variant;
|
|
7150
|
+
size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | "tiny" | undefined>> | undefined;
|
|
7151
|
+
selected?: boolean;
|
|
7152
|
+
icon?: IconType;
|
|
7153
|
+
loading?: boolean;
|
|
7100
7154
|
}): _$react.FunctionComponentElement<Record<string, unknown>>;
|
|
7101
7155
|
displayName: string;
|
|
7102
7156
|
};
|
|
7103
7157
|
//#endregion
|
|
7104
7158
|
//#region src/components/ds-card/ds-card.types.d.ts
|
|
7105
|
-
declare const cardSizes: readonly [
|
|
7159
|
+
declare const cardSizes: readonly ['small', 'medium', 'large'];
|
|
7106
7160
|
type DsCardSize = (typeof cardSizes)[number];
|
|
7107
7161
|
/**
|
|
7108
7162
|
* Props for the Card root component
|
|
@@ -7133,7 +7187,9 @@ interface DsCardRootProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7133
7187
|
*/
|
|
7134
7188
|
highlightSelected?: boolean;
|
|
7135
7189
|
/**
|
|
7136
|
-
*
|
|
7190
|
+
* Whether the card is disabled. Prevents selection and click interactions and
|
|
7191
|
+
* visually dims the card.
|
|
7192
|
+
* @default false
|
|
7137
7193
|
*/
|
|
7138
7194
|
disabled?: boolean;
|
|
7139
7195
|
}
|
|
@@ -7199,9 +7255,13 @@ declare const DsCard: {
|
|
|
7199
7255
|
};
|
|
7200
7256
|
//#endregion
|
|
7201
7257
|
//#region src/components/ds-checkbox/ds-checkbox.types.d.ts
|
|
7202
|
-
declare const checkboxVariants: readonly [
|
|
7258
|
+
declare const checkboxVariants: readonly ['default', 'warning'];
|
|
7203
7259
|
type CheckboxVariant = (typeof checkboxVariants)[number];
|
|
7204
|
-
interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
|
|
7260
|
+
interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.Root>, 'onCheckedChange' | 'value'> {
|
|
7261
|
+
/**
|
|
7262
|
+
* Value when used in a group or for form submission. Coerced to string for the native control.
|
|
7263
|
+
*/
|
|
7264
|
+
value?: string | number;
|
|
7205
7265
|
/**
|
|
7206
7266
|
* Visual variant of the checkbox
|
|
7207
7267
|
*/
|
|
@@ -7215,17 +7275,11 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
|
|
|
7215
7275
|
*/
|
|
7216
7276
|
labelInfo?: ReactNode;
|
|
7217
7277
|
/**
|
|
7218
|
-
*
|
|
7278
|
+
* Disables the checkbox, preventing user interaction
|
|
7219
7279
|
*/
|
|
7220
|
-
|
|
7221
|
-
/**
|
|
7222
|
-
* The default checked state of the checkbox
|
|
7223
|
-
*/
|
|
7224
|
-
defaultChecked?: boolean | 'indeterminate';
|
|
7280
|
+
disabled?: boolean;
|
|
7225
7281
|
/**
|
|
7226
|
-
*
|
|
7227
|
-
*
|
|
7228
|
-
* @param checked
|
|
7282
|
+
* Callback invoked when the checked state changes
|
|
7229
7283
|
*/
|
|
7230
7284
|
onCheckedChange?: (checked: boolean | 'indeterminate') => void;
|
|
7231
7285
|
}
|
|
@@ -7234,14 +7288,70 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
|
|
|
7234
7288
|
/**
|
|
7235
7289
|
* Design system Checkbox component
|
|
7236
7290
|
*/
|
|
7237
|
-
declare const DsCheckbox:
|
|
7291
|
+
declare const DsCheckbox: ({
|
|
7292
|
+
variant,
|
|
7293
|
+
label,
|
|
7294
|
+
labelInfo,
|
|
7295
|
+
className,
|
|
7296
|
+
onCheckedChange,
|
|
7297
|
+
value,
|
|
7298
|
+
...props
|
|
7299
|
+
}: DsCheckboxProps) => _$react_jsx_runtime0.JSX.Element;
|
|
7300
|
+
//#endregion
|
|
7301
|
+
//#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
|
|
7302
|
+
type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
|
|
7303
|
+
interface DsCheckboxGroupProps extends ComponentPropsWithoutRef<typeof Checkbox.Group> {
|
|
7304
|
+
orientation?: DsCheckboxGroupOrientation;
|
|
7305
|
+
}
|
|
7306
|
+
//#endregion
|
|
7307
|
+
//#region src/components/ds-checkbox-group/ds-checkbox-group.d.ts
|
|
7308
|
+
declare const DsCheckboxGroup: React$1.FC<DsCheckboxGroupProps>;
|
|
7309
|
+
//#endregion
|
|
7310
|
+
//#region src/components/ds-checkbox-group/hooks/use-checkbox-select-all.d.ts
|
|
7311
|
+
type CheckedState = boolean | 'indeterminate';
|
|
7312
|
+
interface UseCheckboxSelectAllOptions<T> {
|
|
7313
|
+
/** Currently selected values. */
|
|
7314
|
+
value: T[];
|
|
7315
|
+
/** Full set of values represented by the group. */
|
|
7316
|
+
allValues: readonly T[];
|
|
7317
|
+
/** Callback to update selected values. */
|
|
7318
|
+
onValueChange: (next: T[]) => void;
|
|
7319
|
+
/**
|
|
7320
|
+
* Optional predicate to exclude values from bulk select/deselect.
|
|
7321
|
+
* Non-selectable values that are already in `value` are preserved on toggle.
|
|
7322
|
+
*/
|
|
7323
|
+
isSelectable?: (value: T) => boolean;
|
|
7324
|
+
}
|
|
7325
|
+
interface UseCheckboxSelectAllResult {
|
|
7326
|
+
/** Tri-state value for the select-all checkbox. */
|
|
7327
|
+
selectAllState: CheckedState;
|
|
7328
|
+
/** Count of selected values that are also selectable. */
|
|
7329
|
+
selectedCount: number;
|
|
7330
|
+
/** Count of selectable values. */
|
|
7331
|
+
selectableCount: number;
|
|
7332
|
+
/** Handler for the select-all checkbox's `onCheckedChange`. */
|
|
7333
|
+
onSelectAllChange: (checked: CheckedState) => void;
|
|
7334
|
+
}
|
|
7335
|
+
/**
|
|
7336
|
+
* Headless helper for a "select all" checkbox bound to a checkbox group.
|
|
7337
|
+
*
|
|
7338
|
+
* - Derives tri-state (`true` / `false` / `'indeterminate'`) from current selection.
|
|
7339
|
+
* - Toggling selects or clears only selectable values; preserves any already-selected
|
|
7340
|
+
* non-selectable values so bulk actions don't silently mutate protected items.
|
|
7341
|
+
*/
|
|
7342
|
+
declare function useCheckboxSelectAll<T>({
|
|
7343
|
+
value,
|
|
7344
|
+
allValues,
|
|
7345
|
+
onValueChange,
|
|
7346
|
+
isSelectable
|
|
7347
|
+
}: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
|
|
7238
7348
|
//#endregion
|
|
7239
7349
|
//#region src/components/ds-chip/ds-chip.types.d.ts
|
|
7240
7350
|
/**
|
|
7241
7351
|
* @deprecated This type is deprecated. Use `DsTag` instead.
|
|
7242
7352
|
* @see {@link ../ds-tag} for the replacement component.
|
|
7243
7353
|
*/
|
|
7244
|
-
declare const chipSizes: readonly [
|
|
7354
|
+
declare const chipSizes: readonly ['medium', 'small'];
|
|
7245
7355
|
/**
|
|
7246
7356
|
* @deprecated This type is deprecated. Use `DsTag` instead.
|
|
7247
7357
|
* @see {@link ../ds-tag} for the replacement component.
|
|
@@ -7297,7 +7407,7 @@ interface DsChipProps {
|
|
|
7297
7407
|
* @deprecated This component is deprecated. Use `DsTag` instead.
|
|
7298
7408
|
* @see {@link ../ds-tag} for the replacement component.
|
|
7299
7409
|
*/
|
|
7300
|
-
declare const DsChip: React.FC<DsChipProps>;
|
|
7410
|
+
declare const DsChip: React$1.FC<DsChipProps>;
|
|
7301
7411
|
//#endregion
|
|
7302
7412
|
//#region src/components/ds-chip-group/ds-chip-group.types.d.ts
|
|
7303
7413
|
/**
|
|
@@ -7363,47 +7473,161 @@ interface DsChipGroupProps {
|
|
|
7363
7473
|
* @deprecated This component is deprecated. Use `DsTagFilter` instead.
|
|
7364
7474
|
* @see {@link ../ds-tag-filter} for the replacement component.
|
|
7365
7475
|
*/
|
|
7366
|
-
declare const DsChipGroup: React.FC<DsChipGroupProps>;
|
|
7476
|
+
declare const DsChipGroup: React$1.FC<DsChipGroupProps>;
|
|
7367
7477
|
//#endregion
|
|
7368
7478
|
//#region src/components/ds-comment-card/ds-comment-card.types.d.ts
|
|
7369
7479
|
interface CommentAuthor {
|
|
7480
|
+
/**
|
|
7481
|
+
* Stable identifier for the user. Used to compare authors (e.g. to determine
|
|
7482
|
+
* whether the current viewer can edit a message).
|
|
7483
|
+
*/
|
|
7370
7484
|
id: string;
|
|
7485
|
+
/**
|
|
7486
|
+
* Display name shown next to the avatar
|
|
7487
|
+
*/
|
|
7371
7488
|
name: string;
|
|
7489
|
+
/**
|
|
7490
|
+
* Optional URL to the user's avatar image. When omitted, the avatar falls back
|
|
7491
|
+
* to initials derived from `name`.
|
|
7492
|
+
*/
|
|
7372
7493
|
avatarSrc?: string;
|
|
7373
7494
|
}
|
|
7374
7495
|
interface CommentMessage {
|
|
7496
|
+
/**
|
|
7497
|
+
* Stable identifier for the message. Passed to callbacks to identify which
|
|
7498
|
+
* message was acted on.
|
|
7499
|
+
*/
|
|
7375
7500
|
id: string;
|
|
7501
|
+
/**
|
|
7502
|
+
* Author of the message
|
|
7503
|
+
*/
|
|
7376
7504
|
author: CommentAuthor;
|
|
7505
|
+
/**
|
|
7506
|
+
* Text content of the message
|
|
7507
|
+
*/
|
|
7377
7508
|
content: string;
|
|
7509
|
+
/**
|
|
7510
|
+
* Timestamp when the message was created
|
|
7511
|
+
*/
|
|
7378
7512
|
createdAt: Date;
|
|
7513
|
+
/**
|
|
7514
|
+
* Whether this message is the first message in a thread (i.e., the top-level
|
|
7515
|
+
* comment body). Used to render it differently from replies.
|
|
7516
|
+
* @default false
|
|
7517
|
+
*/
|
|
7379
7518
|
isInitialMessage?: boolean;
|
|
7519
|
+
/**
|
|
7520
|
+
* Whether this message has been marked resolved
|
|
7521
|
+
* @default false
|
|
7522
|
+
*/
|
|
7380
7523
|
isResolved?: boolean;
|
|
7381
7524
|
}
|
|
7382
7525
|
interface CommentData {
|
|
7526
|
+
/**
|
|
7527
|
+
* Stable identifier for the comment thread. Passed to drawer/bubble callbacks
|
|
7528
|
+
* to identify which comment was acted on.
|
|
7529
|
+
*/
|
|
7383
7530
|
id: string;
|
|
7531
|
+
/**
|
|
7532
|
+
* Short, user-facing numeric identifier (e.g., "#42") shown in the card header
|
|
7533
|
+
* for quick reference in conversations.
|
|
7534
|
+
*/
|
|
7384
7535
|
numericId: number;
|
|
7536
|
+
/**
|
|
7537
|
+
* Author of the top-level comment
|
|
7538
|
+
*/
|
|
7385
7539
|
author: CommentAuthor;
|
|
7540
|
+
/**
|
|
7541
|
+
* Timestamp when the top-level comment was created
|
|
7542
|
+
*/
|
|
7386
7543
|
createdAt: Date;
|
|
7544
|
+
/**
|
|
7545
|
+
* Whether the entire comment thread is resolved. When true, the card is rendered
|
|
7546
|
+
* in its resolved (muted) state.
|
|
7547
|
+
*/
|
|
7387
7548
|
isResolved: boolean;
|
|
7549
|
+
/**
|
|
7550
|
+
* Ordered list of messages in the thread, from oldest to newest. The first
|
|
7551
|
+
* message is typically the top-level comment body.
|
|
7552
|
+
*/
|
|
7388
7553
|
messages: CommentMessage[];
|
|
7554
|
+
/**
|
|
7555
|
+
* Optional tag labels used for filtering and grouping in the comments drawer.
|
|
7556
|
+
*/
|
|
7389
7557
|
labels?: string[];
|
|
7558
|
+
/**
|
|
7559
|
+
* Optional reference chip shown in the card header. A string renders as a tag;
|
|
7560
|
+
* any other `ReactNode` renders verbatim.
|
|
7561
|
+
*/
|
|
7390
7562
|
referenceTag?: ReactNode;
|
|
7563
|
+
/**
|
|
7564
|
+
* Whether the comment is flagged as requiring action. Drives the action-required
|
|
7565
|
+
* highlight.
|
|
7566
|
+
* @default false
|
|
7567
|
+
*/
|
|
7391
7568
|
isActionRequired?: boolean;
|
|
7392
7569
|
}
|
|
7393
7570
|
interface DsCommentCardProps {
|
|
7571
|
+
/**
|
|
7572
|
+
* Ref forwarded to the card root button element
|
|
7573
|
+
*/
|
|
7394
7574
|
ref?: Ref<HTMLButtonElement>;
|
|
7575
|
+
/**
|
|
7576
|
+
* The comment thread rendered by the card
|
|
7577
|
+
*/
|
|
7395
7578
|
comment: CommentData;
|
|
7579
|
+
/**
|
|
7580
|
+
* Whether the card is disabled and cannot be clicked
|
|
7581
|
+
* @default false
|
|
7582
|
+
*/
|
|
7396
7583
|
disabled?: boolean;
|
|
7584
|
+
/**
|
|
7585
|
+
* How long message content is rendered:
|
|
7586
|
+
* - `hidden` (default): truncate to a preview with ellipsis
|
|
7587
|
+
* - `displayed`: show the full message content without truncation
|
|
7588
|
+
* @default hidden
|
|
7589
|
+
*/
|
|
7397
7590
|
overflow?: 'hidden' | 'displayed';
|
|
7591
|
+
/**
|
|
7592
|
+
* Called when the card body is clicked (typically opens the thread in a bubble/drawer).
|
|
7593
|
+
*/
|
|
7398
7594
|
onClick?: () => void;
|
|
7595
|
+
/**
|
|
7596
|
+
* Called when the user resolves the comment from the card's overflow menu.
|
|
7597
|
+
*/
|
|
7399
7598
|
onResolve?: () => void;
|
|
7599
|
+
/**
|
|
7600
|
+
* Called when the user toggles the comment's action-required flag from the overflow menu.
|
|
7601
|
+
*/
|
|
7400
7602
|
onToggleActionRequired?: () => void;
|
|
7603
|
+
/**
|
|
7604
|
+
* Called when the user forwards the comment from the overflow menu.
|
|
7605
|
+
*/
|
|
7401
7606
|
onForward?: () => void;
|
|
7607
|
+
/**
|
|
7608
|
+
* Called when the user marks the comment as unread from the overflow menu.
|
|
7609
|
+
*/
|
|
7402
7610
|
onMarkUnread?: () => void;
|
|
7611
|
+
/**
|
|
7612
|
+
* Called when the user copies a link to the comment from the overflow menu.
|
|
7613
|
+
*/
|
|
7403
7614
|
onCopyLink?: () => void;
|
|
7615
|
+
/**
|
|
7616
|
+
* Called when the user deletes the comment from the overflow menu.
|
|
7617
|
+
*/
|
|
7404
7618
|
onDelete?: () => void;
|
|
7619
|
+
/**
|
|
7620
|
+
* Formatter for the card's timestamp. Receives the `createdAt` Date and returns
|
|
7621
|
+
* the string to display. Lets consumers localize or swap the relative/absolute format.
|
|
7622
|
+
*/
|
|
7405
7623
|
formatTimestamp?: (date: Date) => string;
|
|
7624
|
+
/**
|
|
7625
|
+
* Additional CSS class name applied to the card root
|
|
7626
|
+
*/
|
|
7406
7627
|
className?: string;
|
|
7628
|
+
/**
|
|
7629
|
+
* Inline styles applied to the card root
|
|
7630
|
+
*/
|
|
7407
7631
|
style?: CSSProperties;
|
|
7408
7632
|
}
|
|
7409
7633
|
//#endregion
|
|
@@ -7427,28 +7651,106 @@ declare const DsCommentCard: ({
|
|
|
7427
7651
|
//#endregion
|
|
7428
7652
|
//#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
|
|
7429
7653
|
interface DsCommentBubbleProps {
|
|
7654
|
+
/**
|
|
7655
|
+
* Ref forwarded to the bubble root element
|
|
7656
|
+
*/
|
|
7430
7657
|
ref?: Ref<HTMLDivElement>;
|
|
7658
|
+
/**
|
|
7659
|
+
* Existing comment thread rendered inside the bubble. Omit to render an empty
|
|
7660
|
+
* bubble for composing a new comment.
|
|
7661
|
+
*/
|
|
7431
7662
|
comment?: CommentData;
|
|
7663
|
+
/**
|
|
7664
|
+
* The user currently viewing the bubble. Used to decide whether thread messages
|
|
7665
|
+
* can be edited or deleted by the viewer.
|
|
7666
|
+
*/
|
|
7432
7667
|
currentUser?: CommentAuthor;
|
|
7668
|
+
/**
|
|
7669
|
+
* Hide the "action required" checkbox and the associated visual highlight.
|
|
7670
|
+
* @default false
|
|
7671
|
+
*/
|
|
7433
7672
|
hideActionRequired?: boolean;
|
|
7673
|
+
/**
|
|
7674
|
+
* Whether the comment is flagged as requiring action. Drives the action-required
|
|
7675
|
+
* highlight and the checkbox state.
|
|
7676
|
+
* @default false
|
|
7677
|
+
*/
|
|
7434
7678
|
actionRequired?: boolean;
|
|
7679
|
+
/**
|
|
7680
|
+
* Called when the "action required" checkbox is toggled. Receives the new checked state.
|
|
7681
|
+
*/
|
|
7435
7682
|
onActionRequiredChange?: (checked: boolean) => void;
|
|
7683
|
+
/**
|
|
7684
|
+
* Current value of the reply / new-comment textarea (controlled)
|
|
7685
|
+
*/
|
|
7436
7686
|
value?: string;
|
|
7687
|
+
/**
|
|
7688
|
+
* Called whenever the textarea value changes. Receives the new string value.
|
|
7689
|
+
*/
|
|
7437
7690
|
onValueChange?: (value: string) => void;
|
|
7691
|
+
/**
|
|
7692
|
+
* Called when the user submits the textarea content (clicks send or presses Enter).
|
|
7693
|
+
* Receives the message content and the current action-required flag.
|
|
7694
|
+
*/
|
|
7438
7695
|
onSend?: (content: string, actionRequired: boolean) => void;
|
|
7696
|
+
/**
|
|
7697
|
+
* Called when the bubble should be dismissed (e.g., clicking outside an empty bubble
|
|
7698
|
+
* or pressing the close affordance).
|
|
7699
|
+
*/
|
|
7439
7700
|
onClose?: () => void;
|
|
7701
|
+
/**
|
|
7702
|
+
* Called when the user resolves the top-level comment from the bubble header menu.
|
|
7703
|
+
*/
|
|
7440
7704
|
onResolve?: () => void;
|
|
7705
|
+
/**
|
|
7706
|
+
* Called when the user toggles the top-level comment's action-required flag from
|
|
7707
|
+
* the bubble header menu.
|
|
7708
|
+
*/
|
|
7441
7709
|
onToggleActionRequired?: () => void;
|
|
7710
|
+
/**
|
|
7711
|
+
* Called when the user forwards the top-level comment from the bubble header menu.
|
|
7712
|
+
*/
|
|
7442
7713
|
onForward?: () => void;
|
|
7714
|
+
/**
|
|
7715
|
+
* Called when the user marks the top-level comment as unread from the bubble header menu.
|
|
7716
|
+
*/
|
|
7443
7717
|
onMarkUnread?: () => void;
|
|
7718
|
+
/**
|
|
7719
|
+
* Called when the user copies a link to the top-level comment.
|
|
7720
|
+
*/
|
|
7444
7721
|
onCopyLink?: () => void;
|
|
7722
|
+
/**
|
|
7723
|
+
* Called when the user deletes the top-level comment.
|
|
7724
|
+
*/
|
|
7445
7725
|
onDelete?: () => void;
|
|
7726
|
+
/**
|
|
7727
|
+
* Called when a thread message is edited. Receives the message id and the new content.
|
|
7728
|
+
*/
|
|
7446
7729
|
onEditMessage?: (messageId: string, newContent: string) => void;
|
|
7730
|
+
/**
|
|
7731
|
+
* Called when a thread message is deleted. Receives the message id.
|
|
7732
|
+
*/
|
|
7447
7733
|
onDeleteMessage?: (messageId: string) => void;
|
|
7734
|
+
/**
|
|
7735
|
+
* Called when a thread message is marked as unread. Receives the message id.
|
|
7736
|
+
*/
|
|
7448
7737
|
onMessageMarkUnread?: (messageId: string) => void;
|
|
7738
|
+
/**
|
|
7739
|
+
* Called when a thread message is resolved. Receives the message id.
|
|
7740
|
+
*/
|
|
7449
7741
|
onMessageResolved?: (messageId: string) => void;
|
|
7742
|
+
/**
|
|
7743
|
+
* Optional reference chip shown in the bubble header. A string is rendered as a
|
|
7744
|
+
* `DsTag` with a sell icon; any other `ReactNode` is rendered verbatim.
|
|
7745
|
+
*/
|
|
7450
7746
|
referenceTag?: ReactNode;
|
|
7747
|
+
/**
|
|
7748
|
+
* Additional CSS class name applied to the bubble root
|
|
7749
|
+
*/
|
|
7451
7750
|
className?: string;
|
|
7751
|
+
/**
|
|
7752
|
+
* Inline styles applied to the bubble root
|
|
7753
|
+
*/
|
|
7452
7754
|
style?: CSSProperties;
|
|
7453
7755
|
}
|
|
7454
7756
|
//#endregion
|
|
@@ -7481,13 +7783,39 @@ declare const DsCommentBubble: ({
|
|
|
7481
7783
|
//#endregion
|
|
7482
7784
|
//#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
|
|
7483
7785
|
interface DsCommentThreadProps {
|
|
7786
|
+
/**
|
|
7787
|
+
* Ordered list of messages in the thread, from oldest to newest.
|
|
7788
|
+
*/
|
|
7484
7789
|
messages: CommentMessage[];
|
|
7790
|
+
/**
|
|
7791
|
+
* Author of the top-level comment. Used to visually distinguish their messages
|
|
7792
|
+
* from replies by other participants.
|
|
7793
|
+
*/
|
|
7485
7794
|
commentAuthor: CommentAuthor;
|
|
7795
|
+
/**
|
|
7796
|
+
* The user currently viewing the thread. Used to decide which messages the viewer
|
|
7797
|
+
* can edit or delete.
|
|
7798
|
+
*/
|
|
7486
7799
|
currentUser?: CommentAuthor;
|
|
7800
|
+
/**
|
|
7801
|
+
* Called when a message is edited. Receives the message id and the new content.
|
|
7802
|
+
*/
|
|
7487
7803
|
onEditMessage?: (messageId: string, newContent: string) => void;
|
|
7804
|
+
/**
|
|
7805
|
+
* Called when a message is deleted. Receives the message id.
|
|
7806
|
+
*/
|
|
7488
7807
|
onDeleteMessage?: (messageId: string) => void;
|
|
7808
|
+
/**
|
|
7809
|
+
* Called when a message is marked as unread. Receives the message id.
|
|
7810
|
+
*/
|
|
7489
7811
|
onMarkUnread?: (messageId: string) => void;
|
|
7812
|
+
/**
|
|
7813
|
+
* Called when a message is resolved. Receives the message id.
|
|
7814
|
+
*/
|
|
7490
7815
|
onResolved?: (messageId: string) => void;
|
|
7816
|
+
/**
|
|
7817
|
+
* Additional CSS class name applied to the thread root
|
|
7818
|
+
*/
|
|
7491
7819
|
className?: string;
|
|
7492
7820
|
}
|
|
7493
7821
|
//#endregion
|
|
@@ -7505,16 +7833,54 @@ declare const DsCommentThread: ({
|
|
|
7505
7833
|
//#endregion
|
|
7506
7834
|
//#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
|
|
7507
7835
|
interface DsThreadItemProps {
|
|
7836
|
+
/**
|
|
7837
|
+
* Stable identifier for the message. Passed to callbacks to identify which
|
|
7838
|
+
* message the user acted on.
|
|
7839
|
+
*/
|
|
7508
7840
|
id: string;
|
|
7841
|
+
/**
|
|
7842
|
+
* Author of the message
|
|
7843
|
+
*/
|
|
7509
7844
|
author: CommentAuthor;
|
|
7845
|
+
/**
|
|
7846
|
+
* Text content of the message
|
|
7847
|
+
*/
|
|
7510
7848
|
content: string;
|
|
7849
|
+
/**
|
|
7850
|
+
* Timestamp when the message was created
|
|
7851
|
+
*/
|
|
7511
7852
|
createdAt: Date;
|
|
7853
|
+
/**
|
|
7854
|
+
* Whether this message was posted by the author of the top-level comment.
|
|
7855
|
+
* Styled slightly differently from replies by other participants.
|
|
7856
|
+
* @default false
|
|
7857
|
+
*/
|
|
7512
7858
|
isCommentAuthorMessage?: boolean;
|
|
7859
|
+
/**
|
|
7860
|
+
* Whether the current viewer can edit or delete this message. Typically true
|
|
7861
|
+
* only when the viewer is the message's author.
|
|
7862
|
+
* @default false
|
|
7863
|
+
*/
|
|
7513
7864
|
canModify?: boolean;
|
|
7865
|
+
/**
|
|
7866
|
+
* Called when the viewer saves an edit. Receives the message id and the new content.
|
|
7867
|
+
*/
|
|
7514
7868
|
onEdit?: (messageId: string, newContent: string) => void;
|
|
7869
|
+
/**
|
|
7870
|
+
* Called when the viewer deletes the message. Receives the message id.
|
|
7871
|
+
*/
|
|
7515
7872
|
onDelete?: (messageId: string) => void;
|
|
7873
|
+
/**
|
|
7874
|
+
* Called when the viewer marks the message as unread. Receives the message id.
|
|
7875
|
+
*/
|
|
7516
7876
|
onMarkUnread?: (messageId: string) => void;
|
|
7877
|
+
/**
|
|
7878
|
+
* Called when the viewer resolves the message. Receives the message id.
|
|
7879
|
+
*/
|
|
7517
7880
|
onResolved?: (messageId: string) => void;
|
|
7881
|
+
/**
|
|
7882
|
+
* Additional CSS class name applied to the item root
|
|
7883
|
+
*/
|
|
7518
7884
|
className?: string;
|
|
7519
7885
|
}
|
|
7520
7886
|
//#endregion
|
|
@@ -7536,12 +7902,38 @@ declare const DsThreadItem: ({
|
|
|
7536
7902
|
//#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
|
|
7537
7903
|
type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
|
|
7538
7904
|
interface DsCommentIndicatorProps {
|
|
7905
|
+
/**
|
|
7906
|
+
* Visual state of the indicator:
|
|
7907
|
+
* - `placeholder`: dashed outline for "click here to add a comment" affordances
|
|
7908
|
+
* - `default`: filled pin showing an existing comment
|
|
7909
|
+
* - `action-required`: emphasized pin for comments flagged as requiring action
|
|
7910
|
+
* @default default
|
|
7911
|
+
*/
|
|
7539
7912
|
type?: CommentIndicatorType;
|
|
7913
|
+
/**
|
|
7914
|
+
* Optional URL to the author's avatar image shown inside the pin
|
|
7915
|
+
*/
|
|
7540
7916
|
avatarSrc?: string;
|
|
7917
|
+
/**
|
|
7918
|
+
* Author display name used to derive fallback avatar initials when `avatarSrc`
|
|
7919
|
+
* is not provided
|
|
7920
|
+
*/
|
|
7541
7921
|
avatarName?: string;
|
|
7922
|
+
/**
|
|
7923
|
+
* Called when the indicator is clicked (e.g., to open the comment bubble)
|
|
7924
|
+
*/
|
|
7542
7925
|
onClick?: () => void;
|
|
7926
|
+
/**
|
|
7927
|
+
* Ref forwarded to the indicator root button element
|
|
7928
|
+
*/
|
|
7543
7929
|
ref?: Ref<HTMLButtonElement>;
|
|
7930
|
+
/**
|
|
7931
|
+
* Additional CSS class name applied to the indicator root
|
|
7932
|
+
*/
|
|
7544
7933
|
className?: string;
|
|
7934
|
+
/**
|
|
7935
|
+
* Inline styles applied to the indicator root
|
|
7936
|
+
*/
|
|
7545
7937
|
style?: CSSProperties;
|
|
7546
7938
|
}
|
|
7547
7939
|
//#endregion
|
|
@@ -7558,23 +7950,87 @@ declare const DsCommentIndicator: ({
|
|
|
7558
7950
|
//#endregion
|
|
7559
7951
|
//#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
|
|
7560
7952
|
interface DsCommentsDrawerProps {
|
|
7561
|
-
|
|
7953
|
+
/**
|
|
7954
|
+
* Ref forwarded to the drawer root element
|
|
7955
|
+
*/
|
|
7956
|
+
ref?: Ref<HTMLElement>;
|
|
7957
|
+
/**
|
|
7958
|
+
* Whether the drawer is visible
|
|
7959
|
+
*/
|
|
7562
7960
|
open: boolean;
|
|
7961
|
+
/**
|
|
7962
|
+
* Called when the drawer should open or close (e.g., backdrop click, close button,
|
|
7963
|
+
* escape key). Receives the next `open` state.
|
|
7964
|
+
*/
|
|
7563
7965
|
onOpenChange: (open: boolean) => void;
|
|
7966
|
+
/**
|
|
7967
|
+
* List of comment threads to render in the drawer
|
|
7968
|
+
*/
|
|
7564
7969
|
comments: CommentData[];
|
|
7970
|
+
/**
|
|
7971
|
+
* Whether resolved comments are currently included in the visible list.
|
|
7972
|
+
* @default false
|
|
7973
|
+
*/
|
|
7565
7974
|
showResolved?: boolean;
|
|
7975
|
+
/**
|
|
7976
|
+
* Called when the "show resolved" toggle changes. Receives the new boolean value.
|
|
7977
|
+
*/
|
|
7566
7978
|
onShowResolvedChange?: (show: boolean) => void;
|
|
7979
|
+
/**
|
|
7980
|
+
* Current value of the search input (controlled)
|
|
7981
|
+
*/
|
|
7567
7982
|
searchQuery?: string;
|
|
7983
|
+
/**
|
|
7984
|
+
* Called when the search query changes. Receives the new query string.
|
|
7985
|
+
*/
|
|
7568
7986
|
onSearchChange?: (query: string) => void;
|
|
7987
|
+
/**
|
|
7988
|
+
* Called when a comment card is clicked. Receives the full comment so consumers
|
|
7989
|
+
* can open the thread in a bubble or scroll to its anchor.
|
|
7990
|
+
*/
|
|
7569
7991
|
onCommentClick?: (comment: CommentData) => void;
|
|
7992
|
+
/**
|
|
7993
|
+
* Called when a comment is resolved from its card overflow menu. Receives the
|
|
7994
|
+
* comment id.
|
|
7995
|
+
*/
|
|
7570
7996
|
onResolveComment?: (commentId: string) => void;
|
|
7997
|
+
/**
|
|
7998
|
+
* Called when a comment's action-required flag is toggled from its card overflow
|
|
7999
|
+
* menu. Receives the comment id.
|
|
8000
|
+
*/
|
|
7571
8001
|
onToggleActionRequired?: (commentId: string) => void;
|
|
8002
|
+
/**
|
|
8003
|
+
* Called when a comment is forwarded from its card overflow menu. Receives the
|
|
8004
|
+
* comment id.
|
|
8005
|
+
*/
|
|
7572
8006
|
onForward?: (commentId: string) => void;
|
|
8007
|
+
/**
|
|
8008
|
+
* Called when a comment is marked as unread from its card overflow menu. Receives
|
|
8009
|
+
* the comment id.
|
|
8010
|
+
*/
|
|
7573
8011
|
onMarkUnread?: (commentId: string) => void;
|
|
8012
|
+
/**
|
|
8013
|
+
* Called when a link to the comment is copied from its card overflow menu.
|
|
8014
|
+
* Receives the comment id.
|
|
8015
|
+
*/
|
|
7574
8016
|
onCopyLink?: (commentId: string) => void;
|
|
8017
|
+
/**
|
|
8018
|
+
* Called when a comment is deleted from its card overflow menu. Receives the
|
|
8019
|
+
* comment id.
|
|
8020
|
+
*/
|
|
7575
8021
|
onDelete?: (commentId: string) => void;
|
|
8022
|
+
/**
|
|
8023
|
+
* Custom empty-state content shown when the comments list is empty after
|
|
8024
|
+
* applying filters and search. Defaults to a built-in placeholder when omitted.
|
|
8025
|
+
*/
|
|
7576
8026
|
noCommentsMessage?: ReactNode;
|
|
8027
|
+
/**
|
|
8028
|
+
* Additional CSS class name applied to the drawer root
|
|
8029
|
+
*/
|
|
7577
8030
|
className?: string;
|
|
8031
|
+
/**
|
|
8032
|
+
* Inline styles applied to the drawer root
|
|
8033
|
+
*/
|
|
7578
8034
|
style?: CSSProperties;
|
|
7579
8035
|
}
|
|
7580
8036
|
//#endregion
|
|
@@ -7601,16 +8057,49 @@ declare const DsCommentsDrawer: ({
|
|
|
7601
8057
|
//#endregion
|
|
7602
8058
|
//#region src/components/ds-comments-drawer/comments-filters.types.d.ts
|
|
7603
8059
|
interface FilterTag {
|
|
8060
|
+
/**
|
|
8061
|
+
* Stable identifier for the chip, used when removing it from the filter state
|
|
8062
|
+
*/
|
|
7604
8063
|
id: string;
|
|
8064
|
+
/**
|
|
8065
|
+
* Human-readable label rendered inside the chip
|
|
8066
|
+
*/
|
|
7605
8067
|
label: string;
|
|
8068
|
+
/**
|
|
8069
|
+
* Identifier of the filter category this chip belongs to (e.g., `authors`,
|
|
8070
|
+
* `labels`, `statuses`). Maps to a key on `CommentsFilterState`.
|
|
8071
|
+
*/
|
|
7606
8072
|
filterId: string;
|
|
8073
|
+
/**
|
|
8074
|
+
* Underlying filter value this chip represents (e.g., an author id or a status
|
|
8075
|
+
* value). Used to remove the value from the corresponding array in
|
|
8076
|
+
* `CommentsFilterState`.
|
|
8077
|
+
*/
|
|
7607
8078
|
value: string;
|
|
7608
8079
|
}
|
|
7609
8080
|
interface CommentsFilterState {
|
|
8081
|
+
/**
|
|
8082
|
+
* Author ids currently included in the filter. Empty array means no author
|
|
8083
|
+
* filter is applied.
|
|
8084
|
+
*/
|
|
7610
8085
|
authors: string[];
|
|
8086
|
+
/**
|
|
8087
|
+
* Lower bound of the createdAt range as an ISO date string, inclusive.
|
|
8088
|
+
*/
|
|
7611
8089
|
dateFrom?: string;
|
|
8090
|
+
/**
|
|
8091
|
+
* Upper bound of the createdAt range as an ISO date string, inclusive.
|
|
8092
|
+
*/
|
|
7612
8093
|
dateTo?: string;
|
|
8094
|
+
/**
|
|
8095
|
+
* Label strings currently included in the filter. Empty array means no label
|
|
8096
|
+
* filter is applied.
|
|
8097
|
+
*/
|
|
7613
8098
|
labels: string[];
|
|
8099
|
+
/**
|
|
8100
|
+
* Status buckets currently included in the filter. Empty array means all
|
|
8101
|
+
* statuses are shown.
|
|
8102
|
+
*/
|
|
7614
8103
|
statuses: ('unresolved' | 'resolved' | 'action-required')[];
|
|
7615
8104
|
}
|
|
7616
8105
|
//#endregion
|
|
@@ -7644,13 +8133,9 @@ interface DsConfirmationProps {
|
|
|
7644
8133
|
}
|
|
7645
8134
|
//#endregion
|
|
7646
8135
|
//#region src/components/ds-confirmation/ds-confirmation.d.ts
|
|
7647
|
-
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
*/
|
|
7651
|
-
declare const DsConfirmation: {
|
|
7652
|
-
(props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
|
|
7653
|
-
Header: ({
|
|
8136
|
+
declare function DsConfirmation(props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
|
|
8137
|
+
declare namespace DsConfirmation {
|
|
8138
|
+
var Header: ({
|
|
7654
8139
|
style,
|
|
7655
8140
|
className,
|
|
7656
8141
|
children
|
|
@@ -7659,7 +8144,9 @@ declare const DsConfirmation: {
|
|
|
7659
8144
|
className?: string;
|
|
7660
8145
|
children: _$react.ReactNode;
|
|
7661
8146
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
7662
|
-
|
|
8147
|
+
}
|
|
8148
|
+
declare namespace DsConfirmation {
|
|
8149
|
+
var Title: ({
|
|
7663
8150
|
style,
|
|
7664
8151
|
className,
|
|
7665
8152
|
children
|
|
@@ -7668,14 +8155,18 @@ declare const DsConfirmation: {
|
|
|
7668
8155
|
className?: string;
|
|
7669
8156
|
children: _$react.ReactNode;
|
|
7670
8157
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
7671
|
-
|
|
8158
|
+
}
|
|
8159
|
+
declare namespace DsConfirmation {
|
|
8160
|
+
var CloseTrigger: ({
|
|
7672
8161
|
style,
|
|
7673
8162
|
className
|
|
7674
8163
|
}: {
|
|
7675
8164
|
style?: _$react.CSSProperties;
|
|
7676
8165
|
className?: string;
|
|
7677
8166
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
7678
|
-
|
|
8167
|
+
}
|
|
8168
|
+
declare namespace DsConfirmation {
|
|
8169
|
+
var Body: ({
|
|
7679
8170
|
style,
|
|
7680
8171
|
className,
|
|
7681
8172
|
children
|
|
@@ -7684,7 +8175,9 @@ declare const DsConfirmation: {
|
|
|
7684
8175
|
className?: string;
|
|
7685
8176
|
children: _$react.ReactNode;
|
|
7686
8177
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
7687
|
-
|
|
8178
|
+
}
|
|
8179
|
+
declare namespace DsConfirmation {
|
|
8180
|
+
var Footer: ({
|
|
7688
8181
|
style,
|
|
7689
8182
|
className,
|
|
7690
8183
|
children
|
|
@@ -7693,7 +8186,9 @@ declare const DsConfirmation: {
|
|
|
7693
8186
|
className?: string;
|
|
7694
8187
|
children: _$react.ReactNode;
|
|
7695
8188
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
7696
|
-
|
|
8189
|
+
}
|
|
8190
|
+
declare namespace DsConfirmation {
|
|
8191
|
+
var Actions: ({
|
|
7697
8192
|
style,
|
|
7698
8193
|
className,
|
|
7699
8194
|
children
|
|
@@ -7702,7 +8197,7 @@ declare const DsConfirmation: {
|
|
|
7702
8197
|
className?: string;
|
|
7703
8198
|
children: _$react.ReactNode;
|
|
7704
8199
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
7705
|
-
}
|
|
8200
|
+
}
|
|
7706
8201
|
//#endregion
|
|
7707
8202
|
//#region src/components/ds-date-input/ds-date-input.types.d.ts
|
|
7708
8203
|
/**
|
|
@@ -7756,6 +8251,29 @@ type DsDateInputRangeProps = {
|
|
|
7756
8251
|
* Base props shared across all modes
|
|
7757
8252
|
*/
|
|
7758
8253
|
type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' | 'id' | 'open' | 'name' | 'style'> & {
|
|
8254
|
+
/**
|
|
8255
|
+
* Unique identifier for the input field
|
|
8256
|
+
*/
|
|
8257
|
+
id?: string;
|
|
8258
|
+
/**
|
|
8259
|
+
* HTML name attribute for the input field, used in form submissions
|
|
8260
|
+
*/
|
|
8261
|
+
name?: string;
|
|
8262
|
+
/**
|
|
8263
|
+
* Whether the input is disabled and cannot be interacted with
|
|
8264
|
+
* @default false
|
|
8265
|
+
*/
|
|
8266
|
+
disabled?: boolean;
|
|
8267
|
+
/**
|
|
8268
|
+
* Whether the input is read-only. The field is focusable but the value cannot
|
|
8269
|
+
* be changed.
|
|
8270
|
+
* @default false
|
|
8271
|
+
*/
|
|
8272
|
+
readOnly?: boolean;
|
|
8273
|
+
/**
|
|
8274
|
+
* Whether the calendar popover is open (controlled). Pair with `onOpenChange`.
|
|
8275
|
+
*/
|
|
8276
|
+
open?: boolean;
|
|
7759
8277
|
/**
|
|
7760
8278
|
* Callback when the open state changes
|
|
7761
8279
|
* @param open - Whether the calendar is open
|
|
@@ -7824,7 +8342,7 @@ declare const DsDateInput: ({
|
|
|
7824
8342
|
}: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
|
|
7825
8343
|
//#endregion
|
|
7826
8344
|
//#region src/components/ds-text-input/ds-text-input.types.d.ts
|
|
7827
|
-
declare const textInputSizes: readonly [
|
|
8345
|
+
declare const textInputSizes: readonly ['small', 'default'];
|
|
7828
8346
|
type TextInputSize = (typeof textInputSizes)[number];
|
|
7829
8347
|
interface DsTextInputProps {
|
|
7830
8348
|
/**
|
|
@@ -7834,7 +8352,7 @@ interface DsTextInputProps {
|
|
|
7834
8352
|
/**
|
|
7835
8353
|
* The ref to the input field
|
|
7836
8354
|
*/
|
|
7837
|
-
ref?: React.Ref<HTMLInputElement>;
|
|
8355
|
+
ref?: React$1.Ref<HTMLInputElement>;
|
|
7838
8356
|
/**
|
|
7839
8357
|
* The name of the input field
|
|
7840
8358
|
*/
|
|
@@ -7852,21 +8370,21 @@ interface DsTextInputProps {
|
|
|
7852
8370
|
/**
|
|
7853
8371
|
* Event handler called when the input field receives focus
|
|
7854
8372
|
*/
|
|
7855
|
-
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
8373
|
+
onFocus?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
|
|
7856
8374
|
/**
|
|
7857
8375
|
* Event handler called when the input field loses focus
|
|
7858
8376
|
*
|
|
7859
8377
|
* @param event
|
|
7860
8378
|
*/
|
|
7861
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
8379
|
+
onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
|
|
7862
8380
|
/**
|
|
7863
8381
|
* Callback when a key is pressed down
|
|
7864
8382
|
*/
|
|
7865
|
-
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
8383
|
+
onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
|
|
7866
8384
|
/**
|
|
7867
8385
|
* Callback when the value changes
|
|
7868
8386
|
*/
|
|
7869
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8387
|
+
onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
|
|
7870
8388
|
/**
|
|
7871
8389
|
* Value change event handler (provides just the value)
|
|
7872
8390
|
*/
|
|
@@ -7878,7 +8396,7 @@ interface DsTextInputProps {
|
|
|
7878
8396
|
/**
|
|
7879
8397
|
* Additional styles to apply to the component
|
|
7880
8398
|
*/
|
|
7881
|
-
style?: React.CSSProperties;
|
|
8399
|
+
style?: React$1.CSSProperties;
|
|
7882
8400
|
/**
|
|
7883
8401
|
* The placeholder text
|
|
7884
8402
|
*/
|
|
@@ -7920,21 +8438,24 @@ interface DsTextInputProps {
|
|
|
7920
8438
|
* The tabIndex of the input
|
|
7921
8439
|
*/
|
|
7922
8440
|
tabIndex?: number;
|
|
8441
|
+
/**
|
|
8442
|
+
* Optional render slots for customizing parts of the input.
|
|
8443
|
+
*/
|
|
7923
8444
|
slots?: {
|
|
7924
8445
|
/**
|
|
7925
8446
|
* Custom component to wrap the input element
|
|
7926
8447
|
*/
|
|
7927
8448
|
inputWrapper?: ComponentType<{
|
|
7928
|
-
children: React.ReactNode;
|
|
8449
|
+
children: React$1.ReactNode;
|
|
7929
8450
|
}>;
|
|
7930
8451
|
/**
|
|
7931
8452
|
* Adornment to display at the start of the input
|
|
7932
8453
|
*/
|
|
7933
|
-
startAdornment?: React.ReactNode;
|
|
8454
|
+
startAdornment?: React$1.ReactNode;
|
|
7934
8455
|
/**
|
|
7935
8456
|
* Adornment to display at the end of the input
|
|
7936
8457
|
*/
|
|
7937
|
-
endAdornment?: React.ReactNode;
|
|
8458
|
+
endAdornment?: React$1.ReactNode;
|
|
7938
8459
|
};
|
|
7939
8460
|
}
|
|
7940
8461
|
//#endregion
|
|
@@ -7943,17 +8464,58 @@ declare const DsTextInput: FC<DsTextInputProps>;
|
|
|
7943
8464
|
//#endregion
|
|
7944
8465
|
//#region src/components/ds-time-picker/ds-time-picker.types.d.ts
|
|
7945
8466
|
interface DsTimePickerProps {
|
|
8467
|
+
/**
|
|
8468
|
+
* Unique identifier for the input field
|
|
8469
|
+
*/
|
|
7946
8470
|
id?: string;
|
|
8471
|
+
/**
|
|
8472
|
+
* Ref forwarded to the time picker root element
|
|
8473
|
+
*/
|
|
7947
8474
|
ref?: RefObject<HTMLDivElement>;
|
|
8475
|
+
/**
|
|
8476
|
+
* Additional CSS class name applied to the root element
|
|
8477
|
+
*/
|
|
7948
8478
|
className?: string;
|
|
8479
|
+
/**
|
|
8480
|
+
* Current selected time (controlled). Use `null` to represent no selection.
|
|
8481
|
+
* Pair with `onChange`.
|
|
8482
|
+
*/
|
|
7949
8483
|
value?: Date | null;
|
|
8484
|
+
/**
|
|
8485
|
+
* Initial time when uncontrolled.
|
|
8486
|
+
*/
|
|
7950
8487
|
defaultValue?: Date;
|
|
8488
|
+
/**
|
|
8489
|
+
* Whether the popover is open (controlled). Pair with `onOpenChange`.
|
|
8490
|
+
*/
|
|
7951
8491
|
open?: boolean;
|
|
8492
|
+
/**
|
|
8493
|
+
* Whether the popover is initially open when uncontrolled.
|
|
8494
|
+
* @default false
|
|
8495
|
+
*/
|
|
7952
8496
|
defaultOpen?: boolean;
|
|
8497
|
+
/**
|
|
8498
|
+
* Placeholder text shown in the input when no time is selected.
|
|
8499
|
+
*/
|
|
7953
8500
|
placeholder?: string;
|
|
8501
|
+
/**
|
|
8502
|
+
* Earliest selectable time. Times before this are disabled.
|
|
8503
|
+
*/
|
|
7954
8504
|
min?: Date;
|
|
8505
|
+
/**
|
|
8506
|
+
* Latest selectable time. Times after this are disabled.
|
|
8507
|
+
*/
|
|
7955
8508
|
max?: Date;
|
|
8509
|
+
/**
|
|
8510
|
+
* Whether the picker is disabled and cannot be interacted with.
|
|
8511
|
+
* @default false
|
|
8512
|
+
*/
|
|
7956
8513
|
disabled?: boolean;
|
|
8514
|
+
/**
|
|
8515
|
+
* Whether the picker is read-only. The input is focusable but the value cannot
|
|
8516
|
+
* be changed.
|
|
8517
|
+
* @default false
|
|
8518
|
+
*/
|
|
7957
8519
|
readOnly?: boolean;
|
|
7958
8520
|
/**
|
|
7959
8521
|
* Whether to hide the clear button
|
|
@@ -7965,20 +8527,58 @@ interface DsTimePickerProps {
|
|
|
7965
8527
|
* @default false
|
|
7966
8528
|
*/
|
|
7967
8529
|
disablePortal?: boolean;
|
|
8530
|
+
/**
|
|
8531
|
+
* Localized labels used in the picker UI and for accessibility.
|
|
8532
|
+
*/
|
|
7968
8533
|
locale?: DsTimePickerLocale;
|
|
8534
|
+
/**
|
|
8535
|
+
* Props forwarded to the internal input and popover slots.
|
|
8536
|
+
*/
|
|
7969
8537
|
slotProps?: DsTimePickerSlotProps;
|
|
8538
|
+
/**
|
|
8539
|
+
* Called when the selected time changes. Receives the new Date or `null` when
|
|
8540
|
+
* cleared.
|
|
8541
|
+
*/
|
|
7970
8542
|
onChange?: (value: Date | null) => void;
|
|
8543
|
+
/**
|
|
8544
|
+
* Called when the popover opens or closes. Receives the next `open` state.
|
|
8545
|
+
*/
|
|
7971
8546
|
onOpenChange?: (open: boolean) => void;
|
|
8547
|
+
/**
|
|
8548
|
+
* Called when the input is blurred
|
|
8549
|
+
*/
|
|
8550
|
+
onBlur?: () => void;
|
|
7972
8551
|
}
|
|
7973
8552
|
interface DsTimePickerLocale {
|
|
8553
|
+
/**
|
|
8554
|
+
* aria-label for the button that opens the popover
|
|
8555
|
+
*/
|
|
7974
8556
|
openLabel?: string;
|
|
8557
|
+
/**
|
|
8558
|
+
* aria-label for the clear button
|
|
8559
|
+
*/
|
|
7975
8560
|
clearLabel?: string;
|
|
8561
|
+
/**
|
|
8562
|
+
* aria-label for the hour scroller
|
|
8563
|
+
*/
|
|
7976
8564
|
hourLabel?: string;
|
|
8565
|
+
/**
|
|
8566
|
+
* aria-label for the minute scroller
|
|
8567
|
+
*/
|
|
7977
8568
|
minuteLabel?: string;
|
|
8569
|
+
/**
|
|
8570
|
+
* aria-label for the AM/PM period scroller
|
|
8571
|
+
*/
|
|
7978
8572
|
periodLabel?: string;
|
|
7979
8573
|
}
|
|
7980
8574
|
interface DsTimePickerSlotProps {
|
|
8575
|
+
/**
|
|
8576
|
+
* Props forwarded to the underlying `DsTextInput` that displays the selected time.
|
|
8577
|
+
*/
|
|
7981
8578
|
input?: DsTextInputProps;
|
|
8579
|
+
/**
|
|
8580
|
+
* Props forwarded to the Ark popover content that hosts the time scrollers.
|
|
8581
|
+
*/
|
|
7982
8582
|
popover?: PopoverContentProps;
|
|
7983
8583
|
}
|
|
7984
8584
|
//#endregion
|
|
@@ -7993,12 +8593,27 @@ declare const formatTime: (date?: Date | null) => string;
|
|
|
7993
8593
|
//#endregion
|
|
7994
8594
|
//#region src/components/ds-date-picker/ds-date-picker.types.d.ts
|
|
7995
8595
|
interface DsDatePickerLocale {
|
|
8596
|
+
/**
|
|
8597
|
+
* aria-label for the button that opens the calendar popover
|
|
8598
|
+
*/
|
|
7996
8599
|
openCalendarLabel?: string;
|
|
8600
|
+
/**
|
|
8601
|
+
* aria-label for the button that reveals the time picker when `withTime` is set
|
|
8602
|
+
*/
|
|
7997
8603
|
timeTriggerLabel?: string;
|
|
8604
|
+
/**
|
|
8605
|
+
* aria-label for the clear button
|
|
8606
|
+
*/
|
|
7998
8607
|
clearLabel?: string;
|
|
7999
8608
|
}
|
|
8000
8609
|
interface DsDatePickerSlotProps {
|
|
8610
|
+
/**
|
|
8611
|
+
* Props forwarded to the underlying `DsTextInput` that displays the selected date.
|
|
8612
|
+
*/
|
|
8001
8613
|
input?: DsTextInputProps;
|
|
8614
|
+
/**
|
|
8615
|
+
* Props forwarded to the nested `DsTimePicker` rendered when `withTime` is set.
|
|
8616
|
+
*/
|
|
8002
8617
|
timePicker?: DsTimePickerProps;
|
|
8003
8618
|
}
|
|
8004
8619
|
interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'readOnly' | 'id' | 'open' | 'name'> {
|
|
@@ -8021,6 +8636,10 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
|
|
|
8021
8636
|
* Callback when the calendar open state changes
|
|
8022
8637
|
*/
|
|
8023
8638
|
onOpenChange?: (open: boolean) => void;
|
|
8639
|
+
/**
|
|
8640
|
+
* Callback when the input is blurred
|
|
8641
|
+
*/
|
|
8642
|
+
onBlur?: () => void;
|
|
8024
8643
|
/**
|
|
8025
8644
|
* Minimum allowed datetime as Date object
|
|
8026
8645
|
*/
|
|
@@ -8077,6 +8696,7 @@ declare const DsDatePicker: ({
|
|
|
8077
8696
|
slotProps,
|
|
8078
8697
|
onChange,
|
|
8079
8698
|
onOpenChange,
|
|
8699
|
+
onBlur,
|
|
8080
8700
|
value: _value,
|
|
8081
8701
|
defaultValue: _defaultValue,
|
|
8082
8702
|
min: _min,
|
|
@@ -8096,7 +8716,7 @@ interface DsNumberInputProps {
|
|
|
8096
8716
|
/**
|
|
8097
8717
|
* The ref to the input field
|
|
8098
8718
|
*/
|
|
8099
|
-
ref?: React.Ref<HTMLInputElement>;
|
|
8719
|
+
ref?: React$1.Ref<HTMLInputElement>;
|
|
8100
8720
|
/**
|
|
8101
8721
|
* The name of the input field
|
|
8102
8722
|
*/
|
|
@@ -8111,12 +8731,12 @@ interface DsNumberInputProps {
|
|
|
8111
8731
|
*
|
|
8112
8732
|
* @param event
|
|
8113
8733
|
*/
|
|
8114
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
8734
|
+
onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
|
|
8115
8735
|
/**
|
|
8116
8736
|
* Callback when the value changes (native input onChange event)
|
|
8117
8737
|
* This is provided for compatibility but onValueChange is preferred
|
|
8118
8738
|
*/
|
|
8119
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8739
|
+
onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
|
|
8120
8740
|
/**
|
|
8121
8741
|
* Value change event handler (provides just the number value)
|
|
8122
8742
|
* This is the preferred way to handle value changes
|
|
@@ -8129,7 +8749,7 @@ interface DsNumberInputProps {
|
|
|
8129
8749
|
/**
|
|
8130
8750
|
* Additional styles to apply to the component
|
|
8131
8751
|
*/
|
|
8132
|
-
style?: React.CSSProperties;
|
|
8752
|
+
style?: React$1.CSSProperties;
|
|
8133
8753
|
/**
|
|
8134
8754
|
* The placeholder text
|
|
8135
8755
|
*/
|
|
@@ -8175,7 +8795,7 @@ interface DsPasswordInputProps {
|
|
|
8175
8795
|
/**
|
|
8176
8796
|
* The ref to the input field
|
|
8177
8797
|
*/
|
|
8178
|
-
ref?: React.Ref<HTMLInputElement>;
|
|
8798
|
+
ref?: React$1.Ref<HTMLInputElement>;
|
|
8179
8799
|
/**
|
|
8180
8800
|
* The name of the input field
|
|
8181
8801
|
*/
|
|
@@ -8190,12 +8810,12 @@ interface DsPasswordInputProps {
|
|
|
8190
8810
|
*
|
|
8191
8811
|
* @param event
|
|
8192
8812
|
*/
|
|
8193
|
-
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
8813
|
+
onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
|
|
8194
8814
|
/**
|
|
8195
8815
|
* Callback when the value changes (native input onChange event)
|
|
8196
8816
|
* This is provided for compatibility but onValueChange is preferred
|
|
8197
8817
|
*/
|
|
8198
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8818
|
+
onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
|
|
8199
8819
|
/**
|
|
8200
8820
|
* Value change event handler (provides just the string value)
|
|
8201
8821
|
* This is the preferred way to handle value changes
|
|
@@ -8208,7 +8828,7 @@ interface DsPasswordInputProps {
|
|
|
8208
8828
|
/**
|
|
8209
8829
|
* Additional styles to apply to the component
|
|
8210
8830
|
*/
|
|
8211
|
-
style?: React.CSSProperties;
|
|
8831
|
+
style?: React$1.CSSProperties;
|
|
8212
8832
|
/**
|
|
8213
8833
|
* The placeholder text
|
|
8214
8834
|
*/
|
|
@@ -8240,7 +8860,7 @@ interface DsTextareaProps {
|
|
|
8240
8860
|
/**
|
|
8241
8861
|
* The ref to the textarea element
|
|
8242
8862
|
*/
|
|
8243
|
-
ref?: React.Ref<HTMLTextAreaElement>;
|
|
8863
|
+
ref?: React$1.Ref<HTMLTextAreaElement>;
|
|
8244
8864
|
/**
|
|
8245
8865
|
* The name of the textarea
|
|
8246
8866
|
*/
|
|
@@ -8250,11 +8870,11 @@ interface DsTextareaProps {
|
|
|
8250
8870
|
*
|
|
8251
8871
|
* @param event
|
|
8252
8872
|
*/
|
|
8253
|
-
onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
|
|
8873
|
+
onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
|
|
8254
8874
|
/**
|
|
8255
8875
|
* Callback when the value changes
|
|
8256
8876
|
*/
|
|
8257
|
-
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
8877
|
+
onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
8258
8878
|
/**
|
|
8259
8879
|
* Value change event handler (provides just the value)
|
|
8260
8880
|
*/
|
|
@@ -8266,7 +8886,7 @@ interface DsTextareaProps {
|
|
|
8266
8886
|
/**
|
|
8267
8887
|
* Additional styles to apply to the component
|
|
8268
8888
|
*/
|
|
8269
|
-
style?: React.CSSProperties;
|
|
8889
|
+
style?: React$1.CSSProperties;
|
|
8270
8890
|
/**
|
|
8271
8891
|
* The placeholder text
|
|
8272
8892
|
*/
|
|
@@ -8299,7 +8919,7 @@ interface DsTextareaProps {
|
|
|
8299
8919
|
}
|
|
8300
8920
|
//#endregion
|
|
8301
8921
|
//#region src/components/ds-textarea/ds-textarea.d.ts
|
|
8302
|
-
declare const DsTextarea: React.FC<DsTextareaProps>;
|
|
8922
|
+
declare const DsTextarea: React$1.FC<DsTextareaProps>;
|
|
8303
8923
|
//#endregion
|
|
8304
8924
|
//#region src/components/ds-select/ds-select.types.d.ts
|
|
8305
8925
|
type SelectSize = 'default' | 'small';
|
|
@@ -8330,7 +8950,7 @@ type DsSelectProps = {
|
|
|
8330
8950
|
/**
|
|
8331
8951
|
* Additional styles to apply to the icon
|
|
8332
8952
|
*/
|
|
8333
|
-
style?: React.CSSProperties;
|
|
8953
|
+
style?: React$1.CSSProperties;
|
|
8334
8954
|
/**
|
|
8335
8955
|
* Additional CSS class names
|
|
8336
8956
|
*/
|
|
@@ -8340,7 +8960,7 @@ type DsSelectProps = {
|
|
|
8340
8960
|
*
|
|
8341
8961
|
* @param event
|
|
8342
8962
|
*/
|
|
8343
|
-
onBlur?: (event: React.FocusEvent) => void;
|
|
8963
|
+
onBlur?: (event: React$1.FocusEvent) => void;
|
|
8344
8964
|
/**
|
|
8345
8965
|
* Placeholder text to display when no option is selected
|
|
8346
8966
|
*/
|
|
@@ -8361,14 +8981,35 @@ type DsSelectProps = {
|
|
|
8361
8981
|
*/
|
|
8362
8982
|
renderOption?: (option: DsSelectOption) => ReactNode;
|
|
8363
8983
|
} & ({
|
|
8984
|
+
/**
|
|
8985
|
+
* When `false` or omitted, the select cannot be cleared. `onClear` is not
|
|
8986
|
+
* accepted in this branch.
|
|
8987
|
+
* @default false
|
|
8988
|
+
*/
|
|
8364
8989
|
clearable?: undefined | false;
|
|
8365
8990
|
onClear?: never;
|
|
8366
8991
|
} | {
|
|
8992
|
+
/**
|
|
8993
|
+
* When `true`, renders a clear affordance on the trigger. Pair with `onClear`.
|
|
8994
|
+
*/
|
|
8367
8995
|
clearable: true;
|
|
8996
|
+
/**
|
|
8997
|
+
* Called when the user clicks the clear affordance.
|
|
8998
|
+
*/
|
|
8368
8999
|
onClear?: () => void;
|
|
8369
9000
|
}) & ({
|
|
9001
|
+
/**
|
|
9002
|
+
* Single-selection mode. When `false` or omitted, `value` is a single string.
|
|
9003
|
+
* @default false
|
|
9004
|
+
*/
|
|
8370
9005
|
multiple?: undefined | false;
|
|
9006
|
+
/**
|
|
9007
|
+
* Currently selected option value (controlled).
|
|
9008
|
+
*/
|
|
8371
9009
|
value: SelectOptionValue;
|
|
9010
|
+
/**
|
|
9011
|
+
* Called when the selection changes. Receives the newly selected option value.
|
|
9012
|
+
*/
|
|
8372
9013
|
onValueChange?: (value: SelectOptionValue) => void;
|
|
8373
9014
|
/**
|
|
8374
9015
|
* Custom render function for the selected value in the trigger.
|
|
@@ -8377,8 +9018,19 @@ type DsSelectProps = {
|
|
|
8377
9018
|
*/
|
|
8378
9019
|
renderValue?: (selectedOption: DsSelectOption) => ReactNode;
|
|
8379
9020
|
} | {
|
|
9021
|
+
/**
|
|
9022
|
+
* Multi-selection mode. When `true`, `value` is an array of selected option
|
|
9023
|
+
* values and `onValueChange` receives the full updated array.
|
|
9024
|
+
*/
|
|
8380
9025
|
multiple: true;
|
|
9026
|
+
/**
|
|
9027
|
+
* Currently selected option values (controlled).
|
|
9028
|
+
*/
|
|
8381
9029
|
value: SelectOptionValue[];
|
|
9030
|
+
/**
|
|
9031
|
+
* Called when the selection changes. Receives the full updated array of
|
|
9032
|
+
* selected values.
|
|
9033
|
+
*/
|
|
8382
9034
|
onValueChange?: (value: SelectOptionValue[]) => void;
|
|
8383
9035
|
/**
|
|
8384
9036
|
* Custom render function for the selected value in the trigger.
|
|
@@ -8406,9 +9058,9 @@ declare const DsSelect: ({
|
|
|
8406
9058
|
}: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
|
|
8407
9059
|
//#endregion
|
|
8408
9060
|
//#region src/components/ds-form-control/ds-form-control.types.d.ts
|
|
8409
|
-
declare const controlStatuses: readonly [
|
|
9061
|
+
declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
|
|
8410
9062
|
type ControlStatus = (typeof controlStatuses)[number];
|
|
8411
|
-
interface DsFormControlProps extends React.PropsWithChildren {
|
|
9063
|
+
interface DsFormControlProps extends React$1.PropsWithChildren {
|
|
8412
9064
|
/**
|
|
8413
9065
|
* Unique identifier for the control
|
|
8414
9066
|
*/
|
|
@@ -8425,11 +9077,14 @@ interface DsFormControlProps extends React.PropsWithChildren {
|
|
|
8425
9077
|
* Marks the field as required
|
|
8426
9078
|
*/
|
|
8427
9079
|
required?: boolean;
|
|
9080
|
+
/**
|
|
9081
|
+
* Optional render slots for customizing parts of the control.
|
|
9082
|
+
*/
|
|
8428
9083
|
slots?: {
|
|
8429
9084
|
/**
|
|
8430
9085
|
* Adornment to display at the end of the label
|
|
8431
9086
|
*/
|
|
8432
|
-
endAdornment?: React.ReactNode;
|
|
9087
|
+
endAdornment?: React$1.ReactNode;
|
|
8433
9088
|
};
|
|
8434
9089
|
/**
|
|
8435
9090
|
* Message under the control
|
|
@@ -8446,13 +9101,13 @@ interface DsFormControlProps extends React.PropsWithChildren {
|
|
|
8446
9101
|
/**
|
|
8447
9102
|
* Additional styles to apply to the component
|
|
8448
9103
|
*/
|
|
8449
|
-
style?: React.CSSProperties;
|
|
9104
|
+
style?: React$1.CSSProperties;
|
|
8450
9105
|
}
|
|
8451
9106
|
interface DsFormControlDescriptionProps {
|
|
8452
9107
|
/**
|
|
8453
9108
|
* The description content
|
|
8454
9109
|
*/
|
|
8455
|
-
children: React.ReactNode;
|
|
9110
|
+
children: React$1.ReactNode;
|
|
8456
9111
|
/**
|
|
8457
9112
|
* Additional CSS class names
|
|
8458
9113
|
*/
|
|
@@ -8460,42 +9115,74 @@ interface DsFormControlDescriptionProps {
|
|
|
8460
9115
|
}
|
|
8461
9116
|
//#endregion
|
|
8462
9117
|
//#region src/components/ds-form-control/ds-form-control.d.ts
|
|
8463
|
-
declare
|
|
8464
|
-
|
|
8465
|
-
|
|
8466
|
-
|
|
8467
|
-
|
|
8468
|
-
|
|
8469
|
-
|
|
8470
|
-
|
|
8471
|
-
|
|
8472
|
-
|
|
8473
|
-
|
|
8474
|
-
|
|
8475
|
-
|
|
8476
|
-
TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
|
|
8477
|
-
|
|
8478
|
-
|
|
8479
|
-
|
|
8480
|
-
|
|
8481
|
-
|
|
8482
|
-
|
|
8483
|
-
|
|
8484
|
-
|
|
8485
|
-
|
|
9118
|
+
declare function DsFormControl({
|
|
9119
|
+
id,
|
|
9120
|
+
status,
|
|
9121
|
+
label,
|
|
9122
|
+
required,
|
|
9123
|
+
slots,
|
|
9124
|
+
message,
|
|
9125
|
+
messageIcon,
|
|
9126
|
+
className,
|
|
9127
|
+
style,
|
|
9128
|
+
children
|
|
9129
|
+
}: DsFormControlProps): _$react_jsx_runtime0.JSX.Element;
|
|
9130
|
+
declare namespace DsFormControl {
|
|
9131
|
+
var TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9132
|
+
}
|
|
9133
|
+
declare namespace DsFormControl {
|
|
9134
|
+
var NumberInput: (props: DsNumberInputProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9135
|
+
}
|
|
9136
|
+
declare namespace DsFormControl {
|
|
9137
|
+
var PasswordInput: (props: DsPasswordInputProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9138
|
+
}
|
|
9139
|
+
declare namespace DsFormControl {
|
|
9140
|
+
var DateInput: (props: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9141
|
+
}
|
|
9142
|
+
declare namespace DsFormControl {
|
|
9143
|
+
var DatePicker: (props: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9144
|
+
}
|
|
9145
|
+
declare namespace DsFormControl {
|
|
9146
|
+
var TimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9147
|
+
}
|
|
9148
|
+
declare namespace DsFormControl {
|
|
9149
|
+
var Textarea: (props: DsTextareaProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9150
|
+
}
|
|
9151
|
+
declare namespace DsFormControl {
|
|
9152
|
+
var Select: (props: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9153
|
+
}
|
|
9154
|
+
declare namespace DsFormControl {
|
|
9155
|
+
var Description: React$1.FC<DsFormControlDescriptionProps>;
|
|
9156
|
+
}
|
|
8486
9157
|
//#endregion
|
|
8487
9158
|
//#region src/components/ds-date-range-picker/ds-date-range-picker.types.d.ts
|
|
8488
9159
|
type DateRangeValue = [Date | null, Date | null];
|
|
8489
|
-
declare const dateRangePickerOrientations: readonly [
|
|
9160
|
+
declare const dateRangePickerOrientations: readonly ['horizontal', 'vertical'];
|
|
8490
9161
|
type DateRangePickerOrientation = (typeof dateRangePickerOrientations)[number];
|
|
8491
9162
|
interface DsDateRangePickerLocale {
|
|
9163
|
+
/**
|
|
9164
|
+
* Label shown on the "Clear all" button.
|
|
9165
|
+
*/
|
|
8492
9166
|
clearAllLabel?: string;
|
|
8493
9167
|
}
|
|
8494
9168
|
type DateRangeFormControlSlotProps = Partial<Omit<DsFormControlProps, 'children'>>;
|
|
8495
9169
|
interface DsDateRangePickerSlotProps {
|
|
9170
|
+
/**
|
|
9171
|
+
* Props forwarded to the start-date `DsDatePicker`.
|
|
9172
|
+
*/
|
|
8496
9173
|
startDatePicker?: DsDatePickerProps;
|
|
9174
|
+
/**
|
|
9175
|
+
* Props forwarded to the end-date `DsDatePicker`.
|
|
9176
|
+
*/
|
|
8497
9177
|
endDatePicker?: DsDatePickerProps;
|
|
9178
|
+
/**
|
|
9179
|
+
* Props forwarded to the `DsFormControl` wrapping the start-date picker
|
|
9180
|
+
* (e.g., to set a label or helper text).
|
|
9181
|
+
*/
|
|
8498
9182
|
startDateFormControl?: DateRangeFormControlSlotProps;
|
|
9183
|
+
/**
|
|
9184
|
+
* Props forwarded to the `DsFormControl` wrapping the end-date picker.
|
|
9185
|
+
*/
|
|
8499
9186
|
endDateFormControl?: DateRangeFormControlSlotProps;
|
|
8500
9187
|
}
|
|
8501
9188
|
interface DsDateRangePickerProps {
|
|
@@ -8541,8 +9228,20 @@ interface DsDateRangePickerProps {
|
|
|
8541
9228
|
* @default true
|
|
8542
9229
|
*/
|
|
8543
9230
|
closeOnSelect?: boolean;
|
|
9231
|
+
/**
|
|
9232
|
+
* Whether both pickers are disabled.
|
|
9233
|
+
* @default false
|
|
9234
|
+
*/
|
|
8544
9235
|
disabled?: boolean;
|
|
9236
|
+
/**
|
|
9237
|
+
* Whether both pickers are read-only. Inputs are focusable but values cannot
|
|
9238
|
+
* be changed.
|
|
9239
|
+
* @default false
|
|
9240
|
+
*/
|
|
8545
9241
|
readOnly?: boolean;
|
|
9242
|
+
/**
|
|
9243
|
+
* Additional CSS class name applied to the range picker wrapper.
|
|
9244
|
+
*/
|
|
8546
9245
|
className?: string;
|
|
8547
9246
|
/**
|
|
8548
9247
|
* Whether to disable the portal for both calendar popups
|
|
@@ -8607,7 +9306,7 @@ interface DsDialogProps {
|
|
|
8607
9306
|
/**
|
|
8608
9307
|
* The content to render inside the dialog.
|
|
8609
9308
|
*/
|
|
8610
|
-
children: React.ReactNode;
|
|
9309
|
+
children: React$1.ReactNode;
|
|
8611
9310
|
/**
|
|
8612
9311
|
* Additional CSS class names for the dialog container.
|
|
8613
9312
|
*/
|
|
@@ -8615,12 +9314,18 @@ interface DsDialogProps {
|
|
|
8615
9314
|
/**
|
|
8616
9315
|
* Ref to the element the dialog should be anchored to (for relative placement)
|
|
8617
9316
|
*/
|
|
8618
|
-
anchorRef?: React.RefObject<HTMLElement>;
|
|
9317
|
+
anchorRef?: React$1.RefObject<HTMLElement>;
|
|
8619
9318
|
/**
|
|
8620
9319
|
* Custom fixed position (e.g., { top: number, left: number })
|
|
8621
9320
|
*/
|
|
8622
9321
|
customPosition?: {
|
|
9322
|
+
/**
|
|
9323
|
+
* Distance in pixels from the top of the viewport.
|
|
9324
|
+
*/
|
|
8623
9325
|
top: number;
|
|
9326
|
+
/**
|
|
9327
|
+
* Distance in pixels from the left of the viewport.
|
|
9328
|
+
*/
|
|
8624
9329
|
left: number;
|
|
8625
9330
|
};
|
|
8626
9331
|
/**
|
|
@@ -8630,7 +9335,7 @@ interface DsDialogProps {
|
|
|
8630
9335
|
}
|
|
8631
9336
|
//#endregion
|
|
8632
9337
|
//#region src/components/ds-dialog/ds-dialog.d.ts
|
|
8633
|
-
declare const DsDialog: React.FC<DsDialogProps>;
|
|
9338
|
+
declare const DsDialog: React$1.FC<DsDialogProps>;
|
|
8634
9339
|
//#endregion
|
|
8635
9340
|
//#region src/components/ds-divider/ds-divider.types.d.ts
|
|
8636
9341
|
interface DsDividerProps {
|
|
@@ -8642,11 +9347,11 @@ interface DsDividerProps {
|
|
|
8642
9347
|
* Underlying element/component to render.
|
|
8643
9348
|
* Examples: "hr", "div", "span", Link, etc.
|
|
8644
9349
|
*/
|
|
8645
|
-
component?: React.ElementType;
|
|
9350
|
+
component?: React$1.ElementType;
|
|
8646
9351
|
/**
|
|
8647
9352
|
* Additional CSS styles.
|
|
8648
9353
|
*/
|
|
8649
|
-
style?: React.CSSProperties;
|
|
9354
|
+
style?: React$1.CSSProperties;
|
|
8650
9355
|
/**
|
|
8651
9356
|
* Additional CSS classes.
|
|
8652
9357
|
*/
|
|
@@ -8654,7 +9359,7 @@ interface DsDividerProps {
|
|
|
8654
9359
|
}
|
|
8655
9360
|
//#endregion
|
|
8656
9361
|
//#region src/components/ds-divider/ds-divider.d.ts
|
|
8657
|
-
declare const DsDivider: React.FC<DsDividerProps>;
|
|
9362
|
+
declare const DsDivider: React$1.FC<DsDividerProps>;
|
|
8658
9363
|
//#endregion
|
|
8659
9364
|
//#region src/components/ds-drawer/ds-drawer.types.d.ts
|
|
8660
9365
|
/**
|
|
@@ -8710,21 +9415,21 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
|
|
|
8710
9415
|
}
|
|
8711
9416
|
//#endregion
|
|
8712
9417
|
//#region src/components/ds-drawer/ds-drawer.d.ts
|
|
8713
|
-
declare
|
|
8714
|
-
|
|
8715
|
-
|
|
8716
|
-
|
|
8717
|
-
|
|
8718
|
-
|
|
8719
|
-
|
|
8720
|
-
|
|
8721
|
-
|
|
8722
|
-
|
|
8723
|
-
|
|
8724
|
-
|
|
8725
|
-
|
|
8726
|
-
|
|
8727
|
-
Header: ({
|
|
9418
|
+
declare function DsDrawer({
|
|
9419
|
+
open,
|
|
9420
|
+
onOpenChange,
|
|
9421
|
+
columns,
|
|
9422
|
+
position,
|
|
9423
|
+
backdrop,
|
|
9424
|
+
closeOnEscape,
|
|
9425
|
+
closeOnInteractOutside,
|
|
9426
|
+
portal,
|
|
9427
|
+
style,
|
|
9428
|
+
className,
|
|
9429
|
+
children
|
|
9430
|
+
}: DsDrawerProps): _$react_jsx_runtime0.JSX.Element;
|
|
9431
|
+
declare namespace DsDrawer {
|
|
9432
|
+
var Header: ({
|
|
8728
9433
|
style,
|
|
8729
9434
|
className,
|
|
8730
9435
|
children
|
|
@@ -8733,7 +9438,9 @@ declare const DsDrawer: {
|
|
|
8733
9438
|
className?: string;
|
|
8734
9439
|
children: ReactNode;
|
|
8735
9440
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
8736
|
-
|
|
9441
|
+
}
|
|
9442
|
+
declare namespace DsDrawer {
|
|
9443
|
+
var Title: ({
|
|
8737
9444
|
style,
|
|
8738
9445
|
className,
|
|
8739
9446
|
children
|
|
@@ -8742,14 +9449,18 @@ declare const DsDrawer: {
|
|
|
8742
9449
|
className?: string;
|
|
8743
9450
|
children: ReactNode;
|
|
8744
9451
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
8745
|
-
|
|
9452
|
+
}
|
|
9453
|
+
declare namespace DsDrawer {
|
|
9454
|
+
var CloseTrigger: ({
|
|
8746
9455
|
style,
|
|
8747
9456
|
className
|
|
8748
9457
|
}: {
|
|
8749
9458
|
style?: CSSProperties;
|
|
8750
9459
|
className?: string;
|
|
8751
9460
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
8752
|
-
|
|
9461
|
+
}
|
|
9462
|
+
declare namespace DsDrawer {
|
|
9463
|
+
var Toolbar: ({
|
|
8753
9464
|
style,
|
|
8754
9465
|
className,
|
|
8755
9466
|
children
|
|
@@ -8758,7 +9469,9 @@ declare const DsDrawer: {
|
|
|
8758
9469
|
className?: string;
|
|
8759
9470
|
children: ReactNode;
|
|
8760
9471
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
8761
|
-
|
|
9472
|
+
}
|
|
9473
|
+
declare namespace DsDrawer {
|
|
9474
|
+
var Body: ({
|
|
8762
9475
|
style,
|
|
8763
9476
|
className,
|
|
8764
9477
|
children
|
|
@@ -8767,7 +9480,9 @@ declare const DsDrawer: {
|
|
|
8767
9480
|
className?: string;
|
|
8768
9481
|
children: ReactNode;
|
|
8769
9482
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
8770
|
-
|
|
9483
|
+
}
|
|
9484
|
+
declare namespace DsDrawer {
|
|
9485
|
+
var Footer: ({
|
|
8771
9486
|
style,
|
|
8772
9487
|
className,
|
|
8773
9488
|
children
|
|
@@ -8776,7 +9491,9 @@ declare const DsDrawer: {
|
|
|
8776
9491
|
className?: string;
|
|
8777
9492
|
children: ReactNode;
|
|
8778
9493
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
8779
|
-
|
|
9494
|
+
}
|
|
9495
|
+
declare namespace DsDrawer {
|
|
9496
|
+
var Actions: ({
|
|
8780
9497
|
style,
|
|
8781
9498
|
className,
|
|
8782
9499
|
children
|
|
@@ -8785,7 +9502,7 @@ declare const DsDrawer: {
|
|
|
8785
9502
|
className?: string;
|
|
8786
9503
|
children: ReactNode;
|
|
8787
9504
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
8788
|
-
}
|
|
9505
|
+
}
|
|
8789
9506
|
//#endregion
|
|
8790
9507
|
//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
|
|
8791
9508
|
/**
|
|
@@ -8932,6 +9649,30 @@ interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className'
|
|
|
8932
9649
|
* Props for the DsDropdownMenu Item component
|
|
8933
9650
|
*/
|
|
8934
9651
|
interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
|
|
9652
|
+
/**
|
|
9653
|
+
* Underlying value reported to the root's `onSelect` when this item is chosen.
|
|
9654
|
+
*/
|
|
9655
|
+
value: Menu.ItemProps['value'];
|
|
9656
|
+
/**
|
|
9657
|
+
* Whether this item is disabled and cannot be selected.
|
|
9658
|
+
* @default false
|
|
9659
|
+
*/
|
|
9660
|
+
disabled?: Menu.ItemProps['disabled'];
|
|
9661
|
+
/**
|
|
9662
|
+
* Render the item as its direct child via Radix-style slot forwarding. Useful
|
|
9663
|
+
* for wrapping links (`<a>`) as dropdown items.
|
|
9664
|
+
* @default false
|
|
9665
|
+
*/
|
|
9666
|
+
asChild?: Menu.ItemProps['asChild'];
|
|
9667
|
+
/**
|
|
9668
|
+
* Called when the item is selected via click or keyboard activation.
|
|
9669
|
+
*/
|
|
9670
|
+
onSelect?: Menu.ItemProps['onSelect'];
|
|
9671
|
+
/**
|
|
9672
|
+
* Called when the item is clicked. Fires before `onSelect` and runs even when
|
|
9673
|
+
* keyboard-activated via Space/Enter.
|
|
9674
|
+
*/
|
|
9675
|
+
onClick?: Menu.ItemProps['onClick'];
|
|
8935
9676
|
/**
|
|
8936
9677
|
* Whether the item is selected (applies selected styling)
|
|
8937
9678
|
*/
|
|
@@ -9037,7 +9778,7 @@ type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
|
|
|
9037
9778
|
* Use compound component pattern instead
|
|
9038
9779
|
* @deprecated
|
|
9039
9780
|
*/
|
|
9040
|
-
declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
|
|
9781
|
+
declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
|
|
9041
9782
|
/**
|
|
9042
9783
|
* Design system DsDropdownMenu component
|
|
9043
9784
|
*
|
|
@@ -9069,18 +9810,18 @@ declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
|
|
|
9069
9810
|
* </DsDropdownMenu.Root>
|
|
9070
9811
|
*/
|
|
9071
9812
|
declare const DsDropdownMenu: {
|
|
9072
|
-
Root: React.FC<DsDropdownMenuRootProps>;
|
|
9073
|
-
Trigger: React.FC<Menu.TriggerProps>;
|
|
9074
|
-
Content: React.FC<DsDropdownMenuContentProps>;
|
|
9075
|
-
Item: React.FC<DsDropdownMenuItemProps>;
|
|
9076
|
-
ItemIndicator: React.FC<DsDropdownMenuItemIndicatorProps>;
|
|
9077
|
-
TriggerItem: React.FC<Menu.TriggerItemProps>;
|
|
9078
|
-
Header: React.FC<DsDropdownMenuHeaderProps>;
|
|
9079
|
-
Actions: React.FC<DsDropdownMenuActionsProps>;
|
|
9080
|
-
ItemGroup: React.FC<DsDropdownMenuItemGroupProps>;
|
|
9081
|
-
ItemGroupLabel: React.FC<Menu.ItemGroupLabelProps>;
|
|
9082
|
-
ItemGroupContent: React.FC<DsDropdownMenuItemGroupContentProps>;
|
|
9083
|
-
Separator: React.FC<Menu.SeparatorProps>;
|
|
9813
|
+
Root: React$1.FC<DsDropdownMenuRootProps>;
|
|
9814
|
+
Trigger: React$1.FC<Menu.TriggerProps>;
|
|
9815
|
+
Content: React$1.FC<DsDropdownMenuContentProps>;
|
|
9816
|
+
Item: React$1.FC<DsDropdownMenuItemProps>;
|
|
9817
|
+
ItemIndicator: React$1.FC<DsDropdownMenuItemIndicatorProps>;
|
|
9818
|
+
TriggerItem: React$1.FC<Menu.TriggerItemProps>;
|
|
9819
|
+
Header: React$1.FC<DsDropdownMenuHeaderProps>;
|
|
9820
|
+
Actions: React$1.FC<DsDropdownMenuActionsProps>;
|
|
9821
|
+
ItemGroup: React$1.FC<DsDropdownMenuItemGroupProps>;
|
|
9822
|
+
ItemGroupLabel: React$1.FC<Menu.ItemGroupLabelProps>;
|
|
9823
|
+
ItemGroupContent: React$1.FC<DsDropdownMenuItemGroupContentProps>;
|
|
9824
|
+
Separator: React$1.FC<Menu.SeparatorProps>;
|
|
9084
9825
|
};
|
|
9085
9826
|
//#endregion
|
|
9086
9827
|
//#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
|
|
@@ -9113,21 +9854,63 @@ type FileError = FileUploadFileError;
|
|
|
9113
9854
|
type UploadFileStatus = 'pending' | 'uploading' | 'interrupted' | 'completed' | 'error' | 'cancelled';
|
|
9114
9855
|
type FileMetadata = Record<string, unknown>;
|
|
9115
9856
|
interface UploadedFile extends File {
|
|
9857
|
+
/**
|
|
9858
|
+
* Stable identifier assigned by the uploader. Used to correlate progress
|
|
9859
|
+
* updates, retries, and deletions with this specific file.
|
|
9860
|
+
*/
|
|
9116
9861
|
id: string;
|
|
9862
|
+
/**
|
|
9863
|
+
* Current upload progress as a number between `0` and `1`.
|
|
9864
|
+
*/
|
|
9117
9865
|
progress: number;
|
|
9866
|
+
/**
|
|
9867
|
+
* Current lifecycle state of the upload.
|
|
9868
|
+
*/
|
|
9118
9869
|
status: UploadFileStatus;
|
|
9870
|
+
/**
|
|
9871
|
+
* Validation or upload errors associated with this file. Present when
|
|
9872
|
+
* `status` is `error` or when the file fails client-side validation.
|
|
9873
|
+
*/
|
|
9119
9874
|
errors?: FileError[];
|
|
9875
|
+
/**
|
|
9876
|
+
* Native `File` the user selected. Kept alongside so consumers can access
|
|
9877
|
+
* the original binary even after `UploadedFile` has been enriched.
|
|
9878
|
+
*/
|
|
9120
9879
|
originalFile: File;
|
|
9121
9880
|
}
|
|
9122
9881
|
interface FileUploadOptions {
|
|
9882
|
+
/**
|
|
9883
|
+
* The file to upload.
|
|
9884
|
+
*/
|
|
9123
9885
|
file: File;
|
|
9886
|
+
/**
|
|
9887
|
+
* Stable identifier for this upload. Must match the `id` on the corresponding
|
|
9888
|
+
* `UploadedFile` so progress and cancellation are routed correctly.
|
|
9889
|
+
*/
|
|
9124
9890
|
fileId: string;
|
|
9891
|
+
/**
|
|
9892
|
+
* Optional custom metadata forwarded by the consumer (e.g., tags, parent ids).
|
|
9893
|
+
*/
|
|
9125
9894
|
metadata?: FileMetadata;
|
|
9895
|
+
/**
|
|
9896
|
+
* Called by the adapter with upload progress updates as a number between `0`
|
|
9897
|
+
* and `1`.
|
|
9898
|
+
*/
|
|
9126
9899
|
onProgress?: (progress: number) => void;
|
|
9900
|
+
/**
|
|
9901
|
+
* AbortSignal that fires when the consumer cancels the upload. Adapters should
|
|
9902
|
+
* observe this and abort any in-flight network request.
|
|
9903
|
+
*/
|
|
9127
9904
|
signal?: AbortSignal;
|
|
9128
9905
|
}
|
|
9129
9906
|
interface FileUploadResult {
|
|
9907
|
+
/**
|
|
9908
|
+
* URL of the successfully uploaded file, returned by the backend.
|
|
9909
|
+
*/
|
|
9130
9910
|
url: string;
|
|
9911
|
+
/**
|
|
9912
|
+
* Optional metadata returned by the backend alongside the URL.
|
|
9913
|
+
*/
|
|
9131
9914
|
metadata?: FileMetadata;
|
|
9132
9915
|
}
|
|
9133
9916
|
/**
|
|
@@ -9138,8 +9921,21 @@ interface FileUploadResult {
|
|
|
9138
9921
|
* - reject with FatalFileUploadError for permanent failures
|
|
9139
9922
|
*/
|
|
9140
9923
|
interface FileUploadAdapter {
|
|
9924
|
+
/**
|
|
9925
|
+
* Uploads a single file. Resolve with `FileUploadResult` on success; reject
|
|
9926
|
+
* with `RetryableFileUploadError` for transient failures (will be retried) or
|
|
9927
|
+
* `FatalFileUploadError` for permanent failures (surfaces to the user).
|
|
9928
|
+
*/
|
|
9141
9929
|
upload: (options: FileUploadOptions) => FileUploadResult | Promise<FileUploadResult>;
|
|
9930
|
+
/**
|
|
9931
|
+
* Optional hook called when the user cancels an in-flight upload. Implementations
|
|
9932
|
+
* should abort any pending network work for the given `fileId`.
|
|
9933
|
+
*/
|
|
9142
9934
|
cancel?: (fileId: string) => void | Promise<void>;
|
|
9935
|
+
/**
|
|
9936
|
+
* Optional hook called when the user removes a previously uploaded file. Typically
|
|
9937
|
+
* issues a delete request to the backend so stored files can be cleaned up.
|
|
9938
|
+
*/
|
|
9143
9939
|
delete?: (fileId: string) => void | Promise<void>;
|
|
9144
9940
|
}
|
|
9145
9941
|
//#endregion
|
|
@@ -9251,6 +10047,7 @@ interface FileUploadProps {
|
|
|
9251
10047
|
disabled?: boolean;
|
|
9252
10048
|
/**
|
|
9253
10049
|
* Whether the file upload layout is compact (inline)
|
|
10050
|
+
* @default false
|
|
9254
10051
|
*/
|
|
9255
10052
|
compact?: boolean;
|
|
9256
10053
|
}
|
|
@@ -9260,7 +10057,7 @@ interface FileUploadProps {
|
|
|
9260
10057
|
* Design system base File Upload component
|
|
9261
10058
|
* Used in conjunction with the useFileUpload hook
|
|
9262
10059
|
*/
|
|
9263
|
-
declare const FileUpload: React.FC<FileUploadProps>;
|
|
10060
|
+
declare const FileUpload: React$1.FC<FileUploadProps>;
|
|
9264
10061
|
//#endregion
|
|
9265
10062
|
//#region src/components/ds-file-upload/ds-file-upload.types.d.ts
|
|
9266
10063
|
interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
|
|
@@ -9297,7 +10094,7 @@ interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFil
|
|
|
9297
10094
|
/**
|
|
9298
10095
|
* Design system File Upload component (with state management)
|
|
9299
10096
|
*/
|
|
9300
|
-
declare const DsFileUpload: React.FC<DsFileUploadProps>;
|
|
10097
|
+
declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
|
|
9301
10098
|
//#endregion
|
|
9302
10099
|
//#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
|
|
9303
10100
|
interface UseFileUploadConfig {
|
|
@@ -9377,7 +10174,7 @@ declare class FatalFileUploadError extends FileUploadError {
|
|
|
9377
10174
|
}
|
|
9378
10175
|
//#endregion
|
|
9379
10176
|
//#region src/components/ds-filter-status-icon/ds-filter-status-icon.types.d.ts
|
|
9380
|
-
declare const filterStatuses: readonly [
|
|
10177
|
+
declare const filterStatuses: readonly ['running', 'warning', 'failed', 'paused'];
|
|
9381
10178
|
type FilterStatus = (typeof filterStatuses)[number];
|
|
9382
10179
|
interface DsFilterStatusIconProps {
|
|
9383
10180
|
/**
|
|
@@ -9417,72 +10214,53 @@ declare const DsFilterStatusIcon: ({
|
|
|
9417
10214
|
style
|
|
9418
10215
|
}: DsFilterStatusIconProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9419
10216
|
//#endregion
|
|
9420
|
-
//#region src/components/ds-grid/
|
|
9421
|
-
|
|
9422
|
-
|
|
9423
|
-
|
|
9424
|
-
|
|
9425
|
-
|
|
9426
|
-
|
|
9427
|
-
|
|
9428
|
-
|
|
9429
|
-
|
|
9430
|
-
|
|
9431
|
-
|
|
9432
|
-
|
|
9433
|
-
|
|
9434
|
-
|
|
9435
|
-
|
|
9436
|
-
|
|
9437
|
-
|
|
9438
|
-
|
|
9439
|
-
|
|
9440
|
-
|
|
9441
|
-
|
|
9442
|
-
|
|
9443
|
-
|
|
9444
|
-
|
|
9445
|
-
|
|
9446
|
-
*/
|
|
9447
|
-
colSpan?: number | 'full';
|
|
9448
|
-
/**
|
|
9449
|
-
* Starting column for the item (1-11)
|
|
9450
|
-
*/
|
|
9451
|
-
colStart?: number;
|
|
9452
|
-
/**
|
|
9453
|
-
* Number of rows the item spans (1-8) or 'full'
|
|
9454
|
-
*/
|
|
9455
|
-
rowSpan?: number | 'full';
|
|
9456
|
-
/**
|
|
9457
|
-
* Starting row for the item (1-7)
|
|
9458
|
-
*/
|
|
9459
|
-
rowStart?: number;
|
|
9460
|
-
/**
|
|
9461
|
-
* Custom class names to apply to the grid item
|
|
9462
|
-
*/
|
|
9463
|
-
className?: string;
|
|
9464
|
-
}
|
|
9465
|
-
//#endregion
|
|
9466
|
-
//#region src/components/ds-grid/ds-grid.d.ts
|
|
9467
|
-
/**
|
|
9468
|
-
* Design system Grid component
|
|
9469
|
-
*/
|
|
9470
|
-
declare const DsGrid: React.FC<DsGridProps>;
|
|
9471
|
-
/**
|
|
9472
|
-
* Design system GridItem component
|
|
9473
|
-
*/
|
|
9474
|
-
declare const DsGridItem: React.FC<DsGridItemProps>;
|
|
10217
|
+
//#region src/components/ds-grid/index.d.ts
|
|
10218
|
+
declare const DsGrid: {
|
|
10219
|
+
(props: {
|
|
10220
|
+
children: _$react.ReactNode;
|
|
10221
|
+
rows?: 1 | 2 | 4 | 6 | 8;
|
|
10222
|
+
columns?: 2 | 4 | 6 | 8 | 10 | 12;
|
|
10223
|
+
gutter?: ResponsiveValue<NonNullable<string | number | undefined>> | undefined;
|
|
10224
|
+
margin?: ResponsiveValue<NonNullable<string | number | undefined>> | undefined;
|
|
10225
|
+
className?: string;
|
|
10226
|
+
style?: _$react.CSSProperties;
|
|
10227
|
+
}): _$react.FunctionComponentElement<Record<string, unknown>>;
|
|
10228
|
+
displayName: string;
|
|
10229
|
+
};
|
|
10230
|
+
declare const DsGridItem: {
|
|
10231
|
+
(props: {
|
|
10232
|
+
children: _$react.ReactNode;
|
|
10233
|
+
colSpan?: ResponsiveValue<NonNullable<number | "full" | undefined>> | undefined;
|
|
10234
|
+
colStart?: number;
|
|
10235
|
+
rowSpan?: ResponsiveValue<NonNullable<number | "full" | undefined>> | undefined;
|
|
10236
|
+
rowStart?: number;
|
|
10237
|
+
className?: string;
|
|
10238
|
+
}): _$react.FunctionComponentElement<Record<string, unknown>>;
|
|
10239
|
+
displayName: string;
|
|
10240
|
+
};
|
|
10241
|
+
type DsGridProps = ComponentProps<typeof DsGrid>;
|
|
10242
|
+
type DsGridItemProps = ComponentProps<typeof DsGridItem>;
|
|
9475
10243
|
//#endregion
|
|
9476
10244
|
//#region src/components/ds-key-value-pair/ds-key-value-pair.types.d.ts
|
|
9477
|
-
declare const dsKeyValuePairOrientations: readonly [
|
|
10245
|
+
declare const dsKeyValuePairOrientations: readonly ['vertical', 'horizontal'];
|
|
9478
10246
|
type DsKeyValuePairOrientation = (typeof dsKeyValuePairOrientations)[number];
|
|
9479
10247
|
interface DsKeyValuePairProps {
|
|
10248
|
+
/** Label rendered for the key side of the pair (left or top depending on `orientation`). */
|
|
9480
10249
|
keyLabel: ReactNode;
|
|
9481
10250
|
/** Shown when the editor is not active (read-only or not hovered). */
|
|
9482
10251
|
value?: ReactNode;
|
|
9483
|
-
/**
|
|
10252
|
+
/**
|
|
10253
|
+
* When `true`, the pair is rendered as a static display and the editor is never
|
|
10254
|
+
* revealed (even on hover/focus).
|
|
10255
|
+
* @default false
|
|
10256
|
+
*/
|
|
9484
10257
|
readOnly?: boolean;
|
|
9485
|
-
/**
|
|
10258
|
+
/**
|
|
10259
|
+
* Layout orientation:
|
|
10260
|
+
* - `vertical`: key stacked above value
|
|
10261
|
+
* - `horizontal`: key and value side-by-side
|
|
10262
|
+
* @default 'vertical'
|
|
10263
|
+
*/
|
|
9486
10264
|
orientation?: DsKeyValuePairOrientation;
|
|
9487
10265
|
/** Editor content revealed on hover/focus when not read-only. */
|
|
9488
10266
|
editInput?: ReactNode;
|
|
@@ -9504,7 +10282,7 @@ declare const DsKeyValuePair: ({
|
|
|
9504
10282
|
}: DsKeyValuePairProps) => _$react_jsx_runtime0.JSX.Element;
|
|
9505
10283
|
//#endregion
|
|
9506
10284
|
//#region src/components/ds-loader/ds-loader.types.d.ts
|
|
9507
|
-
declare const loaderVariants: readonly [
|
|
10285
|
+
declare const loaderVariants: readonly ['spinner', 'pulsing'];
|
|
9508
10286
|
type LoaderVariant = (typeof loaderVariants)[number];
|
|
9509
10287
|
interface DsLoaderProps {
|
|
9510
10288
|
/**
|
|
@@ -9519,11 +10297,11 @@ interface DsLoaderProps {
|
|
|
9519
10297
|
/**
|
|
9520
10298
|
* Additional styles to apply to the component
|
|
9521
10299
|
*/
|
|
9522
|
-
style?: React.CSSProperties;
|
|
10300
|
+
style?: React$1.CSSProperties;
|
|
9523
10301
|
/**
|
|
9524
10302
|
* Ref to the loader container element
|
|
9525
10303
|
*/
|
|
9526
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
10304
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
9527
10305
|
}
|
|
9528
10306
|
//#endregion
|
|
9529
10307
|
//#region src/components/ds-loader/ds-loader.d.ts
|
|
@@ -9545,6 +10323,22 @@ type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
|
9545
10323
|
* Props for the DsModal component
|
|
9546
10324
|
*/
|
|
9547
10325
|
interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
|
|
10326
|
+
/**
|
|
10327
|
+
* Whether the modal traps focus and blocks interaction with the page behind the
|
|
10328
|
+
* backdrop. When `false`, users can continue interacting with the underlying page.
|
|
10329
|
+
* @default true
|
|
10330
|
+
*/
|
|
10331
|
+
modal?: UseDialogProps['modal'];
|
|
10332
|
+
/**
|
|
10333
|
+
* Whether pressing the Escape key closes the modal.
|
|
10334
|
+
* @default true
|
|
10335
|
+
*/
|
|
10336
|
+
closeOnEscape?: UseDialogProps['closeOnEscape'];
|
|
10337
|
+
/**
|
|
10338
|
+
* Whether clicking or focusing outside the modal closes it.
|
|
10339
|
+
* @default true
|
|
10340
|
+
*/
|
|
10341
|
+
closeOnInteractOutside?: UseDialogProps['closeOnInteractOutside'];
|
|
9548
10342
|
/**
|
|
9549
10343
|
* Whether the modal is open
|
|
9550
10344
|
*/
|
|
@@ -9579,25 +10373,20 @@ interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' |
|
|
|
9579
10373
|
}
|
|
9580
10374
|
//#endregion
|
|
9581
10375
|
//#region src/components/ds-modal/ds-modal.d.ts
|
|
9582
|
-
|
|
9583
|
-
|
|
9584
|
-
|
|
9585
|
-
|
|
9586
|
-
|
|
9587
|
-
|
|
9588
|
-
|
|
9589
|
-
|
|
9590
|
-
|
|
9591
|
-
|
|
9592
|
-
|
|
9593
|
-
|
|
9594
|
-
|
|
9595
|
-
|
|
9596
|
-
closeOnInteractOutside,
|
|
9597
|
-
children,
|
|
9598
|
-
onOpenChange
|
|
9599
|
-
}: DsModalProps): _$react_jsx_runtime0.JSX.Element;
|
|
9600
|
-
Header: ({
|
|
10376
|
+
declare function DsModal({
|
|
10377
|
+
open,
|
|
10378
|
+
columns,
|
|
10379
|
+
dividers,
|
|
10380
|
+
style,
|
|
10381
|
+
className,
|
|
10382
|
+
modal,
|
|
10383
|
+
closeOnEscape,
|
|
10384
|
+
closeOnInteractOutside,
|
|
10385
|
+
children,
|
|
10386
|
+
onOpenChange
|
|
10387
|
+
}: DsModalProps): _$react_jsx_runtime0.JSX.Element;
|
|
10388
|
+
declare namespace DsModal {
|
|
10389
|
+
var Header: ({
|
|
9601
10390
|
style,
|
|
9602
10391
|
className,
|
|
9603
10392
|
children
|
|
@@ -9606,7 +10395,9 @@ declare const DsModal: {
|
|
|
9606
10395
|
className?: string;
|
|
9607
10396
|
children: ReactNode;
|
|
9608
10397
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
9609
|
-
|
|
10398
|
+
}
|
|
10399
|
+
declare namespace DsModal {
|
|
10400
|
+
var Title: ({
|
|
9610
10401
|
style,
|
|
9611
10402
|
className,
|
|
9612
10403
|
children
|
|
@@ -9615,14 +10406,18 @@ declare const DsModal: {
|
|
|
9615
10406
|
className?: string;
|
|
9616
10407
|
children: ReactNode;
|
|
9617
10408
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
9618
|
-
|
|
10409
|
+
}
|
|
10410
|
+
declare namespace DsModal {
|
|
10411
|
+
var CloseTrigger: ({
|
|
9619
10412
|
style,
|
|
9620
10413
|
className
|
|
9621
10414
|
}: {
|
|
9622
10415
|
style?: CSSProperties;
|
|
9623
10416
|
className?: string;
|
|
9624
10417
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
9625
|
-
|
|
10418
|
+
}
|
|
10419
|
+
declare namespace DsModal {
|
|
10420
|
+
var Body: ({
|
|
9626
10421
|
style,
|
|
9627
10422
|
className,
|
|
9628
10423
|
children
|
|
@@ -9631,7 +10426,9 @@ declare const DsModal: {
|
|
|
9631
10426
|
className?: string;
|
|
9632
10427
|
children: ReactNode;
|
|
9633
10428
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
9634
|
-
|
|
10429
|
+
}
|
|
10430
|
+
declare namespace DsModal {
|
|
10431
|
+
var Footer: ({
|
|
9635
10432
|
style,
|
|
9636
10433
|
className,
|
|
9637
10434
|
children
|
|
@@ -9640,7 +10437,9 @@ declare const DsModal: {
|
|
|
9640
10437
|
className?: string;
|
|
9641
10438
|
children: ReactNode;
|
|
9642
10439
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
9643
|
-
|
|
10440
|
+
}
|
|
10441
|
+
declare namespace DsModal {
|
|
10442
|
+
var Actions: ({
|
|
9644
10443
|
style,
|
|
9645
10444
|
className,
|
|
9646
10445
|
children
|
|
@@ -9649,145 +10448,75 @@ declare const DsModal: {
|
|
|
9649
10448
|
className?: string;
|
|
9650
10449
|
children: ReactNode;
|
|
9651
10450
|
}) => _$react_jsx_runtime0.JSX.Element;
|
|
9652
|
-
}
|
|
10451
|
+
}
|
|
9653
10452
|
//#endregion
|
|
9654
10453
|
//#region src/components/ds-panel/ds-panel.types.d.ts
|
|
9655
10454
|
type DsPanelVariant = 'docked' | 'floating';
|
|
9656
10455
|
type DsPanelBaseProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
|
|
10456
|
+
/**
|
|
10457
|
+
* Visual treatment of the panel:
|
|
10458
|
+
* - `docked`: sits flush within the surrounding layout (default)
|
|
10459
|
+
* - `floating`: elevated card with shadow, detached from the layout
|
|
10460
|
+
* @default docked
|
|
10461
|
+
*/
|
|
9657
10462
|
variant?: DsPanelVariant;
|
|
10463
|
+
/**
|
|
10464
|
+
* Width of the panel in pixels when expanded.
|
|
10465
|
+
*/
|
|
9658
10466
|
width?: number;
|
|
10467
|
+
/**
|
|
10468
|
+
* Whether the panel edge can be dragged to resize its width.
|
|
10469
|
+
* @default false
|
|
10470
|
+
*/
|
|
9659
10471
|
draggable?: boolean;
|
|
10472
|
+
/**
|
|
10473
|
+
* Disable the default inner padding so the panel content can bleed to the edges.
|
|
10474
|
+
* @default false
|
|
10475
|
+
*/
|
|
9660
10476
|
disablePadding?: boolean;
|
|
10477
|
+
/**
|
|
10478
|
+
* Props forwarded to nested sub-components.
|
|
10479
|
+
*/
|
|
9661
10480
|
slotProps?: {
|
|
10481
|
+
/**
|
|
10482
|
+
* Props forwarded to the collapse/expand button shown on the panel edge.
|
|
10483
|
+
*/
|
|
9662
10484
|
collapseButton?: DsPanelCollapseButtonProps;
|
|
9663
10485
|
};
|
|
10486
|
+
/**
|
|
10487
|
+
* Called when the panel's open (expanded) state changes. Receives the next
|
|
10488
|
+
* boolean state.
|
|
10489
|
+
*/
|
|
9664
10490
|
onOpenChange?: (open: boolean) => void;
|
|
9665
10491
|
};
|
|
9666
10492
|
type DsPanelProps = Omit<DsPanelBaseProps, 'width'> & {
|
|
10493
|
+
/**
|
|
10494
|
+
* Width of the panel when expanded. Accepts a single number (px) or a
|
|
10495
|
+
* `ResponsiveValue` to vary width by breakpoint.
|
|
10496
|
+
*/
|
|
9667
10497
|
width?: ResponsiveValue<number>;
|
|
9668
10498
|
};
|
|
9669
10499
|
type DsPanelCollapseButtonProps = {
|
|
10500
|
+
/**
|
|
10501
|
+
* Called when the collapse button is clicked.
|
|
10502
|
+
*/
|
|
9670
10503
|
onClick?: () => void;
|
|
10504
|
+
/**
|
|
10505
|
+
* Whether the panel is currently collapsed. Drives the button's chevron
|
|
10506
|
+
* orientation and aria-label.
|
|
10507
|
+
* @default false
|
|
10508
|
+
*/
|
|
9671
10509
|
collapsed?: boolean;
|
|
9672
10510
|
};
|
|
9673
10511
|
//#endregion
|
|
9674
10512
|
//#region src/components/ds-panel/index.d.ts
|
|
9675
10513
|
declare const DsPanel: {
|
|
9676
10514
|
(props: {
|
|
9677
|
-
className?: string | undefined | undefined;
|
|
9678
|
-
style?: _$react.CSSProperties | undefined;
|
|
9679
|
-
children?: _$react.ReactNode;
|
|
9680
|
-
content?: string | undefined | undefined;
|
|
9681
|
-
translate?: "yes" | "no" | undefined | undefined;
|
|
9682
10515
|
key?: _$react.Key | null | undefined;
|
|
9683
|
-
|
|
9684
|
-
security?: string | undefined | undefined;
|
|
9685
|
-
disabled?: boolean | undefined;
|
|
9686
|
-
color?: string | undefined | undefined;
|
|
9687
|
-
defaultChecked?: boolean | undefined | undefined;
|
|
9688
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
9689
|
-
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
9690
|
-
suppressHydrationWarning?: boolean | undefined | undefined;
|
|
9691
|
-
accessKey?: string | undefined | undefined;
|
|
9692
|
-
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
|
|
9693
|
-
autoFocus?: boolean | undefined | undefined;
|
|
9694
|
-
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
|
|
9695
|
-
contextMenu?: string | undefined | undefined;
|
|
9696
|
-
dir?: string | undefined | undefined;
|
|
9697
|
-
draggable?: boolean | undefined;
|
|
9698
|
-
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
|
|
9699
|
-
hidden?: boolean | undefined | undefined;
|
|
9700
|
-
id?: string | undefined | undefined;
|
|
9701
|
-
lang?: string | undefined | undefined;
|
|
9702
|
-
nonce?: string | undefined | undefined;
|
|
9703
|
-
slot?: string | undefined | undefined;
|
|
9704
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
9705
|
-
tabIndex?: number | undefined | undefined;
|
|
9706
|
-
radioGroup?: string | undefined | undefined;
|
|
9707
|
-
role?: _$react.AriaRole | undefined;
|
|
9708
|
-
about?: string | undefined | undefined;
|
|
9709
|
-
datatype?: string | undefined | undefined;
|
|
9710
|
-
inlist?: any;
|
|
9711
|
-
prefix?: string | undefined | undefined;
|
|
9712
|
-
property?: string | undefined | undefined;
|
|
9713
|
-
rel?: string | undefined | undefined;
|
|
9714
|
-
resource?: string | undefined | undefined;
|
|
9715
|
-
rev?: string | undefined | undefined;
|
|
9716
|
-
typeof?: string | undefined | undefined;
|
|
9717
|
-
vocab?: string | undefined | undefined;
|
|
9718
|
-
autoCorrect?: string | undefined | undefined;
|
|
9719
|
-
autoSave?: string | undefined | undefined;
|
|
9720
|
-
itemProp?: string | undefined | undefined;
|
|
9721
|
-
itemScope?: boolean | undefined | undefined;
|
|
9722
|
-
itemType?: string | undefined | undefined;
|
|
9723
|
-
itemID?: string | undefined | undefined;
|
|
9724
|
-
itemRef?: string | undefined | undefined;
|
|
9725
|
-
results?: number | undefined | undefined;
|
|
9726
|
-
unselectable?: "on" | "off" | undefined | undefined;
|
|
9727
|
-
popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
|
|
9728
|
-
popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
|
|
9729
|
-
popoverTarget?: string | undefined | undefined;
|
|
9730
|
-
inert?: boolean | undefined | undefined;
|
|
9731
|
-
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
|
|
9732
|
-
is?: string | undefined | undefined;
|
|
9733
|
-
exportparts?: string | undefined | undefined;
|
|
9734
|
-
part?: string | undefined | undefined;
|
|
9735
|
-
"aria-activedescendant"?: string | undefined | undefined;
|
|
9736
|
-
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
9737
|
-
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
|
|
9738
|
-
"aria-braillelabel"?: string | undefined | undefined;
|
|
9739
|
-
"aria-brailleroledescription"?: string | undefined | undefined;
|
|
9740
|
-
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
9741
|
-
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
9742
|
-
"aria-colcount"?: number | undefined | undefined;
|
|
9743
|
-
"aria-colindex"?: number | undefined | undefined;
|
|
9744
|
-
"aria-colindextext"?: string | undefined | undefined;
|
|
9745
|
-
"aria-colspan"?: number | undefined | undefined;
|
|
9746
|
-
"aria-controls"?: string | undefined | undefined;
|
|
9747
|
-
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
|
|
9748
|
-
"aria-describedby"?: string | undefined | undefined;
|
|
9749
|
-
"aria-description"?: string | undefined | undefined;
|
|
9750
|
-
"aria-details"?: string | undefined | undefined;
|
|
9751
|
-
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
9752
|
-
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
|
|
9753
|
-
"aria-errormessage"?: string | undefined | undefined;
|
|
9754
|
-
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
9755
|
-
"aria-flowto"?: string | undefined | undefined;
|
|
9756
|
-
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
9757
|
-
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
|
|
9758
|
-
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
9759
|
-
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
|
|
9760
|
-
"aria-keyshortcuts"?: string | undefined | undefined;
|
|
9761
|
-
"aria-label"?: string | undefined | undefined;
|
|
9762
|
-
"aria-labelledby"?: string | undefined | undefined;
|
|
9763
|
-
"aria-level"?: number | undefined | undefined;
|
|
9764
|
-
"aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
|
|
9765
|
-
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
9766
|
-
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
9767
|
-
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
9768
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
|
|
9769
|
-
"aria-owns"?: string | undefined | undefined;
|
|
9770
|
-
"aria-placeholder"?: string | undefined | undefined;
|
|
9771
|
-
"aria-posinset"?: number | undefined | undefined;
|
|
9772
|
-
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
|
|
9773
|
-
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
9774
|
-
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
|
|
9775
|
-
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
9776
|
-
"aria-roledescription"?: string | undefined | undefined;
|
|
9777
|
-
"aria-rowcount"?: number | undefined | undefined;
|
|
9778
|
-
"aria-rowindex"?: number | undefined | undefined;
|
|
9779
|
-
"aria-rowindextext"?: string | undefined | undefined;
|
|
9780
|
-
"aria-rowspan"?: number | undefined | undefined;
|
|
9781
|
-
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
9782
|
-
"aria-setsize"?: number | undefined | undefined;
|
|
9783
|
-
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
|
|
9784
|
-
"aria-valuemax"?: number | undefined | undefined;
|
|
9785
|
-
"aria-valuemin"?: number | undefined | undefined;
|
|
9786
|
-
"aria-valuenow"?: number | undefined | undefined;
|
|
9787
|
-
"aria-valuetext"?: string | undefined | undefined;
|
|
10516
|
+
children?: _$react.ReactNode | undefined;
|
|
9788
10517
|
dangerouslySetInnerHTML?: {
|
|
9789
10518
|
__html: string | TrustedHTML;
|
|
9790
|
-
} | undefined
|
|
10519
|
+
} | undefined;
|
|
9791
10520
|
onCopy?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
9792
10521
|
onCopyCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
9793
10522
|
onCut?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
@@ -9956,16 +10685,125 @@ declare const DsPanel: {
|
|
|
9956
10685
|
onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
9957
10686
|
onTransitionStart?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
9958
10687
|
onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
9959
|
-
|
|
9960
|
-
|
|
9961
|
-
|
|
9962
|
-
|
|
10688
|
+
"aria-activedescendant"?: string | undefined;
|
|
10689
|
+
"aria-atomic"?: ("false" | "true" | boolean) | undefined;
|
|
10690
|
+
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
|
|
10691
|
+
"aria-braillelabel"?: string | undefined;
|
|
10692
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
10693
|
+
"aria-busy"?: ("false" | "true" | boolean) | undefined;
|
|
10694
|
+
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
10695
|
+
"aria-colcount"?: number | undefined;
|
|
10696
|
+
"aria-colindex"?: number | undefined;
|
|
10697
|
+
"aria-colindextext"?: string | undefined;
|
|
10698
|
+
"aria-colspan"?: number | undefined;
|
|
10699
|
+
"aria-controls"?: string | undefined;
|
|
10700
|
+
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
|
|
10701
|
+
"aria-describedby"?: string | undefined;
|
|
10702
|
+
"aria-description"?: string | undefined;
|
|
10703
|
+
"aria-details"?: string | undefined;
|
|
10704
|
+
"aria-disabled"?: ("false" | "true" | boolean) | undefined;
|
|
10705
|
+
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
|
|
10706
|
+
"aria-errormessage"?: string | undefined;
|
|
10707
|
+
"aria-expanded"?: ("false" | "true" | boolean) | undefined;
|
|
10708
|
+
"aria-flowto"?: string | undefined;
|
|
10709
|
+
"aria-grabbed"?: ("false" | "true" | boolean) | undefined;
|
|
10710
|
+
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
|
|
10711
|
+
"aria-hidden"?: ("false" | "true" | boolean) | undefined;
|
|
10712
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
10713
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
10714
|
+
"aria-label"?: string | undefined;
|
|
10715
|
+
"aria-labelledby"?: string | undefined;
|
|
10716
|
+
"aria-level"?: number | undefined;
|
|
10717
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
10718
|
+
"aria-modal"?: ("false" | "true" | boolean) | undefined;
|
|
10719
|
+
"aria-multiline"?: ("false" | "true" | boolean) | undefined;
|
|
10720
|
+
"aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
|
|
10721
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
10722
|
+
"aria-owns"?: string | undefined;
|
|
10723
|
+
"aria-placeholder"?: string | undefined;
|
|
10724
|
+
"aria-posinset"?: number | undefined;
|
|
10725
|
+
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
|
|
10726
|
+
"aria-readonly"?: ("false" | "true" | boolean) | undefined;
|
|
10727
|
+
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
|
|
10728
|
+
"aria-required"?: ("false" | "true" | boolean) | undefined;
|
|
10729
|
+
"aria-roledescription"?: string | undefined;
|
|
10730
|
+
"aria-rowcount"?: number | undefined;
|
|
10731
|
+
"aria-rowindex"?: number | undefined;
|
|
10732
|
+
"aria-rowindextext"?: string | undefined;
|
|
10733
|
+
"aria-rowspan"?: number | undefined;
|
|
10734
|
+
"aria-selected"?: ("false" | "true" | boolean) | undefined;
|
|
10735
|
+
"aria-setsize"?: number | undefined;
|
|
10736
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
10737
|
+
"aria-valuemax"?: number | undefined;
|
|
10738
|
+
"aria-valuemin"?: number | undefined;
|
|
10739
|
+
"aria-valuenow"?: number | undefined;
|
|
10740
|
+
"aria-valuetext"?: string | undefined;
|
|
10741
|
+
defaultChecked?: boolean | undefined;
|
|
10742
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
10743
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
10744
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
10745
|
+
accessKey?: string | undefined;
|
|
10746
|
+
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
|
|
10747
|
+
autoFocus?: boolean | undefined;
|
|
10748
|
+
className?: string | undefined;
|
|
10749
|
+
contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
|
|
10750
|
+
contextMenu?: string | undefined;
|
|
10751
|
+
dir?: string | undefined;
|
|
10752
|
+
draggable?: boolean | undefined;
|
|
10753
|
+
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
10754
|
+
hidden?: boolean | undefined;
|
|
10755
|
+
id?: string | undefined;
|
|
10756
|
+
lang?: string | undefined;
|
|
10757
|
+
nonce?: string | undefined;
|
|
10758
|
+
slot?: string | undefined;
|
|
10759
|
+
spellCheck?: ("false" | "true" | boolean) | undefined;
|
|
10760
|
+
style?: _$react.CSSProperties | undefined;
|
|
10761
|
+
tabIndex?: number | undefined;
|
|
10762
|
+
title?: string | undefined;
|
|
10763
|
+
translate?: "yes" | "no" | undefined;
|
|
10764
|
+
radioGroup?: string | undefined;
|
|
10765
|
+
role?: _$react.AriaRole | undefined;
|
|
10766
|
+
about?: string | undefined;
|
|
10767
|
+
content?: string | undefined;
|
|
10768
|
+
datatype?: string | undefined;
|
|
10769
|
+
inlist?: any;
|
|
10770
|
+
prefix?: string | undefined;
|
|
10771
|
+
property?: string | undefined;
|
|
10772
|
+
rel?: string | undefined;
|
|
10773
|
+
resource?: string | undefined;
|
|
10774
|
+
rev?: string | undefined;
|
|
10775
|
+
typeof?: string | undefined;
|
|
10776
|
+
vocab?: string | undefined;
|
|
10777
|
+
autoCorrect?: string | undefined;
|
|
10778
|
+
autoSave?: string | undefined;
|
|
10779
|
+
color?: string | undefined;
|
|
10780
|
+
itemProp?: string | undefined;
|
|
10781
|
+
itemScope?: boolean | undefined;
|
|
10782
|
+
itemType?: string | undefined;
|
|
10783
|
+
itemID?: string | undefined;
|
|
10784
|
+
itemRef?: string | undefined;
|
|
10785
|
+
results?: number | undefined;
|
|
10786
|
+
security?: string | undefined;
|
|
10787
|
+
unselectable?: "on" | "off" | undefined;
|
|
10788
|
+
popover?: "" | "auto" | "manual" | "hint" | undefined;
|
|
10789
|
+
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
|
|
10790
|
+
popoverTarget?: string | undefined;
|
|
10791
|
+
inert?: boolean | undefined;
|
|
10792
|
+
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
10793
|
+
is?: string | undefined;
|
|
10794
|
+
exportparts?: string | undefined;
|
|
10795
|
+
part?: string | undefined;
|
|
10796
|
+
asChild?: boolean;
|
|
10797
|
+
defaultOpen?: boolean;
|
|
10798
|
+
open?: boolean;
|
|
10799
|
+
disabled?: boolean;
|
|
10800
|
+
variant?: DsPanelVariant;
|
|
9963
10801
|
width?: ResponsiveValue<number> | undefined;
|
|
9964
|
-
disablePadding?: boolean
|
|
10802
|
+
disablePadding?: boolean;
|
|
9965
10803
|
slotProps?: {
|
|
9966
10804
|
collapseButton?: DsPanelCollapseButtonProps;
|
|
9967
|
-
}
|
|
9968
|
-
onOpenChange?: (
|
|
10805
|
+
};
|
|
10806
|
+
onOpenChange?: (open: boolean) => void;
|
|
9969
10807
|
}): _$react.FunctionComponentElement<Record<string, unknown>>;
|
|
9970
10808
|
displayName: string;
|
|
9971
10809
|
};
|
|
@@ -9975,11 +10813,11 @@ interface DsPopoverProps {
|
|
|
9975
10813
|
/**
|
|
9976
10814
|
* The element that triggers the popover
|
|
9977
10815
|
*/
|
|
9978
|
-
trigger: React.ReactNode;
|
|
10816
|
+
trigger: React$1.ReactNode;
|
|
9979
10817
|
/**
|
|
9980
10818
|
* The content to be rendered inside the popover
|
|
9981
10819
|
*/
|
|
9982
|
-
children: React.ReactNode;
|
|
10820
|
+
children: React$1.ReactNode;
|
|
9983
10821
|
/**
|
|
9984
10822
|
* Additional CSS class names
|
|
9985
10823
|
*/
|
|
@@ -9995,12 +10833,12 @@ interface DsPopoverProps {
|
|
|
9995
10833
|
}
|
|
9996
10834
|
//#endregion
|
|
9997
10835
|
//#region src/components/ds-popover/ds-popover.d.ts
|
|
9998
|
-
declare const DsPopover: React.FC<DsPopoverProps>;
|
|
10836
|
+
declare const DsPopover: React$1.FC<DsPopoverProps>;
|
|
9999
10837
|
//#endregion
|
|
10000
10838
|
//#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
|
|
10001
|
-
declare const progressArcSizes: readonly [
|
|
10839
|
+
declare const progressArcSizes: readonly ['small', 'medium'];
|
|
10002
10840
|
type ProgressArcSize = (typeof progressArcSizes)[number];
|
|
10003
|
-
declare const progressArcVariants: readonly [
|
|
10841
|
+
declare const progressArcVariants: readonly ['default', 'success', 'error'];
|
|
10004
10842
|
type ProgressArcVariant = (typeof progressArcVariants)[number];
|
|
10005
10843
|
interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
|
|
10006
10844
|
/**
|
|
@@ -10038,9 +10876,9 @@ declare const DsProgressArc: ({
|
|
|
10038
10876
|
}: DsProgressArcProps) => _$react_jsx_runtime0.JSX.Element;
|
|
10039
10877
|
//#endregion
|
|
10040
10878
|
//#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
|
|
10041
|
-
declare const progressDonutSizes: readonly [
|
|
10879
|
+
declare const progressDonutSizes: readonly ['small', 'medium'];
|
|
10042
10880
|
type ProgressDonutSize = (typeof progressDonutSizes)[number];
|
|
10043
|
-
declare const progressDonutVariants: readonly [
|
|
10881
|
+
declare const progressDonutVariants: readonly ['default', 'success', 'error'];
|
|
10044
10882
|
type ProgressDonutVariant = (typeof progressDonutVariants)[number];
|
|
10045
10883
|
interface DsProgressDonutProps {
|
|
10046
10884
|
/**
|
|
@@ -10079,9 +10917,9 @@ declare const DsProgressDonut: ({
|
|
|
10079
10917
|
}: DsProgressDonutProps) => _$react_jsx_runtime0.JSX.Element;
|
|
10080
10918
|
//#endregion
|
|
10081
10919
|
//#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
|
|
10082
|
-
declare const progressLinearVariants: readonly [
|
|
10920
|
+
declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
|
|
10083
10921
|
type ProgressLinearVariant = (typeof progressLinearVariants)[number];
|
|
10084
|
-
declare const progressLinearSizes: readonly [
|
|
10922
|
+
declare const progressLinearSizes: readonly ['small', 'medium', 'large'];
|
|
10085
10923
|
type ProgressLinearSize = (typeof progressLinearSizes)[number];
|
|
10086
10924
|
interface DsProgressLinearProps {
|
|
10087
10925
|
/**
|
|
@@ -10112,7 +10950,7 @@ interface DsProgressLinearProps {
|
|
|
10112
10950
|
/**
|
|
10113
10951
|
* Label displayed above the progress bar (left side)
|
|
10114
10952
|
*/
|
|
10115
|
-
label?: React.ReactNode;
|
|
10953
|
+
label?: React$1.ReactNode;
|
|
10116
10954
|
/**
|
|
10117
10955
|
* Whether to show the percentage value text (right side of label row)
|
|
10118
10956
|
* @default true
|
|
@@ -10123,7 +10961,7 @@ interface DsProgressLinearProps {
|
|
|
10123
10961
|
* When a string is provided, it is auto-styled with an icon and color based on the variant.
|
|
10124
10962
|
* When a ReactNode is provided, it is rendered as-is.
|
|
10125
10963
|
*/
|
|
10126
|
-
caption?: React.ReactNode | string;
|
|
10964
|
+
caption?: React$1.ReactNode | string;
|
|
10127
10965
|
/**
|
|
10128
10966
|
* Additional CSS class names
|
|
10129
10967
|
*/
|
|
@@ -10131,11 +10969,11 @@ interface DsProgressLinearProps {
|
|
|
10131
10969
|
/**
|
|
10132
10970
|
* Additional styles to apply to the component
|
|
10133
10971
|
*/
|
|
10134
|
-
style?: React.CSSProperties;
|
|
10972
|
+
style?: React$1.CSSProperties;
|
|
10135
10973
|
/**
|
|
10136
10974
|
* Ref to the root element
|
|
10137
10975
|
*/
|
|
10138
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
10976
|
+
ref?: React$1.Ref<HTMLDivElement>;
|
|
10139
10977
|
}
|
|
10140
10978
|
//#endregion
|
|
10141
10979
|
//#region src/components/ds-progress-linear/ds-progress-linear.d.ts
|
|
@@ -10161,6 +10999,28 @@ declare const DsProgressLinear: ({
|
|
|
10161
10999
|
* Props for the DsRadioGroup Root component
|
|
10162
11000
|
*/
|
|
10163
11001
|
interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
|
|
11002
|
+
/**
|
|
11003
|
+
* Currently selected radio value (controlled). Pair with `onValueChange`.
|
|
11004
|
+
*/
|
|
11005
|
+
value?: RadioGroupRootProps['value'];
|
|
11006
|
+
/**
|
|
11007
|
+
* Initially selected radio value when uncontrolled.
|
|
11008
|
+
*/
|
|
11009
|
+
defaultValue?: RadioGroupRootProps['defaultValue'];
|
|
11010
|
+
/**
|
|
11011
|
+
* Whether the entire radio group is disabled.
|
|
11012
|
+
* @default false
|
|
11013
|
+
*/
|
|
11014
|
+
disabled?: RadioGroupRootProps['disabled'];
|
|
11015
|
+
/**
|
|
11016
|
+
* HTML name attribute applied to each radio input, used in form submissions.
|
|
11017
|
+
*/
|
|
11018
|
+
name?: RadioGroupRootProps['name'];
|
|
11019
|
+
/**
|
|
11020
|
+
* Layout orientation of the radio items.
|
|
11021
|
+
* @default vertical
|
|
11022
|
+
*/
|
|
11023
|
+
orientation?: RadioGroupRootProps['orientation'];
|
|
10164
11024
|
/**
|
|
10165
11025
|
* Event handler called when the selected value changes
|
|
10166
11026
|
*/
|
|
@@ -10170,6 +11030,16 @@ interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value'
|
|
|
10170
11030
|
* Props for the DsRadioGroup Item component
|
|
10171
11031
|
*/
|
|
10172
11032
|
interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'disabled' | 'className' | 'style' | 'children'> {
|
|
11033
|
+
/**
|
|
11034
|
+
* Underlying value submitted when this item is selected.
|
|
11035
|
+
*/
|
|
11036
|
+
value: RadioGroupItemProps['value'];
|
|
11037
|
+
/**
|
|
11038
|
+
* Whether this radio item is disabled. Takes precedence over the group-level
|
|
11039
|
+
* `disabled` when the group is enabled.
|
|
11040
|
+
* @default false
|
|
11041
|
+
*/
|
|
11042
|
+
disabled?: RadioGroupItemProps['disabled'];
|
|
10173
11043
|
/**
|
|
10174
11044
|
* Optional label text for the radio item
|
|
10175
11045
|
*/
|
|
@@ -10207,7 +11077,7 @@ interface DsRadioOptionLegacy<ValueType = string> {
|
|
|
10207
11077
|
* Use compound component pattern instead
|
|
10208
11078
|
* @deprecated
|
|
10209
11079
|
*/
|
|
10210
|
-
interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy>
|
|
11080
|
+
interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> {
|
|
10211
11081
|
/**
|
|
10212
11082
|
* The radio group options
|
|
10213
11083
|
*/
|
|
@@ -10222,18 +11092,20 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
|
|
|
10222
11092
|
defaultValue?: TOption['value'];
|
|
10223
11093
|
/**
|
|
10224
11094
|
* Event handler called when the selected value changes
|
|
10225
|
-
*
|
|
10226
|
-
* @param value
|
|
10227
11095
|
*/
|
|
10228
11096
|
onValueChange?: (value: TOption['value']) => void;
|
|
11097
|
+
/**
|
|
11098
|
+
* Whether the entire radio group is disabled.
|
|
11099
|
+
*/
|
|
11100
|
+
disabled?: boolean;
|
|
10229
11101
|
/**
|
|
10230
11102
|
* Additional CSS class names
|
|
10231
11103
|
*/
|
|
10232
11104
|
className?: string;
|
|
10233
11105
|
/**
|
|
10234
|
-
* Additional styles
|
|
11106
|
+
* Additional inline styles
|
|
10235
11107
|
*/
|
|
10236
|
-
style?: React.CSSProperties;
|
|
11108
|
+
style?: React$1.CSSProperties;
|
|
10237
11109
|
}
|
|
10238
11110
|
//#endregion
|
|
10239
11111
|
//#region src/components/ds-radio-group/ds-radio-group.d.ts
|
|
@@ -10242,7 +11114,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
|
|
|
10242
11114
|
* Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
|
|
10243
11115
|
* @deprecated
|
|
10244
11116
|
*/
|
|
10245
|
-
declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
|
|
11117
|
+
declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
|
|
10246
11118
|
/**
|
|
10247
11119
|
* Design system RadioGroup component
|
|
10248
11120
|
*
|
|
@@ -10253,8 +11125,8 @@ declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
|
|
|
10253
11125
|
* </DsRadioGroup.Root>
|
|
10254
11126
|
*/
|
|
10255
11127
|
declare const DsRadioGroup: {
|
|
10256
|
-
Root: React.FC<DsRadioGroupRootProps>;
|
|
10257
|
-
Item: React.FC<DsRadioGroupItemProps>;
|
|
11128
|
+
Root: React$1.FC<DsRadioGroupRootProps>;
|
|
11129
|
+
Item: React$1.FC<DsRadioGroupItemProps>;
|
|
10258
11130
|
};
|
|
10259
11131
|
//#endregion
|
|
10260
11132
|
//#region src/components/ds-segment-group/ds-segment-group.types.d.ts
|
|
@@ -10266,6 +11138,23 @@ type DsSegmentGroupSize = 'small' | 'default';
|
|
|
10266
11138
|
* Props for the DsSegmentGroup Root component
|
|
10267
11139
|
*/
|
|
10268
11140
|
interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'children'> {
|
|
11141
|
+
/**
|
|
11142
|
+
* Currently selected segment value (controlled). Pair with `onValueChange`.
|
|
11143
|
+
*/
|
|
11144
|
+
value?: SegmentGroupRootProps['value'];
|
|
11145
|
+
/**
|
|
11146
|
+
* Initially selected segment value when uncontrolled.
|
|
11147
|
+
*/
|
|
11148
|
+
defaultValue?: SegmentGroupRootProps['defaultValue'];
|
|
11149
|
+
/**
|
|
11150
|
+
* Whether the entire segment group is disabled.
|
|
11151
|
+
* @default false
|
|
11152
|
+
*/
|
|
11153
|
+
disabled?: SegmentGroupRootProps['disabled'];
|
|
11154
|
+
/**
|
|
11155
|
+
* HTML name attribute used when the group participates in a form submission.
|
|
11156
|
+
*/
|
|
11157
|
+
name?: SegmentGroupRootProps['name'];
|
|
10269
11158
|
/**
|
|
10270
11159
|
* Size variant of the segment group
|
|
10271
11160
|
* @default 'default'
|
|
@@ -10318,45 +11207,127 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
|
|
|
10318
11207
|
* </DsSegmentGroup.Root>
|
|
10319
11208
|
*/
|
|
10320
11209
|
declare const DsSegmentGroup: {
|
|
10321
|
-
Root: React.FC<DsSegmentGroupRootProps>;
|
|
10322
|
-
Item: React.FC<DsSegmentGroupItemProps>;
|
|
10323
|
-
ItemText: React.FC<DsSegmentGroupItemTextProps>;
|
|
11210
|
+
Root: React$1.FC<DsSegmentGroupRootProps>;
|
|
11211
|
+
Item: React$1.FC<DsSegmentGroupItemProps>;
|
|
11212
|
+
ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
|
|
10324
11213
|
};
|
|
10325
11214
|
//#endregion
|
|
10326
11215
|
//#region src/components/ds-typography/ds-typography.config.d.ts
|
|
10327
|
-
declare const
|
|
10328
|
-
readonly 'body-md-reg':
|
|
10329
|
-
|
|
10330
|
-
|
|
10331
|
-
|
|
10332
|
-
readonly 'body-md-
|
|
10333
|
-
|
|
10334
|
-
|
|
10335
|
-
|
|
10336
|
-
readonly 'body-
|
|
10337
|
-
|
|
10338
|
-
|
|
10339
|
-
|
|
10340
|
-
readonly 'body-
|
|
10341
|
-
|
|
10342
|
-
|
|
10343
|
-
|
|
10344
|
-
readonly '
|
|
10345
|
-
|
|
10346
|
-
|
|
10347
|
-
|
|
10348
|
-
readonly
|
|
10349
|
-
|
|
10350
|
-
|
|
11216
|
+
declare const typographyVariantConfig: {
|
|
11217
|
+
readonly 'body-md-reg': {
|
|
11218
|
+
readonly element: 'p';
|
|
11219
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11220
|
+
};
|
|
11221
|
+
readonly 'body-md-md': {
|
|
11222
|
+
readonly element: 'p';
|
|
11223
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11224
|
+
};
|
|
11225
|
+
readonly 'body-md-semi-bold': {
|
|
11226
|
+
readonly element: 'p';
|
|
11227
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11228
|
+
};
|
|
11229
|
+
readonly 'body-md-bold': {
|
|
11230
|
+
readonly element: 'p';
|
|
11231
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11232
|
+
};
|
|
11233
|
+
readonly 'body-md-link': {
|
|
11234
|
+
readonly element: 'a';
|
|
11235
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11236
|
+
};
|
|
11237
|
+
readonly 'body-sm-reg': {
|
|
11238
|
+
readonly element: 'span';
|
|
11239
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11240
|
+
};
|
|
11241
|
+
readonly 'body-sm-md': {
|
|
11242
|
+
readonly element: 'span';
|
|
11243
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11244
|
+
};
|
|
11245
|
+
readonly 'body-sm-semi-bold': {
|
|
11246
|
+
readonly element: 'span';
|
|
11247
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11248
|
+
};
|
|
11249
|
+
readonly 'body-sm-bold': {
|
|
11250
|
+
readonly element: 'span';
|
|
11251
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11252
|
+
};
|
|
11253
|
+
readonly 'body-sm-link': {
|
|
11254
|
+
readonly element: 'a';
|
|
11255
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11256
|
+
};
|
|
11257
|
+
readonly 'body-xs-reg': {
|
|
11258
|
+
readonly element: 'span';
|
|
11259
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11260
|
+
};
|
|
11261
|
+
readonly 'body-xs-md': {
|
|
11262
|
+
readonly element: 'span';
|
|
11263
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11264
|
+
};
|
|
11265
|
+
readonly 'body-xs-semi-bold': {
|
|
11266
|
+
readonly element: 'span';
|
|
11267
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11268
|
+
};
|
|
11269
|
+
readonly 'body-xs-bold': {
|
|
11270
|
+
readonly element: 'span';
|
|
11271
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11272
|
+
};
|
|
11273
|
+
readonly 'body-xs-link': {
|
|
11274
|
+
readonly element: 'a';
|
|
11275
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11276
|
+
};
|
|
11277
|
+
readonly 'code-sm-reg': {
|
|
11278
|
+
readonly element: 'code';
|
|
11279
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11280
|
+
};
|
|
11281
|
+
readonly 'code-sm-semi-bold': {
|
|
11282
|
+
readonly element: 'code';
|
|
11283
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11284
|
+
};
|
|
11285
|
+
readonly 'code-xs-reg': {
|
|
11286
|
+
readonly element: 'code';
|
|
11287
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11288
|
+
};
|
|
11289
|
+
readonly 'code-xs-semi-bold': {
|
|
11290
|
+
readonly element: 'code';
|
|
11291
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11292
|
+
};
|
|
11293
|
+
readonly heading1: {
|
|
11294
|
+
readonly element: 'h1';
|
|
11295
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11296
|
+
};
|
|
11297
|
+
readonly heading2: {
|
|
11298
|
+
readonly element: 'h2';
|
|
11299
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11300
|
+
};
|
|
11301
|
+
readonly heading3: {
|
|
11302
|
+
readonly element: 'h3';
|
|
11303
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11304
|
+
};
|
|
11305
|
+
readonly heading4: {
|
|
11306
|
+
readonly element: 'h4';
|
|
11307
|
+
readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
|
|
11308
|
+
};
|
|
10351
11309
|
};
|
|
11310
|
+
/** Semantic text colors backed by `--font-*` tokens in `_root_new.scss`. */
|
|
11311
|
+
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'];
|
|
10352
11312
|
//#endregion
|
|
10353
11313
|
//#region src/components/ds-typography/ds-typography.types.d.ts
|
|
10354
|
-
type SemanticVariant = keyof typeof
|
|
11314
|
+
type SemanticVariant = keyof typeof typographyVariantConfig;
|
|
11315
|
+
type TypographyColor = (typeof typographyColors)[number];
|
|
10355
11316
|
interface DsTypographyProps {
|
|
11317
|
+
/**
|
|
11318
|
+
* Ref to the rendered element.
|
|
11319
|
+
*/
|
|
11320
|
+
ref?: Ref<HTMLElement>;
|
|
10356
11321
|
/**
|
|
10357
11322
|
* The semantic variant of the component
|
|
10358
11323
|
*/
|
|
10359
11324
|
variant: SemanticVariant;
|
|
11325
|
+
/**
|
|
11326
|
+
* Text color. Semantic names map to `--font-*` tokens; raw CSS color values
|
|
11327
|
+
* (hex, rgb, hsl, CSS variables, named colors) pass through unchanged.
|
|
11328
|
+
* Omit to inherit.
|
|
11329
|
+
*/
|
|
11330
|
+
color?: TypographyColor | (string & {});
|
|
10360
11331
|
/**
|
|
10361
11332
|
* Additional CSS class names
|
|
10362
11333
|
*/
|
|
@@ -10366,7 +11337,7 @@ interface DsTypographyProps {
|
|
|
10366
11337
|
*/
|
|
10367
11338
|
style?: React.CSSProperties;
|
|
10368
11339
|
/**
|
|
10369
|
-
* When true,
|
|
11340
|
+
* When true, composes typography styles onto the child element without extra DOM nodes
|
|
10370
11341
|
*/
|
|
10371
11342
|
asChild?: boolean;
|
|
10372
11343
|
/**
|
|
@@ -10376,14 +11347,21 @@ interface DsTypographyProps {
|
|
|
10376
11347
|
}
|
|
10377
11348
|
//#endregion
|
|
10378
11349
|
//#region src/components/ds-typography/ds-typography.d.ts
|
|
10379
|
-
declare const DsTypography:
|
|
10380
|
-
ref
|
|
10381
|
-
|
|
11350
|
+
declare const DsTypography: ({
|
|
11351
|
+
ref,
|
|
11352
|
+
variant,
|
|
11353
|
+
asChild,
|
|
11354
|
+
className,
|
|
11355
|
+
style,
|
|
11356
|
+
color,
|
|
11357
|
+
children,
|
|
11358
|
+
...props
|
|
11359
|
+
}: DsTypographyProps) => _$react_jsx_runtime0.JSX.Element;
|
|
10382
11360
|
//#endregion
|
|
10383
11361
|
//#region src/components/ds-skeleton/ds-skeleton.types.d.ts
|
|
10384
|
-
declare const skeletonColorVariants: readonly [
|
|
11362
|
+
declare const skeletonColorVariants: readonly ['gray', 'blue'];
|
|
10385
11363
|
type SkeletonColorVariant = (typeof skeletonColorVariants)[number];
|
|
10386
|
-
declare const skeletonRadiusVariants: readonly [
|
|
11364
|
+
declare const skeletonRadiusVariants: readonly ['default', 'round'];
|
|
10387
11365
|
type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];
|
|
10388
11366
|
/**
|
|
10389
11367
|
* Shared base props for all skeleton components
|
|
@@ -10533,7 +11511,7 @@ declare const DsSkeletonRect: ({
|
|
|
10533
11511
|
}: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
|
|
10534
11512
|
//#endregion
|
|
10535
11513
|
//#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
|
|
10536
|
-
declare const colors: readonly [
|
|
11514
|
+
declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
|
|
10537
11515
|
type Color = (typeof colors)[number];
|
|
10538
11516
|
interface DsSmartTabProps {
|
|
10539
11517
|
/**
|
|
@@ -10567,7 +11545,7 @@ interface DsSmartTabProps {
|
|
|
10567
11545
|
/**
|
|
10568
11546
|
* Additional styles to apply to the tab
|
|
10569
11547
|
*/
|
|
10570
|
-
style?: React.CSSProperties;
|
|
11548
|
+
style?: React$1.CSSProperties;
|
|
10571
11549
|
}
|
|
10572
11550
|
interface DsSmartTabsProps {
|
|
10573
11551
|
/**
|
|
@@ -10585,7 +11563,7 @@ interface DsSmartTabsProps {
|
|
|
10585
11563
|
/**
|
|
10586
11564
|
* Additional styles to apply to the component
|
|
10587
11565
|
*/
|
|
10588
|
-
style?: React.CSSProperties;
|
|
11566
|
+
style?: React$1.CSSProperties;
|
|
10589
11567
|
/**
|
|
10590
11568
|
* The tab components as children
|
|
10591
11569
|
*/
|
|
@@ -10593,23 +11571,20 @@ interface DsSmartTabsProps {
|
|
|
10593
11571
|
}
|
|
10594
11572
|
//#endregion
|
|
10595
11573
|
//#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
|
|
10596
|
-
|
|
10597
|
-
|
|
10598
|
-
|
|
10599
|
-
|
|
10600
|
-
|
|
10601
|
-
|
|
10602
|
-
|
|
10603
|
-
|
|
10604
|
-
|
|
10605
|
-
|
|
10606
|
-
|
|
10607
|
-
}: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
|
|
10608
|
-
Tab: React.FC<DsSmartTabProps>;
|
|
10609
|
-
};
|
|
11574
|
+
declare function DsSmartTabs({
|
|
11575
|
+
activeTab,
|
|
11576
|
+
onTabClick,
|
|
11577
|
+
className,
|
|
11578
|
+
style,
|
|
11579
|
+
children,
|
|
11580
|
+
...props
|
|
11581
|
+
}: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
|
|
11582
|
+
declare namespace DsSmartTabs {
|
|
11583
|
+
var Tab: React$1.FC<DsSmartTabProps>;
|
|
11584
|
+
}
|
|
10610
11585
|
//#endregion
|
|
10611
11586
|
//#region src/components/ds-spinner/ds-spinner.types.d.ts
|
|
10612
|
-
declare const spinnerSizes: readonly [
|
|
11587
|
+
declare const spinnerSizes: readonly ['small', 'medium', 'large'];
|
|
10613
11588
|
type SpinnerSize = (typeof spinnerSizes)[number];
|
|
10614
11589
|
interface DsSpinnerProps {
|
|
10615
11590
|
/**
|
|
@@ -10624,35 +11599,43 @@ interface DsSpinnerProps {
|
|
|
10624
11599
|
/**
|
|
10625
11600
|
* Additional styles to apply to the component
|
|
10626
11601
|
*/
|
|
10627
|
-
style?: React.CSSProperties;
|
|
11602
|
+
style?: React$1.CSSProperties;
|
|
10628
11603
|
}
|
|
10629
11604
|
//#endregion
|
|
10630
11605
|
//#region src/components/ds-spinner/ds-spinner.d.ts
|
|
10631
11606
|
/**
|
|
10632
11607
|
* Design system Spinner component
|
|
10633
11608
|
*/
|
|
10634
|
-
declare const DsSpinner: React.FC<DsSpinnerProps>;
|
|
11609
|
+
declare const DsSpinner: React$1.FC<DsSpinnerProps>;
|
|
10635
11610
|
//#endregion
|
|
10636
11611
|
//#region src/utils/type-utils.d.ts
|
|
10637
11612
|
type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
|
|
10638
11613
|
//#endregion
|
|
10639
11614
|
//#region src/components/ds-split-button/ds-split-button.types.d.ts
|
|
10640
|
-
declare const splitButtonSizes: readonly [
|
|
11615
|
+
declare const splitButtonSizes: readonly ['medium', 'small'];
|
|
10641
11616
|
type ButtonSlotProps = Omit<DsButtonV3Props, 'variant' | 'color' | 'size'>;
|
|
10642
11617
|
type SelectSlotProps = DistributiveOmit<DsSelectProps, 'size'>;
|
|
10643
11618
|
interface DsSplitButtonSlotProps {
|
|
11619
|
+
/**
|
|
11620
|
+
* Props forwarded to the primary action button (`DsButtonV3`). `variant`, `color`
|
|
11621
|
+
* and `size` are controlled by the split button and cannot be overridden here.
|
|
11622
|
+
*/
|
|
10644
11623
|
button: ButtonSlotProps;
|
|
11624
|
+
/**
|
|
11625
|
+
* Props forwarded to the dropdown select (`DsSelect`). `size` is controlled by
|
|
11626
|
+
* the split button and cannot be overridden here.
|
|
11627
|
+
*/
|
|
10645
11628
|
select: SelectSlotProps;
|
|
10646
11629
|
}
|
|
10647
11630
|
//#endregion
|
|
10648
11631
|
//#region src/components/ds-split-button/index.d.ts
|
|
10649
11632
|
declare const DsSplitButton: {
|
|
10650
11633
|
(props: {
|
|
10651
|
-
ref?: _$react.Ref<HTMLDivElement
|
|
10652
|
-
className?: string
|
|
10653
|
-
style?: _$react.CSSProperties
|
|
11634
|
+
ref?: _$react.Ref<HTMLDivElement>;
|
|
11635
|
+
className?: string;
|
|
11636
|
+
style?: _$react.CSSProperties;
|
|
10654
11637
|
size?: ResponsiveValue<NonNullable<"medium" | "small" | undefined>> | undefined;
|
|
10655
|
-
disabled?: boolean
|
|
11638
|
+
disabled?: boolean;
|
|
10656
11639
|
slotProps: DsSplitButtonSlotProps;
|
|
10657
11640
|
}): _$react.FunctionComponentElement<Record<string, unknown>>;
|
|
10658
11641
|
displayName: string;
|
|
@@ -10670,18 +11653,18 @@ declare const DsStack: {
|
|
|
10670
11653
|
flexWrap?: ResponsiveValue<NonNullable<_$csstype.Property.FlexWrap | undefined>> | undefined;
|
|
10671
11654
|
width?: ResponsiveValue<NonNullable<_$csstype.Property.Width<string | number> | undefined>> | undefined;
|
|
10672
11655
|
children?: _$react.ReactNode;
|
|
10673
|
-
className?: string
|
|
10674
|
-
style?: _$react.CSSProperties
|
|
10675
|
-
ref?: _$react.Ref<HTMLDivElement
|
|
11656
|
+
className?: string;
|
|
11657
|
+
style?: _$react.CSSProperties;
|
|
11658
|
+
ref?: _$react.Ref<HTMLDivElement>;
|
|
10676
11659
|
}): _$react.FunctionComponentElement<Record<string, unknown>>;
|
|
10677
11660
|
displayName: string;
|
|
10678
11661
|
};
|
|
10679
11662
|
type DsStackProps = ComponentProps<typeof DsStack>;
|
|
10680
11663
|
//#endregion
|
|
10681
11664
|
//#region src/components/ds-status-badge/ds-status-badge.types.d.ts
|
|
10682
|
-
declare const dsStatuses: readonly [
|
|
11665
|
+
declare const dsStatuses: readonly ['active', 'running', 'pending', 'draft', 'inactive', 'warning', 'failed'];
|
|
10683
11666
|
type DsStatus = (typeof dsStatuses)[number];
|
|
10684
|
-
declare const statusBadgeSizes: readonly [
|
|
11667
|
+
declare const statusBadgeSizes: readonly ['medium', 'small'];
|
|
10685
11668
|
type StatusBadgeSize = (typeof statusBadgeSizes)[number];
|
|
10686
11669
|
interface DsStatusBadgeProps {
|
|
10687
11670
|
/**
|
|
@@ -10724,24 +11707,57 @@ interface DsStatusBadgeProps {
|
|
|
10724
11707
|
/**
|
|
10725
11708
|
* Design system StatusBadge component
|
|
10726
11709
|
*/
|
|
10727
|
-
declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
|
|
11710
|
+
declare const DsStatusBadge: React$1.FC<DsStatusBadgeProps>;
|
|
10728
11711
|
//#endregion
|
|
10729
11712
|
//#region src/components/ds-stepper/ds-stepper.types.d.ts
|
|
10730
11713
|
type DsStepperVariant = 'single';
|
|
10731
11714
|
type DsStepperOrientation = 'horizontal' | 'vertical';
|
|
10732
11715
|
type DsStepperProps = PropsWithChildren<{
|
|
11716
|
+
/**
|
|
11717
|
+
* Visual variant of the stepper. Currently only `single` is supported.
|
|
11718
|
+
* @default single
|
|
11719
|
+
*/
|
|
10733
11720
|
variant?: DsStepperVariant;
|
|
11721
|
+
/**
|
|
11722
|
+
* Layout orientation of the stepper.
|
|
11723
|
+
* @default horizontal
|
|
11724
|
+
*/
|
|
10734
11725
|
orientation?: DsStepperOrientation;
|
|
11726
|
+
/**
|
|
11727
|
+
* When `true`, renders the stepper as a floating overlay (typically pinned
|
|
11728
|
+
* to the bottom of the viewport) instead of inline in the layout.
|
|
11729
|
+
* @default false
|
|
11730
|
+
*/
|
|
10735
11731
|
floating?: boolean;
|
|
11732
|
+
/**
|
|
11733
|
+
* Called when the final step completes (i.e., the user finishes the last step).
|
|
11734
|
+
*/
|
|
10736
11735
|
onComplete?: steps.Props['onStepComplete'];
|
|
11736
|
+
/**
|
|
11737
|
+
* Zero-based index of the currently active step (controlled). Pair with
|
|
11738
|
+
* `onStepChange`.
|
|
11739
|
+
*/
|
|
10737
11740
|
activeStep?: steps.Props['step'];
|
|
11741
|
+
/**
|
|
11742
|
+
* Additional CSS class name applied to the stepper root.
|
|
11743
|
+
*/
|
|
10738
11744
|
className?: string;
|
|
10739
11745
|
/**
|
|
10740
11746
|
* Optional actions rendered at the end of the stepper.
|
|
10741
11747
|
* Horizontal: displayed after the steps. Vertical: displayed at the bottom.
|
|
10742
11748
|
*/
|
|
10743
11749
|
actions?: ReactNode;
|
|
10744
|
-
} & Pick<steps.Props, 'onStepChange' | 'count'
|
|
11750
|
+
} & Pick<steps.Props, 'onStepChange' | 'count'> & {
|
|
11751
|
+
/**
|
|
11752
|
+
* Called when the active step changes. Receives the zag-js step-change
|
|
11753
|
+
* details including the new index.
|
|
11754
|
+
*/
|
|
11755
|
+
onStepChange?: steps.Props['onStepChange'];
|
|
11756
|
+
/**
|
|
11757
|
+
* Total number of steps in the stepper.
|
|
11758
|
+
*/
|
|
11759
|
+
count?: steps.Props['count'];
|
|
11760
|
+
}>;
|
|
10745
11761
|
//#endregion
|
|
10746
11762
|
//#region src/components/ds-stepper/ds-stepper.d.ts
|
|
10747
11763
|
declare function DsStepper({
|
|
@@ -10819,7 +11835,7 @@ declare function DsNextStepButton({
|
|
|
10819
11835
|
* @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
|
|
10820
11836
|
* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
|
|
10821
11837
|
*/
|
|
10822
|
-
declare const systemStatuses: readonly [
|
|
11838
|
+
declare const systemStatuses: readonly ['healthy', 'neutral', 'error', 'in-progress', 'pending', 'alert', 'disabled'];
|
|
10823
11839
|
/**
|
|
10824
11840
|
* @deprecated This type is deprecated. Use `DsStatus` from `ds-status-badge` instead.
|
|
10825
11841
|
*/
|
|
@@ -10848,7 +11864,7 @@ interface DsSystemStatusProps {
|
|
|
10848
11864
|
* @deprecated This component is deprecated. Use `DsStatusBadge` instead.
|
|
10849
11865
|
* @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
|
|
10850
11866
|
*/
|
|
10851
|
-
declare const DsSystemStatus: React.FC<DsSystemStatusProps>;
|
|
11867
|
+
declare const DsSystemStatus: React$1.FC<DsSystemStatusProps>;
|
|
10852
11868
|
//#endregion
|
|
10853
11869
|
//#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
|
|
10854
11870
|
/**
|
|
@@ -11003,7 +12019,13 @@ interface FilterState<TValue> {
|
|
|
11003
12019
|
* Column filter for TanStack Table
|
|
11004
12020
|
*/
|
|
11005
12021
|
interface ColumnFilterState<TValue> {
|
|
12022
|
+
/**
|
|
12023
|
+
* Column identifier this filter applies to (matches the column `accessorKey`).
|
|
12024
|
+
*/
|
|
11006
12025
|
id: string;
|
|
12026
|
+
/**
|
|
12027
|
+
* Current filter value, passed to the column's filter function.
|
|
12028
|
+
*/
|
|
11007
12029
|
value: TValue;
|
|
11008
12030
|
}
|
|
11009
12031
|
//#endregion
|
|
@@ -11470,7 +12492,7 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
11470
12492
|
/**
|
|
11471
12493
|
* Ref to the table API
|
|
11472
12494
|
*/
|
|
11473
|
-
ref?: React.RefObject<DsTableApi<TData> | null>;
|
|
12495
|
+
ref?: React$1.RefObject<DsTableApi<TData> | null>;
|
|
11474
12496
|
/**
|
|
11475
12497
|
* Columns of the table
|
|
11476
12498
|
*/
|
|
@@ -11530,7 +12552,7 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
11530
12552
|
/**
|
|
11531
12553
|
* Empty state of the table
|
|
11532
12554
|
*/
|
|
11533
|
-
emptyState?: React.ReactNode;
|
|
12555
|
+
emptyState?: React$1.ReactNode;
|
|
11534
12556
|
/**
|
|
11535
12557
|
* Whether the table has sticky header
|
|
11536
12558
|
*/
|
|
@@ -11559,7 +12581,7 @@ interface DsDataTableProps<TData, TValue> {
|
|
|
11559
12581
|
/**
|
|
11560
12582
|
* Function to render the expanded row
|
|
11561
12583
|
*/
|
|
11562
|
-
renderExpandedRow?: (row: TData) => React.ReactNode;
|
|
12584
|
+
renderExpandedRow?: (row: TData) => React$1.ReactNode;
|
|
11563
12585
|
/**
|
|
11564
12586
|
* Function to handle table creation
|
|
11565
12587
|
*/
|
|
@@ -11815,9 +12837,9 @@ declare const DsTabs: {
|
|
|
11815
12837
|
};
|
|
11816
12838
|
//#endregion
|
|
11817
12839
|
//#region src/components/ds-tag/ds-tag.types.d.ts
|
|
11818
|
-
declare const tagSizes: readonly [
|
|
12840
|
+
declare const tagSizes: readonly ['medium', 'small'];
|
|
11819
12841
|
type TagSize = (typeof tagSizes)[number];
|
|
11820
|
-
declare const tagVariants: readonly [
|
|
12842
|
+
declare const tagVariants: readonly ['default', 'include', 'exclude'];
|
|
11821
12843
|
type TagVariant = (typeof tagVariants)[number];
|
|
11822
12844
|
interface DsTagProps {
|
|
11823
12845
|
/**
|
|
@@ -11836,6 +12858,9 @@ interface DsTagProps {
|
|
|
11836
12858
|
* Locale object (you can pass custom strings for localization)
|
|
11837
12859
|
*/
|
|
11838
12860
|
locale?: {
|
|
12861
|
+
/**
|
|
12862
|
+
* aria-label for the delete button (shown when `onDelete` is provided).
|
|
12863
|
+
*/
|
|
11839
12864
|
deleteAriaLabel?: string;
|
|
11840
12865
|
};
|
|
11841
12866
|
/**
|
|
@@ -11870,6 +12895,9 @@ interface DsTagProps {
|
|
|
11870
12895
|
* @default false
|
|
11871
12896
|
*/
|
|
11872
12897
|
disabled?: boolean;
|
|
12898
|
+
/**
|
|
12899
|
+
* Optional render slots for customizing parts of the tag.
|
|
12900
|
+
*/
|
|
11873
12901
|
slots?: {
|
|
11874
12902
|
/**
|
|
11875
12903
|
* Icon to display at the start of the input
|
|
@@ -11920,6 +12948,10 @@ interface TagFilterItem {
|
|
|
11920
12948
|
* Additional props to pass to the components
|
|
11921
12949
|
*/
|
|
11922
12950
|
slotProps?: {
|
|
12951
|
+
/**
|
|
12952
|
+
* Props forwarded to the underlying `DsTag` rendered for this item. Useful
|
|
12953
|
+
* for per-item overrides such as `variant` or `size`.
|
|
12954
|
+
*/
|
|
11923
12955
|
tag?: Partial<DsTagProps>;
|
|
11924
12956
|
};
|
|
11925
12957
|
}
|
|
@@ -11932,9 +12964,21 @@ interface DsTagFilterProps {
|
|
|
11932
12964
|
* Locale object (you can pass custom strings for localization)
|
|
11933
12965
|
*/
|
|
11934
12966
|
locale?: {
|
|
12967
|
+
/**
|
|
12968
|
+
* Heading label shown above the tag list (e.g., "Filters").
|
|
12969
|
+
*/
|
|
11935
12970
|
label?: string;
|
|
12971
|
+
/**
|
|
12972
|
+
* Label for the "Clear all" button.
|
|
12973
|
+
*/
|
|
11936
12974
|
clearButton?: string;
|
|
12975
|
+
/**
|
|
12976
|
+
* Label for the button that reveals hidden tags when the list overflows.
|
|
12977
|
+
*/
|
|
11937
12978
|
showMore?: string;
|
|
12979
|
+
/**
|
|
12980
|
+
* Label for the button that collapses the expanded list back to the preview.
|
|
12981
|
+
*/
|
|
11938
12982
|
showLess?: string;
|
|
11939
12983
|
};
|
|
11940
12984
|
/**
|
|
@@ -11983,7 +13027,7 @@ declare const DsTagFilter: ({
|
|
|
11983
13027
|
}: DsTagFilterProps) => _$react_jsx_runtime0.JSX.Element | null;
|
|
11984
13028
|
//#endregion
|
|
11985
13029
|
//#region src/components/ds-toast/ds-toast.types.d.ts
|
|
11986
|
-
declare const toastVariants: readonly [
|
|
13030
|
+
declare const toastVariants: readonly ['info', 'success', 'warning', 'error'];
|
|
11987
13031
|
type ToastVariant = (typeof toastVariants)[number];
|
|
11988
13032
|
type DsToastConfig = {
|
|
11989
13033
|
persistent?: never;
|
|
@@ -12069,7 +13113,7 @@ declare const DsToastProvider: FC<DsToastProviderProps>;
|
|
|
12069
13113
|
declare const useToaster: () => DsToastContextType;
|
|
12070
13114
|
//#endregion
|
|
12071
13115
|
//#region src/components/ds-toggle/ds-toggle.types.d.ts
|
|
12072
|
-
declare const toggleSizes: readonly [
|
|
13116
|
+
declare const toggleSizes: readonly ['default', 'small'];
|
|
12073
13117
|
type ToggleSize = (typeof toggleSizes)[number];
|
|
12074
13118
|
/**
|
|
12075
13119
|
* Props for the DsToggle component
|
|
@@ -12160,7 +13204,13 @@ interface DsTooltipProps {
|
|
|
12160
13204
|
* The content to be rendered inside the tooltip
|
|
12161
13205
|
*/
|
|
12162
13206
|
children: ReactNode;
|
|
13207
|
+
/**
|
|
13208
|
+
* Props forwarded to nested sub-components.
|
|
13209
|
+
*/
|
|
12163
13210
|
slotProps?: {
|
|
13211
|
+
/**
|
|
13212
|
+
* Props forwarded to the tooltip content popover (className / inline styles).
|
|
13213
|
+
*/
|
|
12164
13214
|
content?: {
|
|
12165
13215
|
className?: string;
|
|
12166
13216
|
style?: CSSProperties;
|
|
@@ -12173,14 +13223,34 @@ declare const DsTooltip: FC<DsTooltipProps>;
|
|
|
12173
13223
|
//#endregion
|
|
12174
13224
|
//#region src/components/ds-tree/ds-tree.types.d.ts
|
|
12175
13225
|
interface DsTreeNode {
|
|
13226
|
+
/**
|
|
13227
|
+
* Stable identifier for the node. Used as the key in selection, expansion, and
|
|
13228
|
+
* checked-state arrays.
|
|
13229
|
+
*/
|
|
12176
13230
|
id: string;
|
|
13231
|
+
/**
|
|
13232
|
+
* Display name rendered for the node
|
|
13233
|
+
*/
|
|
12177
13234
|
name: string;
|
|
13235
|
+
/**
|
|
13236
|
+
* Whether the node is disabled and cannot be selected, expanded, or checked.
|
|
13237
|
+
* @default false
|
|
13238
|
+
*/
|
|
12178
13239
|
disabled?: boolean;
|
|
13240
|
+
/**
|
|
13241
|
+
* Optional icon rendered before the node name
|
|
13242
|
+
*/
|
|
12179
13243
|
icon?: IconType;
|
|
13244
|
+
/**
|
|
13245
|
+
* Optional status indicator shown next to the node (e.g., active/inactive filter).
|
|
13246
|
+
*/
|
|
12180
13247
|
status?: FilterStatus;
|
|
13248
|
+
/**
|
|
13249
|
+
* Child nodes rendered under this node when it is expanded. Leaf nodes omit this.
|
|
13250
|
+
*/
|
|
12181
13251
|
children?: DsTreeNode[];
|
|
12182
13252
|
}
|
|
12183
|
-
declare const dsTreeSizes: readonly [
|
|
13253
|
+
declare const dsTreeSizes: readonly ['medium', 'small'];
|
|
12184
13254
|
type DsTreeSize = (typeof dsTreeSizes)[number];
|
|
12185
13255
|
interface DsTreeBaseProps {
|
|
12186
13256
|
className?: string;
|
|
@@ -12190,28 +13260,84 @@ interface DsTreeBasePropsWithChildren extends DsTreeBaseProps {
|
|
|
12190
13260
|
children?: ReactNode;
|
|
12191
13261
|
}
|
|
12192
13262
|
interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBasePropsWithChildren {
|
|
13263
|
+
/**
|
|
13264
|
+
* Ark UI tree collection describing the node hierarchy. Build it with
|
|
13265
|
+
* `createTreeCollection` and pass the resulting collection in.
|
|
13266
|
+
*/
|
|
12193
13267
|
collection: TreeView.RootProps<T>['collection'];
|
|
13268
|
+
/**
|
|
13269
|
+
* Controls visual density of tree rows.
|
|
13270
|
+
* @default medium
|
|
13271
|
+
*/
|
|
12194
13272
|
size?: DsTreeSize;
|
|
13273
|
+
/**
|
|
13274
|
+
* Ref forwarded to the tree root element
|
|
13275
|
+
*/
|
|
12195
13276
|
ref?: Ref<HTMLDivElement>;
|
|
13277
|
+
/**
|
|
13278
|
+
* Ids of currently selected nodes (controlled). Use with `onSelectionChange`.
|
|
13279
|
+
*/
|
|
12196
13280
|
selectedValue?: string[];
|
|
13281
|
+
/**
|
|
13282
|
+
* Ids of nodes selected initially when uncontrolled.
|
|
13283
|
+
*/
|
|
12197
13284
|
defaultSelectedValue?: string[];
|
|
13285
|
+
/**
|
|
13286
|
+
* Called when node selection changes. Receives the Ark selection details
|
|
13287
|
+
* including the new `selectedValue` array.
|
|
13288
|
+
*/
|
|
12198
13289
|
onSelectionChange?: TreeView.RootProps<T>['onSelectionChange'];
|
|
13290
|
+
/**
|
|
13291
|
+
* Whether only one node can be selected at a time (`single`) or multiple
|
|
13292
|
+
* selections are allowed (`multiple`).
|
|
13293
|
+
* @default single
|
|
13294
|
+
*/
|
|
12199
13295
|
selectionMode?: 'single' | 'multiple';
|
|
13296
|
+
/**
|
|
13297
|
+
* Ids of currently expanded branch nodes (controlled). Use with `onExpandedChange`.
|
|
13298
|
+
*/
|
|
12200
13299
|
expandedValue?: string[];
|
|
13300
|
+
/**
|
|
13301
|
+
* Ids of branch nodes expanded initially when uncontrolled.
|
|
13302
|
+
*/
|
|
12201
13303
|
defaultExpandedValue?: string[];
|
|
13304
|
+
/**
|
|
13305
|
+
* Called when the set of expanded nodes changes. Receives the Ark expansion
|
|
13306
|
+
* details including the new `expandedValue` array.
|
|
13307
|
+
*/
|
|
12202
13308
|
onExpandedChange?: TreeView.RootProps<T>['onExpandedChange'];
|
|
13309
|
+
/**
|
|
13310
|
+
* Whether clicking anywhere on a branch row toggles its expansion in addition
|
|
13311
|
+
* to clicking the branch indicator.
|
|
13312
|
+
* @default false
|
|
13313
|
+
*/
|
|
12203
13314
|
expandOnClick?: boolean;
|
|
13315
|
+
/**
|
|
13316
|
+
* Ids of nodes currently in the "checked" state (for checkbox trees). Use with
|
|
13317
|
+
* `onCheckedChange`.
|
|
13318
|
+
*/
|
|
12204
13319
|
checkedValue?: string[];
|
|
13320
|
+
/**
|
|
13321
|
+
* Ids of nodes initially checked when uncontrolled.
|
|
13322
|
+
*/
|
|
12205
13323
|
defaultCheckedValue?: string[];
|
|
13324
|
+
/**
|
|
13325
|
+
* Called when the set of checked nodes changes. Receives the Ark checked-change
|
|
13326
|
+
* details including the new `checkedValue` array.
|
|
13327
|
+
*/
|
|
12206
13328
|
onCheckedChange?: TreeView.RootProps<T>['onCheckedChange'];
|
|
12207
13329
|
/**
|
|
12208
|
-
* Whether to enable typeahead navigation — typing characters focuses matching nodes
|
|
13330
|
+
* Whether to enable typeahead navigation — typing characters focuses matching nodes.
|
|
12209
13331
|
*/
|
|
12210
13332
|
typeahead?: boolean;
|
|
12211
13333
|
/**
|
|
12212
|
-
* Whether to defer mounting of branch content until a branch is first expanded
|
|
13334
|
+
* Whether to defer mounting of branch content until a branch is first expanded.
|
|
12213
13335
|
*/
|
|
12214
13336
|
lazyMount?: boolean;
|
|
13337
|
+
/**
|
|
13338
|
+
* Whether to unmount branch content when the branch is collapsed (vs. hiding it).
|
|
13339
|
+
* Pair with `lazyMount` to control mounting strategy.
|
|
13340
|
+
*/
|
|
12215
13341
|
unmountOnExit?: boolean;
|
|
12216
13342
|
}
|
|
12217
13343
|
type DsTreeTreeProps = DsTreeBasePropsWithChildren;
|
|
@@ -12222,12 +13348,18 @@ type DsTreeBranchTextProps = DsTreeBasePropsWithChildren;
|
|
|
12222
13348
|
type DsTreeBranchContentProps = DsTreeBasePropsWithChildren;
|
|
12223
13349
|
type DsTreeBranchIndentGuideProps = DsTreeBaseProps;
|
|
12224
13350
|
interface DsTreeItemProps extends DsTreeBasePropsWithChildren {
|
|
13351
|
+
/**
|
|
13352
|
+
* Called when the leaf item is clicked. Receives the native mouse event.
|
|
13353
|
+
*/
|
|
12225
13354
|
onClick?: (event: MouseEvent<HTMLDivElement>) => void;
|
|
12226
13355
|
}
|
|
12227
13356
|
type DsTreeItemTextProps = DsTreeBasePropsWithChildren;
|
|
12228
13357
|
type DsTreeItemIndicatorProps = DsTreeBaseProps;
|
|
12229
13358
|
type DsTreeNodeCheckboxProps = DsTreeBaseProps;
|
|
12230
13359
|
interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
|
|
13360
|
+
/**
|
|
13361
|
+
* Called when the row action button is clicked. Receives the native mouse event.
|
|
13362
|
+
*/
|
|
12231
13363
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
12232
13364
|
}
|
|
12233
13365
|
//#endregion
|
|
@@ -12388,48 +13520,78 @@ interface DsVerticalTabsContentProps {
|
|
|
12388
13520
|
}
|
|
12389
13521
|
//#endregion
|
|
12390
13522
|
//#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
|
|
12391
|
-
|
|
12392
|
-
|
|
12393
|
-
|
|
12394
|
-
|
|
12395
|
-
|
|
12396
|
-
|
|
12397
|
-
|
|
12398
|
-
|
|
12399
|
-
|
|
12400
|
-
* <span className={styles.badge}>5</span>
|
|
12401
|
-
* </DsVerticalTabs.Tab>
|
|
12402
|
-
* <DsVerticalTabs.Tab value="date">Date</DsVerticalTabs.Tab>
|
|
12403
|
-
* </DsVerticalTabs.List>
|
|
12404
|
-
* <DsVerticalTabs.Content value="status">Status filters...</DsVerticalTabs.Content>
|
|
12405
|
-
* <DsVerticalTabs.Content value="date">Date filters...</DsVerticalTabs.Content>
|
|
12406
|
-
* </DsVerticalTabs>
|
|
12407
|
-
* ```
|
|
12408
|
-
*/
|
|
12409
|
-
declare const DsVerticalTabs: {
|
|
12410
|
-
({
|
|
12411
|
-
value,
|
|
12412
|
-
onValueChange,
|
|
12413
|
-
className,
|
|
12414
|
-
style,
|
|
12415
|
-
children
|
|
12416
|
-
}: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
|
|
12417
|
-
List: ({
|
|
13523
|
+
declare function DsVerticalTabs({
|
|
13524
|
+
value,
|
|
13525
|
+
onValueChange,
|
|
13526
|
+
className,
|
|
13527
|
+
style,
|
|
13528
|
+
children
|
|
13529
|
+
}: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
|
|
13530
|
+
declare namespace DsVerticalTabs {
|
|
13531
|
+
var List: ({
|
|
12418
13532
|
className,
|
|
12419
13533
|
children
|
|
12420
13534
|
}: DsVerticalTabsListProps) => _$react_jsx_runtime0.JSX.Element;
|
|
12421
|
-
|
|
13535
|
+
}
|
|
13536
|
+
declare namespace DsVerticalTabs {
|
|
13537
|
+
var Tab: ({
|
|
12422
13538
|
value,
|
|
12423
13539
|
disabled,
|
|
12424
13540
|
className,
|
|
12425
13541
|
children
|
|
12426
13542
|
}: DsVerticalTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
|
|
12427
|
-
|
|
13543
|
+
}
|
|
13544
|
+
declare namespace DsVerticalTabs {
|
|
13545
|
+
var Content: ({
|
|
12428
13546
|
value,
|
|
12429
13547
|
className,
|
|
12430
13548
|
children
|
|
12431
13549
|
}: DsVerticalTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
|
|
12432
|
-
}
|
|
13550
|
+
}
|
|
13551
|
+
//#endregion
|
|
13552
|
+
//#region src/components/ds-workspace/ds-workspace.types.d.ts
|
|
13553
|
+
interface DsWorkspaceProps extends ComponentPropsWithRef<'div'> {
|
|
13554
|
+
/**
|
|
13555
|
+
* Whether the workspace should fill its parent height (`100%`) instead of the viewport (`100vh`).
|
|
13556
|
+
* @default false
|
|
13557
|
+
*/
|
|
13558
|
+
fillParent?: boolean;
|
|
13559
|
+
}
|
|
13560
|
+
type DsWorkspaceHeaderProps = ComponentPropsWithRef<'header'>;
|
|
13561
|
+
type DsWorkspaceSubHeaderProps = ComponentPropsWithRef<'div'>;
|
|
13562
|
+
type DsWorkspaceContentProps = ComponentPropsWithRef<'div'>;
|
|
13563
|
+
type DsWorkspaceFooterProps = ComponentPropsWithRef<'footer'>;
|
|
13564
|
+
//#endregion
|
|
13565
|
+
//#region src/components/ds-workspace/ds-workspace.d.ts
|
|
13566
|
+
declare function DsWorkspace({
|
|
13567
|
+
className,
|
|
13568
|
+
fillParent,
|
|
13569
|
+
...rest
|
|
13570
|
+
}: DsWorkspaceProps): _$react_jsx_runtime0.JSX.Element;
|
|
13571
|
+
declare namespace DsWorkspace {
|
|
13572
|
+
var Header: ({
|
|
13573
|
+
className,
|
|
13574
|
+
...rest
|
|
13575
|
+
}: DsWorkspaceHeaderProps) => _$react_jsx_runtime0.JSX.Element;
|
|
13576
|
+
}
|
|
13577
|
+
declare namespace DsWorkspace {
|
|
13578
|
+
var SubHeader: ({
|
|
13579
|
+
className,
|
|
13580
|
+
...rest
|
|
13581
|
+
}: DsWorkspaceSubHeaderProps) => _$react_jsx_runtime0.JSX.Element;
|
|
13582
|
+
}
|
|
13583
|
+
declare namespace DsWorkspace {
|
|
13584
|
+
var Content: ({
|
|
13585
|
+
className,
|
|
13586
|
+
...rest
|
|
13587
|
+
}: DsWorkspaceContentProps) => _$react_jsx_runtime0.JSX.Element;
|
|
13588
|
+
}
|
|
13589
|
+
declare namespace DsWorkspace {
|
|
13590
|
+
var Footer: ({
|
|
13591
|
+
className,
|
|
13592
|
+
...rest
|
|
13593
|
+
}: DsWorkspaceFooterProps) => _$react_jsx_runtime0.JSX.Element;
|
|
13594
|
+
}
|
|
12433
13595
|
//#endregion
|
|
12434
|
-
export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, 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, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, 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, DsTree, DsTreeBaseProps, DsTreeBasePropsWithChildren, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, type UploadedFile, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
|
|
13596
|
+
export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, CheckedState, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, 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, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, 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, DsTree, DsTreeBaseProps, DsTreeBasePropsWithChildren, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspace, type DsWorkspaceContentProps, type DsWorkspaceFooterProps, type DsWorkspaceHeaderProps, type DsWorkspaceProps, type DsWorkspaceSubHeaderProps, 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, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, TypographyColor, type UploadedFile, UseCheckboxSelectAllOptions, UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
|
|
12435
13597
|
//# sourceMappingURL=index.d.ts.map
|