@rarui/components 1.11.0 → 1.13.0

package/CHANGELOG.md

@@ -1,8 +1,21 @@
 # Changelog
 
-`@rarui/components` components is a component library built with [Stencil](https://stenciljs.com/docs/introduction).
+`@rarui/components` components is a component library built with [Lit](https://lit.dev/).
 
-## 2025-06-17 `1.8.0`
+## 2025-06-23 `1.13.0`
+
+#### 🎉 New features
+
+- Added new surface `Banner` component. ([#120](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/120) by [@junior](https://git.rarolabs.com.br/junior))
+
+## 2025-06-18 `1.12.0`
+
+#### 🎉 New features
+
+- Added new feedback `Status` component. ([#119](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/119) by [@junior](https://git.rarolabs.com.br/junior))
+- Added new navigation `Link` component. ([#119](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/119) by [@junior](https://git.rarolabs.com.br/junior))
+
+## 2025-06-17 `1.11.0`
 
 #### 🎉 New features
 

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.10.0",
+  "version": "1.12.0",
   "tags": [
     {
       "name": "rarui-avatar",
@@ -2369,6 +2369,84 @@
         }
       ]
     },
+    {
+      "name": "rarui-status",
+      "description": "## Rarui Status\n---\nVisual indicator that shows the current status or situation of an item or process.\nUseful for providing fast and understandable feedback to users.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components/exhibition/status) for more details.",
+      "attributes": [
+        {
+          "name": "dot",
+          "default": true,
+          "description": "Specifies whether to display a dot indicator alongside the status text. When true, a dot is shown to visually represent the status.",
+          "type": "boolean"
+        },
+        {
+          "name": "full",
+          "default": false,
+          "description": "Specifies whether the status should take up the full width of its container.\nThis variant is useful when you want to make a status span the entire width of its parent container.",
+          "type": "boolean"
+        },
+        {
+          "name": "appearance",
+          "default": "success",
+          "description": "Determines the visual style of the status, influencing its color scheme.\n\n- danger\n- info\n- inverted\n- neutral\n- success\n- warning",
+          "type": "string",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "inverted"
+            },
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "success",
+              "description": "(default)"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "default": "normal",
+          "description": "Specifies the size of the badge, controlling its dimensions.\n\n- normal\n- small",
+          "type": "string",
+          "values": [
+            {
+              "name": "normal",
+              "description": "(default)"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "default": "solid",
+          "description": "Specifies the variant of the status\n\n- solid\n- subdued\n- text",
+          "type": "string",
+          "values": [
+            {
+              "name": "solid",
+              "description": "(default)"
+            },
+            {
+              "name": "subdued"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "rarui-button",
       "description": "## Rarui Button\n---\nButton allows the user to perform actions, such as sending a file, advancing a form, sharing a document, or making a comment.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components/input/button) for more details.",
@@ -6544,6 +6622,87 @@
         }
       ]
     },
+    {
+      "name": "rarui-link",
+      "description": "## Rarui Link\n---\nA link (abbreviation of hyperlink) is an html object that allows you to jump to a new location when clicking or playing it\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components/navigation/link) for more details.",
+      "attributes": [
+        {
+          "name": "appearance",
+          "default": "brand",
+          "description": "Determines the visual style of the link.\n\n- brand\n- inverted\n- neutral",
+          "type": "string",
+          "values": [
+            {
+              "name": "brand",
+              "description": "(default)"
+            },
+            {
+              "name": "inverted"
+            },
+            {
+              "name": "neutral"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "default": "large",
+          "description": "Specifies the size of the link.\n\n- large\n- medium\n- small",
+          "type": "string",
+          "values": [
+            {
+              "name": "large",
+              "description": "(default)"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "small"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "Defines the native type of the button.\nIt can be `Button`, `submit` or `reset`.\n\n** IMPORTANT: ** should only be used when `as=\"button\"`.\n\n- button\n- reset\n- submit",
+          "type": "string",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "disabled",
+          "description": "Disable the button, preventing user interactions.\n\n** IMPORTANT: ** should only be used when `as=\"button\"`.",
+          "type": "boolean"
+        },
+        {
+          "name": "as",
+          "description": "Define or rendered element type.\n\n- `a`: renders an element `<a>`, ideal for navigation.\n- `Button`: render an element `<Button>`, ideal for actions.\n\n- a\n- button",
+          "type": "string",
+          "values": [
+            {
+              "name": "a"
+            },
+            {
+              "name": "button"
+            }
+          ]
+        },
+        {
+          "name": "href",
+          "description": "Defines the destination URL of the link.\n\n** IMPORTANT: ** should only be used when `as=\"a\"`.",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "rarui-tabs",
       "description": "## Rarui Tabs\n---\nThe Tabs are used to switch between different display modes or pages.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components/navigation/tabs) for more details.",
@@ -6588,6 +6747,51 @@
         }
       ]
     },
+    {
+      "name": "rarui-banner",
+      "description": "## Rarui Banner\n---\nBanner messages are displayed to the user at the top of the window/screen.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components/surface/banner) for more details.",
+      "attributes": [
+        {
+          "name": "appearance",
+          "default": "brand",
+          "description": "The appearance of the banner. This can be used to set the color of the banner.\nSpecifies the visual appearance of the banner message, influencing its color and style.\n\n- brand\n- error\n- info\n- inverted\n- neutral\n- warning",
+          "type": "string",
+          "values": [
+            {
+              "name": "brand",
+              "description": "(default)"
+            },
+            {
+              "name": "error"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "inverted"
+            },
+            {
+              "name": "neutral"
+            },
+            {
+              "name": "warning"
+            }
+          ]
+        },
+        {
+          "name": "floating",
+          "default": false,
+          "description": "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.",
+          "type": "boolean"
+        },
+        {
+          "name": "closable",
+          "default": false,
+          "description": "If `true`, display the closing button in the upper right corner of the banner.\nWhen clicked, it fires the `close` event that can be listened to externally.",
+          "type": "boolean"
+        }
+      ]
+    },
     {
       "name": "rarui-card",
       "description": "## Rarui Card\n---\nThe Card component contains textual content, images, and actions about a topic.\n\nSee [a complete document](https://rarui.rarolabs.com.br/docs/components/surface/card) for more details.",