@ctlyst.id/internal-ui 2.1.2 → 2.1.3

package/dist/internal-ui.esm.js

@@ -1948,16 +1948,32 @@ TextareaField.defaultProps = {
 };
 
 const Logo = ({
+  url,
   imageUrl,
   height
-}) => /*#__PURE__*/React__default.createElement(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(Box, {
+    as: "a",
+    href: url,
+    cursor: "pointer",
+    target: "_self"
+  }, /*#__PURE__*/React__default.createElement(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(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
 };
 
@@ -2118,6 +2134,7 @@ const Header = ({
   mainLogoSize,
   centerLogoSize = 4,
   hideEnv = false,
+  urlLogo,
   children,
   ...props
 }) => /*#__PURE__*/createElement(Box, Object.assign({
@@ -2134,6 +2151,7 @@ const Header = ({
 }, /*#__PURE__*/createElement(Flex, {
   alignItems: "center"
 }, /*#__PURE__*/createElement(Logo, {
+  url: urlLogo,
   imageUrl: mainLogo,
   height: mainLogoSize
 }), children && children), /*#__PURE__*/createElement(HStack, {
@@ -2144,6 +2162,7 @@ const Header = ({
   left: "50%",
   transform: "translate(-50%,0)"
 }, /*#__PURE__*/createElement(Logo, {
+  url: urlLogo,
   imageUrl: centerLogo,
   height: centerLogoSize
 }), /*#__PURE__*/createElement(Version, {
@@ -2168,7 +2187,8 @@ Header.defaultProps = {
   mainLogoSize: undefined,
   centerLogo: undefined,
   centerLogoSize: undefined,
-  hideEnv: false
+  hideEnv: false,
+  urlLogo: undefined
 };
 
 const ModalBody = /*#__PURE__*/React__default.forwardRef(({
@@ -3148,7 +3168,13 @@ const Tab = /*#__PURE__*/forwardRef$1((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: {
@@ -3723,7 +3749,7 @@ const {
 } = /*#__PURE__*/createMultiStyleConfigHelpers$1(checkboxAnatomy.keys);
 const baseStyle$1 = /*#__PURE__*/definePartsStyle$1({
   control: {
-    borderRadius: '4px',
+    borderRadius: 'sm',
     w: 4,
     h: 4,
     border: '1px solid'
@@ -3827,7 +3853,7 @@ const Chips$1 = /*#__PURE__*/defineStyleConfig({
     const defaultProps = {
       color: 'primary.500',
       textStyle: 'text.sm',
-      borderRadius: '24px',
+      borderRadius: '2xl',
       borderWidth: '1px',
       borderColor: 'primary.500',
       bg: 'white.high',