sapo-components-ui-rn 1.1.5 → 1.1.7

package/dist/components/Badge/index.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { StyleProp, ViewStyle, TextStyle } from "react-native";
-type BadgeType = "success" | "error" | "info" | "warning" | "default";
-type BadgeSize = "large" | "medium" | "small";
-type BadgeMode = "default" | "outline";
-type ProgressType = "full" | "half" | "empty" | "none";
+export type BadgeType = "success" | "error" | "info" | "warning" | "default";
+export type BadgeSize = "large" | "medium" | "small";
+export type BadgeMode = "default" | "outline";
+export type ProgressType = "full" | "half" | "empty" | "none";
 interface BadgeProps {
     value?: string;
     borderColor?: string;

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export { default as Toast } from "./components/Toast";
 export { default as View } from "./components/View";
 export { default as Spacer } from "./components/Spacer";
 export { default as Image } from "./components/Image";
-export { default as Badge } from "./components/Badge";
+export { default as Badge, type BadgeType, type BadgeSize, type BadgeMode, type ProgressType, } from "./components/Badge";
 export { default as CountingDot } from "./components/CountingDot";
 export { default as ChipBar } from "./components/ChipBar";
 export { default as Checkbox } from "./components/Checkbox";

package/dist/index.esm.js

@@ -6838,7 +6838,7 @@ var ProgressCircle = function (_a) {
         } }));
 };
 var Badge = React__default.memo(function (_a) {
-    var _b = _a.value, value = _b === void 0 ? "1" : _b, style = _a.style, textColor = _a.textColor, textStyle = _a.textStyle, _c = _a.type, type = _c === void 0 ? "success" : _c, _d = _a.badgeSize, badgeSize = _d === void 0 ? "large" : _d, _e = _a.mode, mode = _e === void 0 ? "default" : _e, textSize = _a.textSize, borderColor = _a.borderColor, backgroundColor = _a.backgroundColor, _f = _a.progressType, progressType = _f === void 0 ? "none" : _f, leftIcon = _a.leftIcon;
+    var _b = _a.value, value = _b === void 0 ? "1" : _b, style = _a.style, textColor = _a.textColor, textStyle = _a.textStyle, _c = _a.type, type = _c === void 0 ? "default" : _c, _d = _a.badgeSize, badgeSize = _d === void 0 ? "large" : _d, _e = _a.mode, mode = _e === void 0 ? "default" : _e, textSize = _a.textSize, borderColor = _a.borderColor, backgroundColor = _a.backgroundColor, _f = _a.progressType, progressType = _f === void 0 ? "none" : _f, leftIcon = _a.leftIcon;
     var theme = useInternalTheme();
     var colors = theme.colors;
     var sizeStyles = useMemo(function () {
@@ -6851,6 +6851,7 @@ var Badge = React__default.memo(function (_a) {
             success: {
                 default: {
                     borderWidth: 0,
+                    borderColor: borderColor || colors.borderSuccessDefault,
                     backgroundColor: backgroundColor || colors.surfaceSuccessDefault,
                 },
                 outline: {
@@ -6861,6 +6862,7 @@ var Badge = React__default.memo(function (_a) {
             error: {
                 default: {
                     borderWidth: 0,
+                    borderColor: borderColor || colors.borderErrorDefault,
                     backgroundColor: backgroundColor || colors.surfaceCriticalDefault,
                 },
                 outline: {
@@ -6871,6 +6873,7 @@ var Badge = React__default.memo(function (_a) {
             info: {
                 default: {
                     borderWidth: 0,
+                    borderColor: borderColor || colors.borderPrimaryDefault,
                     backgroundColor: backgroundColor || colors.surfacePrimaryInverseDefault,
                 },
                 outline: {
@@ -6881,6 +6884,7 @@ var Badge = React__default.memo(function (_a) {
             warning: {
                 default: {
                     borderWidth: 0,
+                    borderColor: borderColor || colors.borderWarningDefault,
                     backgroundColor: backgroundColor || colors.surfaceWarningDefault,
                 },
                 outline: {
@@ -6891,6 +6895,7 @@ var Badge = React__default.memo(function (_a) {
             default: {
                 default: {
                     borderWidth: 0,
+                    borderColor: borderColor || colors.borderInfoDefault,
                     backgroundColor: backgroundColor || colors.surfaceInfoDefault,
                 },
                 outline: {
@@ -6939,7 +6944,7 @@ var Badge = React__default.memo(function (_a) {
     return (React__default.createElement(View, { row: true },
         React__default.createElement(View, { row: true, center: true, borderRadius: 999, borderWidth: CONSTANTS.BORDER_WIDTH_1, style: [sizeStyles, typeStyles, style] },
             leftIcon && React__default.createElement(View, { paddingRight: CONSTANTS.SPACE_4 }, leftIcon),
-            progressType !== "none" && (React__default.createElement(ProgressCircle, { progress: progressType, color: textColorStyle })),
+            progressType !== "none" && (React__default.createElement(ProgressCircle, { progress: progressType, color: typeStyles.borderColor })),
             React__default.createElement(View, { paddingLeft: progressType !== "none" ? CONSTANTS.SPACE_4 : 0 },
                 React__default.createElement(Text$1, { size: finalTextSize, color: textColor || textColorStyle, style: [styles$8.textMedium, textStyle] }, value)))));
 });