update badge

Author: carlosabadia

demo/assets/css/globals.css

@@ -1099,6 +1099,7 @@
 		0px -8px 8px 0px light-dark(rgba(28, 32, 36, 0.02), rgba(0, 0, 0, 0)),
 		0px -2px 6px 0px light-dark(rgba(28, 32, 36, 0.02), rgba(0, 0, 0, 0));
 	/* Radius */
+	--radius-ui-xss: calc(var(--radius) - 0.25rem);
 	--radius-ui-xs: calc(var(--radius) - 0.125rem);
 	--radius-ui-sm: var(--radius);
 	--radius-ui-md: calc(var(--radius) + 0.125rem);

reflex_ui/components/base/badge.py

@@ -56,9 +56,9 @@
 
 BADGE_VARIANTS = {
     "size": {
-        "xs": "px-1.5 py-0.5 h-4 rounded-ui-xs text-[11px] [&_svg]:size-3",
-        "sm": "px-1.5 py-0.5 h-5 rounded-ui-sm text-xs [&_svg]:size-3.5",
-        "md": "px-2 py-0.5 h-6 rounded-ui-md text-sm [&_svg]:size-4",
+        "xs": "px-1.5 py-0.5 h-4 rounded-ui-xss text-[11px] [&_svg]:size-3",
+        "sm": "px-1.5 py-0.5 h-5 rounded-ui-xs text-xs [&_svg]:size-3.5",
+        "md": "px-2 py-0.5 h-6 rounded-ui-sm text-sm [&_svg]:size-4",
     }
 }
 

reflex_ui/components/base/badge.pyi

@@ -58,9 +58,9 @@ DEFAULT_BASE_CLASSES = "inline-flex items-center font-medium [&_svg]:pointer-eve
 LIGHT_COLORS = {"sky", "mint", "lime", "yellow", "amber", "secondary"}
 BADGE_VARIANTS = {
     "size": {
-        "xs": "px-1.5 py-0.5 h-4 rounded-ui-xs text-[11px] [&_svg]:size-3",
-        "sm": "px-1.5 py-0.5 h-5 rounded-ui-sm text-xs [&_svg]:size-3.5",
-        "md": "px-2 py-0.5 h-6 rounded-ui-md text-sm [&_svg]:size-4",
+        "xs": "px-1.5 py-0.5 h-4 rounded-ui-xss text-[11px] [&_svg]:size-3",
+        "sm": "px-1.5 py-0.5 h-5 rounded-ui-xs text-xs [&_svg]:size-3.5",
+        "md": "px-2 py-0.5 h-6 rounded-ui-sm text-sm [&_svg]:size-4",
     }
 }