@wallarm-org/design-system 0.87.0 → 0.88.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/dist/components/Alert/Alert.d.ts +1 -1
- package/dist/components/AnimatedBackground/pixel/module/celebration.d.ts +2 -2
- package/dist/components/AnimatedBackground/pixel/module/game-logic.d.ts +1 -1
- package/dist/components/AppShell/story-content/_storyLib.d.ts +1 -1
- package/dist/components/Badge/classes.d.ts +2 -2
- package/dist/components/Badge/constants.d.ts +26 -26
- package/dist/components/Banner/classes.d.ts +4 -4
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/ButtonBase/classes.d.ts +1 -1
- package/dist/components/Calendar/CalendarContext.d.ts +4 -4
- package/dist/components/Calendar/CalendarTrigger.d.ts +4 -12
- package/dist/components/Calendar/const.d.ts +2 -2
- package/dist/components/Checkbox/CheckboxGroup.d.ts +1 -1
- package/dist/components/Code/Code.d.ts +3 -3
- package/dist/components/CodeSnippet/CodeSnippetRoot.d.ts +5 -8
- package/dist/components/CodeSnippet/lib/httpFolds.d.ts +2 -2
- package/dist/components/Country/Country.d.ts +1 -1
- package/dist/components/Country/CountryFlag.d.ts +1 -1
- package/dist/components/Country/countries.d.ts +497 -497
- package/dist/components/DropdownMenu/classes.d.ts +1 -1
- package/dist/components/DropdownMenu/classes.js +1 -1
- package/dist/components/Field/Field.d.ts +1 -1
- package/dist/components/FilterInput/FilterInputField/FilterInputChip/classes.d.ts +1 -1
- package/dist/components/FilterInput/FilterInputField/FilterInputChip/segmentVariant.d.ts +3 -3
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/FlatValueMenu.js +1 -0
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/NestedValueMenuItem.js +1 -26
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/ValueMenuItem.d.ts +2 -0
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/ValueMenuItem.js +4 -3
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/highlightMatch.d.ts +11 -0
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/highlightMatch.js +28 -0
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/useNestedValueMenuState.js +2 -2
- package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/valueOptionSearchText.d.ts +1 -1
- package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/lib/valueResolution.d.ts +1 -1
- package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useChipCascade.d.ts +1 -1
- package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useFilterInputAutocomplete.d.ts +2 -2
- package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useMenuPositioning.d.ts +1 -1
- package/dist/components/FilterInput/hooks/useFilterInputExpression/buildChips.d.ts +1 -1
- package/dist/components/FilterInput/hooks/useFilterInputExpression/buildChips.js +1 -1
- package/dist/components/FilterInput/hooks/useFilterInputExpression/expression.d.ts +2 -2
- package/dist/components/FilterInput/hooks/useFilterInputExpression/useFilterInputExpression.d.ts +2 -2
- package/dist/components/FilterInput/hooks/useFilterInputPositioning.d.ts +1 -1
- package/dist/components/FilterInput/hooks/useFilterInputSelection/lib/serialize.d.ts +1 -1
- package/dist/components/FilterInput/lib/applyKnownFieldHelpers.d.ts +1 -1
- package/dist/components/FilterInput/lib/collapseValuesToLabels.d.ts +20 -18
- package/dist/components/FilterInput/lib/collapseValuesToLabels.js +12 -19
- package/dist/components/FilterInput/lib/conditions.d.ts +2 -2
- package/dist/components/FilterInput/lib/constants.d.ts +6 -3
- package/dist/components/FilterInput/lib/constants.js +1 -1
- package/dist/components/FilterInput/lib/index.d.ts +1 -1
- package/dist/components/FilterInput/lib/index.js +1 -1
- package/dist/components/FilterInput/lib/validation.d.ts +1 -1
- package/dist/components/Flex/Flex.d.ts +6 -6
- package/dist/components/Heading/Heading.d.ts +3 -3
- package/dist/components/InlineEdit/InlineEditSelect.d.ts +4 -4
- package/dist/components/Input/classes.d.ts +1 -1
- package/dist/components/InputGroup/InputGroup.d.ts +1 -1
- package/dist/components/InputGroup/InputGroupAddon.d.ts +2 -2
- package/dist/components/Ip/constants.d.ts +21 -21
- package/dist/components/Kbd/Kbd.d.ts +1 -1
- package/dist/components/Link/classes.d.ts +3 -3
- package/dist/components/Loader/Loader.d.ts +2 -2
- package/dist/components/Logo/classes.d.ts +1 -1
- package/dist/components/NumberInput/classes.d.ts +4 -4
- package/dist/components/NumericBadge/classes.d.ts +2 -2
- package/dist/components/OverflowTooltip/OverflowTooltip.d.ts +4 -8
- package/dist/components/OverflowTooltip/OverflowTooltipContent.d.ts +4 -7
- package/dist/components/Pagination/classes.d.ts +2 -2
- package/dist/components/ParameterPath/constants.d.ts +7 -7
- package/dist/components/Popover/PopoverContent.js +5 -19
- package/dist/components/Popover/constants.d.ts +0 -1
- package/dist/components/Popover/constants.js +1 -2
- package/dist/components/Progress/classes.d.ts +2 -2
- package/dist/components/Progress/constants.d.ts +22 -22
- package/dist/components/Radio/RadioGroup.d.ts +1 -1
- package/dist/components/SegmentedControl/SegmentedControlSeparator.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +4 -4
- package/dist/components/Select/SelectInput/SelectInputOverflowRenderer.d.ts +1 -1
- package/dist/components/Selection/Selection.d.ts +4 -4
- package/dist/components/Separator/Separator.d.ts +1 -1
- package/dist/components/SimpleCharts/BarList/classes.d.ts +3 -3
- package/dist/components/SimpleCharts/LineChart/constants.d.ts +2 -2
- package/dist/components/SimpleCharts/PieChart/classes.d.ts +2 -2
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/SplashScreen/classes.d.ts +4 -4
- package/dist/components/Stack/Stack.d.ts +5 -5
- package/dist/components/Table/Table.d.ts +4 -4
- package/dist/components/Table/TableBody/TableBodyCell.d.ts +4 -4
- package/dist/components/Table/TableColumnMenu/TableColumnMenu.d.ts +4 -16
- package/dist/components/Table/TableHeadCell.d.ts +4 -4
- package/dist/components/Table/TableImperativeBridge.d.ts +4 -9
- package/dist/components/Table/TableMasterCellActions.d.ts +4 -4
- package/dist/components/Table/TableResizeHandler.d.ts +4 -4
- package/dist/components/Table/TableRow.d.ts +1 -1
- package/dist/components/Table/TableRowExpanded.d.ts +4 -4
- package/dist/components/Table/TableSettingsMenu/TableSettingsMenuItem.d.ts +4 -4
- package/dist/components/Table/TableSortHandler.d.ts +4 -4
- package/dist/components/Table/TableSortTrigger.d.ts +4 -19
- package/dist/components/Table/lib/detectDataChange.d.ts +1 -1
- package/dist/components/Table/lib/isLastPinnedLeft.d.ts +2 -2
- package/dist/components/Tabs/classes.d.ts +1 -1
- package/dist/components/Text/Text.d.ts +5 -5
- package/dist/components/Textarea/classes.d.ts +2 -2
- package/dist/components/Toast/Toast.d.ts +4 -4
- package/dist/components/Toast/ToastClose.d.ts +4 -4
- package/dist/components/Toast/useToast.d.ts +4 -4
- package/dist/components/ToggleButton/ToggleButton.d.ts +1 -1
- package/dist/components/Tour/lib/waitForStepEvent.d.ts +1 -1
- package/dist/components/WallyIcon/classes.d.ts +1 -1
- package/dist/icons/SvgIcon.d.ts +1 -1
- package/dist/metadata/components.json +39 -4
- package/dist/theme/index.css +22 -0
- package/dist/utils/hasNonTextEnd.d.ts +1 -1
- package/dist/utils/isIconOnly.d.ts +1 -1
- package/package.json +15 -17
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
export declare const datacenters: {
|
|
2
|
-
readonly alibaba:
|
|
3
|
-
readonly aws:
|
|
4
|
-
readonly azure:
|
|
5
|
-
readonly docean:
|
|
6
|
-
readonly gce:
|
|
7
|
-
readonly hetzner:
|
|
8
|
-
readonly huawei:
|
|
9
|
-
readonly ibm:
|
|
10
|
-
readonly linode:
|
|
11
|
-
readonly oracle:
|
|
12
|
-
readonly ovh:
|
|
13
|
-
readonly plusserver:
|
|
14
|
-
readonly rackspace:
|
|
15
|
-
readonly tencent:
|
|
2
|
+
readonly alibaba: 'Alibaba Cloud';
|
|
3
|
+
readonly aws: 'AWS';
|
|
4
|
+
readonly azure: 'Azure';
|
|
5
|
+
readonly docean: 'Digital Ocean';
|
|
6
|
+
readonly gce: 'GCP';
|
|
7
|
+
readonly hetzner: 'Hetzner';
|
|
8
|
+
readonly huawei: 'Huawei Cloud';
|
|
9
|
+
readonly ibm: 'IBM Cloud';
|
|
10
|
+
readonly linode: 'Linode';
|
|
11
|
+
readonly oracle: 'Oracle Cloud';
|
|
12
|
+
readonly ovh: 'OVHcloud';
|
|
13
|
+
readonly plusserver: 'PlusServer';
|
|
14
|
+
readonly rackspace: 'Rackspace';
|
|
15
|
+
readonly tencent: 'Tencent';
|
|
16
16
|
};
|
|
17
17
|
export declare const proxyTypes: {
|
|
18
|
-
readonly TOR:
|
|
19
|
-
readonly VPN:
|
|
20
|
-
readonly DCH:
|
|
21
|
-
readonly SES:
|
|
22
|
-
readonly MIP:
|
|
23
|
-
readonly WEB:
|
|
24
|
-
readonly PUB:
|
|
18
|
+
readonly TOR: 'Tor';
|
|
19
|
+
readonly VPN: 'VPN';
|
|
20
|
+
readonly DCH: 'DC';
|
|
21
|
+
readonly SES: 'Search engine spiders';
|
|
22
|
+
readonly MIP: 'Malicious IPs';
|
|
23
|
+
readonly WEB: 'Web proxy';
|
|
24
|
+
readonly PUB: 'Public proxy';
|
|
25
25
|
};
|
|
26
26
|
export type DatacenterKey = keyof typeof datacenters;
|
|
27
27
|
export type ProxyTypeKey = keyof typeof proxyTypes;
|
|
@@ -2,7 +2,7 @@ import type { ComponentProps, FC } from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import type { TestableProps } from '../../utils/testId';
|
|
4
4
|
declare const kbdVariants: (props?: ({
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "medium" | "small" | "xsmall" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
type KbdVariantsProps = VariantProps<typeof kbdVariants>;
|
|
8
8
|
type KbdProps = ComponentProps<'kbd'> & KbdVariantsProps & TestableProps;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const linkVariants: (props?: ({
|
|
2
|
-
type?: "
|
|
3
|
-
size?: "
|
|
4
|
-
weight?: "
|
|
2
|
+
type?: "alt" | "default" | "muted" | "table" | null | undefined;
|
|
3
|
+
size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
|
|
4
|
+
weight?: "medium" | "regular" | null | undefined;
|
|
5
5
|
disabled?: boolean | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -2,8 +2,8 @@ import type { FC } from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import type { TestableProps } from '../../utils/testId';
|
|
4
4
|
declare const loaderVariants: (props?: ({
|
|
5
|
-
size?: "
|
|
6
|
-
color?: "
|
|
5
|
+
size?: "2xl" | "3xl" | "lg" | "md" | "sm" | "xl" | null | undefined;
|
|
6
|
+
color?: "brand" | "danger" | "primary" | "primary-alt" | "primary-alt-fixed" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
type LoaderType = 'circle' | 'sonner';
|
|
9
9
|
type LoaderVariantsProps = VariantProps<typeof loaderVariants>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export declare const numberInputRootVariants: (props?: ({
|
|
2
|
-
size?: "
|
|
2
|
+
size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
|
|
3
3
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4
4
|
export declare const numberInputFieldVariants: (props?: ({
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
export declare const numberInputControlVariants: (props?: ({
|
|
8
|
-
size?: "
|
|
8
|
+
size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
10
|
export declare const numberInputTriggerVariants: (props?: ({
|
|
11
|
-
size?: "
|
|
11
|
+
size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
|
|
12
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const numericBadgeVariants: (props?: ({
|
|
2
|
-
type?: "
|
|
3
|
-
size?: "
|
|
2
|
+
type?: "brand" | "destructive" | "info" | "outline" | "primary" | "primary-alt" | null | undefined;
|
|
3
|
+
size?: "default" | "small" | null | undefined;
|
|
4
4
|
clickable?: boolean | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -5,11 +5,7 @@ export interface OverflowTooltipProps {
|
|
|
5
5
|
forceTooltip?: boolean;
|
|
6
6
|
positioning?: TooltipProps['positioning'];
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export declare const OverflowTooltip: {
|
|
13
|
-
({ children, forceTooltip, positioning, }: OverflowTooltipProps): import("react").JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
8
|
+
export declare function OverflowTooltip({ children, forceTooltip, positioning, }: OverflowTooltipProps): import("react").JSX.Element;
|
|
9
|
+
export declare namespace OverflowTooltip {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
@@ -4,10 +4,7 @@ export interface OverflowTooltipContentProps {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
maxWidth?: number;
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
({ children, className, maxWidth, }: OverflowTooltipContentProps): import("react").JSX.Element;
|
|
12
|
-
displayName: string;
|
|
13
|
-
};
|
|
7
|
+
export declare function OverflowTooltipContent({ children, className, maxWidth, }: OverflowTooltipContentProps): import("react").JSX.Element;
|
|
8
|
+
export declare namespace OverflowTooltipContent {
|
|
9
|
+
var displayName: string;
|
|
10
|
+
}
|
|
@@ -2,8 +2,8 @@ export declare const paginationVariants: (props?: ({
|
|
|
2
2
|
align?: "center" | "left" | "right" | null | undefined;
|
|
3
3
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4
4
|
export declare const paginationItemVariants: (props?: ({
|
|
5
|
-
size?: "
|
|
5
|
+
size?: "medium" | "small" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
export declare const paginationEllipsisVariants: (props?: ({
|
|
8
|
-
size?: "
|
|
8
|
+
size?: "medium" | "small" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export declare const MEASURE: {
|
|
2
|
-
readonly method:
|
|
3
|
-
readonly joint:
|
|
4
|
-
readonly segment:
|
|
5
|
-
readonly encoding:
|
|
6
|
-
readonly ellipsis:
|
|
2
|
+
readonly method: 'method';
|
|
3
|
+
readonly joint: 'joint';
|
|
4
|
+
readonly segment: 'segment';
|
|
5
|
+
readonly encoding: 'encoding';
|
|
6
|
+
readonly ellipsis: 'ellipsis';
|
|
7
7
|
};
|
|
8
8
|
export declare const ROW: {
|
|
9
|
-
readonly visible:
|
|
10
|
-
readonly measure:
|
|
9
|
+
readonly visible: 'visible';
|
|
10
|
+
readonly measure: 'measure';
|
|
11
11
|
};
|
|
12
12
|
export declare const EXPAND_KEYS: readonly string[];
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import { jsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { Popover, usePopoverContext } from "@ark-ui/react";
|
|
4
4
|
import { Portal } from "@ark-ui/react/portal";
|
|
5
5
|
import { cn } from "../../utils/cn.js";
|
|
6
6
|
import { useTestId } from "../../utils/testId.js";
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
const PopoverContent = ({ children, minHeight = POPOVER_MIN_HEIGHT, maxHeight = POPOVER_MAX_HEIGHT, minWidth = POPOVER_MIN_WIDTH, maxWidth = POPOVER_MAX_WIDTH, className, 'data-testid': testIdProp, ...rest })=>{
|
|
7
|
+
import { POPOVER_MAX_HEIGHT, POPOVER_MAX_WIDTH, POPOVER_MIN_WIDTH } from "./constants.js";
|
|
8
|
+
const PopoverContent = ({ children, minHeight, maxHeight = POPOVER_MAX_HEIGHT, minWidth = POPOVER_MIN_WIDTH, maxWidth = POPOVER_MAX_WIDTH, className, 'data-testid': testIdProp, ...rest })=>{
|
|
10
9
|
const testId = useTestId('content', testIdProp);
|
|
11
10
|
const { getContentProps } = usePopoverContext();
|
|
12
11
|
const { id } = getContentProps();
|
|
@@ -28,21 +27,8 @@ const PopoverContent = ({ children, minHeight = POPOVER_MIN_HEIGHT, maxHeight =
|
|
|
28
27
|
id: id,
|
|
29
28
|
"data-testid": testId,
|
|
30
29
|
style: style,
|
|
31
|
-
className: cn('flex flex-col', 'min-w-(--popover-min-width)', 'max-w-[clamp(var(--popover-min-width),var(--available-width),var(--popover-max-width))]', 'min-h-(--popover-min-height)', 'max-h-[clamp(var(--popover-min-height),var(--available-height),var(--popover-max-height))]', 'p-12 bg-bg-surface-2 rounded-12 border border-border-primary-light shadow-md text-text-primary', 'z-[calc(var(--drawer-positioner-z-index)+(var(--layer-index,0)*var(--drawer-level-ratio)))]', '
|
|
32
|
-
|
|
33
|
-
children: /*#__PURE__*/ jsxs(ScrollArea, {
|
|
34
|
-
ids: {
|
|
35
|
-
root: id
|
|
36
|
-
},
|
|
37
|
-
children: [
|
|
38
|
-
/*#__PURE__*/ jsx(ScrollAreaViewport, {
|
|
39
|
-
children: /*#__PURE__*/ jsx(ScrollAreaContent, {
|
|
40
|
-
children: children
|
|
41
|
-
})
|
|
42
|
-
}),
|
|
43
|
-
/*#__PURE__*/ jsx(ScrollAreaScrollbar, {})
|
|
44
|
-
]
|
|
45
|
-
})
|
|
30
|
+
className: cn('flex flex-col overflow-auto', 'min-w-(--popover-min-width)', 'max-w-[clamp(var(--popover-min-width),var(--available-width),var(--popover-max-width))]', 'min-h-(--popover-min-height)', 'max-h-[clamp(var(--popover-min-height,0px),var(--available-height),var(--popover-max-height))]', 'p-12 bg-bg-surface-2 rounded-12 border border-border-primary-light shadow-md text-text-primary', 'z-[calc(var(--drawer-positioner-z-index)+(var(--layer-index,0)*var(--drawer-level-ratio)))]', 'overscroll-contain', 'animate-in fade-in-0 zoom-in-95 origin-[--radix-tooltip-content-transform-origin]', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2', 'data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2', 'data-[side=top]:slide-in-from-bottom-2', className),
|
|
31
|
+
children: children
|
|
46
32
|
})
|
|
47
33
|
})
|
|
48
34
|
});
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import type { PopoverSizeDimension } from './types';
|
|
2
|
-
export declare const POPOVER_MIN_HEIGHT: PopoverSizeDimension;
|
|
3
2
|
export declare const POPOVER_MAX_HEIGHT: PopoverSizeDimension;
|
|
4
3
|
export declare const POPOVER_MIN_WIDTH: PopoverSizeDimension;
|
|
5
4
|
export declare const POPOVER_MAX_WIDTH: PopoverSizeDimension;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
const POPOVER_MIN_HEIGHT = '156px';
|
|
2
1
|
const POPOVER_MAX_HEIGHT = '560px';
|
|
3
2
|
const POPOVER_MIN_WIDTH = '256px';
|
|
4
3
|
const POPOVER_MAX_WIDTH = '560px';
|
|
5
|
-
export { POPOVER_MAX_HEIGHT, POPOVER_MAX_WIDTH,
|
|
4
|
+
export { POPOVER_MAX_HEIGHT, POPOVER_MAX_WIDTH, POPOVER_MIN_WIDTH };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ProgressColor } from './types';
|
|
2
2
|
export declare const progressTrackVariants: (props?: ({
|
|
3
|
-
size?: "
|
|
3
|
+
size?: "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
4
4
|
color?: ProgressColor | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
6
|
export declare const progressRangeVariants: (props?: ({
|
|
7
|
-
size?: "
|
|
7
|
+
size?: "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
8
8
|
color?: ProgressColor | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
export declare const ProgressColorEnum: {
|
|
2
|
-
readonly Brand:
|
|
3
|
-
readonly Slate:
|
|
4
|
-
readonly Red:
|
|
5
|
-
readonly WOrange:
|
|
6
|
-
readonly Amber:
|
|
7
|
-
readonly Yellow:
|
|
8
|
-
readonly Lime:
|
|
9
|
-
readonly Green:
|
|
10
|
-
readonly Emerald:
|
|
11
|
-
readonly Teal:
|
|
12
|
-
readonly Cyan:
|
|
13
|
-
readonly Sky:
|
|
14
|
-
readonly Blue:
|
|
15
|
-
readonly Indigo:
|
|
16
|
-
readonly Violet:
|
|
17
|
-
readonly Fuchsia:
|
|
18
|
-
readonly Pink:
|
|
19
|
-
readonly Rose:
|
|
20
|
-
readonly Gray:
|
|
21
|
-
readonly Zinc:
|
|
22
|
-
readonly Neutral:
|
|
23
|
-
readonly Stone:
|
|
2
|
+
readonly Brand: 'brand';
|
|
3
|
+
readonly Slate: 'slate';
|
|
4
|
+
readonly Red: 'red';
|
|
5
|
+
readonly WOrange: 'w-orange';
|
|
6
|
+
readonly Amber: 'amber';
|
|
7
|
+
readonly Yellow: 'yellow';
|
|
8
|
+
readonly Lime: 'lime';
|
|
9
|
+
readonly Green: 'green';
|
|
10
|
+
readonly Emerald: 'emerald';
|
|
11
|
+
readonly Teal: 'teal';
|
|
12
|
+
readonly Cyan: 'cyan';
|
|
13
|
+
readonly Sky: 'sky';
|
|
14
|
+
readonly Blue: 'blue';
|
|
15
|
+
readonly Indigo: 'indigo';
|
|
16
|
+
readonly Violet: 'violet';
|
|
17
|
+
readonly Fuchsia: 'fuchsia';
|
|
18
|
+
readonly Pink: 'pink';
|
|
19
|
+
readonly Rose: 'rose';
|
|
20
|
+
readonly Gray: 'gray';
|
|
21
|
+
readonly Zinc: 'zinc';
|
|
22
|
+
readonly Neutral: 'neutral';
|
|
23
|
+
readonly Stone: 'stone';
|
|
24
24
|
};
|
|
@@ -2,7 +2,7 @@ import type { FC } from 'react';
|
|
|
2
2
|
import { RadioGroup as ArkUiRadioGroup } from '@ark-ui/react/radio-group';
|
|
3
3
|
import { type VariantProps } from 'class-variance-authority';
|
|
4
4
|
declare const radioGroupVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "card" | "default" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
export type RadioGroupNativeProps = Omit<ArkUiRadioGroup.RootProps, 'className'>;
|
|
8
8
|
export type RadioGroupVariantsProps = VariantProps<typeof radioGroupVariants>;
|
|
@@ -2,7 +2,7 @@ import type { ComponentRef, FC, Ref } from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { Separator, type SeparatorProps } from '../Separator';
|
|
4
4
|
declare const segmentedControlSeparatorVariants: (props?: ({
|
|
5
|
-
mx?: 1 | 2 | 4 | 6 | 8 |
|
|
5
|
+
mx?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
type SegmentedControlSeparatorVariants = VariantProps<typeof segmentedControlSeparatorVariants>;
|
|
8
8
|
/**
|
|
@@ -5,8 +5,8 @@ export interface SelectBaseProps {
|
|
|
5
5
|
loading?: boolean;
|
|
6
6
|
}
|
|
7
7
|
type SelectProps<T extends CollectionItem> = SelectNativeProps<T> & SelectBaseProps & TestableProps;
|
|
8
|
-
export declare
|
|
9
|
-
|
|
10
|
-
displayName: string;
|
|
11
|
-
}
|
|
8
|
+
export declare function Select<T extends CollectionItem>({ children, loading, disabled, 'data-testid': testId, ...props }: SelectProps<T>): import("react").JSX.Element;
|
|
9
|
+
export declare namespace Select {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
12
12
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { SelectDataItem } from '../types';
|
|
2
|
-
export declare const createSelectInputOverflowRenderer: (size:
|
|
2
|
+
export declare const createSelectInputOverflowRenderer: (size: 'small' | 'medium' | 'default' | 'inline-edit') => (items: SelectDataItem[]) => import("react").JSX.Element;
|
|
@@ -12,7 +12,7 @@ export interface SelectionProps<T> extends TestableProps {
|
|
|
12
12
|
className?: string;
|
|
13
13
|
children?: ReactNode;
|
|
14
14
|
}
|
|
15
|
-
export declare
|
|
16
|
-
|
|
17
|
-
displayName: string;
|
|
18
|
-
}
|
|
15
|
+
export declare function Selection<T>({ items, getItemId, value, onChange, className, 'data-testid': testId, children, }: SelectionProps<T>): import("react").JSX.Element;
|
|
16
|
+
export declare namespace Selection {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
import type { TestableProps } from '../../utils/testId';
|
|
4
4
|
declare const separatorVariants: (props?: ({
|
|
5
5
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
6
|
-
spacing?: 1 | 2 | 4 | 6 | 8 |
|
|
6
|
+
spacing?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
export type SeparatorProps = ComponentPropsWithoutRef<'div'> & VariantProps<typeof separatorVariants> & TestableProps & {
|
|
9
9
|
ref?: Ref<HTMLDivElement>;
|
|
@@ -17,14 +17,14 @@ export declare const barListItemVariants: (props?: ({
|
|
|
17
17
|
* `<BarListBar className='bg-sky-500/16' />`.
|
|
18
18
|
*/
|
|
19
19
|
export declare const barListBarVariants: (props?: ({
|
|
20
|
-
color?: "
|
|
20
|
+
color?: "amber" | "blue" | "brand" | "cyan" | "green" | "indigo" | "pink" | "purple" | "red" | "rose" | "slate" | "teal" | null | undefined;
|
|
21
21
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
22
22
|
export declare const barListLabelClasses: string;
|
|
23
23
|
export declare const barListValueClasses: string;
|
|
24
24
|
export declare const barListPercentVariants: (props?: ({
|
|
25
|
-
variant?: "
|
|
25
|
+
variant?: "inherit" | "muted" | "split" | null | undefined;
|
|
26
26
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
27
27
|
export declare const barListPercentSymbolVariants: (props?: ({
|
|
28
|
-
variant?: "
|
|
28
|
+
variant?: "inherit" | "muted" | "split" | null | undefined;
|
|
29
29
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
30
30
|
export declare const barListSkeletonRowClasses: string;
|
|
@@ -18,8 +18,8 @@ export declare const LINE_DEFAULT_BODY_MARGIN: {
|
|
|
18
18
|
};
|
|
19
19
|
export declare const HOVER_POPOVER_TOP = 8;
|
|
20
20
|
export declare const LINE_AXIS_TICK_TEXT_PROPS: {
|
|
21
|
-
readonly fill:
|
|
21
|
+
readonly fill: 'var(--color-text-secondary)';
|
|
22
22
|
readonly fontSize: 10;
|
|
23
|
-
readonly fontFamily:
|
|
23
|
+
readonly fontFamily: 'var(--font-sans)';
|
|
24
24
|
readonly fontWeight: 400;
|
|
25
25
|
};
|
|
@@ -14,9 +14,9 @@ export declare const pieChartLegendValueClasses: string;
|
|
|
14
14
|
export declare const pieChartLegendPercentClasses: string;
|
|
15
15
|
export declare const legendDotClasses: string;
|
|
16
16
|
export declare const pieChartLegendPercentValueVariants: (props?: ({
|
|
17
|
-
variant?: "
|
|
17
|
+
variant?: "inherit" | "muted" | "split" | null | undefined;
|
|
18
18
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
19
|
export declare const pieChartLegendPercentSymbolVariants: (props?: ({
|
|
20
|
-
variant?: "
|
|
20
|
+
variant?: "inherit" | "muted" | "split" | null | undefined;
|
|
21
21
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
22
22
|
export declare const pieChartSkeletonRowClasses: string;
|
|
@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
import type { TestableProps } from '../../utils/testId';
|
|
4
4
|
declare const skeletonVariants: (props?: ({
|
|
5
5
|
transparent?: boolean | null | undefined;
|
|
6
|
-
rounded?:
|
|
6
|
+
rounded?: "full" | "none" | 2 | 4 | 6 | 8 | 12 | 16 | 24 | 32 | null | undefined;
|
|
7
7
|
withDimensions?: boolean | null | undefined;
|
|
8
8
|
withChildren?: boolean | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export declare const splashContainerVariants: (props?: ({
|
|
2
|
-
phase?: "
|
|
2
|
+
phase?: "content-fading" | "enter-start" | "entered" | "exiting" | "settled" | "shrinking" | null | undefined;
|
|
3
3
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4
4
|
export declare const splashContentVariants: (props?: ({
|
|
5
|
-
phase?: "
|
|
5
|
+
phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
export declare const splashLogoVariants: (props?: ({
|
|
8
|
-
phase?: "
|
|
8
|
+
phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
10
|
export declare const splashProgressVariants: (props?: ({
|
|
11
|
-
phase?: "
|
|
11
|
+
phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
|
|
12
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -3,14 +3,14 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
3
3
|
import type { TestableProps } from '../../utils/testId';
|
|
4
4
|
declare const stackVariants: (props?: ({
|
|
5
5
|
inline?: boolean | null | undefined;
|
|
6
|
-
direction?: "
|
|
7
|
-
align?: "
|
|
8
|
-
justify?: "
|
|
9
|
-
wrap?: "
|
|
6
|
+
direction?: "column" | "column-reverse" | "row" | "row-reverse" | null | undefined;
|
|
7
|
+
align?: "baseline" | "center" | "end" | "start" | "stretch" | null | undefined;
|
|
8
|
+
justify?: "around" | "between" | "center" | "end" | "evenly" | "start" | null | undefined;
|
|
9
|
+
wrap?: "nowrap" | "reverse" | "wrap" | null | undefined;
|
|
10
10
|
fullWidth?: boolean | null | undefined;
|
|
11
11
|
flexGrow?: boolean | null | undefined;
|
|
12
12
|
flexShrink?: boolean | null | undefined;
|
|
13
|
-
gap?: 0 | 1 | 2 | 4 | 6 | 8 |
|
|
13
|
+
gap?: 0 | 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
|
|
14
14
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
15
|
type StackNativeProps = HTMLAttributes<HTMLDivElement>;
|
|
16
16
|
type StackVariantProps = VariantProps<typeof stackVariants>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { TableProps } from './types';
|
|
2
|
-
export declare
|
|
3
|
-
|
|
4
|
-
displayName: string;
|
|
5
|
-
}
|
|
2
|
+
export declare function Table<T>(props: TableProps<T>): import("react").JSX.Element;
|
|
3
|
+
export declare namespace Table {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
@@ -5,8 +5,8 @@ interface TableBodyCellProps<T> {
|
|
|
5
5
|
className?: string;
|
|
6
6
|
disablePinnedShadow?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare
|
|
9
|
-
|
|
10
|
-
displayName: string;
|
|
11
|
-
}
|
|
8
|
+
export declare function TableBodyCell<T>({ cell, colSpan, className, disablePinnedShadow, }: TableBodyCellProps<T>): import("react").JSX.Element;
|
|
9
|
+
export declare namespace TableBodyCell {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
12
12
|
export {};
|
|
@@ -18,20 +18,8 @@ export interface TableColumnMenuProps<T = unknown> extends Omit<ButtonHTMLAttrib
|
|
|
18
18
|
*/
|
|
19
19
|
children?: ReactNode;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
* `children`) plus `TestableProps`, so `data-analytics-id`,
|
|
26
|
-
* `data-analytics-props`, `aria-*`, `id`, `ref`, and any `data-*` reach the
|
|
27
|
-
* underlying DOM node directly.
|
|
28
|
-
*
|
|
29
|
-
* The menu collapses to `null` when no action is available for the column
|
|
30
|
-
* (sorting disabled, pinning disabled, hiding disabled, and DnD disabled) —
|
|
31
|
-
* matching the behavior of the legacy `TableHeadCellMenu` it replaces.
|
|
32
|
-
*/
|
|
33
|
-
export declare const TableColumnMenu: {
|
|
34
|
-
<T>({ column, children, className, "data-testid": testIdProp, ...rest }: TableColumnMenuProps<T>): import("react").JSX.Element | null;
|
|
35
|
-
displayName: string;
|
|
36
|
-
};
|
|
21
|
+
export declare function TableColumnMenu<T>({ column, children, className, 'data-testid': testIdProp, ...rest }: TableColumnMenuProps<T>): import("react").JSX.Element | null;
|
|
22
|
+
export declare namespace TableColumnMenu {
|
|
23
|
+
var displayName: string;
|
|
24
|
+
}
|
|
37
25
|
export {};
|
|
@@ -3,8 +3,8 @@ interface TableHeadCellProps<T> {
|
|
|
3
3
|
header: Header<T, unknown>;
|
|
4
4
|
hasTextDescription?: boolean;
|
|
5
5
|
}
|
|
6
|
-
export declare
|
|
7
|
-
|
|
8
|
-
displayName: string;
|
|
9
|
-
}
|
|
6
|
+
export declare function TableHeadCell<T>({ header, hasTextDescription }: TableHeadCellProps<T>): import("react").JSX.Element;
|
|
7
|
+
export declare namespace TableHeadCell {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
10
10
|
export {};
|
|
@@ -3,13 +3,8 @@ import type { TableHandle } from './types';
|
|
|
3
3
|
interface TableImperativeBridgeProps {
|
|
4
4
|
handleRef: Ref<TableHandle>;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
*/
|
|
11
|
-
export declare const TableImperativeBridge: {
|
|
12
|
-
({ handleRef }: TableImperativeBridgeProps): null;
|
|
13
|
-
displayName: string;
|
|
14
|
-
};
|
|
6
|
+
export declare function TableImperativeBridge({ handleRef }: TableImperativeBridgeProps): null;
|
|
7
|
+
export declare namespace TableImperativeBridge {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
15
10
|
export {};
|
|
@@ -2,8 +2,8 @@ import type { ReactNode } from 'react';
|
|
|
2
2
|
interface TableMasterCellActionsProps {
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export declare
|
|
6
|
-
|
|
7
|
-
displayName: string;
|
|
8
|
-
}
|
|
5
|
+
export declare function TableMasterCellActions({ children }: TableMasterCellActionsProps): import("react").JSX.Element;
|
|
6
|
+
export declare namespace TableMasterCellActions {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
9
9
|
export {};
|
|
@@ -2,8 +2,8 @@ import type { Header } from '@tanstack/react-table';
|
|
|
2
2
|
interface TableResizeHandlerProps<T> {
|
|
3
3
|
header: Header<T, unknown>;
|
|
4
4
|
}
|
|
5
|
-
export declare
|
|
6
|
-
|
|
7
|
-
displayName: string;
|
|
8
|
-
}
|
|
5
|
+
export declare function TableResizeHandler<T>({ header }: TableResizeHandlerProps<T>): import("react").JSX.Element;
|
|
6
|
+
export declare namespace TableResizeHandler {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
9
9
|
export {};
|
|
@@ -6,7 +6,7 @@ interface TableRowProps<T> {
|
|
|
6
6
|
'data-index'?: number;
|
|
7
7
|
}
|
|
8
8
|
declare const TableRowInner: {
|
|
9
|
-
<T>({ row, ref,
|
|
9
|
+
<T>({ row, ref, 'data-index': dataIndex }: TableRowProps<T>): import("react").JSX.Element;
|
|
10
10
|
displayName: string;
|
|
11
11
|
};
|
|
12
12
|
export declare const TableRow: typeof TableRowInner;
|
|
@@ -2,8 +2,8 @@ import type { Row } from '@tanstack/react-table';
|
|
|
2
2
|
interface TableRowExpandedProps<T> {
|
|
3
3
|
row: Row<T>;
|
|
4
4
|
}
|
|
5
|
-
export declare
|
|
6
|
-
|
|
7
|
-
displayName: string;
|
|
8
|
-
}
|
|
5
|
+
export declare function TableRowExpanded<T>({ row }: TableRowExpandedProps<T>): import("react").JSX.Element | null;
|
|
6
|
+
export declare namespace TableRowExpanded {
|
|
7
|
+
var displayName: string;
|
|
8
|
+
}
|
|
9
9
|
export {};
|