@riverty/web-components 6.0.0 → 6.1.0

package/dist/types/components.d.ts

@@ -13,8 +13,8 @@ import { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./component
 import { DialogSize } from "./components/dialog/exports";
 import { HintVariant } from "./components/hint/exports";
 import { TooltipPosition } from "./components/tooltip/exports";
-import { InputAutocomplete, InputType } from "./components/input/exports";
-import { EnterKeyHint, InputMode } from "./components/input-code/exports";
+import { EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
+import { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
 import { PasswordAutocomplete } from "./components/input-password/exports";
 import { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
 import { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
@@ -25,6 +25,7 @@ import { Event } from "./stencil-public-runtime";
 import { RadioGroupVariant } from "./components/radio-group/exports";
 import { ListboxPosition } from "./components/select/exports";
 import { SkipLinkPosition } from "./components/skip-link/exports";
+import { ActiveTabBorder, TabListVariant } from "./components/tabs-list/exports";
 import { TextareaResize } from "./components/textarea/exports";
 import { ToastActionTarget, ToastDismissMode, ToastStatus } from "./components/toast/exports";
 export { AccordionSize } from "./components/accordion/exports";
@@ -35,8 +36,8 @@ export { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./component
 export { DialogSize } from "./components/dialog/exports";
 export { HintVariant } from "./components/hint/exports";
 export { TooltipPosition } from "./components/tooltip/exports";
-export { InputAutocomplete, InputType } from "./components/input/exports";
-export { EnterKeyHint, InputMode } from "./components/input-code/exports";
+export { EnterKeyHint, InputAutocomplete, InputMode, InputType } from "./components/input/exports";
+export { InputCodeEnterKeyHint, InputCodeInputMode } from "./components/input-code/exports";
 export { PasswordAutocomplete } from "./components/input-password/exports";
 export { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
 export { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
@@ -47,6 +48,7 @@ export { Event } from "./stencil-public-runtime";
 export { RadioGroupVariant } from "./components/radio-group/exports";
 export { ListboxPosition } from "./components/select/exports";
 export { SkipLinkPosition } from "./components/skip-link/exports";
+export { ActiveTabBorder, TabListVariant } from "./components/tabs-list/exports";
 export { TextareaResize } from "./components/textarea/exports";
 export { ToastActionTarget, ToastDismissMode, ToastStatus } from "./components/toast/exports";
 export namespace Components {
@@ -609,6 +611,10 @@ export namespace Components {
           * Name of the icon to display within the button.
          */
         "name": IconName;
+        /**
+          * Defines the tabindex of the button for keyboard navigation.
+         */
+        "rTabindex"?: number;
         /**
           * Remove focus from the button
          */
@@ -667,6 +673,10 @@ export namespace Components {
           * Disables the field (non-interactive, excluded from form submission).
          */
         "disabled"?: boolean;
+        /**
+          * Hint for the action label/icon on the virtual keyboard's enter key. Use cases: - `enter`: Default, generic newline/submit action - `done`: Finishes current input session (e.g., last field in a form) - `go`: Navigates to URL input target (e.g., URL bar) - `next`: Advances to next input field in a sequence - `previous`: Goes back to previous input field - `search`: Submits a search query - `send`: Sends a message (e.g., chat, email)
+         */
+        "enterkeyhint"?: EnterKeyHint;
         /**
           * Manual error message independent of native validation messages. When set, native validation messages are suppressed.
          */
@@ -699,6 +709,10 @@ export namespace Components {
           * Optional contextual help text displayed beneath the field.
          */
         "hint"?: string;
+        /**
+          * Hint to the browser about which keyboard to display on mobile devices.
+         */
+        "inputmode"?: InputMode;
         /**
           * When true, hides visual label & messages (for internal layout use; accessibility still preserved).
          */
@@ -873,7 +887,7 @@ export namespace Components {
           * Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
           * @default : 'done'
          */
-        "enterkeyhint"?: EnterKeyHint;
+        "enterkeyhint"?: InputCodeEnterKeyHint;
         /**
           * The way to provide error message separately from Constraint Validation API.
          */
@@ -915,7 +929,7 @@ export namespace Components {
           * Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
           * @default : 'numeric'
          */
-        "inputmode"?: InputMode;
+        "inputmode"?: InputCodeInputMode;
         /**
           * Validity indicator, serving to change UI of the component
          */
@@ -1387,6 +1401,10 @@ export namespace Components {
         "fieldIndicator"?: string;
     }
     interface RListItem {
+        /**
+          * Indicates whether the list item is currently active (e.g., represents the current page).
+         */
+        "active"?: boolean;
         /**
           * Defines the alignment style for the trailing text.
          */
@@ -1551,12 +1569,12 @@ export namespace Components {
         "header"?: string;
         /**
           * Aria-label text for collapse
-          * @default 'collapse-panel'
+          * @default 'Collapse panel'
          */
         "labelCollapse": string;
         /**
           * Aria-label text for expand
-          * @default 'expand-panel'
+          * @default 'Expand panel'
          */
         "labelExpand": string;
         /**
@@ -2219,6 +2237,25 @@ export namespace Components {
         "navigation"?: boolean;
     }
     interface RTabsList {
+        /**
+          * Border style of the active tab
+          * @default 'standard'
+         */
+        "border": ActiveTabBorder;
+        /**
+          * Tooltip visibility for left scroll button
+         */
+        "scrollLeftTooltip": string;
+        /**
+          * Tooltip visibility for left right button
+         */
+        "scrollRightTooltip": string;
+        /**
+          * Visual variant of the tab list
+          * @defaulr 'expanded'
+          * @default 'expanded'
+         */
+        "variant": TabListVariant;
     }
     interface RTextarea {
         /**
@@ -3375,6 +3412,7 @@ declare global {
         "dismiss": any;
         "reveal": any;
         "hide": any;
+        "dismissed": any;
     }
     interface HTMLRToastElement extends Components.RToast, HTMLStencilElement {
         addEventListener<K extends keyof HTMLRToastElementEventMap>(type: K, listener: (this: HTMLRToastElement, ev: RToastCustomEvent<HTMLRToastElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4016,6 +4054,10 @@ declare namespace LocalJSX {
           * Emits `rClick` event on click.
          */
         "onRClick"?: (event: RIconButtonCustomEvent<any>) => void;
+        /**
+          * Defines the tabindex of the button for keyboard navigation.
+         */
+        "rTabindex"?: number;
         /**
           * Defines the size of the icon used within the button.
           * @default 'm'
@@ -4057,6 +4099,10 @@ declare namespace LocalJSX {
           * Disables the field (non-interactive, excluded from form submission).
          */
         "disabled"?: boolean;
+        /**
+          * Hint for the action label/icon on the virtual keyboard's enter key. Use cases: - `enter`: Default, generic newline/submit action - `done`: Finishes current input session (e.g., last field in a form) - `go`: Navigates to URL input target (e.g., URL bar) - `next`: Advances to next input field in a sequence - `previous`: Goes back to previous input field - `search`: Submits a search query - `send`: Sends a message (e.g., chat, email)
+         */
+        "enterkeyhint"?: EnterKeyHint;
         /**
           * Manual error message independent of native validation messages. When set, native validation messages are suppressed.
          */
@@ -4077,6 +4123,10 @@ declare namespace LocalJSX {
           * Optional contextual help text displayed beneath the field.
          */
         "hint"?: string;
+        /**
+          * Hint to the browser about which keyboard to display on mobile devices.
+         */
+        "inputmode"?: InputMode;
         /**
           * When true, hides visual label & messages (for internal layout use; accessibility still preserved).
          */
@@ -4247,7 +4297,7 @@ declare namespace LocalJSX {
           * Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
           * @default : 'done'
          */
-        "enterkeyhint"?: EnterKeyHint;
+        "enterkeyhint"?: InputCodeEnterKeyHint;
         /**
           * The way to provide error message separately from Constraint Validation API.
          */
@@ -4272,7 +4322,7 @@ declare namespace LocalJSX {
           * Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
           * @default : 'numeric'
          */
-        "inputmode"?: InputMode;
+        "inputmode"?: InputCodeInputMode;
         /**
           * Validity indicator, serving to change UI of the component
          */
@@ -4754,6 +4804,10 @@ declare namespace LocalJSX {
         "fieldIndicator"?: string;
     }
     interface RListItem {
+        /**
+          * Indicates whether the list item is currently active (e.g., represents the current page).
+         */
+        "active"?: boolean;
         /**
           * Defines the alignment style for the trailing text.
          */
@@ -4942,12 +4996,12 @@ declare namespace LocalJSX {
         "header"?: string;
         /**
           * Aria-label text for collapse
-          * @default 'collapse-panel'
+          * @default 'Collapse panel'
          */
         "labelCollapse"?: string;
         /**
           * Aria-label text for expand
-          * @default 'expand-panel'
+          * @default 'Expand panel'
          */
         "labelExpand"?: string;
         /**
@@ -5524,6 +5578,25 @@ declare namespace LocalJSX {
   }>) => void;
     }
     interface RTabsList {
+        /**
+          * Border style of the active tab
+          * @default 'standard'
+         */
+        "border"?: ActiveTabBorder;
+        /**
+          * Tooltip visibility for left scroll button
+         */
+        "scrollLeftTooltip"?: string;
+        /**
+          * Tooltip visibility for left right button
+         */
+        "scrollRightTooltip"?: string;
+        /**
+          * Visual variant of the tab list
+          * @defaulr 'expanded'
+          * @default 'expanded'
+         */
+        "variant"?: TabListVariant;
     }
     interface RTextarea {
         /**
@@ -5710,6 +5783,10 @@ declare namespace LocalJSX {
           * Emitted when the toast is dismissed and scheduled for removal from the DOM. Fired by dismiss(), by the auto-dismiss timer (delay), and by the trailing dismiss button. Use this to react to permanent removal (contrast with toastHide which only hides without removal).
          */
         "onDismiss"?: (event: RToastCustomEvent<any>) => void;
+        /**
+          * Emitted when the dismiss toast animation is complete and the element has fully disappeared from the view. Fired by dismiss(), by the auto-dismiss timer (delay), by changing open property, and by the trailing dismiss button.
+         */
+        "onDismissed"?: (event: RToastCustomEvent<any>) => void;
         /**
           * Emitted when the toast transitions to a hidden state but remains in the DOM. Fired by hide(), by toggle() when resulting state is hidden, and when the 'open' prop changes causing the toast to hide. Not emitted on dismiss() (which removes the element) — use 'toastDismiss' for that case.
          */