@fluidattacks/design 1.5.0 → 2.0.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/index.js +428 -0
- package/dist/index.mjs +10813 -0
- package/dist/types/components/@core/index.d.ts +5 -0
- package/dist/types/components/@core/styles.d.ts +6 -0
- package/dist/{src → types}/components/@core/types.d.ts +2 -2
- package/dist/{src → types}/components/@core/utils.d.ts +2 -2
- package/dist/{src → types}/components/@core/variants/utils.d.ts +2 -2
- package/dist/{src → types}/components/accordion/accordion-content/index.d.ts +1 -1
- package/dist/types/components/accordion/index.d.ts +4 -0
- package/dist/types/components/alert/index.d.ts +4 -0
- package/dist/types/components/alert/styles.d.ts +9 -0
- package/dist/{src → types}/components/alert/types.d.ts +2 -2
- package/dist/types/components/button/index.d.ts +4 -0
- package/dist/types/components/button/styles.d.ts +9 -0
- package/dist/{src → types}/components/button/types.d.ts +3 -3
- package/dist/types/components/carousel/index.d.ts +4 -0
- package/dist/types/components/carousel/styles.d.ts +10 -0
- package/dist/types/components/checkbox/index.d.ts +3 -0
- package/dist/types/components/checkbox/styles.d.ts +7 -0
- package/dist/{src → types}/components/checkbox/types.d.ts +1 -1
- package/dist/{src → types}/components/cloud-image/index.d.ts +2 -2
- package/dist/{src → types}/components/cloud-image/types.d.ts +1 -1
- package/dist/{src → types}/components/code-snippet/index.d.ts +1 -1
- package/dist/types/components/code-snippet/location-code/index.d.ts +5 -0
- package/dist/types/components/code-snippet/styles.d.ts +3 -0
- package/dist/{src → types}/components/colors/index.d.ts +3 -3
- package/dist/types/components/container/index.d.ts +4 -0
- package/dist/types/components/container/styles.d.ts +9 -0
- package/dist/{src → types}/components/container/types.d.ts +2 -2
- package/dist/{src → types}/components/content-card/index.d.ts +1 -1
- package/dist/types/components/content-card/styles.d.ts +2 -0
- package/dist/{src → types}/components/content-card/types.d.ts +1 -1
- package/dist/{src → types}/components/content-card-carousel/index.d.ts +1 -1
- package/dist/{src → types}/components/content-card-carousel/scroll-buttons/index.d.ts +1 -1
- package/dist/types/components/content-card-carousel/styles.d.ts +3 -0
- package/dist/{src → types}/components/content-card-carousel/types.d.ts +1 -1
- package/dist/types/components/divider/index.d.ts +3 -0
- package/dist/{src → types}/components/divider/types.d.ts +1 -1
- package/dist/{src → types}/components/file-preview/index.d.ts +1 -1
- package/dist/types/components/file-preview/styles.d.ts +6 -0
- package/dist/{src → types}/components/file-preview/utils.d.ts +1 -1
- package/dist/{src → types}/components/form/index.d.ts +3 -3
- package/dist/types/components/form/styles.d.ts +4 -0
- package/dist/types/components/grid-layout/styles.d.ts +12 -0
- package/dist/types/components/icon/index.d.ts +3 -0
- package/dist/types/components/icon/styles.d.ts +14 -0
- package/dist/{src → types}/components/icon/types.d.ts +2 -2
- package/dist/types/components/icon-button/index.d.ts +3 -0
- package/dist/types/components/icon-button/styles.d.ts +9 -0
- package/dist/{src → types}/components/icon-button/types.d.ts +4 -4
- package/dist/types/components/inputs/fields/phone/index.d.ts +3 -0
- package/dist/types/components/inputs/fields/phone/styles.d.ts +6 -0
- package/dist/types/components/inputs/fields/text-input/index.d.ts +3 -0
- package/dist/types/components/inputs/index.d.ts +4 -0
- package/dist/{src → types}/components/inputs/label/index.d.ts +1 -1
- package/dist/{src → types}/components/inputs/outline-container/index.d.ts +2 -2
- package/dist/types/components/inputs/styles.d.ts +3 -0
- package/dist/{src → types}/components/inputs/types.d.ts +2 -2
- package/dist/{src → types}/components/interactive-card/icon/index.d.ts +1 -1
- package/dist/{src → types}/components/interactive-card/index.d.ts +1 -1
- package/dist/types/components/interactive-card/styles.d.ts +3 -0
- package/dist/{src → types}/components/interactive-card/types.d.ts +1 -1
- package/dist/{src → types}/components/language-selector/index.d.ts +1 -1
- package/dist/{src → types}/components/language-selector/item-list/index.d.ts +1 -1
- package/dist/types/components/language-selector/styles.d.ts +5 -0
- package/dist/{src → types}/components/language-selector/types.d.ts +1 -1
- package/dist/{src → types}/components/link/index.d.ts +2 -2
- package/dist/types/components/link/styles.d.ts +8 -0
- package/dist/{src → types}/components/list-item/index.d.ts +2 -2
- package/dist/types/components/list-item/styles.d.ts +3 -0
- package/dist/{src → types}/components/list-item/types.d.ts +2 -2
- package/dist/types/components/little-flag/index.d.ts +4 -0
- package/dist/types/components/little-flag/styles.d.ts +6 -0
- package/dist/types/components/little-flag/types.d.ts +15 -0
- package/dist/{src → types}/components/logo/index.d.ts +1 -1
- package/dist/{src → types}/components/logo-carousel/index.d.ts +1 -1
- package/dist/types/components/logo-carousel/styles.d.ts +4 -0
- package/dist/types/components/lottie/index.d.ts +3 -0
- package/dist/types/components/lottie/styles.d.ts +41 -0
- package/dist/types/components/lottie/types.d.ts +11 -0
- package/dist/{src → types}/components/message-banner/index.d.ts +1 -1
- package/dist/types/components/message-banner/styles.d.ts +2 -0
- package/dist/{src → types}/components/message-banner/types.d.ts +3 -3
- package/dist/{src → types}/components/message-banner/utils.d.ts +2 -2
- package/dist/types/components/notification/index.d.ts +3 -0
- package/dist/types/components/notification/styles.d.ts +7 -0
- package/dist/types/components/notification/types.d.ts +16 -0
- package/dist/types/components/notification/utils.d.ts +4 -0
- package/dist/types/components/notification-sign/index.d.ts +3 -0
- package/dist/types/components/notification-sign/styles.d.ts +9 -0
- package/dist/{src → types}/components/notification-sign/types.d.ts +1 -1
- package/dist/types/components/number-input/index.d.ts +5 -0
- package/dist/types/components/number-input/styles.d.ts +3 -0
- package/dist/types/components/number-input/types.d.ts +17 -0
- package/dist/{src → types}/components/plan-card/index.d.ts +1 -1
- package/dist/types/components/plan-card/styles.d.ts +3 -0
- package/dist/{src → types}/components/plan-card/types.d.ts +1 -1
- package/dist/{src → types}/components/plan-card/utils.d.ts +1 -1
- package/dist/{src → types}/components/progress-bar/index.d.ts +1 -1
- package/dist/types/components/progress-bar/styles.d.ts +6 -0
- package/dist/{src → types}/components/progress-bar/types.d.ts +1 -1
- package/dist/types/components/radio-button/index.d.ts +3 -0
- package/dist/types/components/radio-button/styles.d.ts +7 -0
- package/dist/{src → types}/components/radio-button/types.d.ts +1 -1
- package/dist/{src → types}/components/search-bar/index.d.ts +1 -1
- package/dist/{src → types}/components/search-bar/item-searching/index.d.ts +1 -1
- package/dist/types/components/search-bar/styles.d.ts +15 -0
- package/dist/{src → types}/components/search-bar/types.d.ts +1 -1
- package/dist/{src → types}/components/search-bar/utils.d.ts +1 -1
- package/dist/types/components/step-lapse/index.d.ts +3 -0
- package/dist/types/components/step-lapse/styles.d.ts +8 -0
- package/dist/types/components/step-lapse/types.d.ts +44 -0
- package/dist/{src → types}/components/table-button/index.d.ts +1 -1
- package/dist/types/components/table-button/styles.d.ts +2 -0
- package/dist/{src → types}/components/table-button/types.d.ts +2 -2
- package/dist/{src → types}/components/tabs/fixed-tabs/index.d.ts +1 -1
- package/dist/{src → types}/components/tabs/index.d.ts +3 -3
- package/dist/types/components/tabs/styles.d.ts +4 -0
- package/dist/{src → types}/components/tabs/tab/index.d.ts +1 -1
- package/dist/{src → types}/components/tabs/types.d.ts +1 -1
- package/dist/{src → types}/components/tag/index.d.ts +1 -1
- package/dist/types/components/tag/styles.d.ts +7 -0
- package/dist/{src → types}/components/tag/types.d.ts +1 -1
- package/dist/{src → types}/components/toggle/index.d.ts +2 -2
- package/dist/types/components/toggle/styles.d.ts +4 -0
- package/dist/{src → types}/components/toggle/types.d.ts +2 -2
- package/dist/{src → types}/components/toggle-buttons/index.d.ts +1 -1
- package/dist/types/components/toggle-buttons/styles.d.ts +3 -0
- package/dist/types/components/tooltip/index.d.ts +4 -0
- package/dist/types/components/tooltip/styles.d.ts +7 -0
- package/dist/{src → types}/components/tooltip/types.d.ts +2 -2
- package/dist/types/components/tour/index.d.ts +6 -0
- package/dist/types/components/tour/types.d.ts +14 -0
- package/dist/types/components/typography/heading/index.d.ts +3 -0
- package/dist/types/components/typography/index.d.ts +3 -0
- package/dist/types/components/typography/styles.d.ts +23 -0
- package/dist/types/components/typography/text/index.d.ts +3 -0
- package/dist/{src → types}/components/typography/types.d.ts +2 -2
- package/dist/types/hooks/index.d.ts +4 -0
- package/dist/{src → types}/hooks/use-cloudinary-image.d.ts +1 -1
- package/dist/types/index.d.ts +42 -0
- package/package.json +10 -7
- package/dist/design.js +0 -2149
- package/dist/design.mjs +0 -16854
- package/dist/src/components/@core/index.d.ts +0 -5
- package/dist/src/components/@core/styles.d.ts +0 -6
- package/dist/src/components/accordion/index.d.ts +0 -4
- package/dist/src/components/alert/index.d.ts +0 -4
- package/dist/src/components/alert/styles.d.ts +0 -9
- package/dist/src/components/button/index.d.ts +0 -4
- package/dist/src/components/button/styles.d.ts +0 -9
- package/dist/src/components/carousel/index.d.ts +0 -4
- package/dist/src/components/carousel/styles.d.ts +0 -10
- package/dist/src/components/checkbox/index.d.ts +0 -3
- package/dist/src/components/checkbox/styles.d.ts +0 -7
- package/dist/src/components/code-snippet/location-code/index.d.ts +0 -3
- package/dist/src/components/code-snippet/styles.d.ts +0 -3
- package/dist/src/components/container/index.d.ts +0 -4
- package/dist/src/components/container/styles.d.ts +0 -9
- package/dist/src/components/content-card/styles.d.ts +0 -2
- package/dist/src/components/content-card-carousel/styles.d.ts +0 -3
- package/dist/src/components/divider/index.d.ts +0 -3
- package/dist/src/components/file-preview/styles.d.ts +0 -6
- package/dist/src/components/form/styles.d.ts +0 -4
- package/dist/src/components/grid-layout/styles.d.ts +0 -12
- package/dist/src/components/icon/index.d.ts +0 -3
- package/dist/src/components/icon/styles.d.ts +0 -14
- package/dist/src/components/icon-button/index.d.ts +0 -3
- package/dist/src/components/icon-button/styles.d.ts +0 -9
- package/dist/src/components/inputs/fields/phone/index.d.ts +0 -3
- package/dist/src/components/inputs/fields/phone/styles.d.ts +0 -6
- package/dist/src/components/inputs/fields/text-input/index.d.ts +0 -3
- package/dist/src/components/inputs/index.d.ts +0 -4
- package/dist/src/components/inputs/styles.d.ts +0 -3
- package/dist/src/components/interactive-card/styles.d.ts +0 -3
- package/dist/src/components/language-selector/styles.d.ts +0 -5
- package/dist/src/components/link/styles.d.ts +0 -8
- package/dist/src/components/list-item/styles.d.ts +0 -3
- package/dist/src/components/logo-carousel/styles.d.ts +0 -4
- package/dist/src/components/message-banner/styles.d.ts +0 -2
- package/dist/src/components/notification-sign/index.d.ts +0 -3
- package/dist/src/components/notification-sign/styles.d.ts +0 -9
- package/dist/src/components/plan-card/styles.d.ts +0 -3
- package/dist/src/components/progress-bar/styles.d.ts +0 -6
- package/dist/src/components/radio-button/index.d.ts +0 -3
- package/dist/src/components/radio-button/styles.d.ts +0 -7
- package/dist/src/components/search-bar/styles.d.ts +0 -15
- package/dist/src/components/table-button/styles.d.ts +0 -2
- package/dist/src/components/tabs/styles.d.ts +0 -4
- package/dist/src/components/tag/styles.d.ts +0 -7
- package/dist/src/components/toggle/styles.d.ts +0 -4
- package/dist/src/components/toggle-buttons/styles.d.ts +0 -3
- package/dist/src/components/tooltip/index.d.ts +0 -4
- package/dist/src/components/tooltip/styles.d.ts +0 -7
- package/dist/src/components/typography/heading/index.d.ts +0 -3
- package/dist/src/components/typography/index.d.ts +0 -3
- package/dist/src/components/typography/styles.d.ts +0 -23
- package/dist/src/components/typography/text/index.d.ts +0 -3
- package/dist/src/hooks/index.d.ts +0 -4
- package/dist/src/index.d.ts +0 -37
- package/dist/vite.config.d.ts +0 -3
- /package/dist/{src → types}/components/@core/constants.d.ts +0 -0
- /package/dist/{src → types}/components/accordion/types.d.ts +0 -0
- /package/dist/{src → types}/components/carousel/types.d.ts +0 -0
- /package/dist/{src → types}/components/code-snippet/types.d.ts +0 -0
- /package/dist/{src → types}/components/content-card/category-tag/index.d.ts +0 -0
- /package/dist/{src → types}/components/content-card/event-date/index.d.ts +0 -0
- /package/dist/{src → types}/components/file-preview/types.d.ts +0 -0
- /package/dist/{src → types}/components/form/types.d.ts +0 -0
- /package/dist/{src → types}/components/link/types.d.ts +0 -0
- /package/dist/{src → types}/components/logo/types.d.ts +0 -0
- /package/dist/{src → types}/components/logo-carousel/types.d.ts +0 -0
- /package/dist/{src → types}/components/logo-carousel/utils.d.ts +0 -0
- /package/dist/{src → types}/components/plan-card/recommended-tag/index.d.ts +0 -0
- /package/dist/{src → types}/components/progress-bar/utils.d.ts +0 -0
- /package/dist/{src → types}/components/toggle-buttons/types.d.ts +0 -0
- /package/dist/{src → types}/hooks/use-carousel.d.ts +0 -0
- /package/dist/{src → types}/hooks/use-click-outside.d.ts +0 -0
- /package/dist/{src → types}/utils/open-url.d.ts +0 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
type TNums0To7 = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
|
|
2
|
+
/**
|
|
3
|
+
* Little flag component props.
|
|
4
|
+
* @interface ILittleFlagProps
|
|
5
|
+
* @extends React.HTMLAttributes<HTMLSpanElement>
|
|
6
|
+
* @property { number } [ml] - The margin left value for the little flag.
|
|
7
|
+
* @property { string } [bgColor] - The background color for the little flag.
|
|
8
|
+
* @property { string } [txtDecoration] - The text decoration for the little flag.
|
|
9
|
+
*/
|
|
10
|
+
interface ILittleFlagProps extends Partial<React.HTMLAttributes<HTMLSpanElement>> {
|
|
11
|
+
ml?: TNums0To7;
|
|
12
|
+
bgColor?: string;
|
|
13
|
+
txtDecoration?: string;
|
|
14
|
+
}
|
|
15
|
+
export type { ILittleFlagProps };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const ClientsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
declare const Rectangle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const SlideShow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
export { ClientsContainer, Rectangle, SlideShow };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ILottieProps } from "./types";
|
|
2
|
+
interface IStyledLottieProps extends Partial<ILottieProps> {
|
|
3
|
+
$size?: ILottieProps["size"];
|
|
4
|
+
}
|
|
5
|
+
declare const StyledLottie: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<Omit<import("lottie-web").AnimationConfigWithData<"svg">, "container" | "animationData"> & {
|
|
6
|
+
animationData: unknown;
|
|
7
|
+
lottieRef?: import("lottie-light-react").LottieRef;
|
|
8
|
+
onComplete?: import("react").AnimationEventHandler | null;
|
|
9
|
+
onLoopComplete?: import("react").AnimationEventHandler | null;
|
|
10
|
+
onEnterFrame?: import("react").AnimationEventHandler | null;
|
|
11
|
+
onSegmentStart?: import("react").AnimationEventHandler | null;
|
|
12
|
+
onConfigReady?: import("react").AnimationEventHandler | null;
|
|
13
|
+
onDataReady?: import("react").AnimationEventHandler | null;
|
|
14
|
+
onDataFailed?: import("react").AnimationEventHandler | null;
|
|
15
|
+
onLoadedImages?: import("react").AnimationEventHandler | null;
|
|
16
|
+
onDOMLoaded?: import("react").AnimationEventHandler | null;
|
|
17
|
+
onDestroy?: import("react").AnimationEventHandler | null;
|
|
18
|
+
} & Omit<import("react").HTMLProps<HTMLDivElement>, "loop"> & {
|
|
19
|
+
interactivity?: Omit<import("lottie-light-react").InteractivityProps, "lottieObj">;
|
|
20
|
+
}, "ref"> & {
|
|
21
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
22
|
+
}, Omit<Omit<import("lottie-web").AnimationConfigWithData<"svg">, "container" | "animationData"> & {
|
|
23
|
+
animationData: unknown;
|
|
24
|
+
lottieRef?: import("lottie-light-react").LottieRef;
|
|
25
|
+
onComplete?: import("react").AnimationEventHandler | null;
|
|
26
|
+
onLoopComplete?: import("react").AnimationEventHandler | null;
|
|
27
|
+
onEnterFrame?: import("react").AnimationEventHandler | null;
|
|
28
|
+
onSegmentStart?: import("react").AnimationEventHandler | null;
|
|
29
|
+
onConfigReady?: import("react").AnimationEventHandler | null;
|
|
30
|
+
onDataReady?: import("react").AnimationEventHandler | null;
|
|
31
|
+
onDataFailed?: import("react").AnimationEventHandler | null;
|
|
32
|
+
onLoadedImages?: import("react").AnimationEventHandler | null;
|
|
33
|
+
onDOMLoaded?: import("react").AnimationEventHandler | null;
|
|
34
|
+
onDestroy?: import("react").AnimationEventHandler | null;
|
|
35
|
+
} & Omit<import("react").HTMLProps<HTMLDivElement>, "loop"> & {
|
|
36
|
+
interactivity?: Omit<import("lottie-light-react").InteractivityProps, "lottieObj">;
|
|
37
|
+
}, "ref"> & {
|
|
38
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
39
|
+
}>, never>, IStyledLottieProps>> & string & Omit<(props: import("lottie-light-react").LottieComponentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
|
|
40
|
+
export type { IStyledLottieProps };
|
|
41
|
+
export { StyledLottie };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { LottieComponentProps } from "lottie-light-react";
|
|
2
|
+
/**
|
|
3
|
+
* Lottie component props.
|
|
4
|
+
* @interface ILottieProps
|
|
5
|
+
* @extends LottieComponentProps
|
|
6
|
+
* @property { number } [size] - The size of the lottie animation. Default is 16px.
|
|
7
|
+
*/
|
|
8
|
+
interface ILottieProps extends Partial<Pick<LottieComponentProps, "animationData" | "autoplay" | "className">> {
|
|
9
|
+
size?: number;
|
|
10
|
+
}
|
|
11
|
+
export type { ILottieProps };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { IMessageBannerProps } from
|
|
1
|
+
import type { IMessageBannerProps } from "./types";
|
|
2
2
|
declare const MessageBanner: ({ message, onClickButton, buttonText, buttonFontWeight, icon, onClose, variant, }: Readonly<IMessageBannerProps>) => JSX.Element;
|
|
3
3
|
export { MessageBanner };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { IconName } from
|
|
2
|
-
import { Property } from
|
|
3
|
-
import { MouseEventHandler } from
|
|
1
|
+
import { IconName } from "@fortawesome/free-solid-svg-icons";
|
|
2
|
+
import type { Property } from "csstype";
|
|
3
|
+
import type { MouseEventHandler } from "react";
|
|
4
4
|
type TVariant = "web" | "platform";
|
|
5
5
|
/**
|
|
6
6
|
* Message banner props.
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TNotificationVariant } from "./types";
|
|
2
|
+
interface IAlertAndNotifyBoxProps {
|
|
3
|
+
$variant: TNotificationVariant;
|
|
4
|
+
}
|
|
5
|
+
declare const NotificationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAlertAndNotifyBoxProps>> & string;
|
|
6
|
+
declare const IconsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAlertAndNotifyBoxProps>> & string;
|
|
7
|
+
export { IconsContainer, NotificationContainer };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type TNotificationVariant = "error" | "info" | "success" | "warning";
|
|
2
|
+
/**
|
|
3
|
+
* Notification component props.
|
|
4
|
+
* @interface INotificationProps
|
|
5
|
+
* @property {string} description - The main content of the notification.
|
|
6
|
+
* @property {string} title - The title of the notification.
|
|
7
|
+
* @property {TNotificationVariant} variant - The notification custom variant.
|
|
8
|
+
* @property { Function } [onClose] - Optional callback function when the notification is closed.
|
|
9
|
+
*/
|
|
10
|
+
interface INotificationProps {
|
|
11
|
+
description: string;
|
|
12
|
+
title: string;
|
|
13
|
+
variant: TNotificationVariant;
|
|
14
|
+
onClose?: () => void;
|
|
15
|
+
}
|
|
16
|
+
export type { INotificationProps, TNotificationVariant };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { INotificationSignProps } from "./types";
|
|
2
|
+
interface IStyledNotificationSignProps {
|
|
3
|
+
$variant?: INotificationSignProps["variant"];
|
|
4
|
+
}
|
|
5
|
+
declare const NotificationSignButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
|
|
6
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
+
}, IStyledNotificationSignProps>> & string;
|
|
8
|
+
declare const NumberIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export { NotificationSignButton, NumberIndicator };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { INumberInputProps } from "./types";
|
|
3
|
+
declare const NumberInput: React.ForwardRefExoticComponent<Readonly<INumberInputProps> & React.RefAttributes<HTMLInputElement>>;
|
|
4
|
+
export type { INumberInputProps };
|
|
5
|
+
export { NumberInput };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const StyledInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
3
|
+
export { StyledInputContainer, StyledInput };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Number input component props.
|
|
4
|
+
* @interface INumberInputProps
|
|
5
|
+
* @extends InputHTMLAttributes<HTMLInputElement>
|
|
6
|
+
* @property { boolean } [autoUpdate] - Whether the input value should be updated automatically.
|
|
7
|
+
* @property { number } [decimalPlaces] - Number of decimal places to display.
|
|
8
|
+
* @property { Function } [onEnter] - Function to be called when the enter key is pressed.
|
|
9
|
+
* @property { string } [tooltipMessage] - Tooltip message to display when hovering over the input.
|
|
10
|
+
*/
|
|
11
|
+
interface INumberInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
12
|
+
autoUpdate?: boolean;
|
|
13
|
+
decimalPlaces?: number;
|
|
14
|
+
onEnter: (value?: number) => void;
|
|
15
|
+
tooltipMessage?: string;
|
|
16
|
+
}
|
|
17
|
+
export type { INumberInputProps };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const OverviewCardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
declare const FullCardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
export { OverviewCardContainer, FullCardContainer };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IPlanFeatureProps, IPlanProps, TPlan } from
|
|
1
|
+
import { IPlanFeatureProps, IPlanProps, TPlan } from "./types";
|
|
2
2
|
declare const plans: Record<TPlan, IPlanProps>;
|
|
3
3
|
declare const advancedPlanFeatures: IPlanFeatureProps[];
|
|
4
4
|
declare const essentialPlanFeatures: IPlanFeatureProps[];
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
declare const ProgressLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, {
|
|
4
|
+
$animationTime: number;
|
|
5
|
+
}>> & string;
|
|
6
|
+
export { ProgressLine };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
2
|
+
$disabled: boolean;
|
|
3
|
+
}>> & string;
|
|
4
|
+
declare const CheckMark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
6
|
+
}>, never>, never>> & string;
|
|
7
|
+
export { CheckMark, LabelContainer };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare const StyledItemSearching: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
|
|
2
|
+
declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
4
|
+
}>, never>, never>> & string;
|
|
5
|
+
declare const StyledSearchBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
declare const StyledSearchBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
|
|
7
|
+
declare const StyledSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
8
|
+
declare const StyledSearchReset: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
9
|
+
declare const StyledDropdownItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
+
}>, never>, {
|
|
12
|
+
$empty?: boolean;
|
|
13
|
+
$showHits?: boolean;
|
|
14
|
+
}>> & string;
|
|
15
|
+
export { IconWrapper, StyledDropdownItems, StyledItemSearching, StyledSearchBar, StyledSearchBox, StyledSearchInput, StyledSearchReset, };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TStepVariant } from "./types";
|
|
2
|
+
declare const StepperContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const StepContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
declare const StyledButtonsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
|
+
declare const StyledStepLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
6
|
+
$variant: TStepVariant;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export { StyledStepLabel, StyledButtonsContainer, StepContainer, StepperContainer, };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode } from "react";
|
|
2
|
+
type TStepVariant = "completed" | "current" | "disabled";
|
|
3
|
+
/**
|
|
4
|
+
* Step component props.
|
|
5
|
+
* @interface IStep
|
|
6
|
+
* @property { ReactNode } content - The content to be displayed in the step.
|
|
7
|
+
* @property { boolean } [isDisabledNext] - A flag indicating whether the next button should be disabled.
|
|
8
|
+
* @property { boolean } [isDisabledPrevious] - A flag indicating whether the previous button should be disabled.
|
|
9
|
+
* @property { Function } [nextAction] - The callback function to be executed when the next button is clicked.
|
|
10
|
+
* @property { Function } [previousAction] - The callback function to be executed when the previous button is clicked.
|
|
11
|
+
* @property { string } title - The title of the step.
|
|
12
|
+
*/
|
|
13
|
+
interface IStep {
|
|
14
|
+
content: ReactNode;
|
|
15
|
+
isDisabledNext?: boolean;
|
|
16
|
+
isDisabledPrevious?: boolean;
|
|
17
|
+
nextAction?: () => void;
|
|
18
|
+
previousAction?: () => void;
|
|
19
|
+
title: string;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* Step lapse button props.
|
|
23
|
+
* @interface IStepLapseButton
|
|
24
|
+
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
25
|
+
* @property { boolean } disabled - Whether the button should be disabled.
|
|
26
|
+
* @property { string } text - Button text.
|
|
27
|
+
* @property { Function } onClick - Callback function to be executed when the button is clicked.
|
|
28
|
+
*/
|
|
29
|
+
interface IStepLapseButton extends Pick<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
text: string;
|
|
32
|
+
onClick?: () => void;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Step lapse component props.
|
|
36
|
+
* @interface IStepLapseProps
|
|
37
|
+
* @property { IStepLapseButton } button - The button to be displayed at the end of the step lapse.
|
|
38
|
+
* @property { IStep[] } steps - The steps to be included in the step lapse.
|
|
39
|
+
*/
|
|
40
|
+
interface IStepLapseProps {
|
|
41
|
+
button: IStepLapseButton;
|
|
42
|
+
steps: IStep[];
|
|
43
|
+
}
|
|
44
|
+
export type { IStepLapseProps, TStepVariant };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const StyledTableButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
2
|
+
export { StyledTableButton };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes } from
|
|
2
|
-
import { IIconModifiable } from
|
|
1
|
+
import type { ButtonHTMLAttributes } from "react";
|
|
2
|
+
import { IIconModifiable } from "components/@core";
|
|
3
3
|
type TVariant = "add" | "approve" | "disabled" | "reject" | "submit" | "success";
|
|
4
4
|
/**
|
|
5
5
|
* Table button component props.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FixedTabs } from
|
|
2
|
-
import { Tab } from
|
|
3
|
-
import { ITabsProps } from
|
|
1
|
+
import { FixedTabs } from "./fixed-tabs";
|
|
2
|
+
import { Tab } from "./tab";
|
|
3
|
+
import { ITabsProps } from "./types";
|
|
4
4
|
declare const Tabs: ({ items, borders, box, }: Readonly<ITabsProps>) => JSX.Element;
|
|
5
5
|
export { FixedTabs, Tabs, Tab };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const StyledFixedTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
2
|
+
declare const StyledFixedTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const TabLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
|
|
4
|
+
export { StyledFixedTab, StyledFixedTabs, TabLink };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ITagProps, TTagVariant } from
|
|
1
|
+
import type { ITagProps, TTagVariant } from "./types";
|
|
2
2
|
declare const Tag: ({ children, disabled, icon, iconColor, id, fontSize, onClose, variant, }: Readonly<ITagProps>) => JSX.Element;
|
|
3
3
|
export type { ITagProps, TTagVariant };
|
|
4
4
|
export { Tag };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { TTagVariant } from "./types";
|
|
2
|
+
interface IStyledTag {
|
|
3
|
+
$fontSize?: string;
|
|
4
|
+
$variant: TTagVariant;
|
|
5
|
+
}
|
|
6
|
+
declare const StyledTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledTag>> & string;
|
|
7
|
+
export { StyledTag };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { IIconModifiable } from
|
|
1
|
+
import { IIconModifiable } from "components/@core";
|
|
2
2
|
type TTagVariant = "default" | "error" | "inactive" | "new" | "reachable" | "remediation" | "review" | "role" | "success" | "technique" | "warning";
|
|
3
3
|
/**
|
|
4
4
|
* Tag component props.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { IToggleProps } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { IToggleProps } from "./types";
|
|
3
3
|
declare const Toggle: React.ForwardRefExoticComponent<Readonly<IToggleProps> & React.RefAttributes<HTMLInputElement>>;
|
|
4
4
|
export { Toggle };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
declare const Slider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
declare const Ball: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
+
declare const ToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
4
|
+
export { Slider, ToggleContainer, Ball };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const ToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
declare const StyledToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
3
|
+
export { StyledToggleButton, ToggleContainer };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { PropsWithChildren } from "react";
|
|
2
|
+
import type { ITooltipProps } from "./types";
|
|
3
|
+
declare const Tooltip: import("react").ForwardRefExoticComponent<Readonly<PropsWithChildren<ITooltipProps>> & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export { Tooltip };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
declare const TooltipBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
+
}, never>> & string;
|
|
4
|
+
declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
5
|
+
$maxWidth?: string;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export { TooltipBox, StyledTooltip };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactNode } from
|
|
2
|
-
import { IDisplayModifiable, IIconModifiable } from
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import { IDisplayModifiable, IIconModifiable } from "components/@core";
|
|
3
3
|
type TPlace = "bottom" | "left" | "right" | "top";
|
|
4
4
|
type TEffect = "float" | "solid";
|
|
5
5
|
/**
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Step } from "react-joyride";
|
|
2
|
+
/**
|
|
3
|
+
* Tour component props.
|
|
4
|
+
* @interface ITourProps
|
|
5
|
+
* @property { Function } [onFinish] - The callback function to be executed when the tour finishes.
|
|
6
|
+
* @property { boolean } run - A flag indicating whether the tour should be run.
|
|
7
|
+
* @property { Step[] } steps - The steps to be included in the tour.
|
|
8
|
+
*/
|
|
9
|
+
interface ITourProps {
|
|
10
|
+
onFinish?: () => void;
|
|
11
|
+
run: boolean;
|
|
12
|
+
steps: Step[];
|
|
13
|
+
}
|
|
14
|
+
export type { ITourProps };
|