@toteat-eng/ds-react 2026.5.13 → 2026.6.10-1

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.
Files changed (79) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +2 -1
  2. package/dist/components/AppleSignInButton/AppleSignInButton.d.ts +2 -1
  3. package/dist/components/Badge/Badge.d.ts +2 -1
  4. package/dist/components/Banner/Banner.d.ts +14 -0
  5. package/dist/components/Banner/__stories__/Banner.stories.d.ts +16 -0
  6. package/dist/components/Banner/index.d.ts +2 -0
  7. package/dist/components/Breadcrumb/Breadcrumb.d.ts +14 -0
  8. package/dist/components/Breadcrumb/__stories__/Breadcrumb.stories.d.ts +14 -0
  9. package/dist/components/Breadcrumb/index.d.ts +2 -0
  10. package/dist/components/Charts/Charts.d.ts +6 -4
  11. package/dist/components/Checkbox/Checkbox.d.ts +2 -1
  12. package/dist/components/ComingSoon/ComingSoon.d.ts +9 -0
  13. package/dist/components/ComingSoon/__stories__/ComingSoon.stories.d.ts +10 -0
  14. package/dist/components/ComingSoon/index.d.ts +2 -0
  15. package/dist/components/ConfigRow/ConfigRow.d.ts +27 -0
  16. package/dist/components/ConfigRow/__stories__/ConfigRow.stories.d.ts +13 -0
  17. package/dist/components/ConfigRow/index.d.ts +2 -0
  18. package/dist/components/DataTable/DataTable.d.ts +2 -1
  19. package/dist/components/DatePicker/DatePicker.d.ts +2 -1
  20. package/dist/components/DateRangePicker/DateRangePicker.d.ts +2 -1
  21. package/dist/components/Dialog/Dialog.d.ts +2 -1
  22. package/dist/components/DropdownButton/DropdownButton.d.ts +2 -1
  23. package/dist/components/DropdownMenu/DropdownMenu.d.ts +2 -1
  24. package/dist/components/DsProvider/DsProvider.d.ts +2 -1
  25. package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +1 -0
  26. package/dist/components/ExtrasDialog/ExtrasDialog.d.ts +3 -1
  27. package/dist/components/FormField/FormField.d.ts +2 -1
  28. package/dist/components/GoogleSignInButton/GoogleSignInButton.d.ts +2 -1
  29. package/dist/components/Icon/Icon.d.ts +2 -1
  30. package/dist/components/LanguageSelector/LanguageSelector.d.ts +2 -1
  31. package/dist/components/Multiselect/Multiselect.d.ts +2 -1
  32. package/dist/components/NavBar/NavBar.d.ts +2 -1
  33. package/dist/components/PageLoadingOverlay/PageLoadingOverlay.d.ts +2 -1
  34. package/dist/components/PermissionGate/PermissionGate.d.ts +30 -0
  35. package/dist/components/PermissionGate/__stories__/PermissionGate.stories.d.ts +10 -0
  36. package/dist/components/PermissionGate/index.d.ts +2 -0
  37. package/dist/components/PinLockOverlay/PinLockOverlay.d.ts +2 -1
  38. package/dist/components/ProductTile/ProductTile.d.ts +2 -1
  39. package/dist/components/Radio/Radio.d.ts +2 -1
  40. package/dist/components/SearchInput/SearchInput.d.ts +21 -0
  41. package/dist/components/SearchInput/__stories__/SearchInput.stories.d.ts +11 -0
  42. package/dist/components/SearchInput/index.d.ts +2 -0
  43. package/dist/components/SectionHeader/SectionHeader.d.ts +13 -0
  44. package/dist/components/SectionHeader/__stories__/SectionHeader.stories.d.ts +15 -0
  45. package/dist/components/SectionHeader/index.d.ts +2 -0
  46. package/dist/components/SidebarNavSection/SidebarNavSection.d.ts +2 -1
  47. package/dist/components/Skeleton/Skeleton.d.ts +2 -1
  48. package/dist/components/Spinner/Spinner.d.ts +2 -1
  49. package/dist/components/StatusBadge/StatusBadge.d.ts +12 -0
  50. package/dist/components/StatusBadge/__stories__/StatusBadge.stories.d.ts +15 -0
  51. package/dist/components/StatusBadge/index.d.ts +2 -0
  52. package/dist/components/Stepper/Stepper.d.ts +18 -0
  53. package/dist/components/Stepper/__stories__/Stepper.stories.d.ts +11 -0
  54. package/dist/components/Stepper/index.d.ts +2 -0
  55. package/dist/components/TabBar/TabBar.d.ts +2 -1
  56. package/dist/components/Tabs/Tabs.d.ts +2 -1
  57. package/dist/components/TextInput/TextInput.d.ts +2 -1
  58. package/dist/components/ThemeGate/ThemeGate.d.ts +2 -1
  59. package/dist/components/Toast/Toast.d.ts +1 -0
  60. package/dist/components/Toast/useToast.d.ts +1 -0
  61. package/dist/components/Toggle/Toggle.d.ts +2 -1
  62. package/dist/components/Tooltip/Tooltip.d.ts +2 -1
  63. package/dist/index.d.ts +22 -1
  64. package/dist/index.es.js +943 -554
  65. package/dist/index.es.js.map +1 -1
  66. package/dist/index.umd.js +10 -9
  67. package/dist/index.umd.js.map +1 -1
  68. package/dist/layouts/AdminPageHeader/AdminPageHeader.d.ts +2 -1
  69. package/dist/layouts/AppShell/AppShell.d.ts +2 -1
  70. package/dist/layouts/Divider/Divider.d.ts +2 -1
  71. package/dist/layouts/Grid/Grid.d.ts +2 -1
  72. package/dist/layouts/LoginFooter/LoginFooter.d.ts +14 -0
  73. package/dist/layouts/LoginFooter/__stories__/LoginFooter.stories.d.ts +15 -0
  74. package/dist/layouts/LoginFooter/index.d.ts +2 -0
  75. package/dist/layouts/LoginPageLayout/LoginPageLayout.d.ts +2 -1
  76. package/dist/layouts/PageLayout/PageLayout.d.ts +2 -1
  77. package/dist/style.css +1 -1
  78. package/dist/utils/csv.d.ts +17 -0
  79. package/package.json +5 -5
@@ -3,5 +3,6 @@ export type TabBarVariant = "default" | "expanded" | "expanded-billing";
3
3
  export interface TabBarProps {
4
4
  variant?: TabBarVariant;
5
5
  children: ReactNode;
6
+ "data-testid"?: string;
6
7
  }
7
- export declare function TabBar({ variant, children }: TabBarProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function TabBar({ variant, children, "data-testid": testId }: TabBarProps): import("react/jsx-runtime").JSX.Element;
@@ -13,5 +13,6 @@ export interface TabsProps {
13
13
  /** Accessible label for the tablist — required when multiple tablists exist on the page. */
14
14
  "aria-label"?: string;
15
15
  onChange?: (tabId: string) => void;
16
+ "data-testid"?: string;
16
17
  }
17
- export declare function Tabs({ items, defaultTab, activeTab: controlledTab, "aria-label": ariaLabel, onChange, }: TabsProps): React.ReactElement;
18
+ export declare function Tabs({ items, defaultTab, activeTab: controlledTab, "aria-label": ariaLabel, onChange, "data-testid": testId, }: TabsProps): React.ReactElement;
@@ -1,8 +1,9 @@
1
1
  import { type InputHTMLAttributes } from "react";
2
- export type TextInputSize = "small" | "medium";
2
+ export type TextInputSize = "small" | "medium" | "large";
3
3
  export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
4
4
  error?: boolean;
5
5
  showPasswordToggle?: boolean;
6
6
  size?: TextInputSize;
7
+ "data-testid"?: string;
7
8
  }
8
9
  export declare const TextInput: import("react").ForwardRefExoticComponent<TextInputProps & import("react").RefAttributes<HTMLInputElement>>;
@@ -4,5 +4,6 @@ export interface ThemeGateProps {
4
4
  theme: DsTheme;
5
5
  children: ReactNode;
6
6
  className?: string;
7
+ "data-testid"?: string;
7
8
  }
8
- export declare function ThemeGate({ theme, children, className }: ThemeGateProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function ThemeGate({ theme, children, className, "data-testid": testId }: ThemeGateProps): import("react/jsx-runtime").JSX.Element;
@@ -6,6 +6,7 @@ export interface ToastData {
6
6
  variant: ToastVariant;
7
7
  duration?: number;
8
8
  dismissible?: boolean;
9
+ "data-testid"?: string;
9
10
  }
10
11
  export interface ToastContainerProps {
11
12
  children?: ReactNode;
@@ -4,6 +4,7 @@ type AddToastOptions = {
4
4
  variant?: ToastVariant;
5
5
  duration?: number;
6
6
  dismissible?: boolean;
7
+ "data-testid"?: string;
7
8
  };
8
9
  type ToastStore = {
9
10
  toasts: ToastData[];
@@ -3,5 +3,6 @@ export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
3
3
  label?: string;
4
4
  size?: "small" | "medium";
5
5
  ref?: React.Ref<HTMLInputElement>;
6
+ "data-testid"?: string;
6
7
  }
7
- export declare function Toggle({ label, size, className, id, ref, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function Toggle({ label, size, className, id, ref, "data-testid": testId, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
@@ -4,5 +4,6 @@ export interface TooltipProps {
4
4
  content: ReactNode;
5
5
  children: ReactNode;
6
6
  placement?: TooltipPlacement;
7
+ "data-testid"?: string;
7
8
  }
8
- export declare function Tooltip({ content, children, placement }: TooltipProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function Tooltip({ content, children, placement, "data-testid": testId, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import "./tokens/base.css";
2
2
  import "./tokens/animations.css";
3
3
  import "./tokens/theme-angular.css";
4
- import "./tokens/theme-vue3.css";
4
+ import "./tokens/toteat-react-ds.css";
5
5
  export { Accordion } from "./components/Accordion";
6
6
  export type { AppleSignInButtonProps } from "./components/AppleSignInButton";
7
7
  export { AppleSignInButton } from "./components/AppleSignInButton";
@@ -9,6 +9,10 @@ export type { BackgroundWrapperProps } from "./components/BackgroundWrapper";
9
9
  export { BackgroundWrapper } from "./components/BackgroundWrapper";
10
10
  export type { BadgeProps, BadgeSize, BadgeVariant } from "./components/Badge";
11
11
  export { Badge } from "./components/Badge";
12
+ export type { BannerProps, BannerVariant } from "./components/Banner";
13
+ export { Banner } from "./components/Banner";
14
+ export type { BreadcrumbItem, BreadcrumbProps } from "./components/Breadcrumb";
15
+ export { Breadcrumb } from "./components/Breadcrumb";
12
16
  export type { ButtonProps, ButtonSize, ButtonVariant, } from "./components/Button";
13
17
  export { Button } from "./components/Button";
14
18
  export type { CardElevation, CardPadding, CardProps } from "./components/Card";
@@ -17,6 +21,10 @@ export type { BaseChartProps, ChartSeries, KpiCardProps, } from "./components/Ch
17
21
  export { AreaChart, BarChart, KpiCard, LineChart } from "./components/Charts";
18
22
  export type { CheckboxProps } from "./components/Checkbox";
19
23
  export { Checkbox } from "./components/Checkbox";
24
+ export type { ComingSoonProps } from "./components/ComingSoon";
25
+ export { ComingSoon } from "./components/ComingSoon";
26
+ export type { ConfigRowProps } from "./components/ConfigRow";
27
+ export { ConfigRow } from "./components/ConfigRow";
20
28
  export type { ColumnDef, DataTableProps, PaginationState, Row, RowData, SortingState, } from "./components/DataTable";
21
29
  export { DataTable } from "./components/DataTable";
22
30
  export type { DatePickerProps } from "./components/DatePicker";
@@ -64,10 +72,16 @@ export type { OverlayMessageProps, OverlayMessageStatus } from "./components/Ove
64
72
  export { OverlayMessage } from "./components/OverlayMessage";
65
73
  export type { PageLoadingOverlayProps } from "./components/PageLoadingOverlay";
66
74
  export { PageLoadingOverlay } from "./components/PageLoadingOverlay";
75
+ export type { PermissionGateProps } from "./components/PermissionGate";
76
+ export { PermissionGate } from "./components/PermissionGate";
67
77
  export type { PinLockOverlayProps } from "./components/PinLockOverlay";
68
78
  export { PinLockOverlay } from "./components/PinLockOverlay";
69
79
  export type { RadioProps } from "./components/Radio";
70
80
  export { Radio } from "./components/Radio";
81
+ export type { SearchInputProps } from "./components/SearchInput";
82
+ export { SearchInput } from "./components/SearchInput";
83
+ export type { SectionHeaderProps } from "./components/SectionHeader";
84
+ export { SectionHeader } from "./components/SectionHeader";
71
85
  export type { SelectOption, SelectProps } from "./components/Select";
72
86
  export { Select } from "./components/Select";
73
87
  export type { SidebarProps } from "./components/Sidebar";
@@ -80,6 +94,10 @@ export type { SkeletonProps, SkeletonVariant } from "./components/Skeleton";
80
94
  export { Skeleton } from "./components/Skeleton";
81
95
  export type { SpinnerProps, SpinnerSize } from "./components/Spinner";
82
96
  export { Spinner } from "./components/Spinner";
97
+ export type { StatusBadgeProps } from "./components/StatusBadge";
98
+ export { StatusBadge } from "./components/StatusBadge";
99
+ export type { StepperProps } from "./components/Stepper";
100
+ export { Stepper } from "./components/Stepper";
83
101
  export type { TabBarProps, TabBarVariant } from "./components/TabBar";
84
102
  export { TabBar } from "./components/TabBar";
85
103
  export type { TabItem, TabsProps } from "./components/Tabs";
@@ -109,6 +127,8 @@ export type { DividerProps } from "./layouts/Divider";
109
127
  export { Divider } from "./layouts/Divider";
110
128
  export type { GridGap, GridProps } from "./layouts/Grid";
111
129
  export { Grid } from "./layouts/Grid";
130
+ export type { LoginFooterProps } from "./layouts/LoginFooter";
131
+ export { LoginFooter } from "./layouts/LoginFooter";
112
132
  export type { LoginPageLayoutProps } from "./layouts/LoginPageLayout";
113
133
  export { LoginPageLayout } from "./layouts/LoginPageLayout";
114
134
  export type { PageLayoutProps } from "./layouts/PageLayout";
@@ -116,5 +136,6 @@ export { PageLayout } from "./layouts/PageLayout";
116
136
  export type { StackAlign, StackDirection, StackGap, StackJustify, StackProps, } from "./layouts/Stack";
117
137
  export { Stack } from "./layouts/Stack";
118
138
  export { cn } from "./utils/cn";
139
+ export { escapeCell, rowsToCsv } from "./utils/csv";
119
140
  export { useFocusTrap } from "./utils/focusTrap";
120
141
  export { portal } from "./utils/portal";