@ctlyst.id/internal-ui 2.1.2 → 2.1.3

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.
@@ -1948,16 +1948,32 @@ TextareaField.defaultProps = {
1948
1948
  };
1949
1949
 
1950
1950
  const Logo = ({
1951
+ url,
1951
1952
  imageUrl,
1952
1953
  height
1953
- }) => /*#__PURE__*/React__default.createElement(Image, {
1954
- w: "100%",
1955
- h: height !== null && height !== void 0 ? height : 9,
1956
- maxH: height !== null && height !== void 0 ? height : 9,
1957
- src: imageUrl,
1958
- alt: imageUrl
1959
- });
1954
+ }) => {
1955
+ if (url) return /*#__PURE__*/React__default.createElement(Box, {
1956
+ as: "a",
1957
+ href: url,
1958
+ cursor: "pointer",
1959
+ target: "_self"
1960
+ }, /*#__PURE__*/React__default.createElement(Image, {
1961
+ w: "100%",
1962
+ h: height !== null && height !== void 0 ? height : 9,
1963
+ maxH: height !== null && height !== void 0 ? height : 9,
1964
+ src: imageUrl,
1965
+ alt: imageUrl
1966
+ }));
1967
+ return /*#__PURE__*/React__default.createElement(Image, {
1968
+ w: "100%",
1969
+ h: height !== null && height !== void 0 ? height : 9,
1970
+ maxH: height !== null && height !== void 0 ? height : 9,
1971
+ src: imageUrl,
1972
+ alt: imageUrl
1973
+ });
1974
+ };
1960
1975
  Logo.defaultProps = {
1976
+ url: undefined,
1961
1977
  height: undefined
1962
1978
  };
1963
1979
 
@@ -2118,6 +2134,7 @@ const Header = ({
2118
2134
  mainLogoSize,
2119
2135
  centerLogoSize = 4,
2120
2136
  hideEnv = false,
2137
+ urlLogo,
2121
2138
  children,
2122
2139
  ...props
2123
2140
  }) => /*#__PURE__*/createElement(Box, Object.assign({
@@ -2134,6 +2151,7 @@ const Header = ({
2134
2151
  }, /*#__PURE__*/createElement(Flex, {
2135
2152
  alignItems: "center"
2136
2153
  }, /*#__PURE__*/createElement(Logo, {
2154
+ url: urlLogo,
2137
2155
  imageUrl: mainLogo,
2138
2156
  height: mainLogoSize
2139
2157
  }), children && children), /*#__PURE__*/createElement(HStack, {
@@ -2144,6 +2162,7 @@ const Header = ({
2144
2162
  left: "50%",
2145
2163
  transform: "translate(-50%,0)"
2146
2164
  }, /*#__PURE__*/createElement(Logo, {
2165
+ url: urlLogo,
2147
2166
  imageUrl: centerLogo,
2148
2167
  height: centerLogoSize
2149
2168
  }), /*#__PURE__*/createElement(Version, {
@@ -2168,7 +2187,8 @@ Header.defaultProps = {
2168
2187
  mainLogoSize: undefined,
2169
2188
  centerLogo: undefined,
2170
2189
  centerLogoSize: undefined,
2171
- hideEnv: false
2190
+ hideEnv: false,
2191
+ urlLogo: undefined
2172
2192
  };
2173
2193
 
2174
2194
  const ModalBody = /*#__PURE__*/React__default.forwardRef(({
@@ -3148,7 +3168,13 @@ const Tab = /*#__PURE__*/forwardRef$1((props, ref) => {
3148
3168
  _selected: {
3149
3169
  borderColor: 'primary.400',
3150
3170
  color: 'primary.500',
3151
- transform: 'translateY(-2px)'
3171
+ transform: 'translateY(-2px)',
3172
+ _hover: {
3173
+ '& .chakra-badge': {
3174
+ bg: 'primary.500'
3175
+ },
3176
+ color: 'primary.500'
3177
+ }
3152
3178
  },
3153
3179
  color: "black.medium",
3154
3180
  _focus: {
@@ -3723,7 +3749,7 @@ const {
3723
3749
  } = /*#__PURE__*/createMultiStyleConfigHelpers$1(checkboxAnatomy.keys);
3724
3750
  const baseStyle$1 = /*#__PURE__*/definePartsStyle$1({
3725
3751
  control: {
3726
- borderRadius: '4px',
3752
+ borderRadius: 'sm',
3727
3753
  w: 4,
3728
3754
  h: 4,
3729
3755
  border: '1px solid'
@@ -3827,7 +3853,7 @@ const Chips$1 = /*#__PURE__*/defineStyleConfig({
3827
3853
  const defaultProps = {
3828
3854
  color: 'primary.500',
3829
3855
  textStyle: 'text.sm',
3830
- borderRadius: '24px',
3856
+ borderRadius: '2xl',
3831
3857
  borderWidth: '1px',
3832
3858
  borderColor: 'primary.500',
3833
3859
  bg: 'white.high',