@ctlyst.id/internal-ui 2.1.2 → 2.1.3

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

@@ -12,6 +12,7 @@ export declare type HeaderProps = BoxProps & {
     centerLogo?: string;
     centerLogoSize?: BoxProps['h'];
     hideEnv?: boolean;
+    urlLogo?: string;
 };
 declare const Header: React.FC<HeaderProps>;
 export default Header;

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

@@ -1,6 +1,7 @@
 import type { BoxProps } from '@chakra-ui/react';
 import React from 'react';
 export interface LogoProps {
+    url?: string;
     imageUrl: string;
     height?: BoxProps['h'];
 }

package/dist/config/__stories__/foundations.stories.d.ts

@@ -9,6 +9,7 @@ declare const _default: {
 export default _default;
 export declare const Color: () => JSX.Element;
 export declare const Typography: () => JSX.Element;
+export declare const Radius: () => JSX.Element;
 export declare const Shadow: () => JSX.Element;
 export declare const Spacing: () => JSX.Element;
 export declare const Sizes: () => JSX.Element;

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?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | undefined;
+        size?: "lg" | "xs" | "sm" | "md" | "xl" | "xxl" | undefined;
         variant?: string | number | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/dist/internal-ui.cjs.development.js

@@ -1954,16 +1954,32 @@ TextareaField.defaultProps = {
 };
 
 const Logo = ({
+  url,
   imageUrl,
   height
-}) => /*#__PURE__*/React__default.createElement(react.Image, {
-  w: "100%",
-  h: height !== null && height !== void 0 ? height : 9,
-  maxH: height !== null && height !== void 0 ? height : 9,
-  src: imageUrl,
-  alt: imageUrl
-});
+}) => {
+  if (url) return /*#__PURE__*/React__default.createElement(react.Box, {
+    as: "a",
+    href: url,
+    cursor: "pointer",
+    target: "_self"
+  }, /*#__PURE__*/React__default.createElement(react.Image, {
+    w: "100%",
+    h: height !== null && height !== void 0 ? height : 9,
+    maxH: height !== null && height !== void 0 ? height : 9,
+    src: imageUrl,
+    alt: imageUrl
+  }));
+  return /*#__PURE__*/React__default.createElement(react.Image, {
+    w: "100%",
+    h: height !== null && height !== void 0 ? height : 9,
+    maxH: height !== null && height !== void 0 ? height : 9,
+    src: imageUrl,
+    alt: imageUrl
+  });
+};
 Logo.defaultProps = {
+  url: undefined,
   height: undefined
 };
 
@@ -2124,6 +2140,7 @@ const Header = ({
   mainLogoSize,
   centerLogoSize = 4,
   hideEnv = false,
+  urlLogo,
   children,
   ...props
 }) => /*#__PURE__*/React.createElement(react.Box, Object.assign({
@@ -2140,6 +2157,7 @@ const Header = ({
 }, /*#__PURE__*/React.createElement(react.Flex, {
   alignItems: "center"
 }, /*#__PURE__*/React.createElement(Logo, {
+  url: urlLogo,
   imageUrl: mainLogo,
   height: mainLogoSize
 }), children && children), /*#__PURE__*/React.createElement(react.HStack, {
@@ -2150,6 +2168,7 @@ const Header = ({
   left: "50%",
   transform: "translate(-50%,0)"
 }, /*#__PURE__*/React.createElement(Logo, {
+  url: urlLogo,
   imageUrl: centerLogo,
   height: centerLogoSize
 }), /*#__PURE__*/React.createElement(Version, {
@@ -2174,7 +2193,8 @@ Header.defaultProps = {
   mainLogoSize: undefined,
   centerLogo: undefined,
   centerLogoSize: undefined,
-  hideEnv: false
+  hideEnv: false,
+  urlLogo: undefined
 };
 
 const ModalBody = /*#__PURE__*/React__default.forwardRef(({
@@ -3154,7 +3174,13 @@ const Tab = /*#__PURE__*/react.forwardRef((props, ref) => {
     _selected: {
       borderColor: 'primary.400',
       color: 'primary.500',
-      transform: 'translateY(-2px)'
+      transform: 'translateY(-2px)',
+      _hover: {
+        '& .chakra-badge': {
+          bg: 'primary.500'
+        },
+        color: 'primary.500'
+      }
     },
     color: "black.medium",
     _focus: {
@@ -3729,7 +3755,7 @@ const {
 } = /*#__PURE__*/react.createMultiStyleConfigHelpers(anatomy.checkboxAnatomy.keys);
 const baseStyle$1 = /*#__PURE__*/definePartsStyle$1({
   control: {
-    borderRadius: '4px',
+    borderRadius: 'sm',
     w: 4,
     h: 4,
     border: '1px solid'
@@ -3833,7 +3859,7 @@ const Chips$1 = /*#__PURE__*/styledSystem.defineStyleConfig({
     const defaultProps = {
       color: 'primary.500',
       textStyle: 'text.sm',
-      borderRadius: '24px',
+      borderRadius: '2xl',
       borderWidth: '1px',
       borderColor: 'primary.500',
       bg: 'white.high',