sapo-components-ui-rn 1.1.4 → 1.1.5

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

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

package/dist/index.esm.js

@@ -6781,19 +6781,20 @@ var Image$1 = memoDeepEqual(Image);
 
 var BADGE_CONFIGS = {
     sizes: {
-        small: {
+        medium: {
             paddingHorizontal: CONSTANTS.SPACE_4,
             minWidth: 16,
             minHeight: 16,
             textSize: 10,
         },
-        default: {
+        large: {
             paddingHorizontal: CONSTANTS.SPACE_8,
             minWidth: 16,
+            minHeight: 24,
             textSize: 12,
         },
     },
-    tiny: {
+    small: {
         width: 8,
         height: 8,
         borderRadius: 4,
@@ -6837,11 +6838,11 @@ 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 ? "default" : _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 ? "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 theme = useInternalTheme();
     var colors = theme.colors;
     var sizeStyles = useMemo(function () {
-        if (badgeSize === "tiny")
+        if (badgeSize === "small")
             return null;
         return BADGE_CONFIGS.sizes[badgeSize];
     }, [badgeSize]);
@@ -6873,8 +6874,8 @@ var Badge = React__default.memo(function (_a) {
                     backgroundColor: backgroundColor || colors.surfacePrimaryInverseDefault,
                 },
                 outline: {
-                    borderColor: borderColor || colors.borderInfoDefault,
-                    backgroundColor: backgroundColor || colors.surfaceInfoInverseDefault,
+                    borderColor: borderColor || colors.borderPrimaryDefault,
+                    backgroundColor: backgroundColor || colors.surfaceSecondaryDefault,
                 },
             },
             warning: {
@@ -6912,7 +6913,7 @@ var Badge = React__default.memo(function (_a) {
             },
             info: {
                 default: colors.textOnFillDefault,
-                outline: colors.textInfoDefault,
+                outline: colors.textDefault,
             },
             warning: {
                 default: colors.textOnFillDefault,
@@ -6927,11 +6928,11 @@ var Badge = React__default.memo(function (_a) {
     }, [colors, type, mode]);
     var finalTextSize = useMemo(function () {
         var _a;
-        if (badgeSize === "tiny")
+        if (badgeSize === "small")
             return 0;
         return textSize || ((_a = BADGE_CONFIGS.sizes[badgeSize]) === null || _a === void 0 ? void 0 : _a.textSize) || 12;
     }, [textSize, badgeSize]);
-    if (badgeSize === "tiny") {
+    if (badgeSize === "small") {
         return (React__default.createElement(View, { row: true, style: style },
             React__default.createElement(ProgressCircle, { progress: progressType, color: typeStyles.backgroundColor })));
     }