@veevarts/design-system 2.2.2 → 2.3.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.
|
@@ -14,6 +14,15 @@ export interface TileSelectOption {
|
|
|
14
14
|
/** Override per-tile test id; defaults to `${dataTestId}-${key}`. */
|
|
15
15
|
'data-testid'?: string;
|
|
16
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* `'tiles'` — the icon-over-label grid, with a `<Select>` dropdown under
|
|
19
|
+
* `md`. The picker is the subject of the step.
|
|
20
|
+
*
|
|
21
|
+
* `'compact'` — one horizontal strip of icon-beside-label toggles at every
|
|
22
|
+
* width, scrolling sideways when the options outgrow the container. The
|
|
23
|
+
* picker is a control among others.
|
|
24
|
+
*/
|
|
25
|
+
export type TileSelectVariant = 'tiles' | 'compact';
|
|
17
26
|
export interface TileSelectProps {
|
|
18
27
|
/** Options to render in order. */
|
|
19
28
|
options: readonly TileSelectOption[];
|
|
@@ -30,7 +39,15 @@ export interface TileSelectProps {
|
|
|
30
39
|
* heading element.
|
|
31
40
|
*/
|
|
32
41
|
ariaLabel?: string;
|
|
33
|
-
/**
|
|
42
|
+
/**
|
|
43
|
+
* How the options render. Default `'tiles'`.
|
|
44
|
+
* See {@link TileSelectVariant}.
|
|
45
|
+
*/
|
|
46
|
+
variant?: TileSelectVariant;
|
|
47
|
+
/**
|
|
48
|
+
* Grid columns on >= sm. Default `3`. Mobile collapses to 2.
|
|
49
|
+
* Ignored by `variant="compact"`, which is a single strip.
|
|
50
|
+
*/
|
|
34
51
|
columnsDesktop?: 2 | 3 | 4;
|
|
35
52
|
columnsMobile?: 1 | 2;
|
|
36
53
|
className?: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { TileSelect } from './TileSelect';
|
|
2
|
-
export type { TileSelectProps, TileSelectOption } from './TileSelect';
|
|
2
|
+
export type { TileSelectProps, TileSelectOption, TileSelectVariant } from './TileSelect';
|
package/dist/patterns/index.d.ts
CHANGED
|
@@ -82,7 +82,7 @@ export type { SplitPaymentSummaryProps, SplitPaymentSummaryLabels, TenderRow, Te
|
|
|
82
82
|
export { ModalShell, ModalShellHeader, ModalShellFooter } from './ModalShell';
|
|
83
83
|
export type { ModalShellProps, ModalShellHeaderProps, ModalShellFooterProps } from './ModalShell';
|
|
84
84
|
export { TileSelect } from './TileSelect';
|
|
85
|
-
export type { TileSelectProps, TileSelectOption } from './TileSelect';
|
|
85
|
+
export type { TileSelectProps, TileSelectOption, TileSelectVariant } from './TileSelect';
|
|
86
86
|
export { PaymentTotalBanner } from './PaymentTotalBanner';
|
|
87
87
|
export type { PaymentTotalBannerProps } from './PaymentTotalBanner';
|
|
88
88
|
export { LoadingOverlay } from './LoadingOverlay';
|