omverse-ui 0.1.0 → 0.1.1

package/dist/index.d.cts

@@ -419,7 +419,7 @@ declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttri
  */
 declare const badgeVariants: (props?: ({
     variant?: "filled" | "tonal" | "outlined" | "ghost" | null | undefined;
-    color?: "info" | "success" | "default" | "error" | "secondary" | "warning" | null | undefined;
+    color?: "info" | "success" | "default" | "error" | "primary" | "secondary" | "warning" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BadgeVariantProps = VariantProps<typeof badgeVariants>;
@@ -436,8 +436,10 @@ interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariantProps
     /**
      * Color of the badge.
      * Maps to your design system semantic tokens.
+     * `primary` is an explicit alias for the brand primary colour;
+     * `default` resolves to the same tokens for backwards compatibility.
      */
-    color?: 'default' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
     /**
      * Size of the badge.
      */
@@ -462,7 +464,7 @@ interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariantProps
  * Badge — a small label for status, counts, and categories.
  *
  * Features beyond M3:
- * - 4 variants × 6 colors = 24 combinations
+ * - 4 variants × 7 colors = 28 combinations
  * - dot mode for minimal indicators
  * - pulse animation for live/active status
  * - count mode with 99+ cap
@@ -1221,7 +1223,7 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAtt
  * - primary → brand colored, for promotional hints
  */
 declare const tooltipVariants: (props?: ({
-    variant?: "dark" | "light" | "primary" | null | undefined;
+    variant?: "primary" | "dark" | "light" | null | undefined;
     position?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TooltipVariantProps = VariantProps<typeof tooltipVariants>;

package/dist/index.d.ts

@@ -419,7 +419,7 @@ declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttri
  */
 declare const badgeVariants: (props?: ({
     variant?: "filled" | "tonal" | "outlined" | "ghost" | null | undefined;
-    color?: "info" | "success" | "default" | "error" | "secondary" | "warning" | null | undefined;
+    color?: "info" | "success" | "default" | "error" | "primary" | "secondary" | "warning" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BadgeVariantProps = VariantProps<typeof badgeVariants>;
@@ -436,8 +436,10 @@ interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariantProps
     /**
      * Color of the badge.
      * Maps to your design system semantic tokens.
+     * `primary` is an explicit alias for the brand primary colour;
+     * `default` resolves to the same tokens for backwards compatibility.
      */
-    color?: 'default' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+    color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
     /**
      * Size of the badge.
      */
@@ -462,7 +464,7 @@ interface BadgeProps extends ComponentPropsWithoutRef<'span'>, BadgeVariantProps
  * Badge — a small label for status, counts, and categories.
  *
  * Features beyond M3:
- * - 4 variants × 6 colors = 24 combinations
+ * - 4 variants × 7 colors = 28 combinations
  * - dot mode for minimal indicators
  * - pulse animation for live/active status
  * - count mode with 99+ cap
@@ -1221,7 +1223,7 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAtt
  * - primary → brand colored, for promotional hints
  */
 declare const tooltipVariants: (props?: ({
-    variant?: "dark" | "light" | "primary" | null | undefined;
+    variant?: "primary" | "dark" | "light" | null | undefined;
     position?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TooltipVariantProps = VariantProps<typeof tooltipVariants>;

package/dist/index.js

@@ -974,6 +974,7 @@ var badgeVariants = cva(
       },
       color: {
         default: "",
+        primary: "",
         secondary: "",
         success: "",
         warning: "",
@@ -989,6 +990,7 @@ var badgeVariants = cva(
     compoundVariants: [
       // Filled + colors
       { variant: "filled", color: "default", class: "bg-primary text-on-primary" },
+      { variant: "filled", color: "primary", class: "bg-primary text-on-primary" },
       { variant: "filled", color: "secondary", class: "bg-secondary text-on-secondary" },
       { variant: "filled", color: "success", class: "bg-success text-on-success" },
       { variant: "filled", color: "warning", class: "bg-warning text-on-warning" },
@@ -996,6 +998,7 @@ var badgeVariants = cva(
       { variant: "filled", color: "info", class: "bg-info text-on-info" },
       // Tonal + colors
       { variant: "tonal", color: "default", class: "bg-primary-container text-on-primary-container" },
+      { variant: "tonal", color: "primary", class: "bg-primary-container text-on-primary-container" },
       { variant: "tonal", color: "secondary", class: "bg-secondary-container text-on-secondary-container" },
       { variant: "tonal", color: "success", class: "bg-success-container text-on-success-container" },
       { variant: "tonal", color: "warning", class: "bg-warning-container text-on-warning-container" },
@@ -1003,6 +1006,7 @@ var badgeVariants = cva(
       { variant: "tonal", color: "info", class: "bg-info-container text-on-info-container" },
       // Outlined + colors
       { variant: "outlined", color: "default", class: "border-primary text-primary" },
+      { variant: "outlined", color: "primary", class: "border-primary text-primary" },
       { variant: "outlined", color: "secondary", class: "border-secondary text-secondary" },
       { variant: "outlined", color: "success", class: "border-success text-success" },
       { variant: "outlined", color: "warning", class: "border-warning text-warning" },
@@ -1010,6 +1014,7 @@ var badgeVariants = cva(
       { variant: "outlined", color: "info", class: "border-info text-info" },
       // Ghost + colors
       { variant: "ghost", color: "default", class: "text-primary" },
+      { variant: "ghost", color: "primary", class: "text-primary" },
       { variant: "ghost", color: "secondary", class: "text-secondary" },
       { variant: "ghost", color: "success", class: "text-success" },
       { variant: "ghost", color: "warning", class: "text-warning" },
@@ -1029,6 +1034,7 @@ var dotVariants = cva(
     variants: {
       color: {
         default: "bg-primary",
+        primary: "bg-primary",
         secondary: "bg-secondary",
         success: "bg-success",
         warning: "bg-warning",
@@ -1072,7 +1078,7 @@ var Badge2 = forwardRef(
               "aria-hidden": "true",
               className: cn(
                 "absolute inset-0 rounded-full animate-ping opacity-75",
-                color === "default" && "bg-primary",
+                (color === "default" || color === "primary") && "bg-primary",
                 color === "secondary" && "bg-secondary",
                 color === "success" && "bg-success",
                 color === "warning" && "bg-warning",