@ctlyst.id/internal-ui 2.1.1 → 2.1.2

package/dist/components/alert/components/alert-context.d.ts

@@ -19,6 +19,10 @@ declare const STATUSES: {
         icon: typeof WarningIcon;
         colorScheme: string;
     };
+    neutral: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
 };
 export declare function getStatusColorScheme(status: AlertStatus): string;
 export declare function getStatusIcon(status: AlertStatus): typeof InfoIcon | typeof CheckIcon | typeof WarningIcon;

package/dist/components/alert/components/alert.d.ts

@@ -7,7 +7,7 @@ interface AlertOptions {
      */
     status?: AlertStatus;
 }
-export declare type AlertVariant = 'solid' | 'subtle';
+export declare type AlertVariant = 'solid' | 'light';
 export interface AlertProps extends HTMLChakraProps<'div'>, AlertOptions, ThemingProps<'Alert'> {
     /**
      * @default false

package/dist/components/breadcrumb/__stories__/breadcrumb.stories.d.ts

@@ -4,4 +4,5 @@ declare const _default: {
     decorators: ((Story: React.ElementType) => JSX.Element)[];
 };
 export default _default;
-export declare const BreadcrumbDefault: () => JSX.Element;
+export declare const Default: () => JSX.Element;
+export declare const PanelBar: () => JSX.Element;

package/dist/components/breadcrumb/components/bread-crumb.d.ts

@@ -12,6 +12,7 @@ export interface BreadCrumbProps {
     className?: string;
     disableHome?: boolean;
     spacing?: number;
+    backButton?: () => void;
 }
 declare const BreadCrumb: React.FC<BreadCrumbProps>;
 export default BreadCrumb;

package/dist/components/button/__stories__/button.stories.d.ts

@@ -9,3 +9,4 @@ export declare const Size: () => JSX.Element;
 export declare const Variant: () => JSX.Element;
 export declare const TextLink: () => JSX.Element;
 export declare const IconButton: () => JSX.Element;
+export declare const ButtonGroupDefault: () => JSX.Element;

package/dist/components/header/__stories__/header.stories.d.ts

@@ -4,4 +4,6 @@ declare const _default: {
     decorators: ((Story: React.ElementType) => JSX.Element)[];
 };
 export default _default;
-export declare const HeaderDefault: () => JSX.Element;
+export declare const HeaderOldDefault: () => JSX.Element;
+export declare const HeaderNewDefault: () => JSX.Element;
+export declare const HeaderNewCustomize: () => JSX.Element;

package/dist/components/header/components/header.d.ts

@@ -2,10 +2,16 @@ import type { BoxProps } from '@chakra-ui/react';
 import * as React from 'react';
 import type { HeaderDataProps } from '../types';
 export declare type HeaderProps = BoxProps & {
+    brandColor?: BoxProps['bgColor'];
     data?: HeaderDataProps;
     onLogout?: () => void;
     onOpenModalRelease?: () => void;
     hideSwitchMode?: boolean;
+    mainLogo?: string;
+    mainLogoSize?: BoxProps['h'];
+    centerLogo?: string;
+    centerLogoSize?: BoxProps['h'];
+    hideEnv?: boolean;
 };
 declare const Header: React.FC<HeaderProps>;
 export default Header;

package/dist/components/header/components/logo.d.ts

@@ -1,2 +1,9 @@
+import type { BoxProps } from '@chakra-ui/react';
+import React from 'react';
+export interface LogoProps {
+    imageUrl: string;
+    height?: BoxProps['h'];
+}
+export declare const Logo: React.FC<LogoProps>;
 export declare const XMSLogo: () => JSX.Element;
 export declare const VoilaLogo: () => JSX.Element;

package/dist/components/header/components/profile.d.ts

@@ -1,6 +1,8 @@
+import type { BoxProps } from '@chakra-ui/react';
 import * as React from 'react';
 import type { HeaderDataProps } from '../types';
 export declare type ProfileProps = {
+    brandColor?: BoxProps['bgColor'];
     data?: HeaderDataProps;
     onLogout?: () => void;
 };

package/dist/components/header/components/version.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import type { Environment } from '../types';
 export declare type VersionProps = {
+    hideEnv?: boolean;
     environment?: Environment;
     version?: string;
     onOpenModalRelease?: () => void;

package/dist/components/header/types.d.ts

@@ -5,6 +5,6 @@ export declare type HeaderDataProps = {
     email?: string;
     name?: string;
     userRole?: string;
-    office?: string;
+    office?: string | string[];
     avatarUrl?: string;
 };

package/dist/components/tabs/__stories__/tabs.stories.d.ts

@@ -5,3 +5,4 @@ declare const _default: {
 };
 export default _default;
 export declare const TabsDefault: () => JSX.Element;
+export declare const TabsWithPills: () => JSX.Element;

package/dist/components/tabs/components/tab.d.ts

@@ -4,6 +4,7 @@ declare type AddonProps = {
     isSelected: boolean;
 };
 declare type TabProps = ChakraTabProps & {
+    'data-test-id'?: string;
     leftAddon?({ isSelected }: AddonProps): React.ReactNode;
     rightAddon?({ isSelected }: AddonProps): React.ReactNode;
 };

package/dist/config/theme/components/alert.d.ts

@@ -9,7 +9,7 @@ declare const alertTheme: {
         };
         title: {
             fontWeight: string;
-            lineHeight: string;
+            textStyle: string;
             marginEnd: string;
         };
         description: {
@@ -23,6 +23,7 @@ declare const alertTheme: {
             h: string;
         };
         action: {
+            color: string;
             '& +.chakra-alert__close': {
                 ml: string;
             };
@@ -46,32 +47,21 @@ declare const alertTheme: {
         }>;
     } | undefined;
     variants?: {
-        subtle: (props: StyleFunctionProps) => {
+        light: (props: StyleFunctionProps) => {
             container: {
-                [x: string]: string | {
-                    [x: string]: string;
-                };
-                _dark: {
-                    [x: string]: string;
-                };
+                [x: string]: string;
                 color: string;
             };
         };
         solid: (props: StyleFunctionProps) => {
             container: {
-                [x: string]: string | {
-                    [x: string]: string;
-                };
-                _dark: {
-                    [x: string]: string;
-                };
-                color: string;
+                [x: string]: string;
             };
         };
     } | undefined;
     defaultProps?: {
         size?: string | number | undefined;
-        variant?: "subtle" | "solid" | undefined;
+        variant?: "light" | "solid" | undefined;
         colorScheme?: string | undefined;
     } | undefined;
     parts: ("container" | "icon" | "title" | "description" | "spinner")[];

package/dist/config/theme/components/checkbox.d.ts

@@ -2,18 +2,17 @@ declare const Checkbox: {
     baseStyle?: {
         control: {
             borderRadius: string;
-            width: string;
-            height: string;
+            w: number;
+            h: number;
             border: string;
         };
         icon: {
             color: string;
         };
         label: {
-            fontWeight: string;
-            lineHeight: string;
+            textStyle: string;
             color: string;
-            ml: string;
+            ml: number;
         };
         _disabled: {
             background: string;
@@ -45,7 +44,7 @@ declare const Checkbox: {
                 };
             };
             label: {
-                fontSize: string;
+                textStyle: string;
             };
             icon: {
                 fontSize: string;
@@ -82,7 +81,7 @@ declare const Checkbox: {
                 };
             };
             label: {
-                fontSize: string;
+                textStyle: string;
                 _disabled: {
                     opacity: number;
                 };

package/dist/config/theme/components/chips.d.ts

@@ -1,24 +1,25 @@
 declare const Chips: {
     baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
         color: string;
-        fontSize: string;
+        textStyle: string;
         borderRadius: string;
         borderWidth: string;
         borderColor: string;
         bg: string;
-        paddingX: number;
-        paddingY: number;
+        px: number;
+        py: number;
         cursor: string;
+        _hover: {
+            bg: string;
+        };
     }) | undefined;
     sizes?: {
         sm: {
-            fontSize: string;
-            lineHeight: number;
+            textStyle: string;
         };
         md: {
-            fontSize: string;
-            paddingY: number;
-            lineHeight: number;
+            textStyle: string;
+            py: number;
         };
     } | undefined;
     variants?: {

package/dist/config/theme/components/loader.d.ts

@@ -77,7 +77,7 @@ declare const LoaderStyle: {
         [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
     } | undefined;
     defaultProps?: {
-        size?: "lg" | "xs" | "sm" | "md" | "xl" | "xxl" | undefined;
+        size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | undefined;
         variant?: string | number | undefined;
         colorScheme?: string | undefined;
     } | undefined;