@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
@@ -1,2 +1,2 @@
1
- export declare const accordionSizeArray: readonly ["small", "large", "s", "l"];
1
+ export declare const accordionSizeArray: readonly ["s", "l"];
2
2
  export type AccordionSize = typeof accordionSizeArray[number];
@@ -1,5 +1,4 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import { IconName, IconPosition, IconSize } from '../icon/exports';
3
2
  export declare class AccordionTrigger {
4
3
  /** Current element */
5
4
  host: HTMLRAccordionTriggerElement;
@@ -11,41 +10,6 @@ export declare class AccordionTrigger {
11
10
  disabled?: boolean;
12
11
  /** Controls if expanded and collapsed icons are not the same */
13
12
  splitted?: boolean;
14
- /**
15
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
16
- * Icon to be used as status indication
17
- **/
18
- icon: IconName;
19
- /**
20
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
21
- * Defines the size of an icon used as status indication. Default: `m`.
22
- **/
23
- iconSize: IconSize;
24
- /**
25
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
26
- * Icon might be placed before or after content
27
- **/
28
- iconPosition: IconPosition;
29
- /**
30
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
31
- * Icon for expanded state
32
- **/
33
- iconExpanded?: IconName;
34
- /**
35
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
36
- * Icon for collapsed state
37
- **/
38
- iconCollapsed?: IconName;
39
- /**
40
- * _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead)
41
- * Name of an icon rendered within leading slot (before content).
42
- * */
43
- leadingIcon?: IconName;
44
- /**
45
- * _DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead)
46
- * Defines the size of an icon in leading slot. Default: `m`.
47
- * */
48
- leadingIconSize: IconSize;
49
13
  /** Emit click on trigger */
50
14
  rClickTrigger: EventEmitter<{
51
15
  element: HTMLRAccordionTriggerElement;
@@ -13,6 +13,11 @@ export declare class Alert {
13
13
  leadingIconSrc?: string;
14
14
  /** Defines an icon size to be presented in leading slot*/
15
15
  leadingIconSize: IconSize;
16
+ /**
17
+ * Defines whether the leading icon is visible.
18
+ * @default true
19
+ * */
20
+ leadingIconVisible: boolean;
16
21
  /** Defines an icon to be presented in trailing slot */
17
22
  trailingIcon?: IconName;
18
23
  /** Defines an icon source to be presented in trailing slot */
@@ -40,7 +45,6 @@ export declare class Alert {
40
45
  /** Emit click on trigger */
41
46
  rClickAlertTrailingIcon: EventEmitter;
42
47
  private isElContent;
43
- private get isLeadingIcon();
44
48
  private get isLeadingSlot();
45
49
  private get isLeading();
46
50
  private get isTrailingIcon();
@@ -53,6 +57,7 @@ export declare class Alert {
53
57
  private get isMain();
54
58
  private get isDelay();
55
59
  private get headlineSlotContent();
60
+ private get statusBasedLeadingIconName();
56
61
  private collapseAlert;
57
62
  private startCollapseTimer;
58
63
  private handleTrailingButtonClick;
@@ -22,18 +22,10 @@ export declare class Checkbox {
22
22
  indeterminate?: boolean;
23
23
  /** Prevent user interaction and apply disabled style */
24
24
  disabled?: boolean;
25
- /**
26
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
27
- * Controls the visibility of validation indicators for the field.
28
- * */
29
- showValid: boolean;
25
+ /** 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. */
26
+ autofocus?: boolean;
30
27
  /** Indicate that validation is successful */
31
28
  valid?: boolean;
32
- /**
33
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
34
- * Set custom message if the element meets all its validation constraints.
35
- * */
36
- validMessage?: string;
37
29
  /** Indicate that validation has failed */
38
30
  invalid?: boolean;
39
31
  /** Custom validation error message */
@@ -46,6 +38,7 @@ export declare class Checkbox {
46
38
  customErrorMessage?: string;
47
39
  validityState: string;
48
40
  validityMessage: string;
41
+ touched: boolean;
49
42
  /**
50
43
  * Emit custom `rChange` event when checkbox onChange event emitted.
51
44
  * Emitted `event.details` contain checkbox value and checked state.
@@ -66,13 +59,6 @@ export declare class Checkbox {
66
59
  state: string;
67
60
  message: string;
68
61
  }>;
69
- /** Identify wrapping form element */
70
- private get parentFormEl();
71
- /** Determine whether this element should be ignored during Constraint Validation API validation. */
72
- private get isNoValidate();
73
- private initial;
74
- private getValidityStateData;
75
- private validateFormElement;
76
62
  /**
77
63
  * Asynchronously retrieves the validity state of the checkbox.
78
64
  *
@@ -88,21 +74,6 @@ export declare class Checkbox {
88
74
  state: string;
89
75
  message: string;
90
76
  }>;
91
- /** Unique id */
92
- private uniqueId;
93
- touched: boolean;
94
- handleCheckedChange(): Promise<void>;
95
- private handleClick;
96
- private nativeElement?;
97
- private onSubmitForm;
98
- private onResetForm;
99
- private contributeToFormData;
100
- private connectFormEventListeners;
101
- private disconnectFormEventListeners;
102
- componentWillLoad(): void;
103
- componentDidLoad(): void;
104
- connectedCallback(): void;
105
- disconnectedCallback(): void;
106
77
  /**
107
78
  * Sets focus on the checkbox element.
108
79
  */
@@ -136,11 +107,30 @@ export declare class Checkbox {
136
107
  * @returns A boolean indicating whether the checkbox is valid.
137
108
  */
138
109
  checkValidity(): Promise<boolean>;
110
+ private initial;
111
+ private nativeElement?;
112
+ private uniqueId;
113
+ handleCheckedChange(): Promise<void>;
114
+ /** Identify wrapping form element */
115
+ private get parentFormEl();
116
+ /** Determine whether this element should be ignored during Constraint Validation API validation. */
117
+ private get isNoValidate();
139
118
  private get hasErrorMessage();
140
119
  private get hasCustomErrorMessage();
141
120
  private get hasValidationError();
142
121
  private get hasInvalidMessage();
143
- private get hasValidMessage();
144
- private get hasMessage();
122
+ private getValidityStateData;
123
+ private validateFormElement;
124
+ private handleClick;
125
+ private onSubmitForm;
126
+ private onResetForm;
127
+ private contributeToFormData;
128
+ private connectFormEventListeners;
129
+ private disconnectFormEventListeners;
130
+ private applyAutofocus;
131
+ componentWillLoad(): void;
132
+ componentDidLoad(): void;
133
+ connectedCallback(): void;
134
+ disconnectedCallback(): void;
145
135
  render(): any;
146
136
  }
@@ -23,19 +23,8 @@ export declare class CheckboxGroup {
23
23
  * within Constrain Validation API
24
24
  * */
25
25
  valueMissingMessage?: string;
26
- /**
27
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
28
- * Indicates whether to show the validation state.
29
- * When set to `true`, the component will display validation feedback.
30
- * Defaults to `false`.
31
- * */
32
- showValid: boolean;
33
26
  /** Apply validation success visual style */
34
27
  valid?: boolean;
35
- /**
36
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
37
- * Set custom message if the element meets all its validation constraints. */
38
- validMessage?: string;
39
28
  /** Apply validation error visual style */
40
29
  invalid?: boolean;
41
30
  /** Custom validation error message */
@@ -44,8 +44,6 @@ export declare class Dialog {
44
44
  handleOpenChange(): void;
45
45
  private dialogElement;
46
46
  private uniqueId;
47
- private isElContent;
48
- private get isFooterSlot();
49
47
  private get dialogLabel();
50
48
  /**
51
49
  * Emitted when the dialog is closed.
@@ -1,5 +1,4 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import type { IconName, IconPosition } from '../icon/exports';
3
2
  import type { InputAutocomplete, InputType } from './exports';
4
3
  export declare class RInput {
5
4
  host: HTMLRInputElement;
@@ -42,83 +41,18 @@ export declare class RInput {
42
41
  * When true, hides visual label & messages (for internal layout use; accessibility still preserved).
43
42
  */
44
43
  internal?: boolean;
45
- /**
46
- * @deprecated Use `fieldIndicator` instead. Will be removed November 2025.
47
- * Boolean flag to render an “optional” marker.
48
- */
49
- optional?: boolean;
50
- /**
51
- * @deprecated Use `fieldIndicator` instead. Will be removed November 2025.
52
- * Custom text for optional marker.
53
- */
54
- optionalText?: string;
55
- /**
56
- * @deprecated Use the `popover` slot instead. Will be removed November 2025.
57
- * Label tooltip text content.
58
- */
59
- tooltip?: string;
60
- /**
61
- * @deprecated Use the `popover` slot instead. Will be removed November 2025.
62
- * Icon name used as tooltip trigger.
63
- */
64
- tooltipIcon?: IconName;
65
- /**
66
- * @deprecated Use the `popover` slot instead. Will be removed November 2025.
67
- * Color token for tooltip trigger icon.
68
- */
69
- tooltipIconColor?: string;
70
44
  /**
71
45
  * Optional contextual help text displayed beneath the field.
72
46
  */
73
47
  hint?: string;
74
- /**
75
- * @deprecated Will be removed November 2025.
76
- * Legacy single icon (prefer `leading` / `trailing` slots).
77
- */
78
- icon?: IconName;
79
- /**
80
- * @deprecated Will be removed November 2025.
81
- * Color for legacy icon.
82
- */
83
- iconColor?: string;
84
- /**
85
- * @deprecated Will be removed November 2025.
86
- * Position of legacy icon: `start` | `end`.
87
- */
88
- iconPosition: IconPosition;
89
- /**
90
- * @deprecated Will be removed November 2025.
91
- * Treat legacy icon as submit trigger.
92
- */
93
- iconSubmit?: boolean;
94
48
  /**
95
49
  * When true, stretches the component horizontally to fill its container.
96
50
  */
97
51
  fullWidth?: boolean;
98
- /**
99
- * @deprecated Will be removed November 2025.
100
- * Controls visibility of success validation marker.
101
- */
102
- showValid?: boolean;
103
52
  /**
104
53
  * Explicit valid state override (when set manually).
105
54
  */
106
55
  valid?: boolean;
107
- /**
108
- * @deprecated Will be removed November 2025.
109
- * Legacy boolean to show a validation marker icon.
110
- */
111
- validMarker: boolean;
112
- /**
113
- * @deprecated Will be removed November 2025.
114
- * Icon name used when `validMarker` is active and state is valid.
115
- */
116
- validMarkerIcon: IconName;
117
- /**
118
- * @deprecated Will be removed November 2025.
119
- * Custom success message when field is valid.
120
- */
121
- validMessage?: string;
122
56
  /**
123
57
  * Explicit invalid state override (when set manually).
124
58
  */
@@ -176,6 +110,13 @@ export declare class RInput {
176
110
  * Native `autocomplete` hint for browsers / password managers.
177
111
  */
178
112
  autocomplete?: InputAutocomplete;
113
+ /**
114
+ * Safari-specific password rules for strong password generation (password inputs only).
115
+ * Format: "minlength: X; required: lower; required: upper; required: digit; required: special;"
116
+ * This attribute is Safari-specific and will be ignored by other browsers.
117
+ * See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
118
+ */
119
+ passwordrules?: string;
179
120
  /**
180
121
  * Automatically focus the input when it is first rendered.
181
122
  * Mirrors native `autofocus` attribute behavior. Avoid using multiple times per page.
@@ -186,15 +127,20 @@ export declare class RInput {
186
127
  * but the field can still receive focus, be selected, and be submitted with a form.
187
128
  */
188
129
  readonly?: boolean;
130
+ /**
131
+ * When `true` field renders valid/invalid marker within.
132
+ */
133
+ validityMarker: boolean;
189
134
  /** Validity state passed from validateFormElement function after validation */
190
135
  validityState: string;
191
136
  /** Validity message passed from validateFormElement function after validation */
192
137
  validityMessage: string;
193
- /**
194
- * @deprecated Will be removed November 2025.
195
- * Emitted when legacy icon is clicked.
196
- */
197
- rClickIcon: EventEmitter;
138
+ /** Defines if the component has been touched by user */
139
+ touched: boolean;
140
+ /** Defines if the value has been changed by user interaction */
141
+ dirty: boolean;
142
+ /** Private flag to prevent validation during reset */
143
+ private isResetting;
198
144
  /**
199
145
  * Emitted after each validation attempt (native or triggered logic).
200
146
  */
@@ -271,6 +217,18 @@ export declare class RInput {
271
217
  * @returns A boolean indicating whether the input is valid.
272
218
  */
273
219
  checkValidity(): Promise<boolean>;
220
+ /**
221
+ * Gets the touched state (whether user has interacted with the input)
222
+ */
223
+ isTouched(): Promise<boolean>;
224
+ /**
225
+ * Gets the dirty state (whether value has been changed by user)
226
+ */
227
+ isDirty(): Promise<boolean>;
228
+ /**
229
+ * Resets touched and dirty states to pristine (untouched/clean)
230
+ */
231
+ markAsPristine(): Promise<void>;
274
232
  private nativeElement;
275
233
  private uniqueId;
276
234
  /**
@@ -282,7 +240,6 @@ export declare class RInput {
282
240
  private get ariaDescribedBy();
283
241
  private get hasError();
284
242
  private get hasValidationError();
285
- private get hasValidationSuccess();
286
243
  private get hasMessage();
287
244
  /**
288
245
  * Determine whether this element should be ignored
@@ -308,5 +265,6 @@ export declare class RInput {
308
265
  private handleKeyup;
309
266
  private handleClick;
310
267
  handleValueChange(): void;
268
+ handleTypeChange(): void;
311
269
  render(): any;
312
270
  }
@@ -0,0 +1,4 @@
1
+ export declare const inputModeArray: readonly ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"];
2
+ export declare const enterKeyHintArray: readonly ["enter", "done", "go", "next", "previous", "search", "send"];
3
+ export type InputMode = typeof inputModeArray[number];
4
+ export type EnterKeyHint = typeof enterKeyHintArray[number];
@@ -1,11 +1,14 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
+ import type { InputMode, EnterKeyHint } from './exports';
2
3
  export declare class InputCode {
3
4
  host: HTMLRInputCodeElement;
4
5
  /** Specifies the `id` of the `<form>` to which the element belongs. */
5
6
  form?: string;
6
- /** Specifies a name for an input for submittion within formData object. */
7
+ /** Specifies a name for an input for submission within formData object. */
7
8
  name: string;
8
- /** Number of digits (typically 4–6) */
9
+ /** Number of digits (typically 4–6).
10
+ * @default: 4
11
+ */
9
12
  length: number;
10
13
  /** Whether the input is disabled */
11
14
  disabled?: boolean;
@@ -18,7 +21,9 @@ export declare class InputCode {
18
21
  * but the field can still receive focus, be selected, and be submitted with a form.
19
22
  */
20
23
  readonly?: boolean;
21
- /** Label for accessibility */
24
+ /** Label for accessibility.
25
+ * @default: 'Verification code'
26
+ */
22
27
  label: string;
23
28
  /** Text of an additional marker in the label */
24
29
  fieldIndicator?: string;
@@ -31,7 +36,7 @@ export declare class InputCode {
31
36
  /** Visual indication of valid state */
32
37
  valid?: boolean;
33
38
  /** Set custom message for `tooShort` property of a ValidityState object (set by `minlength`) within Constrain Validation API */
34
- tooShortMessage: string;
39
+ tooShortMessage?: string;
35
40
  /** 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. */
36
41
  customErrorMessage?: string;
37
42
  /** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
@@ -43,6 +48,18 @@ export declare class InputCode {
43
48
  ariaCharacterLabel?: string;
44
49
  /** Defines initial value */
45
50
  value?: string | null;
51
+ /** Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.
52
+ * @default: 'numeric'
53
+ */
54
+ inputmode?: InputMode;
55
+ /** Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.
56
+ * @default: 'done'
57
+ */
58
+ enterkeyhint?: EnterKeyHint;
59
+ /** Specifies the autocomplete behavior. Default is 'one-time-code' for SMS OTP autofill.
60
+ * @default: 'one-time-code'
61
+ */
62
+ autocomplete?: string;
46
63
  /** Emits the current code value as it changes */
47
64
  rChange: EventEmitter<{
48
65
  value: string;
@@ -60,10 +77,16 @@ export declare class InputCode {
60
77
  /** Holds the current values of each input box */
61
78
  values: string[];
62
79
  /** Validity state passed from validateFormElement function after validation */
63
- validityState: string;
80
+ validityState: string | null;
64
81
  /** Validity message passed from validateFormElement function after validation */
65
- validityMessage: string;
82
+ validityMessage: string | null;
66
83
  private inputs;
84
+ /**
85
+ * Validates segment index and throws descriptive errors if invalid.
86
+ * @param index - The index to validate
87
+ * @throws Error if index is not an integer or out of bounds
88
+ */
89
+ private validateSegmentIndex;
67
90
  /**
68
91
  * Gets the current complete code value by joining all individual digit values.
69
92
  * @returns Promise that resolves to the complete code string
@@ -77,13 +100,32 @@ export declare class InputCode {
77
100
  /**
78
101
  * Sets provided value.
79
102
  * */
80
- setValue(value: any): Promise<void>;
103
+ setValue(value: string | null): Promise<void>;
81
104
  /**
82
105
  * Validates the input code without triggering UI and returns a boolean indicating its validity.
83
106
  * @returns A boolean indicating whether the input code is valid.
84
107
  */
85
108
  checkValidity(): Promise<boolean>;
109
+ /**
110
+ * Focuses a specific segment (input) by index.
111
+ * @param index - The zero-based index of the segment to focus (0 to length-1)
112
+ * @returns Promise that resolves when focus is set, or rejects if index is invalid
113
+ */
114
+ focusSegment(index: number): Promise<void>;
115
+ /**
116
+ * Gets the value of a specific segment by index.
117
+ * @param index - The zero-based index of the segment (0 to length-1)
118
+ * @returns Promise that resolves to the segment value (single character string or empty string)
119
+ */
120
+ getSegmentValue(index: number): Promise<string>;
121
+ /**
122
+ * Sets the value of a specific segment by index.
123
+ * @param index - The zero-based index of the segment (0 to length-1)
124
+ * @param value - The value to set (will be truncated to first character if longer)
125
+ */
126
+ setSegmentValue(index: number, value: string): Promise<void>;
86
127
  handleValuesChange(): void;
128
+ handleLengthChange(newLength: number): void;
87
129
  private handleInput;
88
130
  private handleKeyDown;
89
131
  private createInputHandler;
@@ -1,5 +1,4 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import type { IconName } from "../icon/exports";
3
2
  import { DateStructure } from "./exports";
4
3
  export declare class InputDate {
5
4
  host: HTMLRInputDateElement;
@@ -17,21 +16,6 @@ export declare class InputDate {
17
16
  label: string;
18
17
  /** Text of an additional marker in the label */
19
18
  fieldIndicator?: string;
20
- /**
21
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
22
- * Label tooltip text
23
- * */
24
- tooltip?: string;
25
- /**
26
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
27
- * Tooltip trigger icon by name from [Riverty icons set](https://storybook.riverty.design/?path=/story/components-icon--riverty-kit)
28
- * */
29
- tooltipIcon?: IconName;
30
- /**
31
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
32
- * Change color of an icon that triggers tooltip to one of the Riverty color tokens
33
- * */
34
- tooltipIconColor?: string;
35
19
  /**
36
20
  * Optional hint, visually presented under the input,
37
21
  * giving additional context to the user
@@ -0,0 +1 @@
1
+ export type PasswordAutocomplete = 'current-password' | 'new-password' | 'off';
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import type { IconName } from "../icon/exports";
2
+ import type { PasswordAutocomplete } from './exports';
3
3
  export declare class InputPassword {
4
4
  host: HTMLRInputPasswordElement;
5
5
  /** Specifies the `id` of the `<form>` to which the element belongs */
@@ -16,21 +16,6 @@ export declare class InputPassword {
16
16
  label: string;
17
17
  /** Text of an additional marker in the label */
18
18
  fieldIndicator?: string;
19
- /**
20
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
21
- * Label tooltip text
22
- * */
23
- tooltip?: string;
24
- /**
25
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
26
- * Tooltip trigger icon by name from [Riverty icons set](https://storybook.riverty.design/?path=/story/components-icon--riverty-kit)
27
- * */
28
- tooltipIcon?: IconName;
29
- /**
30
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
31
- * Change color of an icon that triggers tooltip to one of the Riverty color tokens
32
- * */
33
- tooltipIconColor?: string;
34
19
  /**
35
20
  * Optional hint, visually presented under the input,
36
21
  * giving additional context to the user
@@ -53,8 +38,20 @@ export declare class InputPassword {
53
38
  readonly?: boolean;
54
39
  /** Specifies that an input is required/must be filled out */
55
40
  required?: boolean;
41
+ /** Maximum character length (enforced by native input). */
42
+ maxlength?: number;
43
+ /** Minimum character length (validation only). */
44
+ minlength?: number;
45
+ /** Regex pattern the value must match (string form). */
46
+ pattern?: string;
56
47
  /** Set custom message for `valueMissing` property of a ValidityState object (set by `required`) within Constrain Validation API */
57
48
  valueMissingMessage?: string;
49
+ /** Custom message for `tooLong`. */
50
+ tooLongMessage?: string;
51
+ /** Custom message for `tooShort`. */
52
+ tooShortMessage?: string;
53
+ /** Custom message for `patternMismatch`. */
54
+ patternMismatchMessage?: string;
58
55
  /** Custom error message displayed for any validation failures in the input. */
59
56
  customErrorMessage?: string;
60
57
  /**
@@ -69,6 +66,36 @@ export declare class InputPassword {
69
66
  shownPasswordMessage: string;
70
67
  /** Custom message when the password is hidden to alert screen reader users. */
71
68
  hiddenPasswordMessage: string;
69
+ /**
70
+ * Safari-specific password rules for strong password generation.
71
+ * Format: "minlength: X; required: lower; required: upper; required: digit; required: special;"
72
+ * Example: "minlength: 8; required: lower; required: upper; required: digit; required: special;"
73
+ * Note: This attribute is Safari-specific and will be ignored by other browsers.
74
+ * See: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules
75
+ */
76
+ passwordrules?: string;
77
+ /**
78
+ * Password-specific autocomplete behavior for browser password managers.
79
+ *
80
+ * @example
81
+ * **Usage Guidelines:**
82
+ * - `'current-password'`: Use in login forms where users enter their existing password
83
+ * - `'new-password'`: Use in registration forms or password change forms for the new password field
84
+ * - `'off'`: Disable autofill in sensitive contexts where password managers should not suggest values
85
+ *
86
+ * **Common Patterns:**
87
+ * ```tsx
88
+ * // Login form
89
+ * <r-input-password autocomplete="current-password" />
90
+ *
91
+ * // Registration form
92
+ * <r-input-password autocomplete="new-password" />
93
+ *
94
+ * // Sensitive form (e.g., admin panel)
95
+ * <r-input-password autocomplete="off" />
96
+ * ```
97
+ */
98
+ autocomplete?: PasswordAutocomplete;
72
99
  showed: boolean;
73
100
  /** Validity state passed from validateFormElement function after validation */
74
101
  validityState: string;
@@ -95,6 +122,11 @@ export declare class InputPassword {
95
122
  element: HTMLRInputPasswordElement;
96
123
  value: any;
97
124
  }>;
125
+ /** Emits 'rVisibilityChange' event when password visibility is toggled */
126
+ rVisibilityChange: EventEmitter<{
127
+ element: HTMLRInputPasswordElement;
128
+ visible: boolean;
129
+ }>;
98
130
  /**
99
131
  * Toggle password text visibility.
100
132
  * */
@@ -1,5 +1,4 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import type { IconName } from "../icon/exports";
3
2
  export declare class InputPhoneNumber {
4
3
  host: HTMLRInputPhoneNumberElement;
5
4
  /** Phone number value */
@@ -14,21 +13,6 @@ export declare class InputPhoneNumber {
14
13
  fieldIndicator?: string;
15
14
  /** Optional hint giving additional context to the user */
16
15
  hint?: string;
17
- /**
18
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
19
- * Label tooltip text
20
- * */
21
- tooltip?: string;
22
- /**
23
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
24
- * Label tooltip trigger icon
25
- * */
26
- tooltipIcon?: IconName;
27
- /**
28
- * _DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)
29
- * Change color of an icon that triggers tooltip to one of the Riverty color tokens
30
- * */
31
- tooltipIconColor?: string;
32
16
  /** Specifies a name for an input for submitting within formData object. */
33
17
  name: string;
34
18
  /** Label for phone input */
@@ -1,26 +1,8 @@
1
- import type { IconName } from '../icon/exports';
2
- import { TooltipPosition } from '../tooltip/exports';
3
1
  /**
4
2
  * Utility component, mostly used internally in other design system components,
5
3
  * for consistent presentation of text with optional associated tooltip.
6
4
  */
7
5
  export declare class RLabel {
8
- /**
9
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
10
- * Tooltip represents additional description */
11
- tooltip?: string;
12
- /**
13
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
14
- * Defines preferable position of the tooltip */
15
- tooltipPosition?: TooltipPosition;
16
- /**
17
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
18
- * Icon tooltip trigger by name from the set */
19
- tooltipIcon?: IconName;
20
- /**
21
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
22
- * Change color of an icon that triggers tooltip to one of the Riverty color tokens */
23
- tooltipIconColor?: string;
24
6
  /** Text of an additional marker */
25
7
  fieldIndicator?: string;
26
8
  render(): any;