@ctlyst.id/internal-ui 2.1.5 → 2.1.6
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/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/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 +214 -127
- 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 +216 -129
- 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;
|
@@ -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?: {
|