@rarui/typings 2.3.0 → 2.5.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 This package is intended for internal use in creating components with polymorphic typing.
 
+## 2025-11-25 `2.25.0`
+
+#### 🎉 New features
+
+- **Banner Tonal Property**: Added support for `tonal` property in BannerProps type, enabling subdued color variants for all appearance types. Property is automatically inherited from BannerVariants in styles package. ([#149](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/149) by [@junior](https://git.rarolabs.com.br/junior))
+
+## 2025-10-16 `2.24.0`
+
+#### 🎉 New features
+
+- **Banner Success Appearance**: Added support for new `success` appearance variant in Banner component, providing visual feedback for successful operations with appropriate success colors. ([#144](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/144) by [@junior](https://git.rarolabs.com.br/junior))
+
 ## 2025-10-09 `2.23.0`
 
 #### 🎉 New features

package/dist/index.d.ts

@@ -16644,12 +16644,12 @@ declare const statusStyles: {
     dot: RuntimeFn<{
         size: {
             normal: {
-                height: ".5rem";
-                width: ".5rem";
+                minHeight: ".5rem";
+                minWidth: ".5rem";
             };
             small: {
-                height: ".25rem";
-                width: ".25rem";
+                minHeight: ".25rem";
+                minWidth: ".25rem";
             };
         };
     }>;
@@ -16668,6 +16668,10 @@ declare const bannerStyles: {
                 backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 color: `var(--${string})` | `var(--${string}, ${string})`;
             };
+            success: {
+                backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
+                color: `var(--${string})` | `var(--${string}, ${string})`;
+            };
             info: {
                 backgroundColor: `var(--${string})` | `var(--${string}, ${string})`;
                 color: `var(--${string})` | `var(--${string}, ${string})`;
@@ -16698,6 +16702,13 @@ declare const bannerStyles: {
                 borderRadius: `var(--${string})` | `var(--${string}, ${string})`;
             };
         };
+        /**
+         * Enables subdued color variants for the banner. When true, uses softer, less vibrant versions of the appearance colors for a more subtle presentation.
+         * @default false
+         */
+        tonal: {
+            true: {};
+        };
     }>;
 };
 
@@ -18083,14 +18094,6 @@ interface BannerTyping {
      * @TJS-type () => void;
      */
     onClose?: () => void;
-    /**
-     * The appearance of the banner. This can be used to set the color of the banner.
-     */
-    appearance?: "brand" | "error" | "info" | "warning" | "neutral" | "inverted";
-    /**
-     * Determines whether the banner message should float above the content. This can be useful for ensuring the message remains visible even as the user scrolls.
-     */
-    floating?: boolean;
 }
 type BannerProps = BannerTyping & BannerVariants;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rarui/typings",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -24,7 +24,7 @@
     "url": "https://git.rarolabs.com.br/frontend/rarui/issues"
   },
   "devDependencies": {
-    "@rarui/styles": "^3.2.1",
+    "@rarui/styles": "^3.3.0",
     "@rarui/tools": "^1.0.0"
   }
 }