@ornikar/kitt-universal 25.52.0 → 25.53.0
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/CHANGELOG.md +9 -0
- package/dist/definitions/IconButton/IconButton.d.ts +3 -1
- package/dist/definitions/IconButton/IconButton.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +47 -16
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +47 -16
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-20.10.cjs.js +47 -16
- package/dist/index-node-20.10.cjs.js.map +1 -1
- package/dist/index-node-20.10.cjs.web.js +47 -16
- package/dist/index-node-20.10.cjs.web.js.map +1 -1
- package/dist/index-node-20.10.es.mjs +47 -16
- package/dist/index-node-20.10.es.mjs.map +1 -1
- package/dist/index-node-20.10.es.web.mjs +47 -16
- package/dist/index-node-20.10.es.web.mjs.map +1 -1
- package/dist/index.es.js +47 -16
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +47 -16
- package/dist/index.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/index.es.web.js
CHANGED
|
@@ -7812,6 +7812,8 @@ function IconButton(_ref) {
|
|
|
7812
7812
|
ariaLabel = _ref.ariaLabel,
|
|
7813
7813
|
_ref$accessibilityRol = _ref.accessibilityRole,
|
|
7814
7814
|
accessibilityRole = _ref$accessibilityRol === void 0 ? 'button' : _ref$accessibilityRol,
|
|
7815
|
+
withBadge = _ref.withBadge,
|
|
7816
|
+
bagdeCount = _ref.bagdeCount,
|
|
7815
7817
|
isHoveredInternal = _ref.isHoveredInternal,
|
|
7816
7818
|
isPressedInternal = _ref.isPressedInternal,
|
|
7817
7819
|
isFocusedInternal = _ref.isFocusedInternal,
|
|
@@ -7847,26 +7849,55 @@ function IconButton(_ref) {
|
|
|
7847
7849
|
isFocused = _ref2.isFocused;
|
|
7848
7850
|
var isCurrentHovered = isHovered || isHoveredInternal;
|
|
7849
7851
|
var isCurrentPressed = isPressed || isPressedInternal;
|
|
7850
|
-
return /*#__PURE__*/jsxs(
|
|
7851
|
-
|
|
7852
|
-
isHovered: isCurrentHovered,
|
|
7853
|
-
isPressed: isCurrentPressed,
|
|
7854
|
-
scaleStyles: scaleStyles,
|
|
7855
|
-
children: [/*#__PURE__*/jsx(AnimatedBackground, {
|
|
7856
|
-
color: color,
|
|
7852
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
7853
|
+
children: [/*#__PURE__*/jsxs(AnimatedScale, {
|
|
7857
7854
|
isDisabled: disabled,
|
|
7858
7855
|
isHovered: isCurrentHovered,
|
|
7859
7856
|
isPressed: isCurrentPressed,
|
|
7860
|
-
|
|
7861
|
-
|
|
7862
|
-
|
|
7863
|
-
|
|
7864
|
-
|
|
7865
|
-
|
|
7866
|
-
|
|
7867
|
-
|
|
7857
|
+
scaleStyles: scaleStyles,
|
|
7858
|
+
children: [/*#__PURE__*/jsx(AnimatedBackground, {
|
|
7859
|
+
color: color,
|
|
7860
|
+
isDisabled: disabled,
|
|
7861
|
+
isHovered: isCurrentHovered,
|
|
7862
|
+
isPressed: isCurrentPressed,
|
|
7863
|
+
isFocused: isFocused || isFocusedInternal,
|
|
7864
|
+
opacityStyles: opacityStyles
|
|
7865
|
+
}), /*#__PURE__*/jsx(View, {
|
|
7866
|
+
alignItems: "center",
|
|
7867
|
+
justifyContent: "center",
|
|
7868
|
+
children: /*#__PURE__*/jsx(TypographyIcon, {
|
|
7869
|
+
color: getIconButtonTextColorByColor(color, disabled),
|
|
7870
|
+
icon: icon
|
|
7871
|
+
})
|
|
7872
|
+
})]
|
|
7873
|
+
}), withBadge ? /*#__PURE__*/jsx(View, {
|
|
7874
|
+
height: "10px",
|
|
7875
|
+
width: "10px",
|
|
7876
|
+
backgroundColor: lateOceanColorPalette['coral.10'],
|
|
7877
|
+
borderRadius: "kitt.iconButton.borderRadius",
|
|
7878
|
+
position: "absolute",
|
|
7879
|
+
top: "1px",
|
|
7880
|
+
right: "1px"
|
|
7881
|
+
}) : null, !withBadge && bagdeCount && bagdeCount > 0 ? /*#__PURE__*/jsx(View, {
|
|
7882
|
+
height: "20px",
|
|
7883
|
+
width: "20px",
|
|
7884
|
+
backgroundColor: lateOceanColorPalette['coral.10'],
|
|
7885
|
+
borderRadius: "kitt.iconButton.borderRadius",
|
|
7886
|
+
position: "absolute",
|
|
7887
|
+
top: "-6px",
|
|
7888
|
+
right: "-6px",
|
|
7889
|
+
children: /*#__PURE__*/jsx(View, {
|
|
7890
|
+
alignItems: "center",
|
|
7891
|
+
justifyContent: "center",
|
|
7892
|
+
marginTop: "2px",
|
|
7893
|
+
children: /*#__PURE__*/jsx(Typography.Text, {
|
|
7894
|
+
base: "body-xs",
|
|
7895
|
+
variant: "bold",
|
|
7896
|
+
color: "white",
|
|
7897
|
+
children: bagdeCount > 5 ? '+5' : bagdeCount
|
|
7898
|
+
})
|
|
7868
7899
|
})
|
|
7869
|
-
})]
|
|
7900
|
+
}) : null]
|
|
7870
7901
|
});
|
|
7871
7902
|
}
|
|
7872
7903
|
});
|