@trackunit/react-components 2.12.0 → 2.13.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 (64) hide show
  1. package/index.cjs.js +579 -468
  2. package/index.esm.js +580 -469
  3. package/package.json +6 -6
  4. package/src/components/Alert/Alert.variants.d.ts +220 -21
  5. package/src/components/Badge/Badge.variants.d.ts +82 -6
  6. package/src/components/Breadcrumb/Breadcrumb.variant.d.ts +45 -6
  7. package/src/components/Card/Card.variants.d.ts +202 -20
  8. package/src/components/Clickable/Clickable.variants.d.ts +27 -3
  9. package/src/components/Collapse/Collapse.variants.d.ts +248 -24
  10. package/src/components/CopyableText/CopyableText.variants.d.ts +41 -4
  11. package/src/components/DetailsList/DetailsList.variants.d.ts +30 -4
  12. package/src/components/EmptyState/EmptyState.variants.d.ts +12 -2
  13. package/src/components/EmptyValue/EmptyValue.variants.d.ts +6 -1
  14. package/src/components/ExternalLink/ExternalLink.variants.d.ts +27 -3
  15. package/src/components/Heading/Heading.variants.d.ts +66 -5
  16. package/src/components/Highlight/Highlight.variants.d.ts +59 -5
  17. package/src/components/HorizontalOverflowScroller/HorizontalOverflowScroller.variants.d.ts +12 -2
  18. package/src/components/HorizontalOverflowScroller/OverflowIndicator.variants.d.ts +56 -8
  19. package/src/components/Icon/Icon.variants.d.ts +174 -5
  20. package/src/components/Indicator/Indicator.variants.d.ts +340 -14
  21. package/src/components/InteractableItem/InteractableItem.variants.d.ts +95 -6
  22. package/src/components/KPI/KPI.variants.d.ts +66 -6
  23. package/src/components/KPICard/KPICard.variants.d.ts +84 -9
  24. package/src/components/LabeledValue/LabeledValue.variants.d.ts +72 -9
  25. package/src/components/List/List.variants.d.ts +81 -8
  26. package/src/components/ListItem/ListItem.variants.d.ts +64 -10
  27. package/src/components/Menu/MenuContent/MenuContent.variants.d.ts +51 -7
  28. package/src/components/Menu/MenuItem/MenuItem.variants.d.ts +224 -20
  29. package/src/components/Menu/MoreMenu/MoreMenu.variants.d.ts +6 -1
  30. package/src/components/Notice/Notice.variants.d.ts +92 -8
  31. package/src/components/Page/Page.variants.d.ts +63 -6
  32. package/src/components/Page/PageContent.d.ts +4 -0
  33. package/src/components/PageHeader/PageHeader.variants.d.ts +34 -5
  34. package/src/components/Pagination/Pagination.variants.d.ts +12 -2
  35. package/src/components/Popover/Popover.variants.d.ts +34 -5
  36. package/src/components/PreferenceCard/PreferenceCard.variants.d.ts +187 -20
  37. package/src/components/Sheet/Sheet.variants.d.ts +101 -10
  38. package/src/components/Sidebar/Sidebar.variants.d.ts +43 -4
  39. package/src/components/SidebarContentLayout/SidebarContentLayout.variants.d.ts +111 -9
  40. package/src/components/Skeleton/Skeleton.variants.d.ts +55 -3
  41. package/src/components/SkeletonLines/SkeletonLines.variants.d.ts +6 -1
  42. package/src/components/Spacer/Spacer.variants.d.ts +44 -4
  43. package/src/components/Spinner/Spinner.variants.d.ts +100 -10
  44. package/src/components/Tabs/Tabs.variants.d.ts +45 -6
  45. package/src/components/Tag/Tag.variants.d.ts +157 -11
  46. package/src/components/Text/Text.variants.d.ts +127 -11
  47. package/src/components/ToggleGroup/ToggleGroup.variants.d.ts +178 -17
  48. package/src/components/Tooltip/Tooltip.variants.d.ts +135 -12
  49. package/src/components/ValueBar/SegmentedValueBar.variants.d.ts +57 -6
  50. package/src/components/ValueBar/ValueBar.shared.d.ts +27 -3
  51. package/src/components/ValueBar/ValueBar.variants.d.ts +30 -3
  52. package/src/components/ZStack/ZStack.variants.d.ts +12 -2
  53. package/src/components/buttons/shared/Button.variants.d.ts +389 -20
  54. package/migrations/entry.js.map +0 -1
  55. package/migrations/utils/jsx-utils.js.map +0 -1
  56. package/migrations/v2-0-0/breadcrumb-remove-deprecated-props.js.map +0 -1
  57. package/migrations/v2-0-0/cardheader-onclickclose-to-actions.js.map +0 -1
  58. package/migrations/v2-0-0/iconbutton-add-required-name.js.map +0 -1
  59. package/migrations/v2-0-0/kpi-tooltiplabel-to-wrapper.js.map +0 -1
  60. package/migrations/v2-0-0/notice-tooltiplabel-to-wrapper.js.map +0 -1
  61. package/migrations/v2-0-0/pagination-add-required-titles.js.map +0 -1
  62. package/migrations/v2-0-0/tag-add-removetaglabel.js.map +0 -1
  63. package/migrations/v2-0-0/togglegroup-remove-item-style.js.map +0 -1
  64. package/migrations/v3-0-0/menulist-rename-to-menucontent.js.map +0 -1
@@ -1,6 +1,66 @@
1
- export declare const cvaKPI: (props?: ({
2
- variant?: "default" | "small" | "condensed" | null | undefined;
3
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
- export declare const cvaKPITrendPercentage: (props?: ({
5
- color?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaKPI: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ variant: {
5
+ small: string[];
6
+ condensed: string[];
7
+ default: string[];
8
+ };
9
+ };
10
+ defaultVariants: {
11
+ variant: "default";
12
+ };
13
+ }, "defaultVariants"> & {
14
+ variants: {
15
+ variant: {
16
+ small: string[];
17
+ condensed: string[];
18
+ default: string[];
19
+ };
20
+ };
21
+ defaultVariants: Omit<{}, "variant"> & {
22
+ variant: "default";
23
+ };
24
+ }, {
25
+ variant: {
26
+ small: string[];
27
+ condensed: string[];
28
+ default: string[];
29
+ };
30
+ }>;
31
+ export declare const cvaKPITrendPercentage: import("cva").CVAComponent<Omit<{
32
+ base: string[];
33
+ variants: {
34
+ color: {
35
+ success: string[];
36
+ danger: string[];
37
+ warning: string[];
38
+ neutral: string[];
39
+ info: string[];
40
+ };
41
+ };
42
+ defaultVariants: {
43
+ color: "success";
44
+ };
45
+ }, "defaultVariants"> & {
46
+ variants: {
47
+ color: {
48
+ success: string[];
49
+ danger: string[];
50
+ warning: string[];
51
+ neutral: string[];
52
+ info: string[];
53
+ };
54
+ };
55
+ defaultVariants: Omit<{}, "color"> & {
56
+ color: "success";
57
+ };
58
+ }, {
59
+ color: {
60
+ success: string[];
61
+ danger: string[];
62
+ warning: string[];
63
+ neutral: string[];
64
+ info: string[];
65
+ };
66
+ }>;
@@ -1,9 +1,84 @@
1
- export declare const cvaKPICard: (props?: ({
2
- isClickable?: boolean | null | undefined;
3
- isActive?: boolean | null | undefined;
4
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
- export declare const cvaKPICardBody: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
6
- export declare const cvaKPICardHeader: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
- export declare const cvaKPIIconContainer: (props?: ({
8
- iconColor?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
9
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaKPICard: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ isClickable: {
5
+ true: string[];
6
+ false: never[];
7
+ };
8
+ isActive: {
9
+ true: string[];
10
+ false: never[];
11
+ };
12
+ };
13
+ defaultVariants: {
14
+ isClickable: false;
15
+ isActive: false;
16
+ };
17
+ }, "defaultVariants"> & {
18
+ variants: {
19
+ isClickable: {
20
+ true: string[];
21
+ false: never[];
22
+ };
23
+ isActive: {
24
+ true: string[];
25
+ false: never[];
26
+ };
27
+ };
28
+ defaultVariants: Omit<{}, "isClickable" | "isActive"> & {
29
+ isClickable: false;
30
+ isActive: false;
31
+ };
32
+ }, {
33
+ isClickable: {
34
+ true: string[];
35
+ false: never[];
36
+ };
37
+ isActive: {
38
+ true: string[];
39
+ false: never[];
40
+ };
41
+ }>;
42
+ export declare const cvaKPICardBody: import("cva").CVAComponent<Omit<{
43
+ base: string[];
44
+ }, "defaultVariants"> & {
45
+ variants: unknown;
46
+ defaultVariants: Omit<{}, never>;
47
+ }, unknown>;
48
+ export declare const cvaKPICardHeader: import("cva").CVAComponent<Omit<{
49
+ base: string[];
50
+ }, "defaultVariants"> & {
51
+ variants: unknown;
52
+ defaultVariants: Omit<{}, never>;
53
+ }, unknown>;
54
+ export declare const cvaKPIIconContainer: import("cva").CVAComponent<Omit<{
55
+ base: string[];
56
+ variants: {
57
+ iconColor: {
58
+ success: string[];
59
+ warning: string[];
60
+ danger: string[];
61
+ info: string[];
62
+ neutral: string[];
63
+ };
64
+ };
65
+ }, "defaultVariants"> & {
66
+ variants: {
67
+ iconColor: {
68
+ success: string[];
69
+ warning: string[];
70
+ danger: string[];
71
+ info: string[];
72
+ neutral: string[];
73
+ };
74
+ };
75
+ defaultVariants: Omit<{}, never>;
76
+ }, {
77
+ iconColor: {
78
+ success: string[];
79
+ warning: string[];
80
+ danger: string[];
81
+ info: string[];
82
+ neutral: string[];
83
+ };
84
+ }>;
@@ -1,9 +1,72 @@
1
- export declare const cvaLabeledValue: (props?: ({
2
- orientation?: "horizontal" | "vertical" | null | undefined;
3
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
- export declare const cvaLabeledValueLabel: (props?: ({
5
- orientation?: "horizontal" | "vertical" | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
- export declare const cvaLabeledValueValue: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
8
- export declare const cvaLabeledValueList: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
9
- export declare const cvaLabeledValueTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
1
+ export declare const cvaLabeledValue: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ orientation: {
5
+ horizontal: string[];
6
+ vertical: string[];
7
+ };
8
+ };
9
+ defaultVariants: {
10
+ orientation: "horizontal";
11
+ };
12
+ }, "defaultVariants"> & {
13
+ variants: {
14
+ orientation: {
15
+ horizontal: string[];
16
+ vertical: string[];
17
+ };
18
+ };
19
+ defaultVariants: Omit<{}, "orientation"> & {
20
+ orientation: "horizontal";
21
+ };
22
+ }, {
23
+ orientation: {
24
+ horizontal: string[];
25
+ vertical: string[];
26
+ };
27
+ }>;
28
+ export declare const cvaLabeledValueLabel: import("cva").CVAComponent<Omit<{
29
+ base: string[];
30
+ variants: {
31
+ orientation: {
32
+ horizontal: string[];
33
+ vertical: string[];
34
+ };
35
+ };
36
+ defaultVariants: {
37
+ orientation: "horizontal";
38
+ };
39
+ }, "defaultVariants"> & {
40
+ variants: {
41
+ orientation: {
42
+ horizontal: string[];
43
+ vertical: string[];
44
+ };
45
+ };
46
+ defaultVariants: Omit<{}, "orientation"> & {
47
+ orientation: "horizontal";
48
+ };
49
+ }, {
50
+ orientation: {
51
+ horizontal: string[];
52
+ vertical: string[];
53
+ };
54
+ }>;
55
+ export declare const cvaLabeledValueValue: import("cva").CVAComponent<Omit<{
56
+ base: string[];
57
+ }, "defaultVariants"> & {
58
+ variants: unknown;
59
+ defaultVariants: Omit<{}, never>;
60
+ }, unknown>;
61
+ export declare const cvaLabeledValueList: import("cva").CVAComponent<Omit<{
62
+ base: string[];
63
+ }, "defaultVariants"> & {
64
+ variants: unknown;
65
+ defaultVariants: Omit<{}, never>;
66
+ }, unknown>;
67
+ export declare const cvaLabeledValueTooltip: import("cva").CVAComponent<Omit<{
68
+ base: string[];
69
+ }, "defaultVariants"> & {
70
+ variants: unknown;
71
+ defaultVariants: Omit<{}, never>;
72
+ }, unknown>;
@@ -1,8 +1,81 @@
1
- export declare const cvaListContainer: (props?: ({
2
- withTopSeparator?: boolean | null | undefined;
3
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
- export declare const cvaList: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
- export declare const cvaListItem: (props?: ({
6
- separator?: "none" | "line" | null | undefined;
7
- contentFillsContainer?: boolean | null | undefined;
8
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
1
+ export declare const cvaListContainer: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ withTopSeparator: {
5
+ true: string[];
6
+ false: string[];
7
+ };
8
+ };
9
+ defaultVariants: {
10
+ withTopSeparator: false;
11
+ };
12
+ }, "defaultVariants"> & {
13
+ variants: {
14
+ withTopSeparator: {
15
+ true: string[];
16
+ false: string[];
17
+ };
18
+ };
19
+ defaultVariants: Omit<{}, "withTopSeparator"> & {
20
+ withTopSeparator: false;
21
+ };
22
+ }, {
23
+ withTopSeparator: {
24
+ true: string[];
25
+ false: string[];
26
+ };
27
+ }>;
28
+ export declare const cvaList: import("cva").CVAComponent<Omit<{
29
+ base: string[];
30
+ }, "defaultVariants"> & {
31
+ variants: unknown;
32
+ defaultVariants: Omit<{}, never>;
33
+ }, unknown>;
34
+ export declare const cvaListItem: import("cva").CVAComponent<Omit<{
35
+ base: string[];
36
+ variants: {
37
+ separator: {
38
+ line: string;
39
+ none: string;
40
+ };
41
+ contentFillsContainer: {
42
+ true: string;
43
+ false: string;
44
+ };
45
+ };
46
+ compoundVariants: ({
47
+ contentFillsContainer: true;
48
+ separator: "line";
49
+ class: "[&:not(:last-child)]:border-b"[];
50
+ } | {
51
+ contentFillsContainer: false;
52
+ separator: "line";
53
+ class: "border-b"[];
54
+ })[];
55
+ defaultVariants: {
56
+ separator: "line";
57
+ };
58
+ }, "defaultVariants"> & {
59
+ variants: {
60
+ separator: {
61
+ line: string;
62
+ none: string;
63
+ };
64
+ contentFillsContainer: {
65
+ true: string;
66
+ false: string;
67
+ };
68
+ };
69
+ defaultVariants: Omit<{}, "separator"> & {
70
+ separator: "line";
71
+ };
72
+ }, {
73
+ separator: {
74
+ line: string;
75
+ none: string;
76
+ };
77
+ contentFillsContainer: {
78
+ true: string;
79
+ false: string;
80
+ };
81
+ }>;
@@ -1,10 +1,64 @@
1
- export declare const cvaListItem: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
2
- export declare const cvaMainInformationClass: (props?: ({
3
- hasThumbnail?: boolean | null | undefined;
4
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
- export declare const cvaThumbnailContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
6
- export declare const cvaTextContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
- export declare const cvaTitleRow: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
8
- export declare const cvaDescriptionRow: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
9
- export declare const cvaMetaRow: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
10
- export declare const cvaDetailsContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
1
+ export declare const cvaListItem: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ }, "defaultVariants"> & {
4
+ variants: unknown;
5
+ defaultVariants: Omit<{}, never>;
6
+ }, unknown>;
7
+ export declare const cvaMainInformationClass: import("cva").CVAComponent<Omit<{
8
+ base: string[];
9
+ variants: {
10
+ hasThumbnail: {
11
+ true: string;
12
+ false: string;
13
+ };
14
+ };
15
+ }, "defaultVariants"> & {
16
+ variants: {
17
+ hasThumbnail: {
18
+ true: string;
19
+ false: string;
20
+ };
21
+ };
22
+ defaultVariants: Omit<{}, never>;
23
+ }, {
24
+ hasThumbnail: {
25
+ true: string;
26
+ false: string;
27
+ };
28
+ }>;
29
+ export declare const cvaThumbnailContainer: import("cva").CVAComponent<Omit<{
30
+ base: string[];
31
+ }, "defaultVariants"> & {
32
+ variants: unknown;
33
+ defaultVariants: Omit<{}, never>;
34
+ }, unknown>;
35
+ export declare const cvaTextContainer: import("cva").CVAComponent<Omit<{
36
+ base: string[];
37
+ }, "defaultVariants"> & {
38
+ variants: unknown;
39
+ defaultVariants: Omit<{}, never>;
40
+ }, unknown>;
41
+ export declare const cvaTitleRow: import("cva").CVAComponent<Omit<{
42
+ base: string[];
43
+ }, "defaultVariants"> & {
44
+ variants: unknown;
45
+ defaultVariants: Omit<{}, never>;
46
+ }, unknown>;
47
+ export declare const cvaDescriptionRow: import("cva").CVAComponent<Omit<{
48
+ base: string[];
49
+ }, "defaultVariants"> & {
50
+ variants: unknown;
51
+ defaultVariants: Omit<{}, never>;
52
+ }, unknown>;
53
+ export declare const cvaMetaRow: import("cva").CVAComponent<Omit<{
54
+ base: string[];
55
+ }, "defaultVariants"> & {
56
+ variants: unknown;
57
+ defaultVariants: Omit<{}, never>;
58
+ }, unknown>;
59
+ export declare const cvaDetailsContainer: import("cva").CVAComponent<Omit<{
60
+ base: string[];
61
+ }, "defaultVariants"> & {
62
+ variants: unknown;
63
+ defaultVariants: Omit<{}, never>;
64
+ }, unknown>;
@@ -1,7 +1,51 @@
1
- export declare const cvaMenu: (props?: ({
2
- limitWidth?: boolean | null | undefined;
3
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
- export declare const cvaMenuList: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
5
- export declare const cvaMenuListDivider: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
6
- export declare const cvaMenuListMultiSelect: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
7
- export declare const cvaMenuListItem: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
1
+ export declare const cvaMenu: import("cva").CVAComponent<Omit<{
2
+ base: string[];
3
+ variants: {
4
+ limitWidth: {
5
+ true: string;
6
+ false: string;
7
+ };
8
+ };
9
+ defaultVariants: {
10
+ limitWidth: true;
11
+ };
12
+ }, "defaultVariants"> & {
13
+ variants: {
14
+ limitWidth: {
15
+ true: string;
16
+ false: string;
17
+ };
18
+ };
19
+ defaultVariants: Omit<{}, "limitWidth"> & {
20
+ limitWidth: true;
21
+ };
22
+ }, {
23
+ limitWidth: {
24
+ true: string;
25
+ false: string;
26
+ };
27
+ }>;
28
+ export declare const cvaMenuList: import("cva").CVAComponent<Omit<{
29
+ base: string[];
30
+ }, "defaultVariants"> & {
31
+ variants: unknown;
32
+ defaultVariants: Omit<{}, never>;
33
+ }, unknown>;
34
+ export declare const cvaMenuListDivider: import("cva").CVAComponent<Omit<{
35
+ base: string[];
36
+ }, "defaultVariants"> & {
37
+ variants: unknown;
38
+ defaultVariants: Omit<{}, never>;
39
+ }, unknown>;
40
+ export declare const cvaMenuListMultiSelect: import("cva").CVAComponent<Omit<{
41
+ base: string[];
42
+ }, "defaultVariants"> & {
43
+ variants: unknown;
44
+ defaultVariants: Omit<{}, never>;
45
+ }, unknown>;
46
+ export declare const cvaMenuListItem: import("cva").CVAComponent<Omit<{
47
+ base: string;
48
+ }, "defaultVariants"> & {
49
+ variants: unknown;
50
+ defaultVariants: Omit<{}, never>;
51
+ }, unknown>;