@riverty/web-components 6.1.0 → 6.2.1

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## 6.2.1 (2026-02-12)
+
+### 🩹 Fixes
+
+- **illustration**: fix import of components styles to support stencil-based projects.
+
+## 6.2.0 (2026-02-10)
+
+### 🚀 Features
+
+- **illustration**: add new r-illustration component for displaying contextual SVG illustrations with theme support, responsive sizing, and accessibility features.
+- **input:** add `spellcheck` and `autocapitalize` props for better text editing control.
+- **button**: added new property `rAriaCurrent` to button component for better accessibility support.
+- **select**: fixed open/close keyboard navigation for better support in pagination component.
+- **stepper**: improved accessibility for stepper component by adding correct ARIA attributes and labels.
+- **stepper**: improve view for smaller screen devices.
+- **stepper**: improve color contrast for inactive steps and update styles.
+
+### 🩹 Fixes
+
+- **input**: hide trailing block when empty.
+- **tooltip**: Improved accessibility by adding ARIA attribute to support interactive components.
+- **pagination**: improved accessibility of pagination component by adding ARIA attributes and proper semantic HTML elements.
+- **alert**: aligned text vertically when no headline is provided.
+- **toast**: Added support for word breaking in toast messages to improve readability of long texts.
+- **popover**: improved accessibility by adding logic to handle interactive trigger element.
+- **radio-group:** fix nested radio-groups to support proper Tab navigation and event isolation.
+- **radio-group**: enhance accessibility by adding semantic elements.
+
 ## 6.1.0 (2026-01-13)
 
 ### 🚀 Features

package/custom-elements.json

@@ -287,6 +287,33 @@
             }
           ]
         },
+        {
+          "name": "r-aria-current",
+          "description": "Indicates the current item within a set of related elements.\nCorresponds to\n[native `aria-current` attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "false"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            },
+            {
+              "name": "true"
+            }
+          ]
+        },
         {
           "name": "r-aria-label",
           "description": "Sets string value for `aria-label` attribute\n(https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)"
@@ -744,13 +771,97 @@
         }
       ]
     },
+    {
+      "name": "r-illustration",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays contextual SVG illustrations to enhance user experience with visual communication for states (empty, success, error, payment flows)."
+      },
+      "attributes": [
+        {
+          "name": "empty-image-title",
+          "description": "Accessibility: title for the image representing \"failed-to-load\" state"
+        },
+        {
+          "name": "empty-marker-title",
+          "description": "Accessibility: title for the marker representing \"failed-to-load\" state"
+        },
+        {
+          "name": "error-message",
+          "description": "Error message text to display when illustration fails to load"
+        },
+        {
+          "name": "max-width",
+          "description": "Maximum width constraint for responsive behavior"
+        },
+        {
+          "name": "min-width",
+          "description": "Minimum width constraint for responsive behavior"
+        },
+        {
+          "name": "name",
+          "description": "Name of illustration to select from the set"
+        },
+        {
+          "name": "svg-description",
+          "description": "Optional description element to be added inside the SVG for accessibility"
+        },
+        {
+          "name": "svg-title",
+          "description": "Optional title element to be added inside the SVG for accessibility"
+        },
+        {
+          "name": "theme",
+          "description": "Theme mode for illustration rendering",
+          "values": [
+            {
+              "name": "auto"
+            },
+            {
+              "name": "dark"
+            },
+            {
+              "name": "light"
+            }
+          ]
+        },
+        {
+          "name": "width",
+          "description": "Defines initial width of an illustration."
+        }
+      ]
+    },
     {
       "name": "r-input",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "<!-- markdownlint-disable MD024 MD060 -->"
       },
       "attributes": [
+        {
+          "name": "autocapitalize",
+          "description": "Controls automatic capitalization of text input on mobile devices.\n- `off` or `none`: No automatic capitalization\n- `on` or `sentences`: Capitalize first letter of each sentence (default for most text inputs)\n- `words`: Capitalize first letter of each word\n- `characters`: Capitalize all characters",
+          "values": [
+            {
+              "name": "characters"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "off"
+            },
+            {
+              "name": "on"
+            },
+            {
+              "name": "sentences"
+            },
+            {
+              "name": "words"
+            }
+          ]
+        },
         {
           "name": "autocomplete",
           "description": "Native `autocomplete` hint for browsers / password managers.",
@@ -933,6 +1044,10 @@
           "name": "required",
           "description": "Marks the field as required; failing to provide a value triggers `valueMissing`."
         },
+        {
+          "name": "spellcheck",
+          "description": "Controls browser spell-checking for text input.\nWhen true, enables spell-checking; when false, disables it.\nBrowser default behavior applies when not specified."
+        },
         {
           "name": "step",
           "description": "Step interval for numeric/date input types."
@@ -1589,18 +1704,34 @@
           "name": "arrows",
           "description": "UI: Arrows present/absent"
         },
+        {
+          "name": "ellipsis-label",
+          "description": "Label for Ellipsis stepper. Important to ensure accessibility for screen reader users."
+        },
         {
           "name": "end-text",
           "description": "Text to display after total results"
         },
+        {
+          "name": "first-page-button-label",
+          "description": "Label for First Page button. Important to ensure accessibility for screen reader users."
+        },
         {
           "name": "items-per-page",
           "description": "Amount of items to show per page"
         },
+        {
+          "name": "items-per-page-label",
+          "description": "Label for Items per page select."
+        },
         {
           "name": "items-per-page-options",
           "description": "Items per page options for dropdown"
         },
+        {
+          "name": "last-page-button-label",
+          "description": "Label for Last Page button. Important to ensure accessibility for screen reader users."
+        },
         {
           "name": "list-box-position",
           "description": "Position of the list box",
@@ -1617,10 +1748,22 @@
           "name": "middle-text",
           "description": "Text to display between currently shown results and total amount of results"
         },
+        {
+          "name": "next-page-button-label",
+          "description": "Label for Next Page button. Important to ensure accessibility for screen reader users."
+        },
         {
           "name": "page-active",
           "description": "Current page number"
         },
+        {
+          "name": "page-label",
+          "description": "Label for Page number buttons. Important to ensure accessibility for screen reader users."
+        },
+        {
+          "name": "previous-page-button-label",
+          "description": "Label for Previous Page button. Important to ensure accessibility for screen reader users."
+        },
         {
           "name": "results-line",
           "description": "UI: Result Line and select field present/absent"
@@ -1983,6 +2126,10 @@
           "name": "novalidate",
           "description": "Specifies if element must be ignored during validation of the form elements"
         },
+        {
+          "name": "parent-value",
+          "description": "For nested radio groups: specifies the parent radio button value that this nested group belongs to.\nWhen the parent group's value changes to a different value, this nested group will be automatically reset.\nThis ensures nested selections are only maintained when their parent context is active."
+        },
         {
           "name": "required",
           "description": "Specifies if radio-button within group must be checked"
@@ -2218,6 +2365,14 @@
           "name": "completed",
           "description": "Complete steps. Default value 0"
         },
+        {
+          "name": "completed-steps-label",
+          "description": "Label for completed steps for screen reader users."
+        },
+        {
+          "name": "label",
+          "description": "Label for the stepper for screen reader users."
+        },
         {
           "name": "total",
           "description": "Total number of steps. Used when no slot-based steps provided."
@@ -2243,6 +2398,10 @@
           "name": "icon",
           "description": "Defines an icon for the step. Optional."
         },
+        {
+          "name": "label",
+          "description": "Label for the step icon for screen reader users."
+        },
         {
           "name": "number",
           "description": "Defines the step number. Optional."