@riverty/web-components 5.7.0 → 6.0.0

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { IconName } from '../icon/exports';
 import { RadioGroupVariant } from './exports';
 export declare class RadioGroup {
     host: HTMLRRadioGroupElement;
@@ -19,35 +18,10 @@ export declare class RadioGroup {
      * Field indicator can be Required*, Optional or a translation of those two options.
      */
     fieldIndicator?: string;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Label based text revealed within tooltip */
-    tooltip?: string;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Label tooltip trigger icon */
-    tooltipIcon?: IconName;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-    * Change color of an icon that triggers tooltip to one of the Riverty color tokens
-     * */
-    tooltipIconColor?: string;
     /** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
     valueMissingMessage?: string;
-    /**
-     * _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Indicates whether to show the validation state.
-     * When set to `true`, the component will display validation feedback.
-     * Defaults to `false`.
-     */
-    showValid: boolean;
     /** Apply validation success visual style */
     valid?: boolean;
-    /**
-     * _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Set custom message if the element meets all its validation constraints.
-     * */
-    validMessage?: string;
     /** Apply validation error visual style */
     invalid?: boolean;
     /** Custom validation error message */
@@ -61,6 +35,11 @@ export declare class RadioGroup {
     hint?: string;
     /** Controls the style variation of the radio buttons. */
     variant: RadioGroupVariant;
+    /**
+     * When set to `true`, automatically focuses the first enabled radio button in the group on mount.
+     * This will focus the selected radio button if one exists, or the first enabled radio button otherwise.
+     */
+    autofocus: boolean;
     validityState: string;
     validityMessage: string;
     rChangeAction(event: any): void;
@@ -126,8 +105,7 @@ export declare class RadioGroup {
      */
     clearValue(): Promise<void>;
     /**
-     * Validates the radio group and returns a boolean indicating its validity.
-     *
+     * Validates the radio group without triggering UI and returns a boolean indicating its validity.
      * @returns A boolean indicating whether the radio group is valid.
      */
     checkValidity(): Promise<boolean>;

package/dist/types/components/select/select.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { IconName, IconSize } from '../icon/exports';
 import { ListboxPosition } from './exports';
 /**
  * A select allows the user to choose between a set of options.
@@ -21,21 +20,6 @@ export declare class Select {
     label: string;
     /** Specifies if the component is internal */
     internal?: boolean;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Label tooltip text
-     * */
-    tooltip?: string;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Label tooltip trigger icon
-     * */
-    tooltipIcon?: IconName;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Change color of an icon that triggers tooltip to one of the Riverty color tokens.
-     * */
-    tooltipIconColor?: string;
     /** Text that is presented until an option has been selected */
     placeholder?: string;
     /**
@@ -45,21 +29,10 @@ export declare class Select {
     hint?: string;
     /** Prevent user interaction and apply disabled style */
     disabled?: boolean;
-    /**
-     * _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Defines the trailing icon for select in disabled state */
-    disabledIcon?: IconName;
     /** Specifies that select value is required */
     required?: boolean;
     /** Text of an additional marker in the label */
     fieldIndicator?: string;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead) Marks the field as optional */
-    optional?: boolean;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead)
-     * Define the optional marker text if the field is marked as optional */
-    optionalText?: string;
-    /** Controls the visibility of validation indicators for the field. */
-    showValid: boolean;
     /** Visual indication of valid state */
     valid?: boolean;
     /** Validity indicator, serving to change UI of the component */
@@ -68,30 +41,8 @@ export declare class Select {
     error?: string;
     /** Define if select should render as a text item or a block */
     fullWidth: boolean;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release. Use `leading slot` instead)
-     * Adds an icon defined by name that serves as leading icon in select */
-    leadingIcon?: IconName;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release. Use `leading slot` instead)
-     * Adds an icon defined by file source that serves as leading icon in select */
-    leadingIconSrc?: string;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release. Use `leading slot` instead)
-     * Define size of an icon that serves as leading icon in select */
-    leadingIconSize?: IconSize;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Defines the trailing icon defined by name for select, Default: 'andle-down' */
-    trailingIcon: IconName;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Defines the trailing icon defined by source for select */
-    trailingIconSrc?: string;
-    /** _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Define size of an icon that serves as trailing icon in select */
-    tralingIconSize: IconSize;
     /** Define wether listbox appears on top or at the bottom of the select  */
     listboxPosition: ListboxPosition;
-    /**
-     * _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Set custom message if the element meets all its validation constraints. */
-    validMessage?: string;
     /** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
     valueMissingMessage?: string;
     /** Set custom message for `customError` property of a ValidityState object indicating whether the element's custom validity message has been set to a non-empty string by calling the element's setCustomValidity() method. */
@@ -130,10 +81,13 @@ export declare class Select {
     valueToDisplay: string;
     isInitializing: boolean;
     isResetting: boolean;
-    isNewValue: boolean;
     focusedOption: any;
     isValueFocused: boolean;
     isNoResultsFound: boolean;
+    /** Indicates if the user has interacted with the select (focused/clicked) */
+    touched: boolean;
+    /** Indicates if the value has been changed by user interaction */
+    dirty: boolean;
     /** Emits event after each validation */
     rValidate: EventEmitter<{
         state: string;
@@ -172,8 +126,18 @@ export declare class Select {
      * and update tooltip position if needed
      */
     handleResizing(): void;
-    /** Set value of the select */
+    /**
+     * Set value of the select programmatically.
+     * Does NOT mark as dirty or emit change events.
+     * Use this for programmatic value updates.
+     */
     setValue(value?: string): Promise<void>;
+    /**
+     * Internal method to set value from user interaction.
+     * Assumes dirty flag is already set by the caller.
+     * Will emit rChange if dirty flag is true.
+     */
+    private setValueFromUserInteraction;
     /** Set value of the select */
     getValue(): Promise<string>;
     /** Reset select to its initial state */
@@ -182,6 +146,25 @@ export declare class Select {
      * Clears validation results.
      */
     resetValidation(): Promise<void>;
+    /**
+     * Returns whether the select has been touched (focused/clicked by user).
+     * @returns A boolean indicating whether the select has been touched.
+     */
+    isTouched(): Promise<boolean>;
+    /**
+     * Returns whether the select value has been changed by user interaction.
+     * @returns A boolean indicating whether the select is dirty.
+     */
+    isDirty(): Promise<boolean>;
+    /**
+     * Marks the select as untouched and pristine (not dirty).
+     */
+    markAsPristine(): Promise<void>;
+    /**
+     * Validates the textarea without triggering UI and returns a boolean indicating its validity.
+     * @returns A boolean indicating whether the textarea is valid.
+     */
+    checkValidity(): Promise<boolean>;
     /** Check validity and reveal validation state and message */
     reportValidity(): Promise<boolean>;
     /** Set focus on the element */
@@ -318,7 +301,6 @@ export declare class Select {
     private initializeStyleObserver;
     private get hasError();
     private get hasValidationError();
-    private get hasValidationSuccess();
     private get hasMessage();
     private get isInteractive();
     private get hasLeadingSlot();

package/dist/types/components/textarea/textarea.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import type { IconName } from '../icon/exports';
 import type { TextareaResize } from './exports';
 export declare class RTextarea {
     host: HTMLRTextareaElement;
@@ -61,20 +60,9 @@ export declare class RTextarea {
     tooShortMessage?: string;
     /** Custom error message displayed for any validation failures in the `<textarea>`. */
     customErrorMessage?: string;
-    /**
-     * _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Controls the visibility of validation indicators for the field.
-     * */
-    showValid: boolean;
     /** Indicates whether the value of the `<textarea>`
      * is valid based on validation rules. */
     valid?: boolean;
-    /**
-     * _DEPRECATED_ (This property will be removed in November 2025 release.)
-     * Custom message displayed when the `<textarea>` value is valid,
-     * providing positive feedback to the user.
-     * */
-    validMessage?: string;
     /** Indicates whether the value of the `<textarea>`
      * is invalid based on validation rules. */
     invalid?: boolean;
@@ -86,25 +74,6 @@ export declare class RTextarea {
     label?: string;
     /** Text of an additional marker in the label */
     fieldIndicator?: string;
-    /** _DEPRECATED_ This property will be removed */
-    optional?: boolean;
-    /** _DEPRECATED_ (use `fieldIndicator` instead) Text of an additional marker in the label */
-    optionalText?: string;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Tooltip text displayed when the user hovers over the icon,
-     * providing additional information. */
-    tooltip?: string;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Icon used to trigger the tooltip for the label,
-     * providing a visual cue for additional information. */
-    tooltipIcon?: IconName;
-    /**
-     * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
-     * Specifies the color of the tooltip icon from Riverty color tokens.
-     * Displayed alongside the label. */
-    tooltipIconColor?: string;
     /** Custom validity state */
     validityState: string;
     /** Custom validity message */
@@ -145,6 +114,11 @@ export declare class RTextarea {
     setRangeText(replacement: string, start: number, end: number, selectionMode?: 'select' | 'start' | 'end' | 'preserve'): Promise<void>;
     /** Validates an element, displays provided message in case value is invalid. */
     setCustomValidity(message: string): Promise<void>;
+    /**
+     * Validates the textarea without triggering UI and returns a boolean indicating its validity.
+     * @returns A boolean indicating whether the textarea is valid.
+     */
+    checkValidity(): Promise<boolean>;
     /** Validates an element and displays validity state. */
     reportValidity(): Promise<void>;
     /** Identify wrapping form element. */
@@ -152,7 +126,6 @@ export declare class RTextarea {
     private get ariaDescribedBy();
     private get hasError();
     private get hasValidationError();
-    private get hasValidationSuccess();
     private get hasMessage();
     /**
      * Determine whether this element should be ignored

package/dist/types/components/toast/toast.d.ts

@@ -11,8 +11,15 @@ export declare class Toast {
      * Options are: "info", "success", "warning", or "error".
      * @default 'info' */
     status: ToastStatus;
+    /** Sets role="alert" and will be announced to screen reader users */
+    announced: boolean;
     /** Specifies an optional icon for the leading slot of the dialog. */
     leadingIcon?: IconName;
+    /**
+     * Defines whether the leading icon is visible.
+     * @default true
+     * */
+    leadingIconVisible: boolean;
     /** Specifies an optional icon for the trailing slot of the dialog.
      * @default 'cross'
      * */
@@ -35,7 +42,7 @@ export declare class Toast {
      * Defines the behavior of the component's dismissing.
      * - `auto`: The component will be dismissed automatically after number of ms set by `delay` property.
      * - `manual`: The component requires explicit user action to close.
-     * @default "auto"
+     * @default "manual"
      */
     dismissMode: ToastDismissMode;
     /** Provides content for `aria-label` attribute of the dismiss button. */
@@ -44,11 +51,6 @@ export declare class Toast {
      * @default 300
      * */
     delayBeforeRemoval: number;
-    /**
-     * @deprecated Use `dismissMode="manual"` instead. Will be removed November 2025.
-     * Shows button, that dismisses the toast.
-     * */
-    dismissable?: boolean;
     private delayTimer;
     private removalTimer;
     /**
@@ -104,7 +106,7 @@ export declare class Toast {
     /** Unique id for each accordion item/row */
     private uniqueId;
     private hasElContent;
-    private get hasLeadingIcon();
+    private getElContent;
     private get hasLeadingSlot();
     private get hasLeading();
     private get hasTrailingSlot();
@@ -118,6 +120,7 @@ export declare class Toast {
     private get hasHeadline();
     private get hasDelay();
     private get isError();
+    private get leadingIconName();
     private startDelayTimer;
     private handleTrailingButtonClick;
     private handleSlotChange;