@riverty/web-components 5.8.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.
Files changed (253) hide show
  1. package/CHANGELOG.md +86 -0
  2. package/custom-elements.json +124 -369
  3. package/dist/cjs/index-DJ4H_bFj.js +6 -10
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/r-accordion-panel.cjs.entry.js +1 -1
  6. package/dist/cjs/r-accordion-section.cjs.entry.js +1 -1
  7. package/dist/cjs/r-accordion-trigger.cjs.entry.js +5 -35
  8. package/dist/cjs/r-accordion.cjs.entry.js +3 -7
  9. package/dist/cjs/r-alert.cjs.entry.js +26 -11
  10. package/dist/cjs/r-badge.cjs.entry.js +1 -1
  11. package/dist/cjs/r-button.cjs.entry.js +1 -1
  12. package/dist/cjs/r-checkbox-group.cjs.entry.js +1 -11
  13. package/dist/cjs/r-checkbox.cjs.entry.js +76 -75
  14. package/dist/cjs/r-dialog.cjs.entry.js +3 -11
  15. package/dist/cjs/r-hint_2.cjs.entry.js +50 -0
  16. package/dist/cjs/{r-hint_3.cjs.entry.js → r-icon-button_2.cjs.entry.js} +64 -51
  17. package/dist/cjs/r-input-code.cjs.entry.js +112 -17
  18. package/dist/cjs/r-input-date.cjs.entry.js +8 -14
  19. package/dist/cjs/r-input-password.cjs.entry.js +16 -8
  20. package/dist/cjs/r-input-phone-number.cjs.entry.js +7 -12
  21. package/dist/cjs/r-input.cjs.entry.js +87 -41
  22. package/dist/cjs/r-list-item.cjs.entry.js +5 -5
  23. package/dist/cjs/r-panel.cjs.entry.js +2 -2
  24. package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
  25. package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
  26. package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
  27. package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
  28. package/dist/cjs/r-popover.cjs.entry.js +3 -3
  29. package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
  30. package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
  31. package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
  32. package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
  33. package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
  34. package/dist/cjs/r-radio-button.cjs.entry.js +29 -12
  35. package/dist/cjs/r-radio-group.cjs.entry.js +18 -22
  36. package/dist/cjs/r-select-option.cjs.entry.js +1 -1
  37. package/dist/cjs/r-select.cjs.entry.js +6 -24
  38. package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
  39. package/dist/cjs/r-stepper-item.cjs.entry.js +2 -2
  40. package/dist/cjs/r-stepper.cjs.entry.js +1 -1
  41. package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
  42. package/dist/cjs/r-tab.cjs.entry.js +1 -1
  43. package/dist/cjs/r-tabs-list.cjs.entry.js +1 -1
  44. package/dist/cjs/r-tabs.cjs.entry.js +1 -1
  45. package/dist/cjs/r-textarea.cjs.entry.js +6 -18
  46. package/dist/cjs/r-toast-group.cjs.entry.js +1 -1
  47. package/dist/cjs/r-toast.cjs.entry.js +9 -9
  48. package/dist/cjs/web-components.cjs.js +1 -1
  49. package/dist/collection/collection-manifest.json +0 -1
  50. package/dist/collection/components/accordion/accordion.css +0 -2
  51. package/dist/collection/components/accordion/accordion.js +4 -8
  52. package/dist/collection/components/accordion/exports.js +1 -1
  53. package/dist/collection/components/accordion-panel/accordion-panel.js +1 -1
  54. package/dist/collection/components/accordion-section/accordion-section.js +1 -1
  55. package/dist/collection/components/accordion-trigger/accordion-trigger.css +0 -4
  56. package/dist/collection/components/accordion-trigger/accordion-trigger.js +4 -215
  57. package/dist/collection/components/alert/alert.css +6 -0
  58. package/dist/collection/components/alert/alert.js +48 -10
  59. package/dist/collection/components/badge/badge.js +1 -1
  60. package/dist/collection/components/button/button.js +1 -1
  61. package/dist/collection/components/checkbox/checkbox.js +80 -98
  62. package/dist/collection/components/checkbox-group/checkbox-group.js +1 -50
  63. package/dist/collection/components/dialog/dialog.css +1 -3
  64. package/dist/collection/components/dialog/dialog.js +2 -10
  65. package/dist/collection/components/hint/hint.js +2 -2
  66. package/dist/collection/components/icon-button/icon-button.js +3 -3
  67. package/dist/collection/components/input/input.css +3 -0
  68. package/dist/collection/components/input/input.js +180 -370
  69. package/dist/collection/components/input-code/exports.js +2 -0
  70. package/dist/collection/components/input-code/input-code.js +294 -26
  71. package/dist/collection/components/input-date/input-date.js +8 -77
  72. package/dist/collection/components/input-password/exports.js +1 -0
  73. package/dist/collection/components/input-password/input-password.css +1 -0
  74. package/dist/collection/components/input-password/input-password.js +195 -70
  75. package/dist/collection/components/input-phone-number/input-phone-number.js +7 -75
  76. package/dist/collection/components/label/label.js +3 -113
  77. package/dist/collection/components/list-item/list-item/list-item.css +7 -7
  78. package/dist/collection/components/list-item/list-item/list-item.js +4 -26
  79. package/dist/collection/components/panel/panel.js +2 -2
  80. package/dist/collection/components/popover/exports.js +0 -1
  81. package/dist/collection/components/popover/popover.css +2 -10
  82. package/dist/collection/components/popover/popover.js +2 -55
  83. package/dist/collection/components/popover-action/popover-action.js +1 -1
  84. package/dist/collection/components/popover-content/popover-content.js +1 -1
  85. package/dist/collection/components/popover-headline/popover-headline.js +1 -1
  86. package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
  87. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  88. package/dist/collection/components/radio-button/radio-button.js +49 -12
  89. package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
  90. package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
  91. package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
  92. package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
  93. package/dist/collection/components/radio-group/radio-group.js +38 -124
  94. package/dist/collection/components/select/select.js +6 -330
  95. package/dist/collection/components/select-option/select-option.js +1 -1
  96. package/dist/collection/components/skip-link/skip-link.js +1 -1
  97. package/dist/collection/components/stepper/stepper.js +1 -1
  98. package/dist/collection/components/stepper-item/stepper-item.js +2 -2
  99. package/dist/collection/components/tab/tab.js +1 -1
  100. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  101. package/dist/collection/components/tabs/tabs.js +1 -1
  102. package/dist/collection/components/tabs-list/tabs-list.js +1 -1
  103. package/dist/collection/components/textarea/textarea.js +6 -158
  104. package/dist/collection/components/toast/toast.js +9 -31
  105. package/dist/collection/components/toast-group/toast-group.js +1 -1
  106. package/dist/collection/components/tooltip/tooltip.js +1 -1
  107. package/dist/esm/index-Da7qOBFr.js +6 -10
  108. package/dist/esm/loader.js +1 -1
  109. package/dist/esm/r-accordion-panel.entry.js +1 -1
  110. package/dist/esm/r-accordion-section.entry.js +1 -1
  111. package/dist/esm/r-accordion-trigger.entry.js +5 -35
  112. package/dist/esm/r-accordion.entry.js +3 -7
  113. package/dist/esm/r-alert.entry.js +26 -11
  114. package/dist/esm/r-badge.entry.js +1 -1
  115. package/dist/esm/r-button.entry.js +1 -1
  116. package/dist/esm/r-checkbox-group.entry.js +1 -11
  117. package/dist/esm/r-checkbox.entry.js +76 -75
  118. package/dist/esm/r-dialog.entry.js +3 -11
  119. package/dist/esm/r-hint_2.entry.js +47 -0
  120. package/dist/esm/{r-hint_3.entry.js → r-icon-button_2.entry.js} +65 -51
  121. package/dist/esm/r-input-code.entry.js +112 -17
  122. package/dist/esm/r-input-date.entry.js +8 -14
  123. package/dist/esm/r-input-password.entry.js +16 -8
  124. package/dist/esm/r-input-phone-number.entry.js +7 -12
  125. package/dist/esm/r-input.entry.js +87 -41
  126. package/dist/esm/r-list-item.entry.js +5 -5
  127. package/dist/esm/r-panel.entry.js +2 -2
  128. package/dist/esm/r-popover-action.entry.js +1 -1
  129. package/dist/esm/r-popover-content.entry.js +1 -1
  130. package/dist/esm/r-popover-headline.entry.js +1 -1
  131. package/dist/esm/r-popover-trigger.entry.js +1 -1
  132. package/dist/esm/r-popover.entry.js +3 -3
  133. package/dist/esm/r-progress-bar.entry.js +1 -1
  134. package/dist/esm/r-radio-button-description.entry.js +1 -1
  135. package/dist/esm/r-radio-button-leading.entry.js +1 -1
  136. package/dist/esm/r-radio-button-title.entry.js +1 -1
  137. package/dist/esm/r-radio-button-trailing.entry.js +1 -1
  138. package/dist/esm/r-radio-button.entry.js +29 -12
  139. package/dist/esm/r-radio-group.entry.js +18 -22
  140. package/dist/esm/r-select-option.entry.js +1 -1
  141. package/dist/esm/r-select.entry.js +6 -24
  142. package/dist/esm/r-skip-link.entry.js +1 -1
  143. package/dist/esm/r-stepper-item.entry.js +2 -2
  144. package/dist/esm/r-stepper.entry.js +1 -1
  145. package/dist/esm/r-tab-panel.entry.js +1 -1
  146. package/dist/esm/r-tab.entry.js +1 -1
  147. package/dist/esm/r-tabs-list.entry.js +1 -1
  148. package/dist/esm/r-tabs.entry.js +1 -1
  149. package/dist/esm/r-textarea.entry.js +6 -18
  150. package/dist/esm/r-toast-group.entry.js +1 -1
  151. package/dist/esm/r-toast.entry.js +9 -9
  152. package/dist/esm/web-components.js +1 -1
  153. package/dist/types/components/accordion/accordion.d.ts +1 -5
  154. package/dist/types/components/accordion/exports.d.ts +1 -1
  155. package/dist/types/components/accordion-trigger/accordion-trigger.d.ts +0 -36
  156. package/dist/types/components/alert/alert.d.ts +6 -1
  157. package/dist/types/components/checkbox/checkbox.d.ts +24 -34
  158. package/dist/types/components/checkbox-group/checkbox-group.d.ts +0 -11
  159. package/dist/types/components/dialog/dialog.d.ts +0 -2
  160. package/dist/types/components/input/input.d.ts +30 -72
  161. package/dist/types/components/input-code/exports.d.ts +4 -0
  162. package/dist/types/components/input-code/input-code.d.ts +49 -7
  163. package/dist/types/components/input-date/input-date.d.ts +0 -16
  164. package/dist/types/components/input-password/exports.d.ts +1 -0
  165. package/dist/types/components/input-password/input-password.d.ts +48 -16
  166. package/dist/types/components/input-phone-number/input-phone-number.d.ts +0 -16
  167. package/dist/types/components/label/label.d.ts +0 -18
  168. package/dist/types/components/list-item/list-item/list-item.d.ts +0 -6
  169. package/dist/types/components/popover/exports.d.ts +0 -2
  170. package/dist/types/components/popover/popover.d.ts +1 -14
  171. package/dist/types/components/radio-button/radio-button.d.ts +5 -0
  172. package/dist/types/components/radio-group/radio-group.d.ts +5 -26
  173. package/dist/types/components/select/select.d.ts +0 -50
  174. package/dist/types/components/textarea/textarea.d.ts +0 -32
  175. package/dist/types/components/toast/toast.d.ts +0 -5
  176. package/dist/types/components.d.ts +201 -636
  177. package/dist/web-components/p-0347feff.entry.js +1 -0
  178. package/dist/web-components/p-05738503.entry.js +1 -0
  179. package/dist/web-components/p-0e4c8bf1.entry.js +1 -0
  180. package/dist/web-components/{p-5744d75c.entry.js → p-1da75540.entry.js} +1 -1
  181. package/dist/web-components/p-26ef77d6.entry.js +1 -0
  182. package/dist/web-components/p-3884c6e7.entry.js +1 -0
  183. package/dist/web-components/p-3a5a67e7.entry.js +1 -0
  184. package/dist/web-components/p-3f60c6c0.entry.js +1 -0
  185. package/dist/web-components/p-4254a383.entry.js +1 -0
  186. package/dist/web-components/{p-87f39749.entry.js → p-4595fa8e.entry.js} +1 -1
  187. package/dist/web-components/{p-4e3df002.entry.js → p-4cc58c6a.entry.js} +1 -1
  188. package/dist/web-components/p-5441b746.entry.js +1 -0
  189. package/dist/web-components/{p-72fa1fd1.entry.js → p-550e2237.entry.js} +1 -1
  190. package/dist/web-components/p-589baaf9.entry.js +1 -0
  191. package/dist/web-components/p-60341de2.entry.js +1 -0
  192. package/dist/web-components/{p-4bd3e077.entry.js → p-60ca994e.entry.js} +1 -1
  193. package/dist/web-components/{p-44ae9f33.entry.js → p-62b788bf.entry.js} +1 -1
  194. package/dist/web-components/{p-2b2f581a.entry.js → p-6303b9fe.entry.js} +1 -1
  195. package/dist/web-components/p-63fd817d.entry.js +1 -0
  196. package/dist/web-components/{p-e0e2f2b2.entry.js → p-673dbfd0.entry.js} +1 -1
  197. package/dist/web-components/p-67fa3f84.entry.js +1 -0
  198. package/dist/web-components/p-6cc2ea2c.entry.js +1 -0
  199. package/dist/web-components/p-70784685.entry.js +1 -0
  200. package/dist/web-components/{p-429213ea.entry.js → p-7fed6f4d.entry.js} +1 -1
  201. package/dist/web-components/p-8a66d20c.entry.js +1 -0
  202. package/dist/web-components/{p-0bb04d79.entry.js → p-8b4d2448.entry.js} +1 -1
  203. package/dist/web-components/{p-c7f8e59b.entry.js → p-8c31cbd5.entry.js} +1 -1
  204. package/dist/web-components/p-8dac326b.entry.js +1 -0
  205. package/dist/web-components/{p-1c2497de.entry.js → p-9ef1bbee.entry.js} +1 -1
  206. package/dist/web-components/p-a0dbde7c.entry.js +1 -0
  207. package/dist/web-components/{p-755cc697.entry.js → p-a71485d8.entry.js} +1 -1
  208. package/dist/web-components/p-a7d22c76.entry.js +1 -0
  209. package/dist/web-components/{p-85a9af42.entry.js → p-ae251d2f.entry.js} +1 -1
  210. package/dist/web-components/p-b9e3b3d6.entry.js +1 -0
  211. package/dist/web-components/p-c1e748f2.entry.js +1 -0
  212. package/dist/web-components/{p-5bbd6e3c.entry.js → p-c478712b.entry.js} +1 -1
  213. package/dist/web-components/{p-3078b2b8.entry.js → p-d054eb4d.entry.js} +1 -1
  214. package/dist/web-components/{p-8563a1ab.entry.js → p-d433a828.entry.js} +1 -1
  215. package/dist/web-components/p-d7726e46.entry.js +1 -0
  216. package/dist/web-components/p-d819c8e5.entry.js +1 -0
  217. package/dist/web-components/p-e2188953.entry.js +1 -0
  218. package/dist/web-components/{p-3b4e3faf.entry.js → p-e5945c01.entry.js} +1 -1
  219. package/dist/web-components/{p-d1379ac6.entry.js → p-f9d5004c.entry.js} +1 -1
  220. package/dist/web-components/web-components.esm.js +1 -1
  221. package/package.json +1 -1
  222. package/dist/cjs/r-accordion-item.cjs.entry.js +0 -78
  223. package/dist/cjs/r-icon-button.cjs.entry.js +0 -81
  224. package/dist/collection/components/accordion-item/accordion-item.css +0 -121
  225. package/dist/collection/components/accordion-item/accordion-item.js +0 -138
  226. package/dist/esm/r-accordion-item.entry.js +0 -76
  227. package/dist/esm/r-icon-button.entry.js +0 -79
  228. package/dist/types/components/accordion-item/accordion-item.d.ts +0 -26
  229. package/dist/web-components/p-00ca474f.entry.js +0 -1
  230. package/dist/web-components/p-15ac0fdd.entry.js +0 -1
  231. package/dist/web-components/p-1c956370.entry.js +0 -1
  232. package/dist/web-components/p-2a512983.entry.js +0 -1
  233. package/dist/web-components/p-2e18e762.entry.js +0 -1
  234. package/dist/web-components/p-3bc93d65.entry.js +0 -1
  235. package/dist/web-components/p-51a5804b.entry.js +0 -1
  236. package/dist/web-components/p-56da04d8.entry.js +0 -1
  237. package/dist/web-components/p-5e6aabd8.entry.js +0 -1
  238. package/dist/web-components/p-656229de.entry.js +0 -1
  239. package/dist/web-components/p-7775228c.entry.js +0 -1
  240. package/dist/web-components/p-7ad8e78b.entry.js +0 -1
  241. package/dist/web-components/p-9e50120b.entry.js +0 -1
  242. package/dist/web-components/p-a022f356.entry.js +0 -1
  243. package/dist/web-components/p-a7e7f8fa.entry.js +0 -1
  244. package/dist/web-components/p-ad9b2a48.entry.js +0 -1
  245. package/dist/web-components/p-b2f03016.entry.js +0 -1
  246. package/dist/web-components/p-b87ad83b.entry.js +0 -1
  247. package/dist/web-components/p-c937bd92.entry.js +0 -1
  248. package/dist/web-components/p-cbcd7699.entry.js +0 -1
  249. package/dist/web-components/p-dbe579e8.entry.js +0 -1
  250. package/dist/web-components/p-e4b66277.entry.js +0 -1
  251. package/dist/web-components/p-e6a31881.entry.js +0 -1
  252. package/dist/web-components/p-f2577a3c.entry.js +0 -1
  253. package/dist/web-components/p-f6a92287.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, PopoverSize, PopoverVertical } from "./components/popover/exports";
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, PopoverSize, PopoverVertical } from "./components/popover/exports";
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. DEPRECATED: 'small | large', use 's | l' instead
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
  */
@@ -206,6 +161,11 @@ export namespace Components {
206
161
  * Defines an icon source to be presented in leading slot
207
162
  */
208
163
  "leadingIconSrc"?: string;
164
+ /**
165
+ * Defines whether the leading icon is visible.
166
+ * @default true
167
+ */
168
+ "leadingIconVisible": boolean;
209
169
  /**
210
170
  * Defines link label text of the alert
211
171
  */
@@ -325,6 +285,11 @@ export namespace Components {
325
285
  * Overall behavior is based on native `<input type="checkbox">`
326
286
  */
327
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;
328
293
  /**
329
294
  * Checks the checkbox element.
330
295
  */
@@ -395,11 +360,6 @@ export namespace Components {
395
360
  * Sets the indeterminate state of the checkbox element.
396
361
  */
397
362
  "setIndeterminate": () => Promise<void>;
398
- /**
399
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
400
- * @default false
401
- */
402
- "showValid": boolean;
403
363
  /**
404
364
  * Toggles the checked state of the checkbox element.
405
365
  */
@@ -412,10 +372,6 @@ export namespace Components {
412
372
  * Indicate that validation is successful
413
373
  */
414
374
  "valid"?: boolean;
415
- /**
416
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
417
- */
418
- "validMessage"?: string;
419
375
  /**
420
376
  * Value of element data within a form
421
377
  */
@@ -504,11 +460,6 @@ export namespace Components {
504
460
  * Whether to show a "Select All" checkbox.
505
461
  */
506
462
  "showSelectAll"?: boolean;
507
- /**
508
- * _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`.
509
- * @default false
510
- */
511
- "showValid": boolean;
512
463
  /**
513
464
  * Unchecks all checkboxes in the slot.
514
465
  */
@@ -517,10 +468,6 @@ export namespace Components {
517
468
  * Apply validation success visual style
518
469
  */
519
470
  "valid"?: boolean;
520
- /**
521
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
522
- */
523
- "validMessage"?: string;
524
471
  /**
525
472
  * Specifies `value` property of the 'select-all', representing the group as a whole.
526
473
  * @default ''
@@ -752,23 +699,6 @@ export namespace Components {
752
699
  * Optional contextual help text displayed beneath the field.
753
700
  */
754
701
  "hint"?: string;
755
- /**
756
- * @deprecated Will be removed November 2025. Legacy single icon (prefer `leading` / `trailing` slots).
757
- */
758
- "icon"?: IconName;
759
- /**
760
- * @deprecated Will be removed November 2025. Color for legacy icon.
761
- */
762
- "iconColor"?: string;
763
- /**
764
- * @deprecated Will be removed November 2025. Position of legacy icon: `start` | `end`.
765
- * @default 'start'
766
- */
767
- "iconPosition": IconPosition;
768
- /**
769
- * @deprecated Will be removed November 2025. Treat legacy icon as submit trigger.
770
- */
771
- "iconSubmit"?: boolean;
772
702
  /**
773
703
  * When true, hides visual label & messages (for internal layout use; accessibility still preserved).
774
704
  */
@@ -777,10 +707,22 @@ export namespace Components {
777
707
  * Explicit invalid state override (when set manually).
778
708
  */
779
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>;
780
718
  /**
781
719
  * Label text describing the field. Provide for accessibility (or use the `label` slot).
782
720
  */
783
721
  "label": string;
722
+ /**
723
+ * Resets touched and dirty states to pristine (untouched/clean)
724
+ */
725
+ "markAsPristine": () => Promise<void>;
784
726
  /**
785
727
  * Maximum numeric/date value (for supported types).
786
728
  */
@@ -806,13 +748,9 @@ export namespace Components {
806
748
  */
807
749
  "novalidate"?: boolean;
808
750
  /**
809
- * @deprecated Use `fieldIndicator` instead. Will be removed November 2025. Boolean flag to render an “optional” marker.
810
- */
811
- "optional"?: boolean;
812
- /**
813
- * @deprecated Use `fieldIndicator` instead. Will be removed November 2025. Custom text for optional marker.
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
814
752
  */
815
- "optionalText"?: string;
753
+ "passwordrules"?: string;
816
754
  /**
817
755
  * Regex pattern the value must match (string form).
818
756
  */
@@ -864,10 +802,6 @@ export namespace Components {
864
802
  * Set the current value programmatically (does not fire native input/change automatically).
865
803
  */
866
804
  "setValue": (value: string) => Promise<void>;
867
- /**
868
- * @deprecated Will be removed November 2025. Controls visibility of success validation marker.
869
- */
870
- "showValid"?: boolean;
871
805
  /**
872
806
  * Step interval for numeric/date input types.
873
807
  */
@@ -884,18 +818,6 @@ export namespace Components {
884
818
  * Custom message for `tooShort`.
885
819
  */
886
820
  "tooShortMessage"?: string;
887
- /**
888
- * @deprecated Use the `popover` slot instead. Will be removed November 2025. Label tooltip text content.
889
- */
890
- "tooltip"?: string;
891
- /**
892
- * @deprecated Use the `popover` slot instead. Will be removed November 2025. Icon name used as tooltip trigger.
893
- */
894
- "tooltipIcon"?: IconName;
895
- /**
896
- * @deprecated Use the `popover` slot instead. Will be removed November 2025. Color token for tooltip trigger icon.
897
- */
898
- "tooltipIconColor"?: string;
899
821
  /**
900
822
  * Input type (e.g. `text`, `email`, `number`, `password`). See HTMLInputElement `type` for supported values.
901
823
  * @default 'text'
@@ -910,19 +832,10 @@ export namespace Components {
910
832
  */
911
833
  "valid"?: boolean;
912
834
  /**
913
- * @deprecated Will be removed November 2025. Legacy boolean to show a validation marker icon.
914
- * @default false
915
- */
916
- "validMarker": boolean;
917
- /**
918
- * @deprecated Will be removed November 2025. Icon name used when `validMarker` is active and state is valid.
919
- * @default 'circled-check'
920
- */
921
- "validMarkerIcon": IconName;
922
- /**
923
- * @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
924
837
  */
925
- "validMessage"?: string;
838
+ "validityMarker": boolean;
926
839
  /**
927
840
  * Current value. Mutable: can be changed programmatically or through user input.
928
841
  * @default ''
@@ -938,6 +851,11 @@ export namespace Components {
938
851
  * Defines label for each character's input. Default "Character: ${character number}"
939
852
  */
940
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;
941
859
  /**
942
860
  * Validates the input code without triggering UI and returns a boolean indicating its validity.
943
861
  * @returns A boolean indicating whether the input code is valid.
@@ -951,6 +869,11 @@ export namespace Components {
951
869
  * Whether the input is disabled
952
870
  */
953
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;
954
877
  /**
955
878
  * The way to provide error message separately from Constraint Validation API.
956
879
  */
@@ -959,6 +882,12 @@ export namespace Components {
959
882
  * Text of an additional marker in the label
960
883
  */
961
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>;
962
891
  /**
963
892
  * Specifies the `id` of the `<form>` to which the element belongs.
964
893
  */
@@ -967,6 +896,12 @@ export namespace Components {
967
896
  * Defines if the component suppose to occupy 100% width
968
897
  */
969
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>;
970
905
  /**
971
906
  * Gets the current complete code value by joining all individual digit values.
972
907
  * @returns Promise that resolves to the complete code string
@@ -976,22 +911,27 @@ export namespace Components {
976
911
  * Description for accessibility
977
912
  */
978
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;
979
919
  /**
980
920
  * Validity indicator, serving to change UI of the component
981
921
  */
982
922
  "invalid"?: boolean;
983
923
  /**
984
- * Label for accessibility
985
- * @default 'Verification code'
924
+ * Label for accessibility.
925
+ * @default : 'Verification code'
986
926
  */
987
927
  "label": string;
988
928
  /**
989
- * Number of digits (typically 4–6)
990
- * @default 4
929
+ * Number of digits (typically 4–6).
930
+ * @default : 4
991
931
  */
992
932
  "length": number;
993
933
  /**
994
- * Specifies a name for an input for submittion within formData object.
934
+ * Specifies a name for an input for submission within formData object.
995
935
  * @default 'input-code'
996
936
  */
997
937
  "name": string;
@@ -1012,15 +952,20 @@ export namespace Components {
1012
952
  * @returns Promise that resolves when reset is complete
1013
953
  */
1014
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>;
1015
961
  /**
1016
962
  * Sets provided value.
1017
963
  */
1018
- "setValue": (value: any) => Promise<void>;
964
+ "setValue": (value: string | null) => Promise<void>;
1019
965
  /**
1020
966
  * Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
1021
- * @default `All ${this.length} characters must be filled.`
1022
967
  */
1023
- "tooShortMessage": string;
968
+ "tooShortMessage"?: string;
1024
969
  /**
1025
970
  * Visual indication of valid state
1026
971
  */
@@ -1161,18 +1106,6 @@ export namespace Components {
1161
1106
  * Sets the date value
1162
1107
  */
1163
1108
  "setValue": (value: string) => Promise<void>;
1164
- /**
1165
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
1166
- */
1167
- "tooltip"?: string;
1168
- /**
1169
- * _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)
1170
- */
1171
- "tooltipIcon"?: IconName;
1172
- /**
1173
- * _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
1174
- */
1175
- "tooltipIconColor"?: string;
1176
1109
  /**
1177
1110
  * Visual indication of valid state
1178
1111
  */
@@ -1193,6 +1126,11 @@ export namespace Components {
1193
1126
  "yearAriaLabel": string;
1194
1127
  }
1195
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;
1196
1134
  /**
1197
1135
  * Validates the input password without triggering UI and returns a boolean indicating its validity.
1198
1136
  * @returns A boolean indicating whether the input password is valid.
@@ -1252,6 +1190,14 @@ export namespace Components {
1252
1190
  * The text on the label
1253
1191
  */
1254
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;
1255
1201
  /**
1256
1202
  * Specifies a name for a input
1257
1203
  */
@@ -1260,6 +1206,18 @@ export namespace Components {
1260
1206
  * Specifies if element must be ignored during validation of the form elements
1261
1207
  */
1262
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;
1263
1221
  /**
1264
1222
  * Specifies a short hint that describes the expected value of a input
1265
1223
  */
@@ -1295,17 +1253,13 @@ export namespace Components {
1295
1253
  */
1296
1254
  "toggleShow": () => Promise<void>;
1297
1255
  /**
1298
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
1299
- */
1300
- "tooltip"?: string;
1301
- /**
1302
- * _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`.
1303
1257
  */
1304
- "tooltipIcon"?: IconName;
1258
+ "tooLongMessage"?: string;
1305
1259
  /**
1306
- * _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
1260
+ * Custom message for `tooShort`.
1307
1261
  */
1308
- "tooltipIconColor"?: string;
1262
+ "tooShortMessage"?: string;
1309
1263
  /**
1310
1264
  * Visual indication of valid state
1311
1265
  */
@@ -1409,18 +1363,6 @@ export namespace Components {
1409
1363
  * Set the element value.
1410
1364
  */
1411
1365
  "setValue": (value: string) => Promise<void>;
1412
- /**
1413
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
1414
- */
1415
- "tooltip"?: string;
1416
- /**
1417
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
1418
- */
1419
- "tooltipIcon"?: IconName;
1420
- /**
1421
- * _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
1422
- */
1423
- "tooltipIconColor"?: string;
1424
1366
  /**
1425
1367
  * Visual indication of valid state
1426
1368
  */
@@ -1443,24 +1385,6 @@ export namespace Components {
1443
1385
  * Text of an additional marker
1444
1386
  */
1445
1387
  "fieldIndicator"?: string;
1446
- /**
1447
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Tooltip represents additional description
1448
- */
1449
- "tooltip"?: string;
1450
- /**
1451
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Icon tooltip trigger by name from the set
1452
- * @default 'circled-question-mark'
1453
- */
1454
- "tooltipIcon"?: IconName;
1455
- /**
1456
- * _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
1457
- */
1458
- "tooltipIconColor"?: string;
1459
- /**
1460
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines preferable position of the tooltip
1461
- * @default 'right'
1462
- */
1463
- "tooltipPosition"?: TooltipPosition;
1464
1388
  }
1465
1389
  interface RListItem {
1466
1390
  /**
@@ -1504,10 +1428,6 @@ export namespace Components {
1504
1428
  * Defines an icon source to be presented in leading slot
1505
1429
  */
1506
1430
  "leadingIconSrc"?: string;
1507
- /**
1508
- * @deprecated Use `description` instead. Will be removed November 2025. Secondary text displayed below the headline (2nd slot), used for additional details or context.
1509
- */
1510
- "subtext"?: string;
1511
1431
  /**
1512
1432
  * Method to toggle sub-items of the list-item
1513
1433
  */
@@ -1654,11 +1574,6 @@ export namespace Components {
1654
1574
  "variant": PanelVariant;
1655
1575
  }
1656
1576
  interface RPopover {
1657
- /**
1658
- * Defines `aria-label` content for the popover container. Used for accessibility to describe the popover content area.
1659
- * @deprecated This property will be removed in December 2025 release.
1660
- */
1661
- "containerAriaLabel"?: string;
1662
1577
  /**
1663
1578
  * Defines `aria-label` content for the dismiss button. Used for accessibility when dismiss button is present.
1664
1579
  */
@@ -1698,12 +1613,6 @@ export namespace Components {
1698
1613
  * @returns Promise that resolves when the popover is shown
1699
1614
  */
1700
1615
  "show": () => Promise<void>;
1701
- /**
1702
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Size of the Popover: `s` | `l`.
1703
- * @default "s"
1704
- * @deprecated This property will be removed in November 2025 release.
1705
- */
1706
- "size": PopoverSize;
1707
1616
  /**
1708
1617
  * Toggle popover visibility. Shows the popover if hidden, hides it if shown.
1709
1618
  * @returns Promise that resolves when the toggle action is complete
@@ -1786,6 +1695,11 @@ export namespace Components {
1786
1695
  * A radio button is used to select a single option in a list.
1787
1696
  */
1788
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;
1789
1703
  /**
1790
1704
  * When true the radio is selected
1791
1705
  */
@@ -1869,6 +1783,11 @@ export namespace Components {
1869
1783
  interface RRadioButtonTrailing {
1870
1784
  }
1871
1785
  interface RRadioGroup {
1786
+ /**
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;
1872
1791
  /**
1873
1792
  * Validates the radio group without triggering UI and returns a boolean indicating its validity.
1874
1793
  * @returns A boolean indicating whether the radio group is valid.
@@ -1953,31 +1872,10 @@ export namespace Components {
1953
1872
  * @param value - The value to set for the radio group.
1954
1873
  */
1955
1874
  "setValue": (value: string | null) => Promise<void>;
1956
- /**
1957
- * _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`.
1958
- * @default false
1959
- */
1960
- "showValid": boolean;
1961
- /**
1962
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label based text revealed within tooltip
1963
- */
1964
- "tooltip"?: string;
1965
- /**
1966
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
1967
- */
1968
- "tooltipIcon"?: IconName;
1969
- /**
1970
- * _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
1971
- */
1972
- "tooltipIconColor"?: string;
1973
1875
  /**
1974
1876
  * Apply validation success visual style
1975
1877
  */
1976
1878
  "valid"?: boolean;
1977
- /**
1978
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
1979
- */
1980
- "validMessage"?: string;
1981
1879
  /**
1982
1880
  * Displays currently selected value
1983
1881
  */
@@ -2022,10 +1920,6 @@ export namespace Components {
2022
1920
  * Prevent user interaction and apply disabled style
2023
1921
  */
2024
1922
  "disabled"?: boolean;
2025
- /**
2026
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon for select in disabled state
2027
- */
2028
- "disabledIcon"?: IconName;
2029
1923
  /**
2030
1924
  * Custom validation error message
2031
1925
  */
@@ -2086,19 +1980,6 @@ export namespace Components {
2086
1980
  * The text on the label
2087
1981
  */
2088
1982
  "label": string;
2089
- /**
2090
- * _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
2091
- */
2092
- "leadingIcon"?: IconName;
2093
- /**
2094
- * _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
2095
- * @default 's'
2096
- */
2097
- "leadingIconSize"?: IconSize;
2098
- /**
2099
- * _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
2100
- */
2101
- "leadingIconSrc"?: string;
2102
1983
  /**
2103
1984
  * Define wether listbox appears on top or at the bottom of the select
2104
1985
  * @default 'bottom'
@@ -2121,14 +2002,6 @@ export namespace Components {
2121
2002
  * Specifies if element must be ignored during validation of the form elements
2122
2003
  */
2123
2004
  "novalidate"?: boolean;
2124
- /**
2125
- * _DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead) Marks the field as optional
2126
- */
2127
- "optional"?: boolean;
2128
- /**
2129
- * _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
2130
- */
2131
- "optionalText"?: string;
2132
2005
  /**
2133
2006
  * Text that is presented until an option has been selected
2134
2007
  */
@@ -2175,50 +2048,15 @@ export namespace Components {
2175
2048
  * Set value of the select programmatically. Does NOT mark as dirty or emit change events. Use this for programmatic value updates.
2176
2049
  */
2177
2050
  "setValue": (value?: string) => Promise<void>;
2178
- /**
2179
- * Controls the visibility of validation indicators for the field.
2180
- * @default false
2181
- */
2182
- "showValid": boolean;
2183
2051
  /**
2184
2052
  * Defines aria label for combobox toggle button
2185
2053
  * @default "Toggle combobox"
2186
2054
  */
2187
2055
  "toggleButtonAriaLabel"?: string;
2188
- /**
2189
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
2190
- */
2191
- "tooltip"?: string;
2192
- /**
2193
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
2194
- */
2195
- "tooltipIcon"?: IconName;
2196
- /**
2197
- * _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.
2198
- */
2199
- "tooltipIconColor"?: string;
2200
- /**
2201
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by name for select, Default: 'andle-down'
2202
- * @default 'angle-down'
2203
- */
2204
- "trailingIcon": IconName;
2205
- /**
2206
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by source for select
2207
- */
2208
- "trailingIconSrc"?: string;
2209
- /**
2210
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Define size of an icon that serves as trailing icon in select
2211
- * @default 's'
2212
- */
2213
- "tralingIconSize": IconSize;
2214
2056
  /**
2215
2057
  * Visual indication of valid state
2216
2058
  */
2217
2059
  "valid"?: boolean;
2218
- /**
2219
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
2220
- */
2221
- "validMessage"?: string;
2222
2060
  /**
2223
2061
  * Selected value
2224
2062
  */
@@ -2449,14 +2287,6 @@ export namespace Components {
2449
2287
  * Specifies if element must be ignored during validation of the form elements
2450
2288
  */
2451
2289
  "novalidate"?: boolean;
2452
- /**
2453
- * _DEPRECATED_ This property will be removed
2454
- */
2455
- "optional"?: boolean;
2456
- /**
2457
- * _DEPRECATED_ (use `fieldIndicator` instead) Text of an additional marker in the label
2458
- */
2459
- "optionalText"?: string;
2460
2290
  /**
2461
2291
  * Specifies a short hint that describes the expected value of the `<textarea>`, displayed when it is empty.
2462
2292
  * @default 'Provide an input'
@@ -2515,11 +2345,6 @@ export namespace Components {
2515
2345
  * Specifies if the character counter should be visible. Note: The counter will only be rendered when a `maxlength` value is provided.
2516
2346
  */
2517
2347
  "showCounter"?: boolean;
2518
- /**
2519
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
2520
- * @default false
2521
- */
2522
- "showValid": boolean;
2523
2348
  /**
2524
2349
  * Custom message for `tooLong` property of a ValidityState object (set by `maxlength`) within Constrain Validation API.
2525
2350
  */
@@ -2528,26 +2353,10 @@ export namespace Components {
2528
2353
  * Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
2529
2354
  */
2530
2355
  "tooShortMessage"?: string;
2531
- /**
2532
- * _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.
2533
- */
2534
- "tooltip"?: string;
2535
- /**
2536
- * _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.
2537
- */
2538
- "tooltipIcon"?: IconName;
2539
- /**
2540
- * _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.
2541
- */
2542
- "tooltipIconColor"?: string;
2543
2356
  /**
2544
2357
  * Indicates whether the value of the `<textarea>` is valid based on validation rules.
2545
2358
  */
2546
2359
  "valid"?: boolean;
2547
- /**
2548
- * _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.
2549
- */
2550
- "validMessage"?: string;
2551
2360
  /**
2552
2361
  * Represents the current value of the `<textarea>`, reflecting the content entered by the user or provided programmatically.
2553
2362
  * @default this.textareaSlotValue
@@ -2592,10 +2401,6 @@ export namespace Components {
2592
2401
  * @default "manual"
2593
2402
  */
2594
2403
  "dismissMode": ToastDismissMode;
2595
- /**
2596
- * @deprecated Use `dismissMode="manual"` instead. Will be removed November 2025. Shows button, that dismisses the toast.
2597
- */
2598
- "dismissable"?: boolean;
2599
2404
  /**
2600
2405
  * Specifies the headline text for the alert, summarizing its message or purpose.
2601
2406
  */
@@ -2785,16 +2590,6 @@ declare global {
2785
2590
  prototype: HTMLRAccordionElement;
2786
2591
  new (): HTMLRAccordionElement;
2787
2592
  };
2788
- /**
2789
- * An accordion item represents a section within an accordion.
2790
- * Always use `<r-accordion-item>` inside a `<r-accordion>`.
2791
- */
2792
- interface HTMLRAccordionItemElement extends Components.RAccordionItem, HTMLStencilElement {
2793
- }
2794
- var HTMLRAccordionItemElement: {
2795
- prototype: HTMLRAccordionItemElement;
2796
- new (): HTMLRAccordionItemElement;
2797
- };
2798
2593
  interface HTMLRAccordionPanelElement extends Components.RAccordionPanel, HTMLStencilElement {
2799
2594
  }
2800
2595
  var HTMLRAccordionPanelElement: {
@@ -3015,7 +2810,6 @@ declare global {
3015
2810
  new (): HTMLRIconButtonElement;
3016
2811
  };
3017
2812
  interface HTMLRInputElementEventMap {
3018
- "rClickIcon": any;
3019
2813
  "rValidate": {
3020
2814
  state: string,
3021
2815
  message: string
@@ -3122,6 +2916,10 @@ declare global {
3122
2916
  "rReset": {
3123
2917
  element: HTMLRInputPasswordElement,
3124
2918
  value: any
2919
+ };
2920
+ "rVisibilityChange": {
2921
+ element: HTMLRInputPasswordElement,
2922
+ visible: boolean
3125
2923
  };
3126
2924
  }
3127
2925
  interface HTMLRInputPasswordElement extends Components.RInputPassword, HTMLStencilElement {
@@ -3619,7 +3417,6 @@ declare global {
3619
3417
  };
3620
3418
  interface HTMLElementTagNameMap {
3621
3419
  "r-accordion": HTMLRAccordionElement;
3622
- "r-accordion-item": HTMLRAccordionItemElement;
3623
3420
  "r-accordion-panel": HTMLRAccordionPanelElement;
3624
3421
  "r-accordion-section": HTMLRAccordionSectionElement;
3625
3422
  "r-accordion-trigger": HTMLRAccordionTriggerElement;
@@ -3689,26 +3486,11 @@ declare namespace LocalJSX {
3689
3486
  */
3690
3487
  "multiple"?: boolean;
3691
3488
  /**
3692
- * Defines the size of an accordion UI. DEPRECATED: 'small | large', use 's | l' instead
3489
+ * Defines the size of an accordion UI.
3693
3490
  * @default 'l'
3694
3491
  */
3695
3492
  "size"?: AccordionSize;
3696
3493
  }
3697
- /**
3698
- * An accordion item represents a section within an accordion.
3699
- * Always use `<r-accordion-item>` inside a `<r-accordion>`.
3700
- */
3701
- interface RAccordionItem {
3702
- /**
3703
- * When true, the accordion item is expanded
3704
- * @default false
3705
- */
3706
- "expanded"?: boolean;
3707
- /**
3708
- * Header text to be displayed before the content of this accordion item.
3709
- */
3710
- "header"?: string;
3711
- }
3712
3494
  interface RAccordionPanel {
3713
3495
  /**
3714
3496
  * Indication of the panel disabled state.
@@ -3754,40 +3536,6 @@ declare namespace LocalJSX {
3754
3536
  * Indication of the controlled panel revelation.
3755
3537
  */
3756
3538
  "expanded"?: boolean;
3757
- /**
3758
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Icon to be used as status indication
3759
- * @default 'angle-down'
3760
- */
3761
- "icon"?: IconName;
3762
- /**
3763
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Icon for collapsed state
3764
- * @default 'angle-down'
3765
- */
3766
- "iconCollapsed"?: IconName;
3767
- /**
3768
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Icon for expanded state
3769
- * @default 'angle-up'
3770
- */
3771
- "iconExpanded"?: IconName;
3772
- /**
3773
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Icon might be placed before or after content
3774
- * @default 'end'
3775
- */
3776
- "iconPosition"?: IconPosition;
3777
- /**
3778
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the size of an icon used as status indication. Default: `m`.
3779
- * @default 'm'
3780
- */
3781
- "iconSize"?: IconSize;
3782
- /**
3783
- * _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).
3784
- */
3785
- "leadingIcon"?: IconName;
3786
- /**
3787
- * _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`.
3788
- * @default 'm'
3789
- */
3790
- "leadingIconSize"?: IconSize;
3791
3539
  /**
3792
3540
  * Emit click on trigger
3793
3541
  */
@@ -3853,6 +3601,11 @@ declare namespace LocalJSX {
3853
3601
  * Defines an icon source to be presented in leading slot
3854
3602
  */
3855
3603
  "leadingIconSrc"?: string;
3604
+ /**
3605
+ * Defines whether the leading icon is visible.
3606
+ * @default true
3607
+ */
3608
+ "leadingIconVisible"?: boolean;
3856
3609
  /**
3857
3610
  * Defines link label text of the alert
3858
3611
  */
@@ -3968,6 +3721,11 @@ declare namespace LocalJSX {
3968
3721
  * Overall behavior is based on native `<input type="checkbox">`
3969
3722
  */
3970
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;
3971
3729
  /**
3972
3730
  * Pass initial checked state
3973
3731
  */
@@ -4031,19 +3789,10 @@ declare namespace LocalJSX {
4031
3789
  * Specifies if checkbox must be checked
4032
3790
  */
4033
3791
  "required"?: boolean;
4034
- /**
4035
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
4036
- * @default false
4037
- */
4038
- "showValid"?: boolean;
4039
3792
  /**
4040
3793
  * Indicate that validation is successful
4041
3794
  */
4042
3795
  "valid"?: boolean;
4043
- /**
4044
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
4045
- */
4046
- "validMessage"?: string;
4047
3796
  /**
4048
3797
  * Value of element data within a form
4049
3798
  */
@@ -4126,19 +3875,10 @@ declare namespace LocalJSX {
4126
3875
  * Whether to show a "Select All" checkbox.
4127
3876
  */
4128
3877
  "showSelectAll"?: boolean;
4129
- /**
4130
- * _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`.
4131
- * @default false
4132
- */
4133
- "showValid"?: boolean;
4134
3878
  /**
4135
3879
  * Apply validation success visual style
4136
3880
  */
4137
3881
  "valid"?: boolean;
4138
- /**
4139
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
4140
- */
4141
- "validMessage"?: string;
4142
3882
  /**
4143
3883
  * Specifies `value` property of the 'select-all', representing the group as a whole.
4144
3884
  * @default ''
@@ -4337,23 +4077,6 @@ declare namespace LocalJSX {
4337
4077
  * Optional contextual help text displayed beneath the field.
4338
4078
  */
4339
4079
  "hint"?: string;
4340
- /**
4341
- * @deprecated Will be removed November 2025. Legacy single icon (prefer `leading` / `trailing` slots).
4342
- */
4343
- "icon"?: IconName;
4344
- /**
4345
- * @deprecated Will be removed November 2025. Color for legacy icon.
4346
- */
4347
- "iconColor"?: string;
4348
- /**
4349
- * @deprecated Will be removed November 2025. Position of legacy icon: `start` | `end`.
4350
- * @default 'start'
4351
- */
4352
- "iconPosition"?: IconPosition;
4353
- /**
4354
- * @deprecated Will be removed November 2025. Treat legacy icon as submit trigger.
4355
- */
4356
- "iconSubmit"?: boolean;
4357
4080
  /**
4358
4081
  * When true, hides visual label & messages (for internal layout use; accessibility still preserved).
4359
4082
  */
@@ -4401,10 +4124,6 @@ declare namespace LocalJSX {
4401
4124
  element: HTMLRInputElement,
4402
4125
  value: any
4403
4126
  }>) => void;
4404
- /**
4405
- * @deprecated Will be removed November 2025. Emitted when legacy icon is clicked.
4406
- */
4407
- "onRClickIcon"?: (event: RInputCustomEvent<any>) => void;
4408
4127
  /**
4409
4128
  * Emitted when the input receives focus.
4410
4129
  */
@@ -4431,13 +4150,9 @@ declare namespace LocalJSX {
4431
4150
  message: string
4432
4151
  }>) => void;
4433
4152
  /**
4434
- * @deprecated Use `fieldIndicator` instead. Will be removed November 2025. Boolean flag to render an “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
4435
4154
  */
4436
- "optional"?: boolean;
4437
- /**
4438
- * @deprecated Use `fieldIndicator` instead. Will be removed November 2025. Custom text for optional marker.
4439
- */
4440
- "optionalText"?: string;
4155
+ "passwordrules"?: string;
4441
4156
  /**
4442
4157
  * Regex pattern the value must match (string form).
4443
4158
  */
@@ -4466,10 +4181,6 @@ declare namespace LocalJSX {
4466
4181
  * Marks the field as required; failing to provide a value triggers `valueMissing`.
4467
4182
  */
4468
4183
  "required"?: boolean;
4469
- /**
4470
- * @deprecated Will be removed November 2025. Controls visibility of success validation marker.
4471
- */
4472
- "showValid"?: boolean;
4473
4184
  /**
4474
4185
  * Step interval for numeric/date input types.
4475
4186
  */
@@ -4486,18 +4197,6 @@ declare namespace LocalJSX {
4486
4197
  * Custom message for `tooShort`.
4487
4198
  */
4488
4199
  "tooShortMessage"?: string;
4489
- /**
4490
- * @deprecated Use the `popover` slot instead. Will be removed November 2025. Label tooltip text content.
4491
- */
4492
- "tooltip"?: string;
4493
- /**
4494
- * @deprecated Use the `popover` slot instead. Will be removed November 2025. Icon name used as tooltip trigger.
4495
- */
4496
- "tooltipIcon"?: IconName;
4497
- /**
4498
- * @deprecated Use the `popover` slot instead. Will be removed November 2025. Color token for tooltip trigger icon.
4499
- */
4500
- "tooltipIconColor"?: string;
4501
4200
  /**
4502
4201
  * Input type (e.g. `text`, `email`, `number`, `password`). See HTMLInputElement `type` for supported values.
4503
4202
  * @default 'text'
@@ -4512,19 +4211,10 @@ declare namespace LocalJSX {
4512
4211
  */
4513
4212
  "valid"?: boolean;
4514
4213
  /**
4515
- * @deprecated Will be removed November 2025. Legacy boolean to show a validation marker icon.
4516
- * @default false
4517
- */
4518
- "validMarker"?: boolean;
4519
- /**
4520
- * @deprecated Will be removed November 2025. Icon name used when `validMarker` is active and state is valid.
4521
- * @default 'circled-check'
4522
- */
4523
- "validMarkerIcon"?: IconName;
4524
- /**
4525
- * @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
4526
4216
  */
4527
- "validMessage"?: string;
4217
+ "validityMarker"?: boolean;
4528
4218
  /**
4529
4219
  * Current value. Mutable: can be changed programmatically or through user input.
4530
4220
  * @default ''
@@ -4540,6 +4230,11 @@ declare namespace LocalJSX {
4540
4230
  * Defines label for each character's input. Default "Character: ${character number}"
4541
4231
  */
4542
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;
4543
4238
  /**
4544
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.
4545
4240
  */
@@ -4548,6 +4243,11 @@ declare namespace LocalJSX {
4548
4243
  * Whether the input is disabled
4549
4244
  */
4550
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;
4551
4251
  /**
4552
4252
  * The way to provide error message separately from Constraint Validation API.
4553
4253
  */
@@ -4568,22 +4268,27 @@ declare namespace LocalJSX {
4568
4268
  * Description for accessibility
4569
4269
  */
4570
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;
4571
4276
  /**
4572
4277
  * Validity indicator, serving to change UI of the component
4573
4278
  */
4574
4279
  "invalid"?: boolean;
4575
4280
  /**
4576
- * Label for accessibility
4577
- * @default 'Verification code'
4281
+ * Label for accessibility.
4282
+ * @default : 'Verification code'
4578
4283
  */
4579
4284
  "label"?: string;
4580
4285
  /**
4581
- * Number of digits (typically 4–6)
4582
- * @default 4
4286
+ * Number of digits (typically 4–6).
4287
+ * @default : 4
4583
4288
  */
4584
4289
  "length"?: number;
4585
4290
  /**
4586
- * Specifies a name for an input for submittion within formData object.
4291
+ * Specifies a name for an input for submission within formData object.
4587
4292
  * @default 'input-code'
4588
4293
  */
4589
4294
  "name"?: string;
@@ -4619,7 +4324,6 @@ declare namespace LocalJSX {
4619
4324
  "required"?: boolean;
4620
4325
  /**
4621
4326
  * Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
4622
- * @default `All ${this.length} characters must be filled.`
4623
4327
  */
4624
4328
  "tooShortMessage"?: string;
4625
4329
  /**
@@ -4752,18 +4456,6 @@ declare namespace LocalJSX {
4752
4456
  * Specifies that an input is required/must be filled out
4753
4457
  */
4754
4458
  "required"?: boolean;
4755
- /**
4756
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
4757
- */
4758
- "tooltip"?: string;
4759
- /**
4760
- * _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)
4761
- */
4762
- "tooltipIcon"?: IconName;
4763
- /**
4764
- * _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
4765
- */
4766
- "tooltipIconColor"?: string;
4767
4459
  /**
4768
4460
  * Visual indication of valid state
4769
4461
  */
@@ -4784,6 +4476,11 @@ declare namespace LocalJSX {
4784
4476
  "yearAriaLabel"?: string;
4785
4477
  }
4786
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;
4787
4484
  /**
4788
4485
  * Custom error message displayed for any validation failures in the input.
4789
4486
  */
@@ -4830,6 +4527,14 @@ declare namespace LocalJSX {
4830
4527
  * The text on the label
4831
4528
  */
4832
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;
4833
4538
  /**
4834
4539
  * Specifies a name for a input
4835
4540
  */
@@ -4866,6 +4571,25 @@ declare namespace LocalJSX {
4866
4571
  state: string,
4867
4572
  message: string
4868
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;
4869
4593
  /**
4870
4594
  * Specifies a short hint that describes the expected value of a input
4871
4595
  */
@@ -4889,17 +4613,13 @@ declare namespace LocalJSX {
4889
4613
  */
4890
4614
  "shownPasswordMessage"?: string;
4891
4615
  /**
4892
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
4893
- */
4894
- "tooltip"?: string;
4895
- /**
4896
- * _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`.
4897
4617
  */
4898
- "tooltipIcon"?: IconName;
4618
+ "tooLongMessage"?: string;
4899
4619
  /**
4900
- * _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
4620
+ * Custom message for `tooShort`.
4901
4621
  */
4902
- "tooltipIconColor"?: string;
4622
+ "tooShortMessage"?: string;
4903
4623
  /**
4904
4624
  * Visual indication of valid state
4905
4625
  */
@@ -5010,18 +4730,6 @@ declare namespace LocalJSX {
5010
4730
  * Specifies that phone number value is required
5011
4731
  */
5012
4732
  "required"?: boolean;
5013
- /**
5014
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
5015
- */
5016
- "tooltip"?: string;
5017
- /**
5018
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
5019
- */
5020
- "tooltipIcon"?: IconName;
5021
- /**
5022
- * _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
5023
- */
5024
- "tooltipIconColor"?: string;
5025
4733
  /**
5026
4734
  * Visual indication of valid state
5027
4735
  */
@@ -5044,24 +4752,6 @@ declare namespace LocalJSX {
5044
4752
  * Text of an additional marker
5045
4753
  */
5046
4754
  "fieldIndicator"?: string;
5047
- /**
5048
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Tooltip represents additional description
5049
- */
5050
- "tooltip"?: string;
5051
- /**
5052
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Icon tooltip trigger by name from the set
5053
- * @default 'circled-question-mark'
5054
- */
5055
- "tooltipIcon"?: IconName;
5056
- /**
5057
- * _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
5058
- */
5059
- "tooltipIconColor"?: string;
5060
- /**
5061
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines preferable position of the tooltip
5062
- * @default 'right'
5063
- */
5064
- "tooltipPosition"?: TooltipPosition;
5065
4755
  }
5066
4756
  interface RListItem {
5067
4757
  /**
@@ -5105,10 +4795,6 @@ declare namespace LocalJSX {
5105
4795
  * Defines an icon source to be presented in leading slot
5106
4796
  */
5107
4797
  "leadingIconSrc"?: string;
5108
- /**
5109
- * @deprecated Use `description` instead. Will be removed November 2025. Secondary text displayed below the headline (2nd slot), used for additional details or context.
5110
- */
5111
- "subtext"?: string;
5112
4798
  /**
5113
4799
  * Specifies the name of the icon to display in the trailing slot (3rd slot) of the list item.
5114
4800
  */
@@ -5279,11 +4965,6 @@ declare namespace LocalJSX {
5279
4965
  "variant"?: PanelVariant;
5280
4966
  }
5281
4967
  interface RPopover {
5282
- /**
5283
- * Defines `aria-label` content for the popover container. Used for accessibility to describe the popover content area.
5284
- * @deprecated This property will be removed in December 2025 release.
5285
- */
5286
- "containerAriaLabel"?: string;
5287
4968
  /**
5288
4969
  * Defines `aria-label` content for the dismiss button. Used for accessibility when dismiss button is present.
5289
4970
  */
@@ -5319,12 +5000,6 @@ declare namespace LocalJSX {
5319
5000
  * @default false
5320
5001
  */
5321
5002
  "open"?: boolean;
5322
- /**
5323
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Size of the Popover: `s` | `l`.
5324
- * @default "s"
5325
- * @deprecated This property will be removed in November 2025 release.
5326
- */
5327
- "size"?: PopoverSize;
5328
5003
  /**
5329
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
5330
5005
  * @default "toggle"
@@ -5377,6 +5052,11 @@ declare namespace LocalJSX {
5377
5052
  * A radio button is used to select a single option in a list.
5378
5053
  */
5379
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;
5380
5060
  /**
5381
5061
  * When true the radio is selected
5382
5062
  */
@@ -5480,6 +5160,11 @@ declare namespace LocalJSX {
5480
5160
  interface RRadioButtonTrailing {
5481
5161
  }
5482
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;
5483
5168
  /**
5484
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.
5485
5170
  */
@@ -5541,31 +5226,10 @@ declare namespace LocalJSX {
5541
5226
  * Specifies if radio-button within group must be checked
5542
5227
  */
5543
5228
  "required"?: boolean;
5544
- /**
5545
- * _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`.
5546
- * @default false
5547
- */
5548
- "showValid"?: boolean;
5549
- /**
5550
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label based text revealed within tooltip
5551
- */
5552
- "tooltip"?: string;
5553
- /**
5554
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
5555
- */
5556
- "tooltipIcon"?: IconName;
5557
- /**
5558
- * _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
5559
- */
5560
- "tooltipIconColor"?: string;
5561
5229
  /**
5562
5230
  * Apply validation success visual style
5563
5231
  */
5564
5232
  "valid"?: boolean;
5565
- /**
5566
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
5567
- */
5568
- "validMessage"?: string;
5569
5233
  /**
5570
5234
  * Displays currently selected value
5571
5235
  */
@@ -5597,10 +5261,6 @@ declare namespace LocalJSX {
5597
5261
  * Prevent user interaction and apply disabled style
5598
5262
  */
5599
5263
  "disabled"?: boolean;
5600
- /**
5601
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon for select in disabled state
5602
- */
5603
- "disabledIcon"?: IconName;
5604
5264
  /**
5605
5265
  * Custom validation error message
5606
5266
  */
@@ -5638,19 +5298,6 @@ declare namespace LocalJSX {
5638
5298
  * The text on the label
5639
5299
  */
5640
5300
  "label": string;
5641
- /**
5642
- * _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
5643
- */
5644
- "leadingIcon"?: IconName;
5645
- /**
5646
- * _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
5647
- * @default 's'
5648
- */
5649
- "leadingIconSize"?: IconSize;
5650
- /**
5651
- * _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
5652
- */
5653
- "leadingIconSrc"?: string;
5654
5301
  /**
5655
5302
  * Define wether listbox appears on top or at the bottom of the select
5656
5303
  * @default 'bottom'
@@ -5690,14 +5337,6 @@ declare namespace LocalJSX {
5690
5337
  state: string,
5691
5338
  message: string
5692
5339
  }>) => void;
5693
- /**
5694
- * _DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead) Marks the field as optional
5695
- */
5696
- "optional"?: boolean;
5697
- /**
5698
- * _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
5699
- */
5700
- "optionalText"?: string;
5701
5340
  /**
5702
5341
  * Text that is presented until an option has been selected
5703
5342
  */
@@ -5710,50 +5349,15 @@ declare namespace LocalJSX {
5710
5349
  * Specifies that select value is required
5711
5350
  */
5712
5351
  "required"?: boolean;
5713
- /**
5714
- * Controls the visibility of validation indicators for the field.
5715
- * @default false
5716
- */
5717
- "showValid"?: boolean;
5718
5352
  /**
5719
5353
  * Defines aria label for combobox toggle button
5720
5354
  * @default "Toggle combobox"
5721
5355
  */
5722
5356
  "toggleButtonAriaLabel"?: string;
5723
- /**
5724
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip text
5725
- */
5726
- "tooltip"?: string;
5727
- /**
5728
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.) Label tooltip trigger icon
5729
- */
5730
- "tooltipIcon"?: IconName;
5731
- /**
5732
- * _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.
5733
- */
5734
- "tooltipIconColor"?: string;
5735
- /**
5736
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by name for select, Default: 'andle-down'
5737
- * @default 'angle-down'
5738
- */
5739
- "trailingIcon"?: IconName;
5740
- /**
5741
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Defines the trailing icon defined by source for select
5742
- */
5743
- "trailingIconSrc"?: string;
5744
- /**
5745
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Define size of an icon that serves as trailing icon in select
5746
- * @default 's'
5747
- */
5748
- "tralingIconSize"?: IconSize;
5749
5357
  /**
5750
5358
  * Visual indication of valid state
5751
5359
  */
5752
5360
  "valid"?: boolean;
5753
- /**
5754
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Set custom message if the element meets all its validation constraints.
5755
- */
5756
- "validMessage"?: string;
5757
5361
  /**
5758
5362
  * Selected value
5759
5363
  */
@@ -6007,14 +5611,6 @@ declare namespace LocalJSX {
6007
5611
  state: string,
6008
5612
  message: string
6009
5613
  }>) => void;
6010
- /**
6011
- * _DEPRECATED_ This property will be removed
6012
- */
6013
- "optional"?: boolean;
6014
- /**
6015
- * _DEPRECATED_ (use `fieldIndicator` instead) Text of an additional marker in the label
6016
- */
6017
- "optionalText"?: string;
6018
5614
  /**
6019
5615
  * Specifies a short hint that describes the expected value of the `<textarea>`, displayed when it is empty.
6020
5616
  * @default 'Provide an input'
@@ -6041,11 +5637,6 @@ declare namespace LocalJSX {
6041
5637
  * Specifies if the character counter should be visible. Note: The counter will only be rendered when a `maxlength` value is provided.
6042
5638
  */
6043
5639
  "showCounter"?: boolean;
6044
- /**
6045
- * _DEPRECATED_ (This property will be removed in November 2025 release.) Controls the visibility of validation indicators for the field.
6046
- * @default false
6047
- */
6048
- "showValid"?: boolean;
6049
5640
  /**
6050
5641
  * Custom message for `tooLong` property of a ValidityState object (set by `maxlength`) within Constrain Validation API.
6051
5642
  */
@@ -6054,26 +5645,10 @@ declare namespace LocalJSX {
6054
5645
  * Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API
6055
5646
  */
6056
5647
  "tooShortMessage"?: string;
6057
- /**
6058
- * _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.
6059
- */
6060
- "tooltip"?: string;
6061
- /**
6062
- * _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.
6063
- */
6064
- "tooltipIcon"?: IconName;
6065
- /**
6066
- * _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.
6067
- */
6068
- "tooltipIconColor"?: string;
6069
5648
  /**
6070
5649
  * Indicates whether the value of the `<textarea>` is valid based on validation rules.
6071
5650
  */
6072
5651
  "valid"?: boolean;
6073
- /**
6074
- * _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.
6075
- */
6076
- "validMessage"?: string;
6077
5652
  /**
6078
5653
  * Represents the current value of the `<textarea>`, reflecting the content entered by the user or provided programmatically.
6079
5654
  * @default this.textareaSlotValue
@@ -6114,10 +5689,6 @@ declare namespace LocalJSX {
6114
5689
  * @default "manual"
6115
5690
  */
6116
5691
  "dismissMode"?: ToastDismissMode;
6117
- /**
6118
- * @deprecated Use `dismissMode="manual"` instead. Will be removed November 2025. Shows button, that dismisses the toast.
6119
- */
6120
- "dismissable"?: boolean;
6121
5692
  /**
6122
5693
  * Specifies the headline text for the alert, summarizing its message or purpose.
6123
5694
  */
@@ -6194,7 +5765,6 @@ declare namespace LocalJSX {
6194
5765
  }
6195
5766
  interface IntrinsicElements {
6196
5767
  "r-accordion": RAccordion;
6197
- "r-accordion-item": RAccordionItem;
6198
5768
  "r-accordion-panel": RAccordionPanel;
6199
5769
  "r-accordion-section": RAccordionSection;
6200
5770
  "r-accordion-trigger": RAccordionTrigger;
@@ -6262,11 +5832,6 @@ declare module "@stencil/core" {
6262
5832
  * ```
6263
5833
  */
6264
5834
  "r-accordion": LocalJSX.RAccordion & JSXBase.HTMLAttributes<HTMLRAccordionElement>;
6265
- /**
6266
- * An accordion item represents a section within an accordion.
6267
- * Always use `<r-accordion-item>` inside a `<r-accordion>`.
6268
- */
6269
- "r-accordion-item": LocalJSX.RAccordionItem & JSXBase.HTMLAttributes<HTMLRAccordionItemElement>;
6270
5835
  "r-accordion-panel": LocalJSX.RAccordionPanel & JSXBase.HTMLAttributes<HTMLRAccordionPanelElement>;
6271
5836
  "r-accordion-section": LocalJSX.RAccordionSection & JSXBase.HTMLAttributes<HTMLRAccordionSectionElement>;
6272
5837
  "r-accordion-trigger": LocalJSX.RAccordionTrigger & JSXBase.HTMLAttributes<HTMLRAccordionTriggerElement>;