@riverty/web-components 5.7.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +128 -0
- package/custom-elements.json +152 -372
- package/dist/cjs/index-DJ4H_bFj.js +6 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/r-accordion-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-trigger.cjs.entry.js +5 -35
- package/dist/cjs/r-accordion.cjs.entry.js +3 -7
- package/dist/cjs/r-alert.cjs.entry.js +45 -14
- package/dist/cjs/r-badge.cjs.entry.js +1 -1
- package/dist/cjs/r-button.cjs.entry.js +2 -2
- package/dist/cjs/r-checkbox-group.cjs.entry.js +28 -24
- package/dist/cjs/r-checkbox.cjs.entry.js +97 -81
- package/dist/cjs/r-dialog.cjs.entry.js +3 -11
- package/dist/cjs/r-hint_2.cjs.entry.js +50 -0
- package/dist/cjs/{r-hint_3.cjs.entry.js → r-icon-button_2.cjs.entry.js} +64 -51
- package/dist/cjs/r-icon.cjs.entry.js +1 -1
- package/dist/cjs/r-input-code.cjs.entry.js +133 -25
- package/dist/cjs/r-input-date.cjs.entry.js +87 -23
- package/dist/cjs/r-input-password.cjs.entry.js +34 -13
- package/dist/cjs/r-input-phone-number.cjs.entry.js +30 -22
- package/dist/cjs/r-input.cjs.entry.js +108 -49
- package/dist/cjs/r-list-item.cjs.entry.js +5 -5
- package/dist/cjs/r-pagination.cjs.entry.js +1 -1
- package/dist/cjs/r-panel.cjs.entry.js +2 -2
- package/dist/cjs/r-popover-action.cjs.entry.js +2 -2
- package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
- package/dist/cjs/r-popover.cjs.entry.js +3 -3
- package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button.cjs.entry.js +29 -12
- package/dist/cjs/r-radio-group.cjs.entry.js +32 -32
- package/dist/cjs/r-select-option.cjs.entry.js +1 -1
- package/dist/cjs/r-select.cjs.entry.js +116 -40
- package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/r-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/r-stepper.cjs.entry.js +1 -1
- package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-tab.cjs.entry.js +1 -1
- package/dist/cjs/r-tabs-list.cjs.entry.js +1 -1
- package/dist/cjs/r-tabs.cjs.entry.js +1 -1
- package/dist/cjs/r-textarea.cjs.entry.js +24 -23
- package/dist/cjs/r-toast-group.cjs.entry.js +1 -1
- package/dist/cjs/r-toast.cjs.entry.js +51 -20
- package/dist/cjs/web-components.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/accordion/accordion.css +0 -2
- package/dist/collection/components/accordion/accordion.js +4 -8
- package/dist/collection/components/accordion/exports.js +1 -1
- package/dist/collection/components/accordion-panel/accordion-panel.js +1 -1
- package/dist/collection/components/accordion-section/accordion-section.js +1 -1
- package/dist/collection/components/accordion-trigger/accordion-trigger.css +0 -4
- package/dist/collection/components/accordion-trigger/accordion-trigger.js +4 -215
- package/dist/collection/components/alert/alert.css +58 -12
- package/dist/collection/components/alert/alert.js +92 -17
- package/dist/collection/components/alert/exports.js +1 -1
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/button/button.css +6 -7
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +121 -104
- package/dist/collection/components/checkbox-group/checkbox-group.js +48 -63
- package/dist/collection/components/dialog/dialog.css +1 -3
- package/dist/collection/components/dialog/dialog.js +2 -10
- package/dist/collection/components/hint/hint.js +2 -2
- package/dist/collection/components/icon/bundled-icons/riverty-kit.json +1 -1
- package/dist/collection/components/icon/riverty-kit.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +0 -7
- package/dist/collection/components/icon-button/icon-button.js +3 -3
- package/dist/collection/components/input/input.css +3 -0
- package/dist/collection/components/input/input.js +221 -378
- package/dist/collection/components/input-code/exports.js +2 -0
- package/dist/collection/components/input-code/input-code.js +335 -34
- package/dist/collection/components/input-date/input-date.js +237 -87
- package/dist/collection/components/input-password/exports.js +1 -0
- package/dist/collection/components/input-password/input-password.css +1 -0
- package/dist/collection/components/input-password/input-password.js +233 -75
- package/dist/collection/components/input-phone-number/input-phone-number.js +50 -85
- package/dist/collection/components/label/label.js +3 -113
- package/dist/collection/components/list-item/list-item/list-item.css +7 -7
- package/dist/collection/components/list-item/list-item/list-item.js +4 -26
- package/dist/collection/components/pagination/pagination.css +23 -23
- package/dist/collection/components/panel/panel.js +2 -2
- package/dist/collection/components/popover/exports.js +0 -1
- package/dist/collection/components/popover/popover.css +13 -13
- package/dist/collection/components/popover/popover.js +2 -55
- package/dist/collection/components/popover-action/popover-action.css +3 -5
- package/dist/collection/components/popover-action/popover-action.js +1 -1
- package/dist/collection/components/popover-content/popover-content.js +1 -1
- package/dist/collection/components/popover-headline/popover-headline.js +1 -1
- package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +49 -12
- package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
- package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
- package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
- package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +53 -135
- package/dist/collection/components/select/select.js +197 -349
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/skip-link/skip-link.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +2 -2
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tabs-list/tabs-list.js +1 -1
- package/dist/collection/components/textarea/textarea.js +44 -163
- package/dist/collection/components/toast/toast.css +22 -14
- package/dist/collection/components/toast/toast.js +95 -43
- package/dist/collection/components/toast-group/toast-group.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/esm/index-Da7qOBFr.js +6 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/r-accordion-panel.entry.js +1 -1
- package/dist/esm/r-accordion-section.entry.js +1 -1
- package/dist/esm/r-accordion-trigger.entry.js +5 -35
- package/dist/esm/r-accordion.entry.js +3 -7
- package/dist/esm/r-alert.entry.js +45 -14
- package/dist/esm/r-badge.entry.js +1 -1
- package/dist/esm/r-button.entry.js +2 -2
- package/dist/esm/r-checkbox-group.entry.js +28 -24
- package/dist/esm/r-checkbox.entry.js +97 -81
- package/dist/esm/r-dialog.entry.js +3 -11
- package/dist/esm/r-hint_2.entry.js +47 -0
- package/dist/esm/{r-hint_3.entry.js → r-icon-button_2.entry.js} +65 -51
- package/dist/esm/r-icon.entry.js +1 -1
- package/dist/esm/r-input-code.entry.js +133 -25
- package/dist/esm/r-input-date.entry.js +87 -23
- package/dist/esm/r-input-password.entry.js +34 -13
- package/dist/esm/r-input-phone-number.entry.js +30 -22
- package/dist/esm/r-input.entry.js +108 -49
- package/dist/esm/r-list-item.entry.js +5 -5
- package/dist/esm/r-pagination.entry.js +1 -1
- package/dist/esm/r-panel.entry.js +2 -2
- package/dist/esm/r-popover-action.entry.js +2 -2
- package/dist/esm/r-popover-content.entry.js +1 -1
- package/dist/esm/r-popover-headline.entry.js +1 -1
- package/dist/esm/r-popover-trigger.entry.js +1 -1
- package/dist/esm/r-popover.entry.js +3 -3
- package/dist/esm/r-progress-bar.entry.js +1 -1
- package/dist/esm/r-radio-button-description.entry.js +1 -1
- package/dist/esm/r-radio-button-leading.entry.js +1 -1
- package/dist/esm/r-radio-button-title.entry.js +1 -1
- package/dist/esm/r-radio-button-trailing.entry.js +1 -1
- package/dist/esm/r-radio-button.entry.js +29 -12
- package/dist/esm/r-radio-group.entry.js +32 -32
- package/dist/esm/r-select-option.entry.js +1 -1
- package/dist/esm/r-select.entry.js +116 -40
- package/dist/esm/r-skip-link.entry.js +1 -1
- package/dist/esm/r-stepper-item.entry.js +2 -2
- package/dist/esm/r-stepper.entry.js +1 -1
- package/dist/esm/r-tab-panel.entry.js +1 -1
- package/dist/esm/r-tab.entry.js +1 -1
- package/dist/esm/r-tabs-list.entry.js +1 -1
- package/dist/esm/r-tabs.entry.js +1 -1
- package/dist/esm/r-textarea.entry.js +24 -23
- package/dist/esm/r-toast-group.entry.js +1 -1
- package/dist/esm/r-toast.entry.js +51 -20
- package/dist/esm/web-components.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +1 -5
- package/dist/types/components/accordion/exports.d.ts +1 -1
- package/dist/types/components/accordion-trigger/accordion-trigger.d.ts +0 -36
- package/dist/types/components/alert/alert.d.ts +9 -1
- package/dist/types/components/alert/exports.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +29 -34
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +6 -11
- package/dist/types/components/dialog/dialog.d.ts +0 -2
- package/dist/types/components/input/input.d.ts +35 -72
- package/dist/types/components/input-code/exports.d.ts +4 -0
- package/dist/types/components/input-code/input-code.d.ts +54 -7
- package/dist/types/components/input-date/input-date.d.ts +30 -16
- package/dist/types/components/input-password/exports.d.ts +1 -0
- package/dist/types/components/input-password/input-password.d.ts +53 -16
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +5 -16
- package/dist/types/components/label/label.d.ts +0 -18
- package/dist/types/components/list-item/list-item/list-item.d.ts +0 -6
- package/dist/types/components/popover/exports.d.ts +0 -2
- package/dist/types/components/popover/popover.d.ts +1 -14
- package/dist/types/components/radio-button/radio-button.d.ts +5 -0
- package/dist/types/components/radio-group/radio-group.d.ts +6 -28
- package/dist/types/components/select/select.d.ts +34 -52
- package/dist/types/components/textarea/textarea.d.ts +5 -32
- package/dist/types/components/toast/toast.d.ts +10 -7
- package/dist/types/components.d.ts +347 -647
- package/dist/web-components/bundled-icons/riverty-kit.json +1 -1
- package/dist/web-components/p-0347feff.entry.js +1 -0
- package/dist/web-components/p-05738503.entry.js +1 -0
- package/dist/web-components/p-0e4c8bf1.entry.js +1 -0
- package/dist/web-components/p-1da75540.entry.js +1 -0
- package/dist/web-components/p-26ef77d6.entry.js +1 -0
- package/dist/web-components/p-3884c6e7.entry.js +1 -0
- package/dist/web-components/p-3a5a67e7.entry.js +1 -0
- package/dist/web-components/p-3f60c6c0.entry.js +1 -0
- package/dist/web-components/p-4254a383.entry.js +1 -0
- package/dist/web-components/{p-87f39749.entry.js → p-4595fa8e.entry.js} +1 -1
- package/dist/web-components/{p-4e3df002.entry.js → p-4cc58c6a.entry.js} +1 -1
- package/dist/web-components/p-5441b746.entry.js +1 -0
- package/dist/web-components/{p-72fa1fd1.entry.js → p-550e2237.entry.js} +1 -1
- package/dist/web-components/p-589baaf9.entry.js +1 -0
- package/dist/web-components/p-60341de2.entry.js +1 -0
- package/dist/web-components/{p-4bd3e077.entry.js → p-60ca994e.entry.js} +1 -1
- package/dist/web-components/{p-44ae9f33.entry.js → p-62b788bf.entry.js} +1 -1
- package/dist/web-components/{p-2b2f581a.entry.js → p-6303b9fe.entry.js} +1 -1
- package/dist/web-components/p-63fd817d.entry.js +1 -0
- package/dist/web-components/{p-e0e2f2b2.entry.js → p-673dbfd0.entry.js} +1 -1
- package/dist/web-components/p-67fa3f84.entry.js +1 -0
- package/dist/web-components/p-6a4f3836.entry.js +1 -0
- package/dist/web-components/p-6cc2ea2c.entry.js +1 -0
- package/dist/web-components/p-70784685.entry.js +1 -0
- package/dist/web-components/{p-429213ea.entry.js → p-7fed6f4d.entry.js} +1 -1
- package/dist/web-components/p-8a66d20c.entry.js +1 -0
- package/dist/web-components/{p-0bb04d79.entry.js → p-8b4d2448.entry.js} +1 -1
- package/dist/web-components/{p-c7f8e59b.entry.js → p-8c31cbd5.entry.js} +1 -1
- package/dist/web-components/p-8dac326b.entry.js +1 -0
- package/dist/web-components/{p-1c2497de.entry.js → p-9ef1bbee.entry.js} +1 -1
- package/dist/web-components/p-a0dbde7c.entry.js +1 -0
- package/dist/web-components/{p-755cc697.entry.js → p-a71485d8.entry.js} +1 -1
- package/dist/web-components/p-a7d22c76.entry.js +1 -0
- package/dist/web-components/{p-85a9af42.entry.js → p-ae251d2f.entry.js} +1 -1
- package/dist/web-components/{p-77155630.entry.js → p-b98ab649.entry.js} +1 -1
- package/dist/web-components/p-b9e3b3d6.entry.js +1 -0
- package/dist/web-components/p-c1e748f2.entry.js +1 -0
- package/dist/web-components/p-c478712b.entry.js +1 -0
- package/dist/web-components/{p-72c0c0d8.entry.js → p-d054eb4d.entry.js} +1 -1
- package/dist/web-components/p-d433a828.entry.js +1 -0
- package/dist/web-components/p-d7726e46.entry.js +1 -0
- package/dist/web-components/p-d819c8e5.entry.js +1 -0
- package/dist/web-components/p-e2188953.entry.js +1 -0
- package/dist/web-components/{p-3b4e3faf.entry.js → p-e5945c01.entry.js} +1 -1
- package/dist/web-components/{p-d1379ac6.entry.js → p-f9d5004c.entry.js} +1 -1
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/r-accordion-item.cjs.entry.js +0 -78
- package/dist/cjs/r-icon-button.cjs.entry.js +0 -81
- package/dist/collection/components/accordion-item/accordion-item.css +0 -121
- package/dist/collection/components/accordion-item/accordion-item.js +0 -138
- package/dist/esm/r-accordion-item.entry.js +0 -76
- package/dist/esm/r-icon-button.entry.js +0 -79
- package/dist/types/components/accordion-item/accordion-item.d.ts +0 -26
- package/dist/web-components/p-00ca474f.entry.js +0 -1
- package/dist/web-components/p-289eb4b0.entry.js +0 -1
- package/dist/web-components/p-2b8e12ae.entry.js +0 -1
- package/dist/web-components/p-2e2c8a5b.entry.js +0 -1
- package/dist/web-components/p-3a39932b.entry.js +0 -1
- package/dist/web-components/p-3bc93d65.entry.js +0 -1
- package/dist/web-components/p-44be9992.entry.js +0 -1
- package/dist/web-components/p-4652635a.entry.js +0 -1
- package/dist/web-components/p-51a5804b.entry.js +0 -1
- package/dist/web-components/p-63474b32.entry.js +0 -1
- package/dist/web-components/p-74d2a563.entry.js +0 -1
- package/dist/web-components/p-7ad8e78b.entry.js +0 -1
- package/dist/web-components/p-8028c2a9.entry.js +0 -1
- package/dist/web-components/p-96ddeb7f.entry.js +0 -1
- package/dist/web-components/p-9d898089.entry.js +0 -1
- package/dist/web-components/p-9e50120b.entry.js +0 -1
- package/dist/web-components/p-9eb1f262.entry.js +0 -1
- package/dist/web-components/p-a022f356.entry.js +0 -1
- package/dist/web-components/p-a7e7f8fa.entry.js +0 -1
- package/dist/web-components/p-b2f03016.entry.js +0 -1
- package/dist/web-components/p-c300c22f.entry.js +0 -1
- package/dist/web-components/p-c937bd92.entry.js +0 -1
- package/dist/web-components/p-cbcd7699.entry.js +0 -1
- package/dist/web-components/p-d93c240d.entry.js +0 -1
- package/dist/web-components/p-e4b66277.entry.js +0 -1
- package/dist/web-components/p-e6a31881.entry.js +0 -1
- package/dist/web-components/p-f6a92287.entry.js +0 -1
- package/dist/web-components/p-f770e22b.entry.js +0 -1
- package/dist/web-components/p-f952161b.entry.js +0 -1
|
@@ -6,18 +6,20 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
import { AccordionSize } from "./components/accordion/exports";
|
|
9
|
-
import { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
|
|
10
9
|
import { AlertStatus, AlertTarget } from "./components/alert/exports";
|
|
10
|
+
import { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
|
|
11
11
|
import { BadgeVariant } from "./components/badge/exports";
|
|
12
12
|
import { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
|
|
13
13
|
import { DialogSize } from "./components/dialog/exports";
|
|
14
14
|
import { HintVariant } from "./components/hint/exports";
|
|
15
15
|
import { TooltipPosition } from "./components/tooltip/exports";
|
|
16
16
|
import { InputAutocomplete, InputType } from "./components/input/exports";
|
|
17
|
+
import { EnterKeyHint, InputMode } from "./components/input-code/exports";
|
|
18
|
+
import { PasswordAutocomplete } from "./components/input-password/exports";
|
|
17
19
|
import { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
|
|
18
20
|
import { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
|
|
19
21
|
import { PanelVariant } from "./components/panel/exports";
|
|
20
|
-
import { PopoverDismissMode, PopoverHorizontal,
|
|
22
|
+
import { PopoverDismissMode, PopoverHorizontal, PopoverVertical } from "./components/popover/exports";
|
|
21
23
|
import { PopoverTriggerAction } from "./components/popover-trigger/exports";
|
|
22
24
|
import { Event } from "./stencil-public-runtime";
|
|
23
25
|
import { RadioGroupVariant } from "./components/radio-group/exports";
|
|
@@ -26,18 +28,20 @@ import { SkipLinkPosition } from "./components/skip-link/exports";
|
|
|
26
28
|
import { TextareaResize } from "./components/textarea/exports";
|
|
27
29
|
import { ToastActionTarget, ToastDismissMode, ToastStatus } from "./components/toast/exports";
|
|
28
30
|
export { AccordionSize } from "./components/accordion/exports";
|
|
29
|
-
export { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
|
|
30
31
|
export { AlertStatus, AlertTarget } from "./components/alert/exports";
|
|
32
|
+
export { IconKit, IconName, IconPosition, IconSize, IconVariant } from "./components/icon/exports";
|
|
31
33
|
export { BadgeVariant } from "./components/badge/exports";
|
|
32
34
|
export { ButtonSize, ButtonTarget, ButtonType, ButtonVariant } from "./components/button/exports";
|
|
33
35
|
export { DialogSize } from "./components/dialog/exports";
|
|
34
36
|
export { HintVariant } from "./components/hint/exports";
|
|
35
37
|
export { TooltipPosition } from "./components/tooltip/exports";
|
|
36
38
|
export { InputAutocomplete, InputType } from "./components/input/exports";
|
|
39
|
+
export { EnterKeyHint, InputMode } from "./components/input-code/exports";
|
|
40
|
+
export { PasswordAutocomplete } from "./components/input-password/exports";
|
|
37
41
|
export { ListItemVariant, TrailingTextAlignment } from "./components/list-item/list-item/exports";
|
|
38
42
|
export { PaginationItemsPerPageOptions, PaginationListBoxPosition, PaginationVariant } from "./components/pagination/exports";
|
|
39
43
|
export { PanelVariant } from "./components/panel/exports";
|
|
40
|
-
export { PopoverDismissMode, PopoverHorizontal,
|
|
44
|
+
export { PopoverDismissMode, PopoverHorizontal, PopoverVertical } from "./components/popover/exports";
|
|
41
45
|
export { PopoverTriggerAction } from "./components/popover-trigger/exports";
|
|
42
46
|
export { Event } from "./stencil-public-runtime";
|
|
43
47
|
export { RadioGroupVariant } from "./components/radio-group/exports";
|
|
@@ -65,26 +69,11 @@ export namespace Components {
|
|
|
65
69
|
*/
|
|
66
70
|
"multiple"?: boolean;
|
|
67
71
|
/**
|
|
68
|
-
* Defines the size of an accordion UI.
|
|
72
|
+
* Defines the size of an accordion UI.
|
|
69
73
|
* @default 'l'
|
|
70
74
|
*/
|
|
71
75
|
"size": AccordionSize;
|
|
72
76
|
}
|
|
73
|
-
/**
|
|
74
|
-
* An accordion item represents a section within an accordion.
|
|
75
|
-
* Always use `<r-accordion-item>` inside a `<r-accordion>`.
|
|
76
|
-
*/
|
|
77
|
-
interface RAccordionItem {
|
|
78
|
-
/**
|
|
79
|
-
* When true, the accordion item is expanded
|
|
80
|
-
* @default false
|
|
81
|
-
*/
|
|
82
|
-
"expanded": boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Header text to be displayed before the content of this accordion item.
|
|
85
|
-
*/
|
|
86
|
-
"header": string;
|
|
87
|
-
}
|
|
88
77
|
interface RAccordionPanel {
|
|
89
78
|
/**
|
|
90
79
|
* Indication of the panel disabled state.
|
|
@@ -123,40 +112,6 @@ export namespace Components {
|
|
|
123
112
|
* Indication of the controlled panel revelation.
|
|
124
113
|
*/
|
|
125
114
|
"expanded"?: boolean;
|
|
126
|
-
/**
|
|
127
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon to be used as status indication
|
|
128
|
-
* @default 'angle-down'
|
|
129
|
-
*/
|
|
130
|
-
"icon": IconName;
|
|
131
|
-
/**
|
|
132
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon for collapsed state
|
|
133
|
-
* @default 'angle-down'
|
|
134
|
-
*/
|
|
135
|
-
"iconCollapsed"?: IconName;
|
|
136
|
-
/**
|
|
137
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon for expanded state
|
|
138
|
-
* @default 'angle-up'
|
|
139
|
-
*/
|
|
140
|
-
"iconExpanded"?: IconName;
|
|
141
|
-
/**
|
|
142
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon might be placed before or after content
|
|
143
|
-
* @default 'end'
|
|
144
|
-
*/
|
|
145
|
-
"iconPosition": IconPosition;
|
|
146
|
-
/**
|
|
147
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the size of an icon used as status indication. Default: `m`.
|
|
148
|
-
* @default 'm'
|
|
149
|
-
*/
|
|
150
|
-
"iconSize": IconSize;
|
|
151
|
-
/**
|
|
152
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead) Name of an icon rendered within leading slot (before content).
|
|
153
|
-
*/
|
|
154
|
-
"leadingIcon"?: IconName;
|
|
155
|
-
/**
|
|
156
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead) Defines the size of an icon in leading slot. Default: `m`.
|
|
157
|
-
* @default 'm'
|
|
158
|
-
*/
|
|
159
|
-
"leadingIconSize": IconSize;
|
|
160
115
|
/**
|
|
161
116
|
* Id of the panel this trigger controls.
|
|
162
117
|
*/
|
|
@@ -167,6 +122,11 @@ export namespace Components {
|
|
|
167
122
|
"splitted"?: boolean;
|
|
168
123
|
}
|
|
169
124
|
interface RAlert {
|
|
125
|
+
/**
|
|
126
|
+
* Sets role="alert" and will be announced to screen reader users
|
|
127
|
+
* @default true
|
|
128
|
+
*/
|
|
129
|
+
"announced": boolean;
|
|
170
130
|
/**
|
|
171
131
|
* Defines content text of the alert
|
|
172
132
|
*/
|
|
@@ -177,7 +137,7 @@ export namespace Components {
|
|
|
177
137
|
"delay"?: number;
|
|
178
138
|
/**
|
|
179
139
|
* Text content for an alert dismiss button
|
|
180
|
-
* @default '
|
|
140
|
+
* @default 'Dismiss alert'
|
|
181
141
|
*/
|
|
182
142
|
"dismissButtonAriaLabel": string;
|
|
183
143
|
/**
|
|
@@ -201,6 +161,11 @@ export namespace Components {
|
|
|
201
161
|
* Defines an icon source to be presented in leading slot
|
|
202
162
|
*/
|
|
203
163
|
"leadingIconSrc"?: string;
|
|
164
|
+
/**
|
|
165
|
+
* Defines whether the leading icon is visible.
|
|
166
|
+
* @default true
|
|
167
|
+
*/
|
|
168
|
+
"leadingIconVisible": boolean;
|
|
204
169
|
/**
|
|
205
170
|
* Defines link label text of the alert
|
|
206
171
|
*/
|
|
@@ -217,11 +182,12 @@ export namespace Components {
|
|
|
217
182
|
"target": AlertTarget;
|
|
218
183
|
/**
|
|
219
184
|
* Defines an icon to be presented in trailing slot
|
|
185
|
+
* @default 'cross'
|
|
220
186
|
*/
|
|
221
187
|
"trailingIcon"?: IconName;
|
|
222
188
|
/**
|
|
223
189
|
* Defines an icon size to be presented in trailing slot
|
|
224
|
-
* @default '
|
|
190
|
+
* @default 'm'
|
|
225
191
|
*/
|
|
226
192
|
"trailingIconSize": IconSize;
|
|
227
193
|
/**
|
|
@@ -319,10 +285,20 @@ export namespace Components {
|
|
|
319
285
|
* Overall behavior is based on native `<input type="checkbox">`
|
|
320
286
|
*/
|
|
321
287
|
interface RCheckbox {
|
|
288
|
+
/**
|
|
289
|
+
* Automatically focus the checkbox when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
|
|
290
|
+
* @default false
|
|
291
|
+
*/
|
|
292
|
+
"autofocus"?: boolean;
|
|
322
293
|
/**
|
|
323
294
|
* Checks the checkbox element.
|
|
324
295
|
*/
|
|
325
296
|
"check": () => Promise<void>;
|
|
297
|
+
/**
|
|
298
|
+
* Validates the checkbox without triggering UI and returns a boolean indicating its validity.
|
|
299
|
+
* @returns A boolean indicating whether the checkbox is valid.
|
|
300
|
+
*/
|
|
301
|
+
"checkValidity": () => Promise<boolean>;
|
|
326
302
|
/**
|
|
327
303
|
* Pass initial checked state
|
|
328
304
|
*/
|
|
@@ -384,11 +360,6 @@ export namespace Components {
|
|
|
384
360
|
* Sets the indeterminate state of the checkbox element.
|
|
385
361
|
*/
|
|
386
362
|
"setIndeterminate": () => Promise<void>;
|
|
387
|
-
/**
|
|
388
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
|
|
389
|
-
* @default false
|
|
390
|
-
*/
|
|
391
|
-
"showValid": boolean;
|
|
392
363
|
/**
|
|
393
364
|
* Toggles the checked state of the checkbox element.
|
|
394
365
|
*/
|
|
@@ -401,10 +372,6 @@ export namespace Components {
|
|
|
401
372
|
* Indicate that validation is successful
|
|
402
373
|
*/
|
|
403
374
|
"valid"?: boolean;
|
|
404
|
-
/**
|
|
405
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
406
|
-
*/
|
|
407
|
-
"validMessage"?: string;
|
|
408
375
|
/**
|
|
409
376
|
* Value of element data within a form
|
|
410
377
|
*/
|
|
@@ -419,6 +386,11 @@ export namespace Components {
|
|
|
419
386
|
* Checks all checkboxes in the slot.
|
|
420
387
|
*/
|
|
421
388
|
"checkAll": () => Promise<this>;
|
|
389
|
+
/**
|
|
390
|
+
* Validates the checkbox group without triggering UI and returns a boolean indicating its validity.
|
|
391
|
+
* @returns A boolean indicating whether the checkbox is valid.
|
|
392
|
+
*/
|
|
393
|
+
"checkValidity": () => Promise<boolean>;
|
|
422
394
|
/**
|
|
423
395
|
* Specifies if select-all checkbox is initially in checked state
|
|
424
396
|
*/
|
|
@@ -488,11 +460,6 @@ export namespace Components {
|
|
|
488
460
|
* Whether to show a "Select All" checkbox.
|
|
489
461
|
*/
|
|
490
462
|
"showSelectAll"?: boolean;
|
|
491
|
-
/**
|
|
492
|
-
* _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`.
|
|
493
|
-
* @default false
|
|
494
|
-
*/
|
|
495
|
-
"showValid": boolean;
|
|
496
463
|
/**
|
|
497
464
|
* Unchecks all checkboxes in the slot.
|
|
498
465
|
*/
|
|
@@ -501,10 +468,6 @@ export namespace Components {
|
|
|
501
468
|
* Apply validation success visual style
|
|
502
469
|
*/
|
|
503
470
|
"valid"?: boolean;
|
|
504
|
-
/**
|
|
505
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
506
|
-
*/
|
|
507
|
-
"validMessage"?: string;
|
|
508
471
|
/**
|
|
509
472
|
* Specifies `value` property of the 'select-all', representing the group as a whole.
|
|
510
473
|
* @default ''
|
|
@@ -691,6 +654,11 @@ export namespace Components {
|
|
|
691
654
|
* Custom message for `badInput` (conversion / parsing failure).
|
|
692
655
|
*/
|
|
693
656
|
"badInputMessage"?: string;
|
|
657
|
+
/**
|
|
658
|
+
* Validates the input without triggering UI and returns a boolean indicating its validity.
|
|
659
|
+
* @returns A boolean indicating whether the input is valid.
|
|
660
|
+
*/
|
|
661
|
+
"checkValidity": () => Promise<boolean>;
|
|
694
662
|
/**
|
|
695
663
|
* Custom message for `customError` (applies when set via `setCustomValidity()` logic internally).
|
|
696
664
|
*/
|
|
@@ -731,23 +699,6 @@ export namespace Components {
|
|
|
731
699
|
* Optional contextual help text displayed beneath the field.
|
|
732
700
|
*/
|
|
733
701
|
"hint"?: string;
|
|
734
|
-
/**
|
|
735
|
-
* @deprecated Will be removed November 2025. Legacy single icon (prefer `leading` / `trailing` slots).
|
|
736
|
-
*/
|
|
737
|
-
"icon"?: IconName;
|
|
738
|
-
/**
|
|
739
|
-
* @deprecated Will be removed November 2025. Color for legacy icon.
|
|
740
|
-
*/
|
|
741
|
-
"iconColor"?: string;
|
|
742
|
-
/**
|
|
743
|
-
* @deprecated Will be removed November 2025. Position of legacy icon: `start` | `end`.
|
|
744
|
-
* @default 'start'
|
|
745
|
-
*/
|
|
746
|
-
"iconPosition": IconPosition;
|
|
747
|
-
/**
|
|
748
|
-
* @deprecated Will be removed November 2025. Treat legacy icon as submit trigger.
|
|
749
|
-
*/
|
|
750
|
-
"iconSubmit"?: boolean;
|
|
751
702
|
/**
|
|
752
703
|
* When true, hides visual label & messages (for internal layout use; accessibility still preserved).
|
|
753
704
|
*/
|
|
@@ -756,10 +707,22 @@ export namespace Components {
|
|
|
756
707
|
* Explicit invalid state override (when set manually).
|
|
757
708
|
*/
|
|
758
709
|
"invalid"?: boolean;
|
|
710
|
+
/**
|
|
711
|
+
* Gets the dirty state (whether value has been changed by user)
|
|
712
|
+
*/
|
|
713
|
+
"isDirty": () => Promise<boolean>;
|
|
714
|
+
/**
|
|
715
|
+
* Gets the touched state (whether user has interacted with the input)
|
|
716
|
+
*/
|
|
717
|
+
"isTouched": () => Promise<boolean>;
|
|
759
718
|
/**
|
|
760
719
|
* Label text describing the field. Provide for accessibility (or use the `label` slot).
|
|
761
720
|
*/
|
|
762
721
|
"label": string;
|
|
722
|
+
/**
|
|
723
|
+
* Resets touched and dirty states to pristine (untouched/clean)
|
|
724
|
+
*/
|
|
725
|
+
"markAsPristine": () => Promise<void>;
|
|
763
726
|
/**
|
|
764
727
|
* Maximum numeric/date value (for supported types).
|
|
765
728
|
*/
|
|
@@ -785,13 +748,9 @@ export namespace Components {
|
|
|
785
748
|
*/
|
|
786
749
|
"novalidate"?: boolean;
|
|
787
750
|
/**
|
|
788
|
-
*
|
|
751
|
+
* Safari-specific password rules for strong password generation (password inputs only). Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
|
|
789
752
|
*/
|
|
790
|
-
"
|
|
791
|
-
/**
|
|
792
|
-
* @deprecated Use `fieldIndicator` instead. Will be removed November 2025. Custom text for optional marker.
|
|
793
|
-
*/
|
|
794
|
-
"optionalText"?: string;
|
|
753
|
+
"passwordrules"?: string;
|
|
795
754
|
/**
|
|
796
755
|
* Regex pattern the value must match (string form).
|
|
797
756
|
*/
|
|
@@ -843,10 +802,6 @@ export namespace Components {
|
|
|
843
802
|
* Set the current value programmatically (does not fire native input/change automatically).
|
|
844
803
|
*/
|
|
845
804
|
"setValue": (value: string) => Promise<void>;
|
|
846
|
-
/**
|
|
847
|
-
* @deprecated Will be removed November 2025. Controls visibility of success validation marker.
|
|
848
|
-
*/
|
|
849
|
-
"showValid"?: boolean;
|
|
850
805
|
/**
|
|
851
806
|
* Step interval for numeric/date input types.
|
|
852
807
|
*/
|
|
@@ -863,18 +818,6 @@ export namespace Components {
|
|
|
863
818
|
* Custom message for `tooShort`.
|
|
864
819
|
*/
|
|
865
820
|
"tooShortMessage"?: string;
|
|
866
|
-
/**
|
|
867
|
-
* @deprecated Use the `popover` slot instead. Will be removed November 2025. Label tooltip text content.
|
|
868
|
-
*/
|
|
869
|
-
"tooltip"?: string;
|
|
870
|
-
/**
|
|
871
|
-
* @deprecated Use the `popover` slot instead. Will be removed November 2025. Icon name used as tooltip trigger.
|
|
872
|
-
*/
|
|
873
|
-
"tooltipIcon"?: IconName;
|
|
874
|
-
/**
|
|
875
|
-
* @deprecated Use the `popover` slot instead. Will be removed November 2025. Color token for tooltip trigger icon.
|
|
876
|
-
*/
|
|
877
|
-
"tooltipIconColor"?: string;
|
|
878
821
|
/**
|
|
879
822
|
* Input type (e.g. `text`, `email`, `number`, `password`). See HTMLInputElement `type` for supported values.
|
|
880
823
|
* @default 'text'
|
|
@@ -889,19 +832,10 @@ export namespace Components {
|
|
|
889
832
|
*/
|
|
890
833
|
"valid"?: boolean;
|
|
891
834
|
/**
|
|
892
|
-
*
|
|
893
|
-
* @default
|
|
894
|
-
*/
|
|
895
|
-
"validMarker": boolean;
|
|
896
|
-
/**
|
|
897
|
-
* @deprecated Will be removed November 2025. Icon name used when `validMarker` is active and state is valid.
|
|
898
|
-
* @default 'circled-check'
|
|
899
|
-
*/
|
|
900
|
-
"validMarkerIcon": IconName;
|
|
901
|
-
/**
|
|
902
|
-
* @deprecated Will be removed November 2025. Custom success message when field is valid.
|
|
835
|
+
* When `true` field renders valid/invalid marker within.
|
|
836
|
+
* @default true
|
|
903
837
|
*/
|
|
904
|
-
"
|
|
838
|
+
"validityMarker": boolean;
|
|
905
839
|
/**
|
|
906
840
|
* Current value. Mutable: can be changed programmatically or through user input.
|
|
907
841
|
* @default ''
|
|
@@ -917,6 +851,16 @@ export namespace Components {
|
|
|
917
851
|
* Defines label for each character's input. Default "Character: ${character number}"
|
|
918
852
|
*/
|
|
919
853
|
"ariaCharacterLabel"?: string;
|
|
854
|
+
/**
|
|
855
|
+
* Specifies the autocomplete behavior. Default is 'one-time-code' for SMS OTP autofill.
|
|
856
|
+
* @default : 'one-time-code'
|
|
857
|
+
*/
|
|
858
|
+
"autocomplete"?: string;
|
|
859
|
+
/**
|
|
860
|
+
* Validates the input code without triggering UI and returns a boolean indicating its validity.
|
|
861
|
+
* @returns A boolean indicating whether the input code is valid.
|
|
862
|
+
*/
|
|
863
|
+
"checkValidity": () => Promise<boolean>;
|
|
920
864
|
/**
|
|
921
865
|
* 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.
|
|
922
866
|
*/
|
|
@@ -925,6 +869,11 @@ export namespace Components {
|
|
|
925
869
|
* Whether the input is disabled
|
|
926
870
|
*/
|
|
927
871
|
"disabled"?: boolean;
|
|
872
|
+
/**
|
|
873
|
+
* Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
|
|
874
|
+
* @default : 'done'
|
|
875
|
+
*/
|
|
876
|
+
"enterkeyhint"?: EnterKeyHint;
|
|
928
877
|
/**
|
|
929
878
|
* The way to provide error message separately from Constraint Validation API.
|
|
930
879
|
*/
|
|
@@ -933,6 +882,12 @@ export namespace Components {
|
|
|
933
882
|
* Text of an additional marker in the label
|
|
934
883
|
*/
|
|
935
884
|
"fieldIndicator"?: string;
|
|
885
|
+
/**
|
|
886
|
+
* Focuses a specific segment (input) by index.
|
|
887
|
+
* @param index - The zero-based index of the segment to focus (0 to length-1)
|
|
888
|
+
* @returns Promise that resolves when focus is set, or rejects if index is invalid
|
|
889
|
+
*/
|
|
890
|
+
"focusSegment": (index: number) => Promise<void>;
|
|
936
891
|
/**
|
|
937
892
|
* Specifies the `id` of the `<form>` to which the element belongs.
|
|
938
893
|
*/
|
|
@@ -941,6 +896,12 @@ export namespace Components {
|
|
|
941
896
|
* Defines if the component suppose to occupy 100% width
|
|
942
897
|
*/
|
|
943
898
|
"fullWidth"?: boolean;
|
|
899
|
+
/**
|
|
900
|
+
* Gets the value of a specific segment by index.
|
|
901
|
+
* @param index - The zero-based index of the segment (0 to length-1)
|
|
902
|
+
* @returns Promise that resolves to the segment value (single character string or empty string)
|
|
903
|
+
*/
|
|
904
|
+
"getSegmentValue": (index: number) => Promise<string>;
|
|
944
905
|
/**
|
|
945
906
|
* Gets the current complete code value by joining all individual digit values.
|
|
946
907
|
* @returns Promise that resolves to the complete code string
|
|
@@ -950,22 +911,27 @@ export namespace Components {
|
|
|
950
911
|
* Description for accessibility
|
|
951
912
|
*/
|
|
952
913
|
"hint"?: string;
|
|
914
|
+
/**
|
|
915
|
+
* Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
|
|
916
|
+
* @default : 'numeric'
|
|
917
|
+
*/
|
|
918
|
+
"inputmode"?: InputMode;
|
|
953
919
|
/**
|
|
954
920
|
* Validity indicator, serving to change UI of the component
|
|
955
921
|
*/
|
|
956
922
|
"invalid"?: boolean;
|
|
957
923
|
/**
|
|
958
|
-
* Label for accessibility
|
|
959
|
-
* @default 'Verification code'
|
|
924
|
+
* Label for accessibility.
|
|
925
|
+
* @default : 'Verification code'
|
|
960
926
|
*/
|
|
961
927
|
"label": string;
|
|
962
928
|
/**
|
|
963
|
-
* Number of digits (typically 4–6)
|
|
964
|
-
* @default 4
|
|
929
|
+
* Number of digits (typically 4–6).
|
|
930
|
+
* @default : 4
|
|
965
931
|
*/
|
|
966
932
|
"length": number;
|
|
967
933
|
/**
|
|
968
|
-
* Specifies a name for an input for
|
|
934
|
+
* Specifies a name for an input for submission within formData object.
|
|
969
935
|
* @default 'input-code'
|
|
970
936
|
*/
|
|
971
937
|
"name": string;
|
|
@@ -986,15 +952,20 @@ export namespace Components {
|
|
|
986
952
|
* @returns Promise that resolves when reset is complete
|
|
987
953
|
*/
|
|
988
954
|
"reset": () => Promise<void>;
|
|
955
|
+
/**
|
|
956
|
+
* Sets the value of a specific segment by index.
|
|
957
|
+
* @param index - The zero-based index of the segment (0 to length-1)
|
|
958
|
+
* @param value - The value to set (will be truncated to first character if longer)
|
|
959
|
+
*/
|
|
960
|
+
"setSegmentValue": (index: number, value: string) => Promise<void>;
|
|
989
961
|
/**
|
|
990
962
|
* Sets provided value.
|
|
991
963
|
*/
|
|
992
|
-
"setValue": (value:
|
|
964
|
+
"setValue": (value: string | null) => Promise<void>;
|
|
993
965
|
/**
|
|
994
966
|
* Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
|
|
995
|
-
* @default `All ${this.length} characters must be filled.`
|
|
996
967
|
*/
|
|
997
|
-
"tooShortMessage"
|
|
968
|
+
"tooShortMessage"?: string;
|
|
998
969
|
/**
|
|
999
970
|
* Visual indication of valid state
|
|
1000
971
|
*/
|
|
@@ -1010,6 +981,11 @@ export namespace Components {
|
|
|
1010
981
|
"valueMissingMessage"?: string;
|
|
1011
982
|
}
|
|
1012
983
|
interface RInputDate {
|
|
984
|
+
/**
|
|
985
|
+
* Validates the input date without triggering UI and returns a boolean indicating its validity.
|
|
986
|
+
* @returns A boolean indicating whether the input date is valid.
|
|
987
|
+
*/
|
|
988
|
+
"checkValidity": () => Promise<boolean>;
|
|
1013
989
|
/**
|
|
1014
990
|
* Custom error message displayed for any validation failures in the input.
|
|
1015
991
|
*/
|
|
@@ -1064,10 +1040,30 @@ export namespace Components {
|
|
|
1064
1040
|
* Custom error message displayed when date is not valid.
|
|
1065
1041
|
*/
|
|
1066
1042
|
"invalidDateMessage"?: string;
|
|
1043
|
+
/**
|
|
1044
|
+
* Gets the dirty state (whether value has been changed by user)
|
|
1045
|
+
*/
|
|
1046
|
+
"isDirty": () => Promise<boolean>;
|
|
1047
|
+
/**
|
|
1048
|
+
* Gets the touched state (whether user has interacted with the input)
|
|
1049
|
+
*/
|
|
1050
|
+
"isTouched": () => Promise<boolean>;
|
|
1067
1051
|
/**
|
|
1068
1052
|
* The text on the label
|
|
1069
1053
|
*/
|
|
1070
1054
|
"label": string;
|
|
1055
|
+
/**
|
|
1056
|
+
* Resets touched and dirty states to pristine (untouched/clean)
|
|
1057
|
+
*/
|
|
1058
|
+
"markAsPristine": () => Promise<void>;
|
|
1059
|
+
/**
|
|
1060
|
+
* Maximum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `max` is also updated to match the new format.
|
|
1061
|
+
*/
|
|
1062
|
+
"max"?: string;
|
|
1063
|
+
/**
|
|
1064
|
+
* Minimum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `min` is also updated to match the new format.
|
|
1065
|
+
*/
|
|
1066
|
+
"min"?: string;
|
|
1071
1067
|
/**
|
|
1072
1068
|
* Defines label for the input for the month
|
|
1073
1069
|
* @default 'Month'
|
|
@@ -1081,6 +1077,14 @@ export namespace Components {
|
|
|
1081
1077
|
* Specifies if element must be ignored during validation of the form elements
|
|
1082
1078
|
*/
|
|
1083
1079
|
"novalidate"?: boolean;
|
|
1080
|
+
/**
|
|
1081
|
+
* Custom error message displayed when date is after the maximum date.
|
|
1082
|
+
*/
|
|
1083
|
+
"rangeOverflowMessage"?: string;
|
|
1084
|
+
/**
|
|
1085
|
+
* Custom error message displayed when date is before the minimum date.
|
|
1086
|
+
*/
|
|
1087
|
+
"rangeUnderflowMessage"?: string;
|
|
1084
1088
|
/**
|
|
1085
1089
|
* Makes the date inputs read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
|
|
1086
1090
|
*/
|
|
@@ -1102,18 +1106,6 @@ export namespace Components {
|
|
|
1102
1106
|
* Sets the date value
|
|
1103
1107
|
*/
|
|
1104
1108
|
"setValue": (value: string) => Promise<void>;
|
|
1105
|
-
/**
|
|
1106
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
|
|
1107
|
-
*/
|
|
1108
|
-
"tooltip"?: string;
|
|
1109
|
-
/**
|
|
1110
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Tooltip trigger icon by name from [Riverty icons set](https://storybook.riverty.design/?path=/story/components-icon--riverty-kit)
|
|
1111
|
-
*/
|
|
1112
|
-
"tooltipIcon"?: IconName;
|
|
1113
|
-
/**
|
|
1114
|
-
* _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
|
|
1115
|
-
*/
|
|
1116
|
-
"tooltipIconColor"?: string;
|
|
1117
1109
|
/**
|
|
1118
1110
|
* Visual indication of valid state
|
|
1119
1111
|
*/
|
|
@@ -1134,6 +1126,16 @@ export namespace Components {
|
|
|
1134
1126
|
"yearAriaLabel": string;
|
|
1135
1127
|
}
|
|
1136
1128
|
interface RInputPassword {
|
|
1129
|
+
/**
|
|
1130
|
+
* Password-specific autocomplete behavior for browser password managers.
|
|
1131
|
+
* @example **Usage Guidelines:** - `'current-password'`: Use in login forms where users enter their existing password - `'new-password'`: Use in registration forms or password change forms for the new password field - `'off'`: Disable autofill in sensitive contexts where password managers should not suggest values **Common Patterns:** ```tsx // Login form <r-input-password autocomplete="current-password" /> // Registration form <r-input-password autocomplete="new-password" /> // Sensitive form (e.g., admin panel) <r-input-password autocomplete="off" /> ```
|
|
1132
|
+
*/
|
|
1133
|
+
"autocomplete"?: PasswordAutocomplete;
|
|
1134
|
+
/**
|
|
1135
|
+
* Validates the input password without triggering UI and returns a boolean indicating its validity.
|
|
1136
|
+
* @returns A boolean indicating whether the input password is valid.
|
|
1137
|
+
*/
|
|
1138
|
+
"checkValidity": () => Promise<boolean>;
|
|
1137
1139
|
/**
|
|
1138
1140
|
* Custom error message displayed for any validation failures in the input.
|
|
1139
1141
|
*/
|
|
@@ -1188,6 +1190,14 @@ export namespace Components {
|
|
|
1188
1190
|
* The text on the label
|
|
1189
1191
|
*/
|
|
1190
1192
|
"label": string;
|
|
1193
|
+
/**
|
|
1194
|
+
* Maximum character length (enforced by native input).
|
|
1195
|
+
*/
|
|
1196
|
+
"maxlength"?: number;
|
|
1197
|
+
/**
|
|
1198
|
+
* Minimum character length (validation only).
|
|
1199
|
+
*/
|
|
1200
|
+
"minlength"?: number;
|
|
1191
1201
|
/**
|
|
1192
1202
|
* Specifies a name for a input
|
|
1193
1203
|
*/
|
|
@@ -1196,6 +1206,18 @@ export namespace Components {
|
|
|
1196
1206
|
* Specifies if element must be ignored during validation of the form elements
|
|
1197
1207
|
*/
|
|
1198
1208
|
"novalidate"?: boolean;
|
|
1209
|
+
/**
|
|
1210
|
+
* Safari-specific password rules for strong password generation. Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" Example: "minlength: 8; required: lower; required: upper; required: digit; required: special;" Note: This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
|
|
1211
|
+
*/
|
|
1212
|
+
"passwordrules"?: string;
|
|
1213
|
+
/**
|
|
1214
|
+
* Regex pattern the value must match (string form).
|
|
1215
|
+
*/
|
|
1216
|
+
"pattern"?: string;
|
|
1217
|
+
/**
|
|
1218
|
+
* Custom message for `patternMismatch`.
|
|
1219
|
+
*/
|
|
1220
|
+
"patternMismatchMessage"?: string;
|
|
1199
1221
|
/**
|
|
1200
1222
|
* Specifies a short hint that describes the expected value of a input
|
|
1201
1223
|
*/
|
|
@@ -1231,17 +1253,13 @@ export namespace Components {
|
|
|
1231
1253
|
*/
|
|
1232
1254
|
"toggleShow": () => Promise<void>;
|
|
1233
1255
|
/**
|
|
1234
|
-
*
|
|
1235
|
-
*/
|
|
1236
|
-
"tooltip"?: string;
|
|
1237
|
-
/**
|
|
1238
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Tooltip trigger icon by name from [Riverty icons set](https://storybook.riverty.design/?path=/story/components-icon--riverty-kit)
|
|
1256
|
+
* Custom message for `tooLong`.
|
|
1239
1257
|
*/
|
|
1240
|
-
"
|
|
1258
|
+
"tooLongMessage"?: string;
|
|
1241
1259
|
/**
|
|
1242
|
-
*
|
|
1260
|
+
* Custom message for `tooShort`.
|
|
1243
1261
|
*/
|
|
1244
|
-
"
|
|
1262
|
+
"tooShortMessage"?: string;
|
|
1245
1263
|
/**
|
|
1246
1264
|
* Visual indication of valid state
|
|
1247
1265
|
*/
|
|
@@ -1257,6 +1275,11 @@ export namespace Components {
|
|
|
1257
1275
|
"valueMissingMessage"?: string;
|
|
1258
1276
|
}
|
|
1259
1277
|
interface RInputPhoneNumber {
|
|
1278
|
+
/**
|
|
1279
|
+
* Validates the input phone number without triggering UI and returns a boolean indicating its validity.
|
|
1280
|
+
* @returns A boolean indicating whether the input phone number is valid.
|
|
1281
|
+
*/
|
|
1282
|
+
"checkValidity": () => Promise<boolean>;
|
|
1260
1283
|
/**
|
|
1261
1284
|
* Label for countryCode code
|
|
1262
1285
|
* @default 'Country code'
|
|
@@ -1340,18 +1363,6 @@ export namespace Components {
|
|
|
1340
1363
|
* Set the element value.
|
|
1341
1364
|
*/
|
|
1342
1365
|
"setValue": (value: string) => Promise<void>;
|
|
1343
|
-
/**
|
|
1344
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
|
|
1345
|
-
*/
|
|
1346
|
-
"tooltip"?: string;
|
|
1347
|
-
/**
|
|
1348
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
|
|
1349
|
-
*/
|
|
1350
|
-
"tooltipIcon"?: IconName;
|
|
1351
|
-
/**
|
|
1352
|
-
* _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
|
|
1353
|
-
*/
|
|
1354
|
-
"tooltipIconColor"?: string;
|
|
1355
1366
|
/**
|
|
1356
1367
|
* Visual indication of valid state
|
|
1357
1368
|
*/
|
|
@@ -1374,24 +1385,6 @@ export namespace Components {
|
|
|
1374
1385
|
* Text of an additional marker
|
|
1375
1386
|
*/
|
|
1376
1387
|
"fieldIndicator"?: string;
|
|
1377
|
-
/**
|
|
1378
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Tooltip represents additional description
|
|
1379
|
-
*/
|
|
1380
|
-
"tooltip"?: string;
|
|
1381
|
-
/**
|
|
1382
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon tooltip trigger by name from the set
|
|
1383
|
-
* @default 'circled-question-mark'
|
|
1384
|
-
*/
|
|
1385
|
-
"tooltipIcon"?: IconName;
|
|
1386
|
-
/**
|
|
1387
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Change color of an icon that triggers tooltip to one of the Riverty color tokens
|
|
1388
|
-
*/
|
|
1389
|
-
"tooltipIconColor"?: string;
|
|
1390
|
-
/**
|
|
1391
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines preferable position of the tooltip
|
|
1392
|
-
* @default 'right'
|
|
1393
|
-
*/
|
|
1394
|
-
"tooltipPosition"?: TooltipPosition;
|
|
1395
1388
|
}
|
|
1396
1389
|
interface RListItem {
|
|
1397
1390
|
/**
|
|
@@ -1435,10 +1428,6 @@ export namespace Components {
|
|
|
1435
1428
|
* Defines an icon source to be presented in leading slot
|
|
1436
1429
|
*/
|
|
1437
1430
|
"leadingIconSrc"?: string;
|
|
1438
|
-
/**
|
|
1439
|
-
* @deprecated Use `description` instead. Will be removed November 2025. Secondary text displayed below the headline (2nd slot), used for additional details or context.
|
|
1440
|
-
*/
|
|
1441
|
-
"subtext"?: string;
|
|
1442
1431
|
/**
|
|
1443
1432
|
* Method to toggle sub-items of the list-item
|
|
1444
1433
|
*/
|
|
@@ -1585,11 +1574,6 @@ export namespace Components {
|
|
|
1585
1574
|
"variant": PanelVariant;
|
|
1586
1575
|
}
|
|
1587
1576
|
interface RPopover {
|
|
1588
|
-
/**
|
|
1589
|
-
* Defines `aria-label` content for the popover container. Used for accessibility to describe the popover content area.
|
|
1590
|
-
* @deprecated This property will be removed in December 2025 release.
|
|
1591
|
-
*/
|
|
1592
|
-
"containerAriaLabel"?: string;
|
|
1593
1577
|
/**
|
|
1594
1578
|
* Defines `aria-label` content for the dismiss button. Used for accessibility when dismiss button is present.
|
|
1595
1579
|
*/
|
|
@@ -1629,12 +1613,6 @@ export namespace Components {
|
|
|
1629
1613
|
* @returns Promise that resolves when the popover is shown
|
|
1630
1614
|
*/
|
|
1631
1615
|
"show": () => Promise<void>;
|
|
1632
|
-
/**
|
|
1633
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Size of the Popover: `s` | `l`.
|
|
1634
|
-
* @default "s"
|
|
1635
|
-
* @deprecated This property will be removed in November 2025 release.
|
|
1636
|
-
*/
|
|
1637
|
-
"size": PopoverSize;
|
|
1638
1616
|
/**
|
|
1639
1617
|
* Toggle popover visibility. Shows the popover if hidden, hides it if shown.
|
|
1640
1618
|
* @returns Promise that resolves when the toggle action is complete
|
|
@@ -1717,6 +1695,11 @@ export namespace Components {
|
|
|
1717
1695
|
* A radio button is used to select a single option in a list.
|
|
1718
1696
|
*/
|
|
1719
1697
|
interface RRadioButton {
|
|
1698
|
+
/**
|
|
1699
|
+
* Automatically focus the radio button when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
|
|
1700
|
+
* @default false
|
|
1701
|
+
*/
|
|
1702
|
+
"autofocus"?: boolean;
|
|
1720
1703
|
/**
|
|
1721
1704
|
* When true the radio is selected
|
|
1722
1705
|
*/
|
|
@@ -1801,7 +1784,12 @@ export namespace Components {
|
|
|
1801
1784
|
}
|
|
1802
1785
|
interface RRadioGroup {
|
|
1803
1786
|
/**
|
|
1804
|
-
*
|
|
1787
|
+
* 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.
|
|
1788
|
+
* @default false
|
|
1789
|
+
*/
|
|
1790
|
+
"autofocus": boolean;
|
|
1791
|
+
/**
|
|
1792
|
+
* Validates the radio group without triggering UI and returns a boolean indicating its validity.
|
|
1805
1793
|
* @returns A boolean indicating whether the radio group is valid.
|
|
1806
1794
|
*/
|
|
1807
1795
|
"checkValidity": () => Promise<boolean>;
|
|
@@ -1884,31 +1872,10 @@ export namespace Components {
|
|
|
1884
1872
|
* @param value - The value to set for the radio group.
|
|
1885
1873
|
*/
|
|
1886
1874
|
"setValue": (value: string | null) => Promise<void>;
|
|
1887
|
-
/**
|
|
1888
|
-
* _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`.
|
|
1889
|
-
* @default false
|
|
1890
|
-
*/
|
|
1891
|
-
"showValid": boolean;
|
|
1892
|
-
/**
|
|
1893
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label based text revealed within tooltip
|
|
1894
|
-
*/
|
|
1895
|
-
"tooltip"?: string;
|
|
1896
|
-
/**
|
|
1897
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
|
|
1898
|
-
*/
|
|
1899
|
-
"tooltipIcon"?: IconName;
|
|
1900
|
-
/**
|
|
1901
|
-
* _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
|
|
1902
|
-
*/
|
|
1903
|
-
"tooltipIconColor"?: string;
|
|
1904
1875
|
/**
|
|
1905
1876
|
* Apply validation success visual style
|
|
1906
1877
|
*/
|
|
1907
1878
|
"valid"?: boolean;
|
|
1908
|
-
/**
|
|
1909
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
1910
|
-
*/
|
|
1911
|
-
"validMessage"?: string;
|
|
1912
1879
|
/**
|
|
1913
1880
|
* Displays currently selected value
|
|
1914
1881
|
*/
|
|
@@ -1928,6 +1895,11 @@ export namespace Components {
|
|
|
1928
1895
|
* Overall behavior is based on native `<select>`
|
|
1929
1896
|
*/
|
|
1930
1897
|
interface RSelect {
|
|
1898
|
+
/**
|
|
1899
|
+
* Validates the textarea without triggering UI and returns a boolean indicating its validity.
|
|
1900
|
+
* @returns A boolean indicating whether the textarea is valid.
|
|
1901
|
+
*/
|
|
1902
|
+
"checkValidity": () => Promise<boolean>;
|
|
1931
1903
|
/**
|
|
1932
1904
|
* Clears readonly state from the component
|
|
1933
1905
|
*/
|
|
@@ -1948,10 +1920,6 @@ export namespace Components {
|
|
|
1948
1920
|
* Prevent user interaction and apply disabled style
|
|
1949
1921
|
*/
|
|
1950
1922
|
"disabled"?: boolean;
|
|
1951
|
-
/**
|
|
1952
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon for select in disabled state
|
|
1953
|
-
*/
|
|
1954
|
-
"disabledIcon"?: IconName;
|
|
1955
1923
|
/**
|
|
1956
1924
|
* Custom validation error message
|
|
1957
1925
|
*/
|
|
@@ -1999,27 +1967,28 @@ export namespace Components {
|
|
|
1999
1967
|
*/
|
|
2000
1968
|
"invalid"?: boolean;
|
|
2001
1969
|
/**
|
|
2002
|
-
*
|
|
2003
|
-
|
|
2004
|
-
"label": string;
|
|
2005
|
-
/**
|
|
2006
|
-
* _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
|
|
1970
|
+
* Returns whether the select value has been changed by user interaction.
|
|
1971
|
+
* @returns A boolean indicating whether the select is dirty.
|
|
2007
1972
|
*/
|
|
2008
|
-
"
|
|
1973
|
+
"isDirty": () => Promise<boolean>;
|
|
2009
1974
|
/**
|
|
2010
|
-
*
|
|
2011
|
-
* @
|
|
1975
|
+
* Returns whether the select has been touched (focused/clicked by user).
|
|
1976
|
+
* @returns A boolean indicating whether the select has been touched.
|
|
2012
1977
|
*/
|
|
2013
|
-
"
|
|
1978
|
+
"isTouched": () => Promise<boolean>;
|
|
2014
1979
|
/**
|
|
2015
|
-
*
|
|
1980
|
+
* The text on the label
|
|
2016
1981
|
*/
|
|
2017
|
-
"
|
|
1982
|
+
"label": string;
|
|
2018
1983
|
/**
|
|
2019
1984
|
* Define wether listbox appears on top or at the bottom of the select
|
|
2020
1985
|
* @default 'bottom'
|
|
2021
1986
|
*/
|
|
2022
1987
|
"listboxPosition": ListboxPosition;
|
|
1988
|
+
/**
|
|
1989
|
+
* Marks the select as untouched and pristine (not dirty).
|
|
1990
|
+
*/
|
|
1991
|
+
"markAsPristine": () => Promise<void>;
|
|
2023
1992
|
/**
|
|
2024
1993
|
* Name of element (data) within a form
|
|
2025
1994
|
*/
|
|
@@ -2033,14 +2002,6 @@ export namespace Components {
|
|
|
2033
2002
|
* Specifies if element must be ignored during validation of the form elements
|
|
2034
2003
|
*/
|
|
2035
2004
|
"novalidate"?: boolean;
|
|
2036
|
-
/**
|
|
2037
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead) Marks the field as optional
|
|
2038
|
-
*/
|
|
2039
|
-
"optional"?: boolean;
|
|
2040
|
-
/**
|
|
2041
|
-
* _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
|
|
2042
|
-
*/
|
|
2043
|
-
"optionalText"?: string;
|
|
2044
2005
|
/**
|
|
2045
2006
|
* Text that is presented until an option has been selected
|
|
2046
2007
|
*/
|
|
@@ -2084,53 +2045,18 @@ export namespace Components {
|
|
|
2084
2045
|
*/
|
|
2085
2046
|
"setReadonly": () => Promise<void>;
|
|
2086
2047
|
/**
|
|
2087
|
-
* Set value of the select
|
|
2048
|
+
* Set value of the select programmatically. Does NOT mark as dirty or emit change events. Use this for programmatic value updates.
|
|
2088
2049
|
*/
|
|
2089
2050
|
"setValue": (value?: string) => Promise<void>;
|
|
2090
|
-
/**
|
|
2091
|
-
* Controls the visibility of validation indicators for the field.
|
|
2092
|
-
* @default false
|
|
2093
|
-
*/
|
|
2094
|
-
"showValid": boolean;
|
|
2095
2051
|
/**
|
|
2096
2052
|
* Defines aria label for combobox toggle button
|
|
2097
2053
|
* @default "Toggle combobox"
|
|
2098
2054
|
*/
|
|
2099
2055
|
"toggleButtonAriaLabel"?: string;
|
|
2100
|
-
/**
|
|
2101
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
|
|
2102
|
-
*/
|
|
2103
|
-
"tooltip"?: string;
|
|
2104
|
-
/**
|
|
2105
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
|
|
2106
|
-
*/
|
|
2107
|
-
"tooltipIcon"?: IconName;
|
|
2108
|
-
/**
|
|
2109
|
-
* _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.
|
|
2110
|
-
*/
|
|
2111
|
-
"tooltipIconColor"?: string;
|
|
2112
|
-
/**
|
|
2113
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by name for select, Default: 'andle-down'
|
|
2114
|
-
* @default 'angle-down'
|
|
2115
|
-
*/
|
|
2116
|
-
"trailingIcon": IconName;
|
|
2117
|
-
/**
|
|
2118
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by source for select
|
|
2119
|
-
*/
|
|
2120
|
-
"trailingIconSrc"?: string;
|
|
2121
|
-
/**
|
|
2122
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Define size of an icon that serves as trailing icon in select
|
|
2123
|
-
* @default 's'
|
|
2124
|
-
*/
|
|
2125
|
-
"tralingIconSize": IconSize;
|
|
2126
2056
|
/**
|
|
2127
2057
|
* Visual indication of valid state
|
|
2128
2058
|
*/
|
|
2129
2059
|
"valid"?: boolean;
|
|
2130
|
-
/**
|
|
2131
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
2132
|
-
*/
|
|
2133
|
-
"validMessage"?: string;
|
|
2134
2060
|
/**
|
|
2135
2061
|
* Selected value
|
|
2136
2062
|
*/
|
|
@@ -2300,6 +2226,11 @@ export namespace Components {
|
|
|
2300
2226
|
* @default "You've reached the character limit."
|
|
2301
2227
|
*/
|
|
2302
2228
|
"characterLimitReachedMessage": string;
|
|
2229
|
+
/**
|
|
2230
|
+
* Validates the textarea without triggering UI and returns a boolean indicating its validity.
|
|
2231
|
+
* @returns A boolean indicating whether the textarea is valid.
|
|
2232
|
+
*/
|
|
2233
|
+
"checkValidity": () => Promise<boolean>;
|
|
2303
2234
|
/**
|
|
2304
2235
|
* Specifies the visible width of the `<textarea>` in terms of the number of characters.
|
|
2305
2236
|
*/
|
|
@@ -2356,14 +2287,6 @@ export namespace Components {
|
|
|
2356
2287
|
* Specifies if element must be ignored during validation of the form elements
|
|
2357
2288
|
*/
|
|
2358
2289
|
"novalidate"?: boolean;
|
|
2359
|
-
/**
|
|
2360
|
-
* _DEPRECATED_ This property will be removed
|
|
2361
|
-
*/
|
|
2362
|
-
"optional"?: boolean;
|
|
2363
|
-
/**
|
|
2364
|
-
* _DEPRECATED_ (use `fieldIndicator` instead) Text of an additional marker in the label
|
|
2365
|
-
*/
|
|
2366
|
-
"optionalText"?: string;
|
|
2367
2290
|
/**
|
|
2368
2291
|
* Specifies a short hint that describes the expected value of the `<textarea>`, displayed when it is empty.
|
|
2369
2292
|
* @default 'Provide an input'
|
|
@@ -2421,40 +2344,19 @@ export namespace Components {
|
|
|
2421
2344
|
/**
|
|
2422
2345
|
* Specifies if the character counter should be visible. Note: The counter will only be rendered when a `maxlength` value is provided.
|
|
2423
2346
|
*/
|
|
2424
|
-
"showCounter"?: boolean;
|
|
2425
|
-
/**
|
|
2426
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
|
|
2427
|
-
* @default false
|
|
2428
|
-
*/
|
|
2429
|
-
"showValid": boolean;
|
|
2430
|
-
/**
|
|
2431
|
-
* Custom message for `tooLong` property of a ValidityState object (set by `maxlength`) within Constrain Validation API.
|
|
2432
|
-
*/
|
|
2433
|
-
"tooLongMessage"?: string;
|
|
2434
|
-
/**
|
|
2435
|
-
* Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
|
|
2436
|
-
*/
|
|
2437
|
-
"tooShortMessage"?: string;
|
|
2438
|
-
/**
|
|
2439
|
-
* _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.
|
|
2440
|
-
*/
|
|
2441
|
-
"tooltip"?: string;
|
|
2347
|
+
"showCounter"?: boolean;
|
|
2442
2348
|
/**
|
|
2443
|
-
*
|
|
2349
|
+
* Custom message for `tooLong` property of a ValidityState object (set by `maxlength`) within Constrain Validation API.
|
|
2444
2350
|
*/
|
|
2445
|
-
"
|
|
2351
|
+
"tooLongMessage"?: string;
|
|
2446
2352
|
/**
|
|
2447
|
-
*
|
|
2353
|
+
* Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
|
|
2448
2354
|
*/
|
|
2449
|
-
"
|
|
2355
|
+
"tooShortMessage"?: string;
|
|
2450
2356
|
/**
|
|
2451
2357
|
* Indicates whether the value of the `<textarea>` is valid based on validation rules.
|
|
2452
2358
|
*/
|
|
2453
2359
|
"valid"?: boolean;
|
|
2454
|
-
/**
|
|
2455
|
-
* _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.
|
|
2456
|
-
*/
|
|
2457
|
-
"validMessage"?: string;
|
|
2458
2360
|
/**
|
|
2459
2361
|
* Represents the current value of the `<textarea>`, reflecting the content entered by the user or provided programmatically.
|
|
2460
2362
|
* @default this.textareaSlotValue
|
|
@@ -2470,6 +2372,11 @@ export namespace Components {
|
|
|
2470
2372
|
* Specifies the text content for the call-to-action link.
|
|
2471
2373
|
*/
|
|
2472
2374
|
"action"?: string;
|
|
2375
|
+
/**
|
|
2376
|
+
* Sets role="alert" and will be announced to screen reader users
|
|
2377
|
+
* @default true
|
|
2378
|
+
*/
|
|
2379
|
+
"announced": boolean;
|
|
2473
2380
|
/**
|
|
2474
2381
|
* Specifies the time in miliseconds before the alert automatically collapses.
|
|
2475
2382
|
* @default 3000
|
|
@@ -2491,13 +2398,9 @@ export namespace Components {
|
|
|
2491
2398
|
"dismissLabel": string;
|
|
2492
2399
|
/**
|
|
2493
2400
|
* 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.
|
|
2494
|
-
* @default "
|
|
2401
|
+
* @default "manual"
|
|
2495
2402
|
*/
|
|
2496
2403
|
"dismissMode": ToastDismissMode;
|
|
2497
|
-
/**
|
|
2498
|
-
* @deprecated Use `dismissMode="manual"` instead. Will be removed November 2025. Shows button, that dismisses the toast.
|
|
2499
|
-
*/
|
|
2500
|
-
"dismissable"?: boolean;
|
|
2501
2404
|
/**
|
|
2502
2405
|
* Specifies the headline text for the alert, summarizing its message or purpose.
|
|
2503
2406
|
*/
|
|
@@ -2514,6 +2417,11 @@ export namespace Components {
|
|
|
2514
2417
|
* Specifies an optional icon for the leading slot of the dialog.
|
|
2515
2418
|
*/
|
|
2516
2419
|
"leadingIcon"?: IconName;
|
|
2420
|
+
/**
|
|
2421
|
+
* Defines whether the leading icon is visible.
|
|
2422
|
+
* @default true
|
|
2423
|
+
*/
|
|
2424
|
+
"leadingIconVisible": boolean;
|
|
2517
2425
|
/**
|
|
2518
2426
|
* Controls if toast is initially shown.
|
|
2519
2427
|
* @default true
|
|
@@ -2682,16 +2590,6 @@ declare global {
|
|
|
2682
2590
|
prototype: HTMLRAccordionElement;
|
|
2683
2591
|
new (): HTMLRAccordionElement;
|
|
2684
2592
|
};
|
|
2685
|
-
/**
|
|
2686
|
-
* An accordion item represents a section within an accordion.
|
|
2687
|
-
* Always use `<r-accordion-item>` inside a `<r-accordion>`.
|
|
2688
|
-
*/
|
|
2689
|
-
interface HTMLRAccordionItemElement extends Components.RAccordionItem, HTMLStencilElement {
|
|
2690
|
-
}
|
|
2691
|
-
var HTMLRAccordionItemElement: {
|
|
2692
|
-
prototype: HTMLRAccordionItemElement;
|
|
2693
|
-
new (): HTMLRAccordionItemElement;
|
|
2694
|
-
};
|
|
2695
2593
|
interface HTMLRAccordionPanelElement extends Components.RAccordionPanel, HTMLStencilElement {
|
|
2696
2594
|
}
|
|
2697
2595
|
var HTMLRAccordionPanelElement: {
|
|
@@ -2912,7 +2810,6 @@ declare global {
|
|
|
2912
2810
|
new (): HTMLRIconButtonElement;
|
|
2913
2811
|
};
|
|
2914
2812
|
interface HTMLRInputElementEventMap {
|
|
2915
|
-
"rClickIcon": any;
|
|
2916
2813
|
"rValidate": {
|
|
2917
2814
|
state: string,
|
|
2918
2815
|
message: string
|
|
@@ -3019,6 +2916,10 @@ declare global {
|
|
|
3019
2916
|
"rReset": {
|
|
3020
2917
|
element: HTMLRInputPasswordElement,
|
|
3021
2918
|
value: any
|
|
2919
|
+
};
|
|
2920
|
+
"rVisibilityChange": {
|
|
2921
|
+
element: HTMLRInputPasswordElement,
|
|
2922
|
+
visible: boolean
|
|
3022
2923
|
};
|
|
3023
2924
|
}
|
|
3024
2925
|
interface HTMLRInputPasswordElement extends Components.RInputPassword, HTMLStencilElement {
|
|
@@ -3516,7 +3417,6 @@ declare global {
|
|
|
3516
3417
|
};
|
|
3517
3418
|
interface HTMLElementTagNameMap {
|
|
3518
3419
|
"r-accordion": HTMLRAccordionElement;
|
|
3519
|
-
"r-accordion-item": HTMLRAccordionItemElement;
|
|
3520
3420
|
"r-accordion-panel": HTMLRAccordionPanelElement;
|
|
3521
3421
|
"r-accordion-section": HTMLRAccordionSectionElement;
|
|
3522
3422
|
"r-accordion-trigger": HTMLRAccordionTriggerElement;
|
|
@@ -3586,26 +3486,11 @@ declare namespace LocalJSX {
|
|
|
3586
3486
|
*/
|
|
3587
3487
|
"multiple"?: boolean;
|
|
3588
3488
|
/**
|
|
3589
|
-
* Defines the size of an accordion UI.
|
|
3489
|
+
* Defines the size of an accordion UI.
|
|
3590
3490
|
* @default 'l'
|
|
3591
3491
|
*/
|
|
3592
3492
|
"size"?: AccordionSize;
|
|
3593
3493
|
}
|
|
3594
|
-
/**
|
|
3595
|
-
* An accordion item represents a section within an accordion.
|
|
3596
|
-
* Always use `<r-accordion-item>` inside a `<r-accordion>`.
|
|
3597
|
-
*/
|
|
3598
|
-
interface RAccordionItem {
|
|
3599
|
-
/**
|
|
3600
|
-
* When true, the accordion item is expanded
|
|
3601
|
-
* @default false
|
|
3602
|
-
*/
|
|
3603
|
-
"expanded"?: boolean;
|
|
3604
|
-
/**
|
|
3605
|
-
* Header text to be displayed before the content of this accordion item.
|
|
3606
|
-
*/
|
|
3607
|
-
"header"?: string;
|
|
3608
|
-
}
|
|
3609
3494
|
interface RAccordionPanel {
|
|
3610
3495
|
/**
|
|
3611
3496
|
* Indication of the panel disabled state.
|
|
@@ -3651,40 +3536,6 @@ declare namespace LocalJSX {
|
|
|
3651
3536
|
* Indication of the controlled panel revelation.
|
|
3652
3537
|
*/
|
|
3653
3538
|
"expanded"?: boolean;
|
|
3654
|
-
/**
|
|
3655
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon to be used as status indication
|
|
3656
|
-
* @default 'angle-down'
|
|
3657
|
-
*/
|
|
3658
|
-
"icon"?: IconName;
|
|
3659
|
-
/**
|
|
3660
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon for collapsed state
|
|
3661
|
-
* @default 'angle-down'
|
|
3662
|
-
*/
|
|
3663
|
-
"iconCollapsed"?: IconName;
|
|
3664
|
-
/**
|
|
3665
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon for expanded state
|
|
3666
|
-
* @default 'angle-up'
|
|
3667
|
-
*/
|
|
3668
|
-
"iconExpanded"?: IconName;
|
|
3669
|
-
/**
|
|
3670
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon might be placed before or after content
|
|
3671
|
-
* @default 'end'
|
|
3672
|
-
*/
|
|
3673
|
-
"iconPosition"?: IconPosition;
|
|
3674
|
-
/**
|
|
3675
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the size of an icon used as status indication. Default: `m`.
|
|
3676
|
-
* @default 'm'
|
|
3677
|
-
*/
|
|
3678
|
-
"iconSize"?: IconSize;
|
|
3679
|
-
/**
|
|
3680
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead) Name of an icon rendered within leading slot (before content).
|
|
3681
|
-
*/
|
|
3682
|
-
"leadingIcon"?: IconName;
|
|
3683
|
-
/**
|
|
3684
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead) Defines the size of an icon in leading slot. Default: `m`.
|
|
3685
|
-
* @default 'm'
|
|
3686
|
-
*/
|
|
3687
|
-
"leadingIconSize"?: IconSize;
|
|
3688
3539
|
/**
|
|
3689
3540
|
* Emit click on trigger
|
|
3690
3541
|
*/
|
|
@@ -3711,6 +3562,11 @@ declare namespace LocalJSX {
|
|
|
3711
3562
|
"splitted"?: boolean;
|
|
3712
3563
|
}
|
|
3713
3564
|
interface RAlert {
|
|
3565
|
+
/**
|
|
3566
|
+
* Sets role="alert" and will be announced to screen reader users
|
|
3567
|
+
* @default true
|
|
3568
|
+
*/
|
|
3569
|
+
"announced"?: boolean;
|
|
3714
3570
|
/**
|
|
3715
3571
|
* Defines content text of the alert
|
|
3716
3572
|
*/
|
|
@@ -3721,7 +3577,7 @@ declare namespace LocalJSX {
|
|
|
3721
3577
|
"delay"?: number;
|
|
3722
3578
|
/**
|
|
3723
3579
|
* Text content for an alert dismiss button
|
|
3724
|
-
* @default '
|
|
3580
|
+
* @default 'Dismiss alert'
|
|
3725
3581
|
*/
|
|
3726
3582
|
"dismissButtonAriaLabel"?: string;
|
|
3727
3583
|
/**
|
|
@@ -3745,6 +3601,11 @@ declare namespace LocalJSX {
|
|
|
3745
3601
|
* Defines an icon source to be presented in leading slot
|
|
3746
3602
|
*/
|
|
3747
3603
|
"leadingIconSrc"?: string;
|
|
3604
|
+
/**
|
|
3605
|
+
* Defines whether the leading icon is visible.
|
|
3606
|
+
* @default true
|
|
3607
|
+
*/
|
|
3608
|
+
"leadingIconVisible"?: boolean;
|
|
3748
3609
|
/**
|
|
3749
3610
|
* Defines link label text of the alert
|
|
3750
3611
|
*/
|
|
@@ -3765,11 +3626,12 @@ declare namespace LocalJSX {
|
|
|
3765
3626
|
"target"?: AlertTarget;
|
|
3766
3627
|
/**
|
|
3767
3628
|
* Defines an icon to be presented in trailing slot
|
|
3629
|
+
* @default 'cross'
|
|
3768
3630
|
*/
|
|
3769
3631
|
"trailingIcon"?: IconName;
|
|
3770
3632
|
/**
|
|
3771
3633
|
* Defines an icon size to be presented in trailing slot
|
|
3772
|
-
* @default '
|
|
3634
|
+
* @default 'm'
|
|
3773
3635
|
*/
|
|
3774
3636
|
"trailingIconSize"?: IconSize;
|
|
3775
3637
|
/**
|
|
@@ -3859,6 +3721,11 @@ declare namespace LocalJSX {
|
|
|
3859
3721
|
* Overall behavior is based on native `<input type="checkbox">`
|
|
3860
3722
|
*/
|
|
3861
3723
|
interface RCheckbox {
|
|
3724
|
+
/**
|
|
3725
|
+
* Automatically focus the checkbox when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
|
|
3726
|
+
* @default false
|
|
3727
|
+
*/
|
|
3728
|
+
"autofocus"?: boolean;
|
|
3862
3729
|
/**
|
|
3863
3730
|
* Pass initial checked state
|
|
3864
3731
|
*/
|
|
@@ -3922,19 +3789,10 @@ declare namespace LocalJSX {
|
|
|
3922
3789
|
* Specifies if checkbox must be checked
|
|
3923
3790
|
*/
|
|
3924
3791
|
"required"?: boolean;
|
|
3925
|
-
/**
|
|
3926
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
|
|
3927
|
-
* @default false
|
|
3928
|
-
*/
|
|
3929
|
-
"showValid"?: boolean;
|
|
3930
3792
|
/**
|
|
3931
3793
|
* Indicate that validation is successful
|
|
3932
3794
|
*/
|
|
3933
3795
|
"valid"?: boolean;
|
|
3934
|
-
/**
|
|
3935
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
3936
|
-
*/
|
|
3937
|
-
"validMessage"?: string;
|
|
3938
3796
|
/**
|
|
3939
3797
|
* Value of element data within a form
|
|
3940
3798
|
*/
|
|
@@ -4017,19 +3875,10 @@ declare namespace LocalJSX {
|
|
|
4017
3875
|
* Whether to show a "Select All" checkbox.
|
|
4018
3876
|
*/
|
|
4019
3877
|
"showSelectAll"?: boolean;
|
|
4020
|
-
/**
|
|
4021
|
-
* _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`.
|
|
4022
|
-
* @default false
|
|
4023
|
-
*/
|
|
4024
|
-
"showValid"?: boolean;
|
|
4025
3878
|
/**
|
|
4026
3879
|
* Apply validation success visual style
|
|
4027
3880
|
*/
|
|
4028
3881
|
"valid"?: boolean;
|
|
4029
|
-
/**
|
|
4030
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
4031
|
-
*/
|
|
4032
|
-
"validMessage"?: string;
|
|
4033
3882
|
/**
|
|
4034
3883
|
* Specifies `value` property of the 'select-all', representing the group as a whole.
|
|
4035
3884
|
* @default ''
|
|
@@ -4228,23 +4077,6 @@ declare namespace LocalJSX {
|
|
|
4228
4077
|
* Optional contextual help text displayed beneath the field.
|
|
4229
4078
|
*/
|
|
4230
4079
|
"hint"?: string;
|
|
4231
|
-
/**
|
|
4232
|
-
* @deprecated Will be removed November 2025. Legacy single icon (prefer `leading` / `trailing` slots).
|
|
4233
|
-
*/
|
|
4234
|
-
"icon"?: IconName;
|
|
4235
|
-
/**
|
|
4236
|
-
* @deprecated Will be removed November 2025. Color for legacy icon.
|
|
4237
|
-
*/
|
|
4238
|
-
"iconColor"?: string;
|
|
4239
|
-
/**
|
|
4240
|
-
* @deprecated Will be removed November 2025. Position of legacy icon: `start` | `end`.
|
|
4241
|
-
* @default 'start'
|
|
4242
|
-
*/
|
|
4243
|
-
"iconPosition"?: IconPosition;
|
|
4244
|
-
/**
|
|
4245
|
-
* @deprecated Will be removed November 2025. Treat legacy icon as submit trigger.
|
|
4246
|
-
*/
|
|
4247
|
-
"iconSubmit"?: boolean;
|
|
4248
4080
|
/**
|
|
4249
4081
|
* When true, hides visual label & messages (for internal layout use; accessibility still preserved).
|
|
4250
4082
|
*/
|
|
@@ -4292,10 +4124,6 @@ declare namespace LocalJSX {
|
|
|
4292
4124
|
element: HTMLRInputElement,
|
|
4293
4125
|
value: any
|
|
4294
4126
|
}>) => void;
|
|
4295
|
-
/**
|
|
4296
|
-
* @deprecated Will be removed November 2025. Emitted when legacy icon is clicked.
|
|
4297
|
-
*/
|
|
4298
|
-
"onRClickIcon"?: (event: RInputCustomEvent<any>) => void;
|
|
4299
4127
|
/**
|
|
4300
4128
|
* Emitted when the input receives focus.
|
|
4301
4129
|
*/
|
|
@@ -4322,13 +4150,9 @@ declare namespace LocalJSX {
|
|
|
4322
4150
|
message: string
|
|
4323
4151
|
}>) => void;
|
|
4324
4152
|
/**
|
|
4325
|
-
*
|
|
4326
|
-
*/
|
|
4327
|
-
"optional"?: boolean;
|
|
4328
|
-
/**
|
|
4329
|
-
* @deprecated Use `fieldIndicator` instead. Will be removed November 2025. Custom text for optional marker.
|
|
4153
|
+
* Safari-specific password rules for strong password generation (password inputs only). Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
|
|
4330
4154
|
*/
|
|
4331
|
-
"
|
|
4155
|
+
"passwordrules"?: string;
|
|
4332
4156
|
/**
|
|
4333
4157
|
* Regex pattern the value must match (string form).
|
|
4334
4158
|
*/
|
|
@@ -4357,10 +4181,6 @@ declare namespace LocalJSX {
|
|
|
4357
4181
|
* Marks the field as required; failing to provide a value triggers `valueMissing`.
|
|
4358
4182
|
*/
|
|
4359
4183
|
"required"?: boolean;
|
|
4360
|
-
/**
|
|
4361
|
-
* @deprecated Will be removed November 2025. Controls visibility of success validation marker.
|
|
4362
|
-
*/
|
|
4363
|
-
"showValid"?: boolean;
|
|
4364
4184
|
/**
|
|
4365
4185
|
* Step interval for numeric/date input types.
|
|
4366
4186
|
*/
|
|
@@ -4377,18 +4197,6 @@ declare namespace LocalJSX {
|
|
|
4377
4197
|
* Custom message for `tooShort`.
|
|
4378
4198
|
*/
|
|
4379
4199
|
"tooShortMessage"?: string;
|
|
4380
|
-
/**
|
|
4381
|
-
* @deprecated Use the `popover` slot instead. Will be removed November 2025. Label tooltip text content.
|
|
4382
|
-
*/
|
|
4383
|
-
"tooltip"?: string;
|
|
4384
|
-
/**
|
|
4385
|
-
* @deprecated Use the `popover` slot instead. Will be removed November 2025. Icon name used as tooltip trigger.
|
|
4386
|
-
*/
|
|
4387
|
-
"tooltipIcon"?: IconName;
|
|
4388
|
-
/**
|
|
4389
|
-
* @deprecated Use the `popover` slot instead. Will be removed November 2025. Color token for tooltip trigger icon.
|
|
4390
|
-
*/
|
|
4391
|
-
"tooltipIconColor"?: string;
|
|
4392
4200
|
/**
|
|
4393
4201
|
* Input type (e.g. `text`, `email`, `number`, `password`). See HTMLInputElement `type` for supported values.
|
|
4394
4202
|
* @default 'text'
|
|
@@ -4403,19 +4211,10 @@ declare namespace LocalJSX {
|
|
|
4403
4211
|
*/
|
|
4404
4212
|
"valid"?: boolean;
|
|
4405
4213
|
/**
|
|
4406
|
-
*
|
|
4407
|
-
* @default
|
|
4408
|
-
*/
|
|
4409
|
-
"validMarker"?: boolean;
|
|
4410
|
-
/**
|
|
4411
|
-
* @deprecated Will be removed November 2025. Icon name used when `validMarker` is active and state is valid.
|
|
4412
|
-
* @default 'circled-check'
|
|
4413
|
-
*/
|
|
4414
|
-
"validMarkerIcon"?: IconName;
|
|
4415
|
-
/**
|
|
4416
|
-
* @deprecated Will be removed November 2025. Custom success message when field is valid.
|
|
4214
|
+
* When `true` field renders valid/invalid marker within.
|
|
4215
|
+
* @default true
|
|
4417
4216
|
*/
|
|
4418
|
-
"
|
|
4217
|
+
"validityMarker"?: boolean;
|
|
4419
4218
|
/**
|
|
4420
4219
|
* Current value. Mutable: can be changed programmatically or through user input.
|
|
4421
4220
|
* @default ''
|
|
@@ -4431,6 +4230,11 @@ declare namespace LocalJSX {
|
|
|
4431
4230
|
* Defines label for each character's input. Default "Character: ${character number}"
|
|
4432
4231
|
*/
|
|
4433
4232
|
"ariaCharacterLabel"?: string;
|
|
4233
|
+
/**
|
|
4234
|
+
* Specifies the autocomplete behavior. Default is 'one-time-code' for SMS OTP autofill.
|
|
4235
|
+
* @default : 'one-time-code'
|
|
4236
|
+
*/
|
|
4237
|
+
"autocomplete"?: string;
|
|
4434
4238
|
/**
|
|
4435
4239
|
* 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.
|
|
4436
4240
|
*/
|
|
@@ -4439,6 +4243,11 @@ declare namespace LocalJSX {
|
|
|
4439
4243
|
* Whether the input is disabled
|
|
4440
4244
|
*/
|
|
4441
4245
|
"disabled"?: boolean;
|
|
4246
|
+
/**
|
|
4247
|
+
* Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
|
|
4248
|
+
* @default : 'done'
|
|
4249
|
+
*/
|
|
4250
|
+
"enterkeyhint"?: EnterKeyHint;
|
|
4442
4251
|
/**
|
|
4443
4252
|
* The way to provide error message separately from Constraint Validation API.
|
|
4444
4253
|
*/
|
|
@@ -4459,22 +4268,27 @@ declare namespace LocalJSX {
|
|
|
4459
4268
|
* Description for accessibility
|
|
4460
4269
|
*/
|
|
4461
4270
|
"hint"?: string;
|
|
4271
|
+
/**
|
|
4272
|
+
* Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
|
|
4273
|
+
* @default : 'numeric'
|
|
4274
|
+
*/
|
|
4275
|
+
"inputmode"?: InputMode;
|
|
4462
4276
|
/**
|
|
4463
4277
|
* Validity indicator, serving to change UI of the component
|
|
4464
4278
|
*/
|
|
4465
4279
|
"invalid"?: boolean;
|
|
4466
4280
|
/**
|
|
4467
|
-
* Label for accessibility
|
|
4468
|
-
* @default 'Verification code'
|
|
4281
|
+
* Label for accessibility.
|
|
4282
|
+
* @default : 'Verification code'
|
|
4469
4283
|
*/
|
|
4470
4284
|
"label"?: string;
|
|
4471
4285
|
/**
|
|
4472
|
-
* Number of digits (typically 4–6)
|
|
4473
|
-
* @default 4
|
|
4286
|
+
* Number of digits (typically 4–6).
|
|
4287
|
+
* @default : 4
|
|
4474
4288
|
*/
|
|
4475
4289
|
"length"?: number;
|
|
4476
4290
|
/**
|
|
4477
|
-
* Specifies a name for an input for
|
|
4291
|
+
* Specifies a name for an input for submission within formData object.
|
|
4478
4292
|
* @default 'input-code'
|
|
4479
4293
|
*/
|
|
4480
4294
|
"name"?: string;
|
|
@@ -4510,7 +4324,6 @@ declare namespace LocalJSX {
|
|
|
4510
4324
|
"required"?: boolean;
|
|
4511
4325
|
/**
|
|
4512
4326
|
* Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
|
|
4513
|
-
* @default `All ${this.length} characters must be filled.`
|
|
4514
4327
|
*/
|
|
4515
4328
|
"tooShortMessage"?: string;
|
|
4516
4329
|
/**
|
|
@@ -4578,6 +4391,14 @@ declare namespace LocalJSX {
|
|
|
4578
4391
|
* The text on the label
|
|
4579
4392
|
*/
|
|
4580
4393
|
"label": string;
|
|
4394
|
+
/**
|
|
4395
|
+
* Maximum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `max` is also updated to match the new format.
|
|
4396
|
+
*/
|
|
4397
|
+
"max"?: string;
|
|
4398
|
+
/**
|
|
4399
|
+
* Minimum date value (in the same format as the date input). Note: When changing the `format` prop, ensure `min` is also updated to match the new format.
|
|
4400
|
+
*/
|
|
4401
|
+
"min"?: string;
|
|
4581
4402
|
/**
|
|
4582
4403
|
* Defines label for the input for the month
|
|
4583
4404
|
* @default 'Month'
|
|
@@ -4620,25 +4441,21 @@ declare namespace LocalJSX {
|
|
|
4620
4441
|
message: string
|
|
4621
4442
|
}>) => void;
|
|
4622
4443
|
/**
|
|
4623
|
-
*
|
|
4624
|
-
*/
|
|
4625
|
-
"readonly"?: boolean;
|
|
4626
|
-
/**
|
|
4627
|
-
* Specifies that an input is required/must be filled out
|
|
4444
|
+
* Custom error message displayed when date is after the maximum date.
|
|
4628
4445
|
*/
|
|
4629
|
-
"
|
|
4446
|
+
"rangeOverflowMessage"?: string;
|
|
4630
4447
|
/**
|
|
4631
|
-
*
|
|
4448
|
+
* Custom error message displayed when date is before the minimum date.
|
|
4632
4449
|
*/
|
|
4633
|
-
"
|
|
4450
|
+
"rangeUnderflowMessage"?: string;
|
|
4634
4451
|
/**
|
|
4635
|
-
*
|
|
4452
|
+
* Makes the date inputs read-only: users can focus and copy the value, but cannot modify it (value still submitted with the form unlike disabled).
|
|
4636
4453
|
*/
|
|
4637
|
-
"
|
|
4454
|
+
"readonly"?: boolean;
|
|
4638
4455
|
/**
|
|
4639
|
-
*
|
|
4456
|
+
* Specifies that an input is required/must be filled out
|
|
4640
4457
|
*/
|
|
4641
|
-
"
|
|
4458
|
+
"required"?: boolean;
|
|
4642
4459
|
/**
|
|
4643
4460
|
* Visual indication of valid state
|
|
4644
4461
|
*/
|
|
@@ -4659,6 +4476,11 @@ declare namespace LocalJSX {
|
|
|
4659
4476
|
"yearAriaLabel"?: string;
|
|
4660
4477
|
}
|
|
4661
4478
|
interface RInputPassword {
|
|
4479
|
+
/**
|
|
4480
|
+
* Password-specific autocomplete behavior for browser password managers.
|
|
4481
|
+
* @example **Usage Guidelines:** - `'current-password'`: Use in login forms where users enter their existing password - `'new-password'`: Use in registration forms or password change forms for the new password field - `'off'`: Disable autofill in sensitive contexts where password managers should not suggest values **Common Patterns:** ```tsx // Login form <r-input-password autocomplete="current-password" /> // Registration form <r-input-password autocomplete="new-password" /> // Sensitive form (e.g., admin panel) <r-input-password autocomplete="off" /> ```
|
|
4482
|
+
*/
|
|
4483
|
+
"autocomplete"?: PasswordAutocomplete;
|
|
4662
4484
|
/**
|
|
4663
4485
|
* Custom error message displayed for any validation failures in the input.
|
|
4664
4486
|
*/
|
|
@@ -4705,6 +4527,14 @@ declare namespace LocalJSX {
|
|
|
4705
4527
|
* The text on the label
|
|
4706
4528
|
*/
|
|
4707
4529
|
"label": string;
|
|
4530
|
+
/**
|
|
4531
|
+
* Maximum character length (enforced by native input).
|
|
4532
|
+
*/
|
|
4533
|
+
"maxlength"?: number;
|
|
4534
|
+
/**
|
|
4535
|
+
* Minimum character length (validation only).
|
|
4536
|
+
*/
|
|
4537
|
+
"minlength"?: number;
|
|
4708
4538
|
/**
|
|
4709
4539
|
* Specifies a name for a input
|
|
4710
4540
|
*/
|
|
@@ -4741,6 +4571,25 @@ declare namespace LocalJSX {
|
|
|
4741
4571
|
state: string,
|
|
4742
4572
|
message: string
|
|
4743
4573
|
}>) => void;
|
|
4574
|
+
/**
|
|
4575
|
+
* Emits 'rVisibilityChange' event when password visibility is toggled
|
|
4576
|
+
*/
|
|
4577
|
+
"onRVisibilityChange"?: (event: RInputPasswordCustomEvent<{
|
|
4578
|
+
element: HTMLRInputPasswordElement,
|
|
4579
|
+
visible: boolean
|
|
4580
|
+
}>) => void;
|
|
4581
|
+
/**
|
|
4582
|
+
* Safari-specific password rules for strong password generation. Format: "minlength: X; required: lower; required: upper; required: digit; required: special;" Example: "minlength: 8; required: lower; required: upper; required: digit; required: special;" Note: This attribute is Safari-specific and will be ignored by other browsers. See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
|
|
4583
|
+
*/
|
|
4584
|
+
"passwordrules"?: string;
|
|
4585
|
+
/**
|
|
4586
|
+
* Regex pattern the value must match (string form).
|
|
4587
|
+
*/
|
|
4588
|
+
"pattern"?: string;
|
|
4589
|
+
/**
|
|
4590
|
+
* Custom message for `patternMismatch`.
|
|
4591
|
+
*/
|
|
4592
|
+
"patternMismatchMessage"?: string;
|
|
4744
4593
|
/**
|
|
4745
4594
|
* Specifies a short hint that describes the expected value of a input
|
|
4746
4595
|
*/
|
|
@@ -4764,17 +4613,13 @@ declare namespace LocalJSX {
|
|
|
4764
4613
|
*/
|
|
4765
4614
|
"shownPasswordMessage"?: string;
|
|
4766
4615
|
/**
|
|
4767
|
-
*
|
|
4768
|
-
*/
|
|
4769
|
-
"tooltip"?: string;
|
|
4770
|
-
/**
|
|
4771
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Tooltip trigger icon by name from [Riverty icons set](https://storybook.riverty.design/?path=/story/components-icon--riverty-kit)
|
|
4616
|
+
* Custom message for `tooLong`.
|
|
4772
4617
|
*/
|
|
4773
|
-
"
|
|
4618
|
+
"tooLongMessage"?: string;
|
|
4774
4619
|
/**
|
|
4775
|
-
*
|
|
4620
|
+
* Custom message for `tooShort`.
|
|
4776
4621
|
*/
|
|
4777
|
-
"
|
|
4622
|
+
"tooShortMessage"?: string;
|
|
4778
4623
|
/**
|
|
4779
4624
|
* Visual indication of valid state
|
|
4780
4625
|
*/
|
|
@@ -4885,18 +4730,6 @@ declare namespace LocalJSX {
|
|
|
4885
4730
|
* Specifies that phone number value is required
|
|
4886
4731
|
*/
|
|
4887
4732
|
"required"?: boolean;
|
|
4888
|
-
/**
|
|
4889
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
|
|
4890
|
-
*/
|
|
4891
|
-
"tooltip"?: string;
|
|
4892
|
-
/**
|
|
4893
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
|
|
4894
|
-
*/
|
|
4895
|
-
"tooltipIcon"?: IconName;
|
|
4896
|
-
/**
|
|
4897
|
-
* _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
|
|
4898
|
-
*/
|
|
4899
|
-
"tooltipIconColor"?: string;
|
|
4900
4733
|
/**
|
|
4901
4734
|
* Visual indication of valid state
|
|
4902
4735
|
*/
|
|
@@ -4919,24 +4752,6 @@ declare namespace LocalJSX {
|
|
|
4919
4752
|
* Text of an additional marker
|
|
4920
4753
|
*/
|
|
4921
4754
|
"fieldIndicator"?: string;
|
|
4922
|
-
/**
|
|
4923
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Tooltip represents additional description
|
|
4924
|
-
*/
|
|
4925
|
-
"tooltip"?: string;
|
|
4926
|
-
/**
|
|
4927
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Icon tooltip trigger by name from the set
|
|
4928
|
-
* @default 'circled-question-mark'
|
|
4929
|
-
*/
|
|
4930
|
-
"tooltipIcon"?: IconName;
|
|
4931
|
-
/**
|
|
4932
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Change color of an icon that triggers tooltip to one of the Riverty color tokens
|
|
4933
|
-
*/
|
|
4934
|
-
"tooltipIconColor"?: string;
|
|
4935
|
-
/**
|
|
4936
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines preferable position of the tooltip
|
|
4937
|
-
* @default 'right'
|
|
4938
|
-
*/
|
|
4939
|
-
"tooltipPosition"?: TooltipPosition;
|
|
4940
4755
|
}
|
|
4941
4756
|
interface RListItem {
|
|
4942
4757
|
/**
|
|
@@ -4980,10 +4795,6 @@ declare namespace LocalJSX {
|
|
|
4980
4795
|
* Defines an icon source to be presented in leading slot
|
|
4981
4796
|
*/
|
|
4982
4797
|
"leadingIconSrc"?: string;
|
|
4983
|
-
/**
|
|
4984
|
-
* @deprecated Use `description` instead. Will be removed November 2025. Secondary text displayed below the headline (2nd slot), used for additional details or context.
|
|
4985
|
-
*/
|
|
4986
|
-
"subtext"?: string;
|
|
4987
4798
|
/**
|
|
4988
4799
|
* Specifies the name of the icon to display in the trailing slot (3rd slot) of the list item.
|
|
4989
4800
|
*/
|
|
@@ -5154,11 +4965,6 @@ declare namespace LocalJSX {
|
|
|
5154
4965
|
"variant"?: PanelVariant;
|
|
5155
4966
|
}
|
|
5156
4967
|
interface RPopover {
|
|
5157
|
-
/**
|
|
5158
|
-
* Defines `aria-label` content for the popover container. Used for accessibility to describe the popover content area.
|
|
5159
|
-
* @deprecated This property will be removed in December 2025 release.
|
|
5160
|
-
*/
|
|
5161
|
-
"containerAriaLabel"?: string;
|
|
5162
4968
|
/**
|
|
5163
4969
|
* Defines `aria-label` content for the dismiss button. Used for accessibility when dismiss button is present.
|
|
5164
4970
|
*/
|
|
@@ -5194,12 +5000,6 @@ declare namespace LocalJSX {
|
|
|
5194
5000
|
* @default false
|
|
5195
5001
|
*/
|
|
5196
5002
|
"open"?: boolean;
|
|
5197
|
-
/**
|
|
5198
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Size of the Popover: `s` | `l`.
|
|
5199
|
-
* @default "s"
|
|
5200
|
-
* @deprecated This property will be removed in November 2025 release.
|
|
5201
|
-
*/
|
|
5202
|
-
"size"?: PopoverSize;
|
|
5203
5003
|
/**
|
|
5204
5004
|
* Defines the action that will be triggered when the trigger is clicked. - `toggle`: Toggle the popover open/closed state - `show`: Only show the popover - `hide`: Only hide the popover
|
|
5205
5005
|
* @default "toggle"
|
|
@@ -5252,6 +5052,11 @@ declare namespace LocalJSX {
|
|
|
5252
5052
|
* A radio button is used to select a single option in a list.
|
|
5253
5053
|
*/
|
|
5254
5054
|
interface RRadioButton {
|
|
5055
|
+
/**
|
|
5056
|
+
* Automatically focus the radio button when the component is mounted. Note: Only one element per page should have autofocus set to true, following browser standard behavior.
|
|
5057
|
+
* @default false
|
|
5058
|
+
*/
|
|
5059
|
+
"autofocus"?: boolean;
|
|
5255
5060
|
/**
|
|
5256
5061
|
* When true the radio is selected
|
|
5257
5062
|
*/
|
|
@@ -5355,6 +5160,11 @@ declare namespace LocalJSX {
|
|
|
5355
5160
|
interface RRadioButtonTrailing {
|
|
5356
5161
|
}
|
|
5357
5162
|
interface RRadioGroup {
|
|
5163
|
+
/**
|
|
5164
|
+
* 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.
|
|
5165
|
+
* @default false
|
|
5166
|
+
*/
|
|
5167
|
+
"autofocus"?: boolean;
|
|
5358
5168
|
/**
|
|
5359
5169
|
* 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.
|
|
5360
5170
|
*/
|
|
@@ -5416,31 +5226,10 @@ declare namespace LocalJSX {
|
|
|
5416
5226
|
* Specifies if radio-button within group must be checked
|
|
5417
5227
|
*/
|
|
5418
5228
|
"required"?: boolean;
|
|
5419
|
-
/**
|
|
5420
|
-
* _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`.
|
|
5421
|
-
* @default false
|
|
5422
|
-
*/
|
|
5423
|
-
"showValid"?: boolean;
|
|
5424
|
-
/**
|
|
5425
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label based text revealed within tooltip
|
|
5426
|
-
*/
|
|
5427
|
-
"tooltip"?: string;
|
|
5428
|
-
/**
|
|
5429
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
|
|
5430
|
-
*/
|
|
5431
|
-
"tooltipIcon"?: IconName;
|
|
5432
|
-
/**
|
|
5433
|
-
* _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
|
|
5434
|
-
*/
|
|
5435
|
-
"tooltipIconColor"?: string;
|
|
5436
5229
|
/**
|
|
5437
5230
|
* Apply validation success visual style
|
|
5438
5231
|
*/
|
|
5439
5232
|
"valid"?: boolean;
|
|
5440
|
-
/**
|
|
5441
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
5442
|
-
*/
|
|
5443
|
-
"validMessage"?: string;
|
|
5444
5233
|
/**
|
|
5445
5234
|
* Displays currently selected value
|
|
5446
5235
|
*/
|
|
@@ -5472,10 +5261,6 @@ declare namespace LocalJSX {
|
|
|
5472
5261
|
* Prevent user interaction and apply disabled style
|
|
5473
5262
|
*/
|
|
5474
5263
|
"disabled"?: boolean;
|
|
5475
|
-
/**
|
|
5476
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon for select in disabled state
|
|
5477
|
-
*/
|
|
5478
|
-
"disabledIcon"?: IconName;
|
|
5479
5264
|
/**
|
|
5480
5265
|
* Custom validation error message
|
|
5481
5266
|
*/
|
|
@@ -5513,19 +5298,6 @@ declare namespace LocalJSX {
|
|
|
5513
5298
|
* The text on the label
|
|
5514
5299
|
*/
|
|
5515
5300
|
"label": string;
|
|
5516
|
-
/**
|
|
5517
|
-
* _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
|
|
5518
|
-
*/
|
|
5519
|
-
"leadingIcon"?: IconName;
|
|
5520
|
-
/**
|
|
5521
|
-
* _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
|
|
5522
|
-
* @default 's'
|
|
5523
|
-
*/
|
|
5524
|
-
"leadingIconSize"?: IconSize;
|
|
5525
|
-
/**
|
|
5526
|
-
* _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
|
|
5527
|
-
*/
|
|
5528
|
-
"leadingIconSrc"?: string;
|
|
5529
5301
|
/**
|
|
5530
5302
|
* Define wether listbox appears on top or at the bottom of the select
|
|
5531
5303
|
* @default 'bottom'
|
|
@@ -5565,14 +5337,6 @@ declare namespace LocalJSX {
|
|
|
5565
5337
|
state: string,
|
|
5566
5338
|
message: string
|
|
5567
5339
|
}>) => void;
|
|
5568
|
-
/**
|
|
5569
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead) Marks the field as optional
|
|
5570
|
-
*/
|
|
5571
|
-
"optional"?: boolean;
|
|
5572
|
-
/**
|
|
5573
|
-
* _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
|
|
5574
|
-
*/
|
|
5575
|
-
"optionalText"?: string;
|
|
5576
5340
|
/**
|
|
5577
5341
|
* Text that is presented until an option has been selected
|
|
5578
5342
|
*/
|
|
@@ -5585,50 +5349,15 @@ declare namespace LocalJSX {
|
|
|
5585
5349
|
* Specifies that select value is required
|
|
5586
5350
|
*/
|
|
5587
5351
|
"required"?: boolean;
|
|
5588
|
-
/**
|
|
5589
|
-
* Controls the visibility of validation indicators for the field.
|
|
5590
|
-
* @default false
|
|
5591
|
-
*/
|
|
5592
|
-
"showValid"?: boolean;
|
|
5593
5352
|
/**
|
|
5594
5353
|
* Defines aria label for combobox toggle button
|
|
5595
5354
|
* @default "Toggle combobox"
|
|
5596
5355
|
*/
|
|
5597
5356
|
"toggleButtonAriaLabel"?: string;
|
|
5598
|
-
/**
|
|
5599
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
|
|
5600
|
-
*/
|
|
5601
|
-
"tooltip"?: string;
|
|
5602
|
-
/**
|
|
5603
|
-
* _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
|
|
5604
|
-
*/
|
|
5605
|
-
"tooltipIcon"?: IconName;
|
|
5606
|
-
/**
|
|
5607
|
-
* _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.
|
|
5608
|
-
*/
|
|
5609
|
-
"tooltipIconColor"?: string;
|
|
5610
|
-
/**
|
|
5611
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by name for select, Default: 'andle-down'
|
|
5612
|
-
* @default 'angle-down'
|
|
5613
|
-
*/
|
|
5614
|
-
"trailingIcon"?: IconName;
|
|
5615
|
-
/**
|
|
5616
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by source for select
|
|
5617
|
-
*/
|
|
5618
|
-
"trailingIconSrc"?: string;
|
|
5619
|
-
/**
|
|
5620
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Define size of an icon that serves as trailing icon in select
|
|
5621
|
-
* @default 's'
|
|
5622
|
-
*/
|
|
5623
|
-
"tralingIconSize"?: IconSize;
|
|
5624
5357
|
/**
|
|
5625
5358
|
* Visual indication of valid state
|
|
5626
5359
|
*/
|
|
5627
5360
|
"valid"?: boolean;
|
|
5628
|
-
/**
|
|
5629
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
|
|
5630
|
-
*/
|
|
5631
|
-
"validMessage"?: string;
|
|
5632
5361
|
/**
|
|
5633
5362
|
* Selected value
|
|
5634
5363
|
*/
|
|
@@ -5882,14 +5611,6 @@ declare namespace LocalJSX {
|
|
|
5882
5611
|
state: string,
|
|
5883
5612
|
message: string
|
|
5884
5613
|
}>) => void;
|
|
5885
|
-
/**
|
|
5886
|
-
* _DEPRECATED_ This property will be removed
|
|
5887
|
-
*/
|
|
5888
|
-
"optional"?: boolean;
|
|
5889
|
-
/**
|
|
5890
|
-
* _DEPRECATED_ (use `fieldIndicator` instead) Text of an additional marker in the label
|
|
5891
|
-
*/
|
|
5892
|
-
"optionalText"?: string;
|
|
5893
5614
|
/**
|
|
5894
5615
|
* Specifies a short hint that describes the expected value of the `<textarea>`, displayed when it is empty.
|
|
5895
5616
|
* @default 'Provide an input'
|
|
@@ -5916,11 +5637,6 @@ declare namespace LocalJSX {
|
|
|
5916
5637
|
* Specifies if the character counter should be visible. Note: The counter will only be rendered when a `maxlength` value is provided.
|
|
5917
5638
|
*/
|
|
5918
5639
|
"showCounter"?: boolean;
|
|
5919
|
-
/**
|
|
5920
|
-
* _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
|
|
5921
|
-
* @default false
|
|
5922
|
-
*/
|
|
5923
|
-
"showValid"?: boolean;
|
|
5924
5640
|
/**
|
|
5925
5641
|
* Custom message for `tooLong` property of a ValidityState object (set by `maxlength`) within Constrain Validation API.
|
|
5926
5642
|
*/
|
|
@@ -5929,26 +5645,10 @@ declare namespace LocalJSX {
|
|
|
5929
5645
|
* Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
|
|
5930
5646
|
*/
|
|
5931
5647
|
"tooShortMessage"?: string;
|
|
5932
|
-
/**
|
|
5933
|
-
* _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.
|
|
5934
|
-
*/
|
|
5935
|
-
"tooltip"?: string;
|
|
5936
|
-
/**
|
|
5937
|
-
* _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.
|
|
5938
|
-
*/
|
|
5939
|
-
"tooltipIcon"?: IconName;
|
|
5940
|
-
/**
|
|
5941
|
-
* _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.
|
|
5942
|
-
*/
|
|
5943
|
-
"tooltipIconColor"?: string;
|
|
5944
5648
|
/**
|
|
5945
5649
|
* Indicates whether the value of the `<textarea>` is valid based on validation rules.
|
|
5946
5650
|
*/
|
|
5947
5651
|
"valid"?: boolean;
|
|
5948
|
-
/**
|
|
5949
|
-
* _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.
|
|
5950
|
-
*/
|
|
5951
|
-
"validMessage"?: string;
|
|
5952
5652
|
/**
|
|
5953
5653
|
* Represents the current value of the `<textarea>`, reflecting the content entered by the user or provided programmatically.
|
|
5954
5654
|
* @default this.textareaSlotValue
|
|
@@ -5964,6 +5664,11 @@ declare namespace LocalJSX {
|
|
|
5964
5664
|
* Specifies the text content for the call-to-action link.
|
|
5965
5665
|
*/
|
|
5966
5666
|
"action"?: string;
|
|
5667
|
+
/**
|
|
5668
|
+
* Sets role="alert" and will be announced to screen reader users
|
|
5669
|
+
* @default true
|
|
5670
|
+
*/
|
|
5671
|
+
"announced"?: boolean;
|
|
5967
5672
|
/**
|
|
5968
5673
|
* Specifies the time in miliseconds before the alert automatically collapses.
|
|
5969
5674
|
* @default 3000
|
|
@@ -5981,13 +5686,9 @@ declare namespace LocalJSX {
|
|
|
5981
5686
|
"dismissLabel"?: string;
|
|
5982
5687
|
/**
|
|
5983
5688
|
* 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.
|
|
5984
|
-
* @default "
|
|
5689
|
+
* @default "manual"
|
|
5985
5690
|
*/
|
|
5986
5691
|
"dismissMode"?: ToastDismissMode;
|
|
5987
|
-
/**
|
|
5988
|
-
* @deprecated Use `dismissMode="manual"` instead. Will be removed November 2025. Shows button, that dismisses the toast.
|
|
5989
|
-
*/
|
|
5990
|
-
"dismissable"?: boolean;
|
|
5991
5692
|
/**
|
|
5992
5693
|
* Specifies the headline text for the alert, summarizing its message or purpose.
|
|
5993
5694
|
*/
|
|
@@ -6000,6 +5701,11 @@ declare namespace LocalJSX {
|
|
|
6000
5701
|
* Specifies an optional icon for the leading slot of the dialog.
|
|
6001
5702
|
*/
|
|
6002
5703
|
"leadingIcon"?: IconName;
|
|
5704
|
+
/**
|
|
5705
|
+
* Defines whether the leading icon is visible.
|
|
5706
|
+
* @default true
|
|
5707
|
+
*/
|
|
5708
|
+
"leadingIconVisible"?: boolean;
|
|
6003
5709
|
/**
|
|
6004
5710
|
* 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).
|
|
6005
5711
|
*/
|
|
@@ -6059,7 +5765,6 @@ declare namespace LocalJSX {
|
|
|
6059
5765
|
}
|
|
6060
5766
|
interface IntrinsicElements {
|
|
6061
5767
|
"r-accordion": RAccordion;
|
|
6062
|
-
"r-accordion-item": RAccordionItem;
|
|
6063
5768
|
"r-accordion-panel": RAccordionPanel;
|
|
6064
5769
|
"r-accordion-section": RAccordionSection;
|
|
6065
5770
|
"r-accordion-trigger": RAccordionTrigger;
|
|
@@ -6127,11 +5832,6 @@ declare module "@stencil/core" {
|
|
|
6127
5832
|
* ```
|
|
6128
5833
|
*/
|
|
6129
5834
|
"r-accordion": LocalJSX.RAccordion & JSXBase.HTMLAttributes<HTMLRAccordionElement>;
|
|
6130
|
-
/**
|
|
6131
|
-
* An accordion item represents a section within an accordion.
|
|
6132
|
-
* Always use `<r-accordion-item>` inside a `<r-accordion>`.
|
|
6133
|
-
*/
|
|
6134
|
-
"r-accordion-item": LocalJSX.RAccordionItem & JSXBase.HTMLAttributes<HTMLRAccordionItemElement>;
|
|
6135
5835
|
"r-accordion-panel": LocalJSX.RAccordionPanel & JSXBase.HTMLAttributes<HTMLRAccordionPanelElement>;
|
|
6136
5836
|
"r-accordion-section": LocalJSX.RAccordionSection & JSXBase.HTMLAttributes<HTMLRAccordionSectionElement>;
|
|
6137
5837
|
"r-accordion-trigger": LocalJSX.RAccordionTrigger & JSXBase.HTMLAttributes<HTMLRAccordionTriggerElement>;
|