@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.
- package/dist/components/header/components/header.d.ts +1 -0
- package/dist/components/header/components/logo.d.ts +1 -0
- package/dist/config/__stories__/foundations.stories.d.ts +1 -0
- package/dist/config/theme/components/loader.d.ts +1 -1
- package/dist/internal-ui.cjs.development.js +37 -11
- package/dist/internal-ui.cjs.development.js.map +1 -1
- package/dist/internal-ui.cjs.production.min.js +2 -2
- package/dist/internal-ui.cjs.production.min.js.map +1 -1
- package/dist/internal-ui.esm.js +37 -11
- package/dist/internal-ui.esm.js.map +1 -1
- package/package.json +2 -2
package/dist/internal-ui.esm.js
CHANGED
@@ -1948,16 +1948,32 @@ TextareaField.defaultProps = {
|
|
1948
1948
|
};
|
1949
1949
|
|
1950
1950
|
const Logo = ({
|
1951
|
+
url,
|
1951
1952
|
imageUrl,
|
1952
1953
|
height
|
1953
|
-
}) =>
|
1954
|
-
|
1955
|
-
|
1956
|
-
|
1957
|
-
|
1958
|
-
|
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: '
|
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: '
|
3856
|
+
borderRadius: '2xl',
|
3831
3857
|
borderWidth: '1px',
|
3832
3858
|
borderColor: 'primary.500',
|
3833
3859
|
bg: 'white.high',
|