@ctlyst.id/internal-ui 2.1.4 → 2.1.6
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/accordion/__stories__/accordion.stories.d.ts +9 -0
- package/dist/components/accordion/components/accordion-indicator.d.ts +1 -0
- package/dist/components/accordion/components/index.d.ts +2 -0
- package/dist/components/accordion/index.d.ts +1 -0
- package/dist/components/badge/__stories__/badge.stories.d.ts +8 -0
- package/dist/components/header/components/header.d.ts +1 -0
- package/dist/components/header/components/profile.d.ts +1 -0
- package/dist/components/loader/components/loader.d.ts +2 -2
- package/dist/components/toast/__stories__/toast.stories.d.ts +13 -0
- package/dist/components/toast/components/toast.d.ts +20 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/config/__stories__/globals.stories.d.ts +10 -0
- package/dist/config/theme/components/accordion.d.ts +53 -0
- package/dist/config/theme/components/alert.d.ts +2 -2
- package/dist/config/theme/components/index.d.ts +1 -0
- package/dist/config/theme/components/switch.d.ts +9 -0
- package/dist/internal-ui.cjs.development.js +233 -132
- package/dist/internal-ui.cjs.development.js.map +1 -1
- package/dist/internal-ui.cjs.production.min.js +5 -5
- package/dist/internal-ui.cjs.production.min.js.map +1 -1
- package/dist/internal-ui.esm.js +235 -134
- package/dist/internal-ui.esm.js.map +1 -1
- package/dist/provider/__stories__/provider.stories.d.ts +3 -0
- package/dist/provider/components/provider.d.ts +1 -0
- package/package.json +6 -4
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const Default: () => JSX.Element;
|
8
|
+
export declare const AccordionWithEyeIcon: () => JSX.Element;
|
9
|
+
export declare const AccordionWithActiveIndicator: () => JSX.Element;
|
@@ -0,0 +1 @@
|
|
1
|
+
export declare const AccordionIndicator: () => JSX.Element | null;
|
@@ -0,0 +1,2 @@
|
|
1
|
+
export * from './accordion-indicator';
|
2
|
+
export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionProvider, useAccordion, useAccordionContext, useAccordionItem, UseAccordionItemProps, UseAccordionItemReturn, useAccordionItemState, UseAccordionProps, UseAccordionReturn, useAccordionStyles, } from '@chakra-ui/react';
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components';
|
@@ -5,3 +5,11 @@ declare const _default: {
|
|
5
5
|
};
|
6
6
|
export default _default;
|
7
7
|
export declare const Default: () => JSX.Element;
|
8
|
+
export declare const BadgeDefault: {
|
9
|
+
(): JSX.Element;
|
10
|
+
storyName: string;
|
11
|
+
};
|
12
|
+
export declare const PillsDefault: {
|
13
|
+
(): JSX.Element;
|
14
|
+
storyName: string;
|
15
|
+
};
|
@@ -2,6 +2,7 @@ import type { BoxProps } from '@chakra-ui/react';
|
|
2
2
|
import * as React from 'react';
|
3
3
|
import type { HeaderDataProps } from '../types';
|
4
4
|
export declare type ProfileProps = {
|
5
|
+
color?: BoxProps['color'];
|
5
6
|
brandColor?: BoxProps['bgColor'];
|
6
7
|
data?: HeaderDataProps;
|
7
8
|
onLogout?: () => void;
|
@@ -4,7 +4,7 @@ export interface LoaderProps {
|
|
4
4
|
variant?: string;
|
5
5
|
thickness?: string;
|
6
6
|
}
|
7
|
-
export interface
|
7
|
+
export interface CustomLoaderProps extends HTMLChakraProps<'span'>, ThemingProps {
|
8
8
|
}
|
9
|
-
declare const Loader: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div",
|
9
|
+
declare const Loader: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", CustomLoaderProps>;
|
10
10
|
export default Loader;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
declare const _default: {
|
3
|
+
title: string;
|
4
|
+
decorators: ((Story: React.ElementType) => JSX.Element)[];
|
5
|
+
};
|
6
|
+
export default _default;
|
7
|
+
export declare const ToastPosition: () => JSX.Element;
|
8
|
+
export declare const ToastVariant: () => JSX.Element;
|
9
|
+
export declare const ToastIcon: () => JSX.Element;
|
10
|
+
export declare const ToastLink: () => JSX.Element;
|
11
|
+
export declare const ToastIconAndLink: () => JSX.Element;
|
12
|
+
export declare const ToastCustomColor: () => JSX.Element;
|
13
|
+
export declare const ToastPhone: () => JSX.Element;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import 'react-toastify/dist/ReactToastify.css';
|
2
|
+
import type { ToastOptions } from 'react-toastify';
|
3
|
+
import type { ToastIcon } from 'react-toastify/dist/types';
|
4
|
+
interface CustomToastOptions extends Omit<ToastOptions, 'icon'> {
|
5
|
+
icon?: ToastIcon;
|
6
|
+
link?: {
|
7
|
+
url: string;
|
8
|
+
label: string;
|
9
|
+
};
|
10
|
+
}
|
11
|
+
declare const useToast: () => {
|
12
|
+
primary: (message: string, options?: CustomToastOptions | undefined) => void;
|
13
|
+
neutral: (message: string, options?: CustomToastOptions | undefined) => void;
|
14
|
+
success: (message: string, options?: CustomToastOptions | undefined) => void;
|
15
|
+
error: (message: string, options?: CustomToastOptions | undefined) => void;
|
16
|
+
warning: (message: string, options?: CustomToastOptions | undefined) => void;
|
17
|
+
info: (message: string, options?: CustomToastOptions | undefined) => void;
|
18
|
+
custom: (message: string, options?: CustomToastOptions | undefined) => void;
|
19
|
+
};
|
20
|
+
export default useToast;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default as Toast } from './components/toast';
|
@@ -0,0 +1,53 @@
|
|
1
|
+
declare const accordionTheme: {
|
2
|
+
baseStyle?: {
|
3
|
+
container: {
|
4
|
+
border: string;
|
5
|
+
};
|
6
|
+
button: {
|
7
|
+
height: number;
|
8
|
+
transitionProperty: string;
|
9
|
+
transitionDuration: string;
|
10
|
+
gap: number;
|
11
|
+
fontSize: string;
|
12
|
+
bg: string;
|
13
|
+
_focusVisible: {
|
14
|
+
bg: string;
|
15
|
+
};
|
16
|
+
_hover: {
|
17
|
+
bg: string;
|
18
|
+
};
|
19
|
+
_disabled: {
|
20
|
+
opacity: number;
|
21
|
+
cursor: string;
|
22
|
+
};
|
23
|
+
py: number;
|
24
|
+
px: number;
|
25
|
+
position: string;
|
26
|
+
};
|
27
|
+
panel: {
|
28
|
+
pt: string;
|
29
|
+
px: string;
|
30
|
+
pb: string;
|
31
|
+
};
|
32
|
+
icon: {
|
33
|
+
fontSize: string;
|
34
|
+
};
|
35
|
+
} | undefined;
|
36
|
+
sizes?: {
|
37
|
+
[key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
|
38
|
+
keys: ("container" | "root" | "button" | "panel" | "icon")[];
|
39
|
+
}>;
|
40
|
+
} | undefined;
|
41
|
+
variants?: {
|
42
|
+
[key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
|
43
|
+
keys: ("container" | "root" | "button" | "panel" | "icon")[];
|
44
|
+
}>;
|
45
|
+
} | undefined;
|
46
|
+
defaultProps?: {
|
47
|
+
size?: string | number | undefined;
|
48
|
+
variant?: string | number | undefined;
|
49
|
+
colorScheme?: string | undefined;
|
50
|
+
} | undefined;
|
51
|
+
parts: ("container" | "root" | "button" | "panel" | "icon")[];
|
52
|
+
};
|
53
|
+
export default accordionTheme;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import type { StyleFunctionProps } from '@chakra-ui/styled-system';
|
2
2
|
declare const alertTheme: {
|
3
|
-
baseStyle?: {
|
3
|
+
baseStyle?: ((props: StyleFunctionProps) => {
|
4
4
|
container: {
|
5
5
|
bg: string;
|
6
6
|
px: string;
|
@@ -40,7 +40,7 @@ declare const alertTheme: {
|
|
40
40
|
w: string;
|
41
41
|
h: string;
|
42
42
|
};
|
43
|
-
} | undefined;
|
43
|
+
}) | undefined;
|
44
44
|
sizes?: {
|
45
45
|
[key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
|
46
46
|
keys: ("container" | "icon" | "title" | "description" | "spinner")[];
|
@@ -39,16 +39,25 @@ declare const Switch: {
|
|
39
39
|
container: {
|
40
40
|
[x: string]: string;
|
41
41
|
};
|
42
|
+
thumb: {
|
43
|
+
[x: string]: string;
|
44
|
+
};
|
42
45
|
};
|
43
46
|
md: {
|
44
47
|
container: {
|
45
48
|
[x: string]: string;
|
46
49
|
};
|
50
|
+
thumb: {
|
51
|
+
[x: string]: string;
|
52
|
+
};
|
47
53
|
};
|
48
54
|
lg: {
|
49
55
|
container: {
|
50
56
|
[x: string]: string;
|
51
57
|
};
|
58
|
+
thumb: {
|
59
|
+
[x: string]: string;
|
60
|
+
};
|
52
61
|
};
|
53
62
|
} | undefined;
|
54
63
|
variants?: {
|