@ctlyst.id/internal-ui 2.1.5 → 2.1.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+ };
@@ -13,6 +13,7 @@ export declare type HeaderProps = BoxProps & {
13
13
  centerLogoSize?: BoxProps['h'];
14
14
  hideEnv?: boolean;
15
15
  urlLogo?: string;
16
+ profile?: React.ReactNode;
16
17
  };
17
18
  declare const Header: React.FC<HeaderProps>;
18
19
  export default Header;
@@ -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,10 @@
1
+ declare const _default: {
2
+ title: string;
3
+ parameters: {
4
+ controls: {
5
+ disabled: boolean;
6
+ };
7
+ };
8
+ };
9
+ export default _default;
10
+ export declare const Scrollbar: () => JSX.Element;
@@ -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")[];
@@ -1,3 +1,4 @@
1
+ export { default as Accordion } from './accordion';
1
2
  export { default as Alert } from './alert';
2
3
  export { default as Badge } from './badge';
3
4
  export { default as Button } from './button';
@@ -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?: {