@rarui/components 1.27.0 → 1.28.1

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 `@rarui/components` components is a component library built with [Lit](https://lit.dev/).
 
+## 2025-10-07 `1.28.1`
+
+#### 🐛 Bug fixes
+
+- **Dropdown Visible Attribute Detection**: Fixed `_hasVisibleAttribute` flag to properly detect when the component is in controlled mode. Resolved timing issue where `hasAttribute("visible")` was always returning false by moving detection logic to the property setter and using `updateComplete` promise for initial state verification. ([#142](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/142) by [@junior](https://git.rarolabs.com.br/junior))
+
+## 2025-09-29 `1.28.0`
+
+#### 💡 Others
+
+- **BaseComponentMixin Migration**: Updated components (Divider, Box, Breadcrumb, SideNavigation, Tabs, Accordion, Banner) from `SprinkleAttributesMixin` to `BaseComponentMixin` for complete functionality including both CSS properties and ARIA support. Ensures consistent architecture across all web components. ([#141](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/141) by [@junior](https://git.rarolabs.com.br/junior))
+- **ARIA Mixin Adoption**: Applied `AriaAttributesMixin` to 20+ components (Label, Stepper, Step, Tooltip, Progress, Skeleton, Status, DropdownItem, IconButton, RadioButton, SelectOptGroup, SelectOption, Textarea, Toggle, Pagination, BreadcrumbItem, AccordionHeader) eliminating duplicated ARIA properties and ensuring consistent accessibility implementation. ([#141](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/141) by [@junior](https://git.rarolabs.com.br/junior))
+- **PassThroughAttributesMixin**: Introduced mixin for managing pass-through attributes (data-_, aria-_) to internal elements, providing consistent attribute filtering and avoiding conflicts with component-managed attributes. Includes convenience methods `getDataAttributes()`, `getDataAndAriaAttributes()`, and configurable exclusion patterns. ([#141](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/141) by [@junior](https://git.rarolabs.com.br/junior))
+- **Lit Binding Best Practices**: Comprehensive review and improvement of property binding patterns across Link, Button, Input, Password, and Search components following Lit best practices. Added `reflect: true` to all visual properties for better CSS styling and debugging, removed unnecessary boolean converters, and applied consistent mixin usage for ARIA properties and pass-through attributes. ([#141](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/141) by [@junior](https://git.rarolabs.com.br/junior))
+
 ## 2025-09-25 `1.27.0`
 
 #### 🎉 New features
@@ -20,6 +35,7 @@
 #### 💡 Others
 
 - **Enhanced Dropdown Events**: Improved Dropdown component's `dropdown-visibility-change` event to include specific reason information ("click-outside", "escape-key", "click-open", "click-close") instead of generic reasons, enabling better component communication and more precise interaction handling. Updated Select component to properly respond to specific dismissal reasons. ([#139](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/139) by [@junior](https://git.rarolabs.com.br/junior))
+
 - **Utils Structure Cleanup**: Removed unused utility files and mixins, keeping only essential mixins for better maintainability and reduced bundle size. ([#139](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/139) by [@junior](https://git.rarolabs.com.br/junior))
 - **Divider Width Fix**: Fixed host element width behavior to respect user-provided size values, using fit-content for fixed sizes and proper percentage handling for values like "50%". ([#139](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/139) by [@junior](https://git.rarolabs.com.br/junior))
 - **Code Duplication Reduction**: Eliminated 9+ lines of duplicated ARIA property declarations per component, reducing codebase size and improving maintainability across all web components. ([#139](https://git.rarolabs.com.br/frontend/rarui/-/merge_requests/139) by [@junior](https://git.rarolabs.com.br/junior))

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.26.0",
+  "version": "1.28.0",
   "tags": [
     {
       "name": "rarui-avatar",
@@ -3035,22 +3035,43 @@
           "type": "string"
         },
         {
-          "name": "type",
-          "description": "Defines the native button type.\n\n- button\n- reset\n- submit\n\n@default button",
+          "name": "as",
+          "description": "Defines the HTML element type to render (button or anchor).\n\n- a\n- button\n\n@default button",
           "type": "string",
           "values": [
+            {
+              "name": "a"
+            },
             {
               "name": "button",
               "description": "(default)"
+            }
+          ],
+          "default": "button"
+        },
+        {
+          "name": "href",
+          "description": "The href URL when as=\"a\".",
+          "type": "string"
+        },
+        {
+          "name": "target",
+          "description": "The target attribute when as=\"a\".\n\n- _blank\n- _parent\n- _self\n- _top",
+          "type": "string",
+          "values": [
+            {
+              "name": "_blank"
             },
             {
-              "name": "reset"
+              "name": "_parent"
             },
             {
-              "name": "submit"
+              "name": "_self"
+            },
+            {
+              "name": "_top"
             }
-          ],
-          "default": "button"
+          ]
         },
         {
           "name": "role",
@@ -8709,6 +8730,35 @@
             }
           ],
           "default": "button"
+        },
+        {
+          "name": "href",
+          "description": "The href URL when as=\"a\".",
+          "type": "string"
+        },
+        {
+          "name": "target",
+          "description": "The target attribute when as=\"a\".\n\n- _blank\n- _parent\n- _self\n- _top",
+          "type": "string",
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ]
+        },
+        {
+          "name": "rel",
+          "description": "The rel attribute when as=\"a\".",
+          "type": "string"
         }
       ]
     },
@@ -8768,6 +8818,35 @@
             }
           ],
           "default": "button"
+        },
+        {
+          "name": "href",
+          "description": "The href URL when as=\"a\".",
+          "type": "string"
+        },
+        {
+          "name": "target",
+          "description": "The target attribute when as=\"a\".\n\n- _blank\n- _parent\n- _self\n- _top",
+          "type": "string",
+          "values": [
+            {
+              "name": "_blank"
+            },
+            {
+              "name": "_parent"
+            },
+            {
+              "name": "_self"
+            },
+            {
+              "name": "_top"
+            }
+          ]
+        },
+        {
+          "name": "rel",
+          "description": "The rel attribute when as=\"a\".",
+          "type": "string"
         }
       ]
     },