@mindly/ui-components 7.3.0-dev.1 → 7.3.0-dev.10
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/cjs/index.js +7 -7
- package/dist/cjs/lib2/features/ExploreCardSwiperFeature/ExploreCardSwiperFeature.d.ts +2 -2
- package/dist/cjs/lib2/features/ExploreCardSwiperFeature/index.d.ts +1 -1
- package/dist/cjs/lib2/features/ExploreCardSwiperFeature/types.d.ts +13 -1
- package/dist/cjs/lib2/features/ExploreCardSwiperFeature/useSlidesToShow.d.ts +1 -0
- package/dist/cjs/lib2/shared/types/ratingCircleTypes.d.ts +2 -0
- package/dist/cjs/lib2/shared/ui/Badge/styles.d.ts +7 -0
- package/dist/cjs/lib2/shared/ui/Badge/types.d.ts +1 -1
- package/dist/cjs/lib2/shared/ui/ExploreCard/index.d.ts +1 -1
- package/dist/cjs/lib2/shared/ui/ExploreCard/types.d.ts +1 -1
- package/dist/cjs/lib2/shared/ui/ProgressCard/ProgressCard.d.ts +4 -0
- package/dist/cjs/lib2/shared/ui/ProgressCard/index.d.ts +2 -0
- package/dist/cjs/lib2/shared/ui/ProgressCard/styles.d.ts +1 -0
- package/dist/cjs/lib2/shared/ui/ProgressCard/types.d.ts +11 -0
- package/dist/cjs/lib2/shared/ui/PromptCard/types.d.ts +2 -2
- package/dist/cjs/lib2/shared/ui/RatingCircle/styles.d.ts +3 -0
- package/dist/cjs/lib2/shared/ui/SolidInput/types.d.ts +2 -0
- package/dist/cjs/lib2/shared/ui/index.d.ts +1 -0
- package/dist/esm/index.js +8 -8
- package/dist/esm/lib2/features/ExploreCardSwiperFeature/ExploreCardSwiperFeature.d.ts +2 -2
- package/dist/esm/lib2/features/ExploreCardSwiperFeature/index.d.ts +1 -1
- package/dist/esm/lib2/features/ExploreCardSwiperFeature/types.d.ts +13 -1
- package/dist/esm/lib2/features/ExploreCardSwiperFeature/useSlidesToShow.d.ts +1 -0
- package/dist/esm/lib2/shared/types/ratingCircleTypes.d.ts +2 -0
- package/dist/esm/lib2/shared/ui/Badge/styles.d.ts +7 -0
- package/dist/esm/lib2/shared/ui/Badge/types.d.ts +1 -1
- package/dist/esm/lib2/shared/ui/ExploreCard/index.d.ts +1 -1
- package/dist/esm/lib2/shared/ui/ExploreCard/types.d.ts +1 -1
- package/dist/esm/lib2/shared/ui/ProgressCard/ProgressCard.d.ts +4 -0
- package/dist/esm/lib2/shared/ui/ProgressCard/index.d.ts +2 -0
- package/dist/esm/lib2/shared/ui/ProgressCard/styles.d.ts +1 -0
- package/dist/esm/lib2/shared/ui/ProgressCard/types.d.ts +11 -0
- package/dist/esm/lib2/shared/ui/PromptCard/types.d.ts +2 -2
- package/dist/esm/lib2/shared/ui/RatingCircle/styles.d.ts +3 -0
- package/dist/esm/lib2/shared/ui/SolidInput/types.d.ts +2 -0
- package/dist/esm/lib2/shared/ui/index.d.ts +1 -0
- package/dist/index.d.ts +64 -30
- package/package.json +3 -2
|
@@ -2,5 +2,5 @@ import * as React from 'react';
|
|
|
2
2
|
import { ExploreCardSwiperFeatureProps } from './types';
|
|
3
3
|
import 'slick-carousel/slick/slick.css';
|
|
4
4
|
import 'slick-carousel/slick/slick-theme.css';
|
|
5
|
-
declare const
|
|
6
|
-
export default
|
|
5
|
+
declare const ExploreCardSwiperFeature: React.ForwardRefExoticComponent<ExploreCardSwiperFeatureProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export default ExploreCardSwiperFeature;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { default as ExploreCardSwiperFeature } from './ExploreCardSwiperFeature';
|
|
2
2
|
export * from './types';
|
|
@@ -5,10 +5,22 @@ export interface ExploreCardData {
|
|
|
5
5
|
badgeText?: string;
|
|
6
6
|
badgeVariant?: 'success' | 'info' | 'attention' | 'warning' | 'neutral' | 'brand';
|
|
7
7
|
placeholder?: string;
|
|
8
|
+
isProgressState?: boolean;
|
|
9
|
+
currentMessageCount?: number;
|
|
10
|
+
requiredMessageCount?: number;
|
|
8
11
|
}
|
|
9
12
|
export interface ExploreCardSwiperFeatureProps {
|
|
10
13
|
cards?: ExploreCardData[];
|
|
11
14
|
className?: string;
|
|
12
|
-
|
|
15
|
+
onInputClicked: (cardId?: string) => void;
|
|
13
16
|
isLoading?: boolean;
|
|
17
|
+
slidesToShow?: number;
|
|
18
|
+
progressImage: string;
|
|
19
|
+
progressPlaceholder: string;
|
|
20
|
+
progressSentCount: number;
|
|
21
|
+
progressNeededCount: number;
|
|
22
|
+
progressTitle: string;
|
|
23
|
+
progressDescription: string;
|
|
24
|
+
progressCircleText: string;
|
|
25
|
+
showProgress: boolean;
|
|
14
26
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useSlidesToShow(): number;
|
|
@@ -11,6 +11,7 @@ export type CircleRatingContent = {
|
|
|
11
11
|
text?: string;
|
|
12
12
|
isPercentage?: boolean;
|
|
13
13
|
showIcon?: boolean;
|
|
14
|
+
hideValue?: boolean;
|
|
14
15
|
};
|
|
15
16
|
export type CircleRatingDataProps = {
|
|
16
17
|
progress: number;
|
|
@@ -71,6 +72,7 @@ export type CircleRatingComponentProps = {
|
|
|
71
72
|
isWithAnimation?: boolean;
|
|
72
73
|
isPrimaryColor?: boolean;
|
|
73
74
|
isProgressWithAnimation?: boolean;
|
|
75
|
+
isWhiteBackgroundStroke?: boolean;
|
|
74
76
|
className?: string;
|
|
75
77
|
onProgressEnd?: () => void;
|
|
76
78
|
};
|
|
@@ -7,6 +7,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
|
|
|
7
7
|
success: "";
|
|
8
8
|
brand: "";
|
|
9
9
|
info: "";
|
|
10
|
+
personalized: "";
|
|
10
11
|
};
|
|
11
12
|
size: {
|
|
12
13
|
S: "px-2 py-1 text-xs/[140%] font-semibold";
|
|
@@ -25,6 +26,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
|
|
|
25
26
|
success: "";
|
|
26
27
|
brand: "";
|
|
27
28
|
info: "";
|
|
29
|
+
personalized: "";
|
|
28
30
|
};
|
|
29
31
|
size: {
|
|
30
32
|
S: "px-2 py-1 text-xs/[140%] font-semibold";
|
|
@@ -43,6 +45,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
|
|
|
43
45
|
success: "";
|
|
44
46
|
brand: "";
|
|
45
47
|
info: "";
|
|
48
|
+
personalized: "";
|
|
46
49
|
};
|
|
47
50
|
size: {
|
|
48
51
|
S: "px-2 py-1 text-xs/[140%] font-semibold";
|
|
@@ -61,6 +64,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
|
|
|
61
64
|
success: "";
|
|
62
65
|
brand: "";
|
|
63
66
|
info: "";
|
|
67
|
+
personalized: "";
|
|
64
68
|
};
|
|
65
69
|
size: {
|
|
66
70
|
S: "px-2 py-1 text-xs/[140%] font-semibold";
|
|
@@ -79,6 +83,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
|
|
|
79
83
|
success: "";
|
|
80
84
|
brand: "";
|
|
81
85
|
info: "";
|
|
86
|
+
personalized: "";
|
|
82
87
|
};
|
|
83
88
|
size: {
|
|
84
89
|
S: "px-2 py-1 text-xs/[140%] font-semibold";
|
|
@@ -97,6 +102,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
|
|
|
97
102
|
success: "";
|
|
98
103
|
brand: "";
|
|
99
104
|
info: "";
|
|
105
|
+
personalized: "";
|
|
100
106
|
};
|
|
101
107
|
size: {
|
|
102
108
|
S: "px-2 py-1 text-xs/[140%] font-semibold";
|
|
@@ -115,6 +121,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
|
|
|
115
121
|
success: "";
|
|
116
122
|
brand: "";
|
|
117
123
|
info: "";
|
|
124
|
+
personalized: "";
|
|
118
125
|
};
|
|
119
126
|
size: {
|
|
120
127
|
S: "px-2 py-1 text-xs/[140%] font-semibold";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export type BadgeType = 'default' | 'accent';
|
|
3
|
-
export type BadgeVariants = 'attention' | 'neutral' | 'success' | 'warning' | 'brand' | 'info';
|
|
3
|
+
export type BadgeVariants = 'attention' | 'neutral' | 'success' | 'warning' | 'brand' | 'info' | 'personalized';
|
|
4
4
|
export type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
|
|
5
5
|
variant: BadgeVariants;
|
|
6
6
|
size?: 'S' | 'M';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { default as ExploreCard } from './ExploreCard';
|
|
2
2
|
export * from './types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const progressCardStyles: import("tailwind-variants").TVReturnType<{}, undefined, "bg-color-background-anti-flash-light flex flex-col items-center justify-between pb-7 pt-10 px-7 size-full rounded-[20px] h-full", import("tailwind-variants/dist/config").TVConfig<{}, {}>, {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, "bg-color-background-anti-flash-light flex flex-col items-center justify-between pb-7 pt-10 px-7 size-full rounded-[20px] h-full", import("tailwind-variants/dist/config").TVConfig<{}, {}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface ProgressCardProps {
|
|
2
|
+
title: string;
|
|
3
|
+
description: string;
|
|
4
|
+
currentMessageCount: number;
|
|
5
|
+
requiredMessageCount: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
loadingImage: string;
|
|
8
|
+
placeholder: string;
|
|
9
|
+
circleText: string;
|
|
10
|
+
onInputClicked?: () => void;
|
|
11
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export type PromptCardProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
3
|
-
title
|
|
4
|
-
description
|
|
3
|
+
title?: string;
|
|
4
|
+
description?: string;
|
|
5
5
|
badgeText?: string;
|
|
6
6
|
onStartConversation?: () => void;
|
|
7
7
|
isLoading?: boolean;
|
|
@@ -39,6 +39,7 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
39
39
|
breakPoint: string;
|
|
40
40
|
defaultStroke: string;
|
|
41
41
|
coloredStroke: string;
|
|
42
|
+
whiteStroke: string;
|
|
42
43
|
icon: string;
|
|
43
44
|
contentWrapper: string;
|
|
44
45
|
contentColor: string;
|
|
@@ -158,6 +159,7 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
158
159
|
breakPoint: string;
|
|
159
160
|
defaultStroke: string;
|
|
160
161
|
coloredStroke: string;
|
|
162
|
+
whiteStroke: string;
|
|
161
163
|
icon: string;
|
|
162
164
|
contentWrapper: string;
|
|
163
165
|
contentColor: string;
|
|
@@ -203,6 +205,7 @@ export declare const circleRatingStyles: import("tailwind-variants").TVReturnTyp
|
|
|
203
205
|
breakPoint: string;
|
|
204
206
|
defaultStroke: string;
|
|
205
207
|
coloredStroke: string;
|
|
208
|
+
whiteStroke: string;
|
|
206
209
|
icon: string;
|
|
207
210
|
contentWrapper: string;
|
|
208
211
|
contentColor: string;
|