@riverty/web-components 5.8.0 → 6.1.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 (281) hide show
  1. package/CHANGELOG.md +107 -0
  2. package/custom-elements.json +215 -362
  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-icon.cjs.entry.js +1 -1
  18. package/dist/cjs/r-input-code.cjs.entry.js +112 -17
  19. package/dist/cjs/r-input-date.cjs.entry.js +8 -14
  20. package/dist/cjs/r-input-password.cjs.entry.js +16 -8
  21. package/dist/cjs/r-input-phone-number.cjs.entry.js +7 -12
  22. package/dist/cjs/r-input.cjs.entry.js +90 -42
  23. package/dist/cjs/r-list-item.cjs.entry.js +20 -19
  24. package/dist/cjs/r-panel.cjs.entry.js +5 -5
  25. package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
  26. package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
  27. package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
  28. package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
  29. package/dist/cjs/r-popover.cjs.entry.js +3 -3
  30. package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
  31. package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
  32. package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
  33. package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
  34. package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
  35. package/dist/cjs/r-radio-button.cjs.entry.js +29 -12
  36. package/dist/cjs/r-radio-group.cjs.entry.js +18 -22
  37. package/dist/cjs/r-select-option.cjs.entry.js +1 -1
  38. package/dist/cjs/r-select.cjs.entry.js +6 -24
  39. package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
  40. package/dist/cjs/r-stepper-item.cjs.entry.js +3 -3
  41. package/dist/cjs/r-stepper.cjs.entry.js +2 -2
  42. package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
  43. package/dist/cjs/r-tab.cjs.entry.js +6 -2
  44. package/dist/cjs/r-tabs-list.cjs.entry.js +160 -2
  45. package/dist/cjs/r-tabs.cjs.entry.js +34 -6
  46. package/dist/cjs/r-textarea.cjs.entry.js +7 -19
  47. package/dist/cjs/r-toast-group.cjs.entry.js +2 -2
  48. package/dist/cjs/r-toast.cjs.entry.js +31 -11
  49. package/dist/cjs/web-components.cjs.js +1 -1
  50. package/dist/collection/collection-manifest.json +0 -1
  51. package/dist/collection/components/accordion/accordion.css +0 -2
  52. package/dist/collection/components/accordion/accordion.js +4 -8
  53. package/dist/collection/components/accordion/exports.js +1 -1
  54. package/dist/collection/components/accordion-panel/accordion-panel.js +1 -1
  55. package/dist/collection/components/accordion-section/accordion-section.js +1 -1
  56. package/dist/collection/components/accordion-trigger/accordion-trigger.css +0 -4
  57. package/dist/collection/components/accordion-trigger/accordion-trigger.js +4 -215
  58. package/dist/collection/components/alert/alert.css +8 -3
  59. package/dist/collection/components/alert/alert.js +48 -10
  60. package/dist/collection/components/badge/badge.js +1 -1
  61. package/dist/collection/components/button/button.js +1 -1
  62. package/dist/collection/components/checkbox/checkbox.js +80 -98
  63. package/dist/collection/components/checkbox-group/checkbox-group.js +1 -50
  64. package/dist/collection/components/dialog/dialog.css +1 -3
  65. package/dist/collection/components/dialog/dialog.js +2 -10
  66. package/dist/collection/components/hint/hint.js +2 -2
  67. package/dist/collection/components/icon/bundled-icons/riverty-kit.json +1 -1
  68. package/dist/collection/components/icon/riverty-kit.js +1 -1
  69. package/dist/collection/components/icon-button/icon-button.js +22 -3
  70. package/dist/collection/components/input/exports.js +2 -0
  71. package/dist/collection/components/input/input.css +3 -0
  72. package/dist/collection/components/input/input.js +233 -371
  73. package/dist/collection/components/input-code/exports.js +2 -0
  74. package/dist/collection/components/input-code/input-code.js +294 -26
  75. package/dist/collection/components/input-date/input-date.js +8 -77
  76. package/dist/collection/components/input-password/exports.js +1 -0
  77. package/dist/collection/components/input-password/input-password.css +1 -0
  78. package/dist/collection/components/input-password/input-password.js +195 -70
  79. package/dist/collection/components/input-phone-number/input-phone-number.js +7 -75
  80. package/dist/collection/components/label/label.js +3 -113
  81. package/dist/collection/components/list-item/list-item/list-item.css +53 -19
  82. package/dist/collection/components/list-item/list-item/list-item.js +38 -40
  83. package/dist/collection/components/panel/panel.css +40 -17
  84. package/dist/collection/components/panel/panel.js +6 -6
  85. package/dist/collection/components/popover/exports.js +0 -1
  86. package/dist/collection/components/popover/popover.css +2 -10
  87. package/dist/collection/components/popover/popover.js +2 -55
  88. package/dist/collection/components/popover-action/popover-action.js +1 -1
  89. package/dist/collection/components/popover-content/popover-content.js +1 -1
  90. package/dist/collection/components/popover-headline/popover-headline.js +1 -1
  91. package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
  92. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  93. package/dist/collection/components/radio-button/radio-button.js +49 -12
  94. package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
  95. package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
  96. package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
  97. package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
  98. package/dist/collection/components/radio-group/radio-group.js +38 -124
  99. package/dist/collection/components/select/select.js +6 -330
  100. package/dist/collection/components/select-option/select-option.js +1 -1
  101. package/dist/collection/components/skip-link/skip-link.js +1 -1
  102. package/dist/collection/components/stepper/stepper.css +1 -1
  103. package/dist/collection/components/stepper/stepper.js +1 -1
  104. package/dist/collection/components/stepper-item/stepper-item.css +3 -3
  105. package/dist/collection/components/stepper-item/stepper-item.js +2 -2
  106. package/dist/collection/components/tab/tab.css +29 -29
  107. package/dist/collection/components/tab/tab.js +5 -1
  108. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  109. package/dist/collection/components/tabs/tabs.js +34 -6
  110. package/dist/collection/components/tabs-list/exports.js +2 -0
  111. package/dist/collection/components/tabs-list/tabs-list.css +43 -2
  112. package/dist/collection/components/tabs-list/tabs-list.js +277 -1
  113. package/dist/collection/components/textarea/textarea.css +1 -1
  114. package/dist/collection/components/textarea/textarea.js +6 -158
  115. package/dist/collection/components/toast/toast.css +35 -9
  116. package/dist/collection/components/toast/toast.js +44 -32
  117. package/dist/collection/components/toast-group/toast-group.css +1 -1
  118. package/dist/collection/components/toast-group/toast-group.js +1 -1
  119. package/dist/collection/components/tooltip/tooltip.js +2 -2
  120. package/dist/esm/index-Da7qOBFr.js +6 -10
  121. package/dist/esm/loader.js +1 -1
  122. package/dist/esm/r-accordion-panel.entry.js +1 -1
  123. package/dist/esm/r-accordion-section.entry.js +1 -1
  124. package/dist/esm/r-accordion-trigger.entry.js +5 -35
  125. package/dist/esm/r-accordion.entry.js +3 -7
  126. package/dist/esm/r-alert.entry.js +26 -11
  127. package/dist/esm/r-badge.entry.js +1 -1
  128. package/dist/esm/r-button.entry.js +1 -1
  129. package/dist/esm/r-checkbox-group.entry.js +1 -11
  130. package/dist/esm/r-checkbox.entry.js +76 -75
  131. package/dist/esm/r-dialog.entry.js +3 -11
  132. package/dist/esm/r-hint_2.entry.js +47 -0
  133. package/dist/esm/{r-hint_3.entry.js → r-icon-button_2.entry.js} +65 -51
  134. package/dist/esm/r-icon.entry.js +1 -1
  135. package/dist/esm/r-input-code.entry.js +112 -17
  136. package/dist/esm/r-input-date.entry.js +8 -14
  137. package/dist/esm/r-input-password.entry.js +16 -8
  138. package/dist/esm/r-input-phone-number.entry.js +7 -12
  139. package/dist/esm/r-input.entry.js +90 -42
  140. package/dist/esm/r-list-item.entry.js +20 -19
  141. package/dist/esm/r-panel.entry.js +5 -5
  142. package/dist/esm/r-popover-action.entry.js +1 -1
  143. package/dist/esm/r-popover-content.entry.js +1 -1
  144. package/dist/esm/r-popover-headline.entry.js +1 -1
  145. package/dist/esm/r-popover-trigger.entry.js +1 -1
  146. package/dist/esm/r-popover.entry.js +3 -3
  147. package/dist/esm/r-progress-bar.entry.js +1 -1
  148. package/dist/esm/r-radio-button-description.entry.js +1 -1
  149. package/dist/esm/r-radio-button-leading.entry.js +1 -1
  150. package/dist/esm/r-radio-button-title.entry.js +1 -1
  151. package/dist/esm/r-radio-button-trailing.entry.js +1 -1
  152. package/dist/esm/r-radio-button.entry.js +29 -12
  153. package/dist/esm/r-radio-group.entry.js +18 -22
  154. package/dist/esm/r-select-option.entry.js +1 -1
  155. package/dist/esm/r-select.entry.js +6 -24
  156. package/dist/esm/r-skip-link.entry.js +1 -1
  157. package/dist/esm/r-stepper-item.entry.js +3 -3
  158. package/dist/esm/r-stepper.entry.js +2 -2
  159. package/dist/esm/r-tab-panel.entry.js +1 -1
  160. package/dist/esm/r-tab.entry.js +6 -2
  161. package/dist/esm/r-tabs-list.entry.js +161 -3
  162. package/dist/esm/r-tabs.entry.js +34 -6
  163. package/dist/esm/r-textarea.entry.js +7 -19
  164. package/dist/esm/r-toast-group.entry.js +2 -2
  165. package/dist/esm/r-toast.entry.js +31 -11
  166. package/dist/esm/web-components.js +1 -1
  167. package/dist/types/components/accordion/accordion.d.ts +1 -5
  168. package/dist/types/components/accordion/exports.d.ts +1 -1
  169. package/dist/types/components/accordion-trigger/accordion-trigger.d.ts +0 -36
  170. package/dist/types/components/alert/alert.d.ts +6 -1
  171. package/dist/types/components/checkbox/checkbox.d.ts +24 -34
  172. package/dist/types/components/checkbox-group/checkbox-group.d.ts +0 -11
  173. package/dist/types/components/dialog/dialog.d.ts +0 -2
  174. package/dist/types/components/icon/exports.d.ts +1 -0
  175. package/dist/types/components/icon/icon-data.d.ts +1 -0
  176. package/dist/types/components/icon/riverty-kit.d.ts +1 -0
  177. package/dist/types/components/icon-button/icon-button.d.ts +4 -0
  178. package/dist/types/components/input/exports.d.ts +4 -0
  179. package/dist/types/components/input/input.d.ts +47 -73
  180. package/dist/types/components/input-code/exports.d.ts +4 -0
  181. package/dist/types/components/input-code/input-code.d.ts +49 -7
  182. package/dist/types/components/input-date/input-date.d.ts +0 -16
  183. package/dist/types/components/input-password/exports.d.ts +1 -0
  184. package/dist/types/components/input-password/input-password.d.ts +48 -16
  185. package/dist/types/components/input-phone-number/input-phone-number.d.ts +0 -16
  186. package/dist/types/components/label/label.d.ts +0 -18
  187. package/dist/types/components/list-item/list-item/list-item.d.ts +5 -9
  188. package/dist/types/components/popover/exports.d.ts +0 -2
  189. package/dist/types/components/popover/popover.d.ts +1 -14
  190. package/dist/types/components/radio-button/radio-button.d.ts +5 -0
  191. package/dist/types/components/radio-group/radio-group.d.ts +5 -26
  192. package/dist/types/components/select/select.d.ts +0 -50
  193. package/dist/types/components/tabs/tabs.d.ts +1 -0
  194. package/dist/types/components/tabs-list/exports.d.ts +4 -0
  195. package/dist/types/components/tabs-list/tabs-list.d.ts +38 -0
  196. package/dist/types/components/textarea/textarea.d.ts +0 -32
  197. package/dist/types/components/toast/toast.d.ts +11 -5
  198. package/dist/types/components.d.ts +280 -638
  199. package/dist/web-components/bundled-icons/riverty-kit.json +1 -1
  200. package/dist/web-components/p-0347feff.entry.js +1 -0
  201. package/dist/web-components/p-159822fe.entry.js +1 -0
  202. package/dist/web-components/p-19407a14.entry.js +1 -0
  203. package/dist/web-components/{p-5744d75c.entry.js → p-1da75540.entry.js} +1 -1
  204. package/dist/web-components/p-26ef77d6.entry.js +1 -0
  205. package/dist/web-components/p-3884c6e7.entry.js +1 -0
  206. package/dist/web-components/p-3f60c6c0.entry.js +1 -0
  207. package/dist/web-components/{p-87f39749.entry.js → p-4595fa8e.entry.js} +1 -1
  208. package/dist/web-components/{p-4e3df002.entry.js → p-4cc58c6a.entry.js} +1 -1
  209. package/dist/web-components/p-4f261b63.entry.js +1 -0
  210. package/dist/web-components/{p-e0e2f2b2.entry.js → p-50893211.entry.js} +1 -1
  211. package/dist/web-components/{p-72fa1fd1.entry.js → p-550e2237.entry.js} +1 -1
  212. package/dist/web-components/p-589baaf9.entry.js +1 -0
  213. package/dist/web-components/{p-3b4e3faf.entry.js → p-5eeb7002.entry.js} +1 -1
  214. package/dist/web-components/p-60341de2.entry.js +1 -0
  215. package/dist/web-components/{p-44ae9f33.entry.js → p-62b788bf.entry.js} +1 -1
  216. package/dist/web-components/p-63fd817d.entry.js +1 -0
  217. package/dist/web-components/p-67fa3f84.entry.js +1 -0
  218. package/dist/web-components/p-6bb44ec6.entry.js +1 -0
  219. package/dist/web-components/p-6cc2ea2c.entry.js +1 -0
  220. package/dist/web-components/p-70784685.entry.js +1 -0
  221. package/dist/web-components/p-7ce57332.entry.js +1 -0
  222. package/dist/web-components/{p-429213ea.entry.js → p-7fed6f4d.entry.js} +1 -1
  223. package/dist/web-components/p-8a66d20c.entry.js +1 -0
  224. package/dist/web-components/{p-c7f8e59b.entry.js → p-8c31cbd5.entry.js} +1 -1
  225. package/dist/web-components/p-8dac326b.entry.js +1 -0
  226. package/dist/web-components/p-92c7cf33.entry.js +1 -0
  227. package/dist/web-components/{p-1c2497de.entry.js → p-9ef1bbee.entry.js} +1 -1
  228. package/dist/web-components/p-a7d22c76.entry.js +1 -0
  229. package/dist/web-components/p-b96d59ca.entry.js +1 -0
  230. package/dist/web-components/p-ba801820.entry.js +1 -0
  231. package/dist/web-components/{p-a022f356.entry.js → p-bfc8c077.entry.js} +1 -1
  232. package/dist/web-components/p-c05b05da.entry.js +1 -0
  233. package/dist/web-components/p-c1e748f2.entry.js +1 -0
  234. package/dist/web-components/{p-5bbd6e3c.entry.js → p-c478712b.entry.js} +1 -1
  235. package/dist/web-components/p-c95b6470.entry.js +1 -0
  236. package/dist/web-components/p-cd5daad2.entry.js +1 -0
  237. package/dist/web-components/p-cdd88c5a.entry.js +1 -0
  238. package/dist/web-components/{p-3078b2b8.entry.js → p-d054eb4d.entry.js} +1 -1
  239. package/dist/web-components/{p-8563a1ab.entry.js → p-d433a828.entry.js} +1 -1
  240. package/dist/web-components/p-d7726e46.entry.js +1 -0
  241. package/dist/web-components/p-d819c8e5.entry.js +1 -0
  242. package/dist/web-components/{p-755cc697.entry.js → p-e4dc60f0.entry.js} +1 -1
  243. package/dist/web-components/{p-d1379ac6.entry.js → p-f9d5004c.entry.js} +1 -1
  244. package/dist/web-components/web-components.esm.js +1 -1
  245. package/package.json +1 -1
  246. package/dist/cjs/r-accordion-item.cjs.entry.js +0 -78
  247. package/dist/cjs/r-icon-button.cjs.entry.js +0 -81
  248. package/dist/collection/components/accordion-item/accordion-item.css +0 -121
  249. package/dist/collection/components/accordion-item/accordion-item.js +0 -138
  250. package/dist/esm/r-accordion-item.entry.js +0 -76
  251. package/dist/esm/r-icon-button.entry.js +0 -79
  252. package/dist/types/components/accordion-item/accordion-item.d.ts +0 -26
  253. package/dist/web-components/p-00ca474f.entry.js +0 -1
  254. package/dist/web-components/p-0bb04d79.entry.js +0 -1
  255. package/dist/web-components/p-15ac0fdd.entry.js +0 -1
  256. package/dist/web-components/p-1c956370.entry.js +0 -1
  257. package/dist/web-components/p-2a512983.entry.js +0 -1
  258. package/dist/web-components/p-2b2f581a.entry.js +0 -1
  259. package/dist/web-components/p-2e18e762.entry.js +0 -1
  260. package/dist/web-components/p-3bc93d65.entry.js +0 -1
  261. package/dist/web-components/p-4bd3e077.entry.js +0 -1
  262. package/dist/web-components/p-51a5804b.entry.js +0 -1
  263. package/dist/web-components/p-56da04d8.entry.js +0 -1
  264. package/dist/web-components/p-5e6aabd8.entry.js +0 -1
  265. package/dist/web-components/p-656229de.entry.js +0 -1
  266. package/dist/web-components/p-6a4f3836.entry.js +0 -1
  267. package/dist/web-components/p-7775228c.entry.js +0 -1
  268. package/dist/web-components/p-7ad8e78b.entry.js +0 -1
  269. package/dist/web-components/p-85a9af42.entry.js +0 -1
  270. package/dist/web-components/p-9e50120b.entry.js +0 -1
  271. package/dist/web-components/p-a7e7f8fa.entry.js +0 -1
  272. package/dist/web-components/p-ad9b2a48.entry.js +0 -1
  273. package/dist/web-components/p-b2f03016.entry.js +0 -1
  274. package/dist/web-components/p-b87ad83b.entry.js +0 -1
  275. package/dist/web-components/p-c937bd92.entry.js +0 -1
  276. package/dist/web-components/p-cbcd7699.entry.js +0 -1
  277. package/dist/web-components/p-dbe579e8.entry.js +0 -1
  278. package/dist/web-components/p-e4b66277.entry.js +0 -1
  279. package/dist/web-components/p-e6a31881.entry.js +0 -1
  280. package/dist/web-components/p-f2577a3c.entry.js +0 -1
  281. package/dist/web-components/p-f6a92287.entry.js +0 -1
@@ -142,6 +142,7 @@ export class InputPassword {
142
142
  async showPassword() {
143
143
  this.showed = true;
144
144
  this.alertOnPasswordVisibilityChange();
145
+ this.rVisibilityChange.emit({ element: this.host, visible: true });
145
146
  }
146
147
  /**
147
148
  * Hide password text.
@@ -149,6 +150,7 @@ export class InputPassword {
149
150
  async hidePassword() {
150
151
  this.showed = false;
151
152
  this.alertOnPasswordVisibilityChange();
153
+ this.rVisibilityChange.emit({ element: this.host, visible: false });
152
154
  }
153
155
  /** Get the input value */
154
156
  async getValue() {
@@ -217,11 +219,14 @@ export class InputPassword {
217
219
  this.disconnectFormEventListeners();
218
220
  }
219
221
  render() {
220
- const { name, placeholder, required, fieldIndicator, value, disabled, form, invalid, valid, hint, label, tooltip, tooltipIcon, tooltipIconColor, fullWidth, showPasswordAriaLabel, hidePasswordAriaLabel, showed, readonly } = this;
222
+ const { name, placeholder, required, minlength, maxlength, pattern, fieldIndicator, value, disabled, form, invalid, valid, hint, label, fullWidth, showPasswordAriaLabel, hidePasswordAriaLabel, showed, readonly, passwordrules, autocomplete, tooLongMessage, tooShortMessage, patternMismatchMessage } = this;
221
223
  const inputAttrs = {
222
224
  name,
223
225
  placeholder,
224
226
  required,
227
+ minlength,
228
+ maxlength,
229
+ pattern,
225
230
  fieldIndicator,
226
231
  value,
227
232
  disabled,
@@ -230,15 +235,17 @@ export class InputPassword {
230
235
  valid,
231
236
  hint,
232
237
  label,
233
- tooltip,
234
- tooltipIcon,
235
- tooltipIconColor,
236
238
  fullWidth,
237
239
  novalidate: true,
238
- readonly
240
+ readonly,
241
+ passwordrules,
242
+ autocomplete,
243
+ tooLongMessage,
244
+ tooShortMessage,
245
+ patternMismatchMessage
239
246
  };
240
- return (h(Host, { key: '810ae74cdcdcd8a4289255e2b99b6cfc213330ac' }, h("r-input", Object.assign({ key: '55027ca5cd8b8ba4eade60067ac182e38eaf1bfa' }, inputAttrs, { ref: (el) => this.nativeElement = el, type: showed ? 'text' : 'password', onRInput: this.onInput, onRChange: this.onChange, onKeyUp: this.handleKeyup, onRBlur: this.handleBlur }), h("r-icon", { key: '935aa481c0eff444462e6be6d8e6975db8a24708', name: "padlock-closed", size: "s", slot: "leading" }), h("slot", { key: 'df29bd4fa96db1c1f5f70be9c44fab1b9c5f02be', name: "popover", slot: "popover" }), h("r-icon-button", { key: '95d5f3c5e64eb7b43364db7aff943d35fbdc4d2d', slot: "trailing", name: showed ? 'eye-crossed-out' : 'eye', size: "s", disabled: disabled, label: showed ? hidePasswordAriaLabel : showPasswordAriaLabel, onClick: this.onShowClick }), this.hasMessage &&
241
- h("r-hint", { key: '7390d667a69c4ae5c2c6ae480eaf5f879ad6ed78', slot: "message", variant: "error" }, this.hasError && this.error, this.hasValidationError && (this.customErrorMessage || this.validityMessage))), h("div", { key: 'c70c38f1249c80973bb2fe2a25ddf7d88835c686', class: "visually-hidden", ref: el => this.passwordVisibilityChangeAlertContainer = el, "aria-live": "polite" })));
247
+ return (h(Host, { key: '15d9cac9269a816de47d1ae4d3818a99f6229979' }, h("r-input", Object.assign({ key: 'eea64612b319eae93c0fc6591c22020bf2e3d4fb' }, inputAttrs, { ref: (el) => this.nativeElement = el, type: showed ? 'text' : 'password', onRInput: this.onInput, onRChange: this.onChange, onKeyUp: this.handleKeyup, onRBlur: this.handleBlur }), h("r-icon", { key: 'd7a425d45f7897d7f6f11b7bf37595e25da3295b', name: "padlock-closed", size: "s", slot: "leading" }), h("slot", { key: '6ae8e4dc4633e692ae4280d9cd1420bf7e02d0c0', name: "popover", slot: "popover" }), h("r-icon-button", { key: 'e51d43f5966477dc1c35bf6a8114d5b206a58187', slot: "trailing", name: showed ? 'eye-crossed-out' : 'eye', size: "s", disabled: disabled, label: showed ? hidePasswordAriaLabel : showPasswordAriaLabel, onClick: this.onShowClick }), this.hasMessage &&
248
+ h("r-hint", { key: 'bcee0a5b7f75a4ddd2e2fa6a2dd44cd0392170dc', slot: "message", variant: "error" }, this.hasError && this.error, this.hasValidationError && (this.customErrorMessage || this.validityMessage))), h("div", { key: '995e229dfab56b03e0a177c6952c2135777f7899', class: "visually-hidden", ref: el => this.passwordVisibilityChangeAlertContainer = el, "aria-live": "polite" })));
242
249
  }
243
250
  static get is() { return "r-input-password"; }
244
251
  static get encapsulation() { return "shadow"; }
@@ -388,69 +395,6 @@ export class InputPassword {
388
395
  "setter": false,
389
396
  "reflect": false
390
397
  },
391
- "tooltip": {
392
- "type": "string",
393
- "attribute": "tooltip",
394
- "mutable": false,
395
- "complexType": {
396
- "original": "string",
397
- "resolved": "string",
398
- "references": {}
399
- },
400
- "required": false,
401
- "optional": true,
402
- "docs": {
403
- "tags": [],
404
- "text": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip text"
405
- },
406
- "getter": false,
407
- "setter": false,
408
- "reflect": false
409
- },
410
- "tooltipIcon": {
411
- "type": "string",
412
- "attribute": "tooltip-icon",
413
- "mutable": false,
414
- "complexType": {
415
- "original": "IconName",
416
- "resolved": "string",
417
- "references": {
418
- "IconName": {
419
- "location": "import",
420
- "path": "../icon/exports",
421
- "id": "src/components/icon/exports.ts::IconName"
422
- }
423
- }
424
- },
425
- "required": false,
426
- "optional": true,
427
- "docs": {
428
- "tags": [],
429
- "text": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nTooltip trigger icon by name from [Riverty icons set](https://storybook.riverty.design/?path=/story/components-icon--riverty-kit)"
430
- },
431
- "getter": false,
432
- "setter": false,
433
- "reflect": false
434
- },
435
- "tooltipIconColor": {
436
- "type": "string",
437
- "attribute": "tooltip-icon-color",
438
- "mutable": false,
439
- "complexType": {
440
- "original": "string",
441
- "resolved": "string",
442
- "references": {}
443
- },
444
- "required": false,
445
- "optional": true,
446
- "docs": {
447
- "tags": [],
448
- "text": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nChange color of an icon that triggers tooltip to one of the Riverty color tokens"
449
- },
450
- "getter": false,
451
- "setter": false,
452
- "reflect": false
453
- },
454
398
  "hint": {
455
399
  "type": "string",
456
400
  "attribute": "hint",
@@ -603,6 +547,63 @@ export class InputPassword {
603
547
  "setter": false,
604
548
  "reflect": true
605
549
  },
550
+ "maxlength": {
551
+ "type": "number",
552
+ "attribute": "maxlength",
553
+ "mutable": false,
554
+ "complexType": {
555
+ "original": "number",
556
+ "resolved": "number",
557
+ "references": {}
558
+ },
559
+ "required": false,
560
+ "optional": true,
561
+ "docs": {
562
+ "tags": [],
563
+ "text": "Maximum character length (enforced by native input)."
564
+ },
565
+ "getter": false,
566
+ "setter": false,
567
+ "reflect": false
568
+ },
569
+ "minlength": {
570
+ "type": "number",
571
+ "attribute": "minlength",
572
+ "mutable": false,
573
+ "complexType": {
574
+ "original": "number",
575
+ "resolved": "number",
576
+ "references": {}
577
+ },
578
+ "required": false,
579
+ "optional": true,
580
+ "docs": {
581
+ "tags": [],
582
+ "text": "Minimum character length (validation only)."
583
+ },
584
+ "getter": false,
585
+ "setter": false,
586
+ "reflect": false
587
+ },
588
+ "pattern": {
589
+ "type": "string",
590
+ "attribute": "pattern",
591
+ "mutable": false,
592
+ "complexType": {
593
+ "original": "string",
594
+ "resolved": "string",
595
+ "references": {}
596
+ },
597
+ "required": false,
598
+ "optional": true,
599
+ "docs": {
600
+ "tags": [],
601
+ "text": "Regex pattern the value must match (string form)."
602
+ },
603
+ "getter": false,
604
+ "setter": false,
605
+ "reflect": false
606
+ },
606
607
  "valueMissingMessage": {
607
608
  "type": "string",
608
609
  "attribute": "value-missing-message",
@@ -622,6 +623,63 @@ export class InputPassword {
622
623
  "setter": false,
623
624
  "reflect": false
624
625
  },
626
+ "tooLongMessage": {
627
+ "type": "string",
628
+ "attribute": "too-long-message",
629
+ "mutable": false,
630
+ "complexType": {
631
+ "original": "string",
632
+ "resolved": "string",
633
+ "references": {}
634
+ },
635
+ "required": false,
636
+ "optional": true,
637
+ "docs": {
638
+ "tags": [],
639
+ "text": "Custom message for `tooLong`."
640
+ },
641
+ "getter": false,
642
+ "setter": false,
643
+ "reflect": false
644
+ },
645
+ "tooShortMessage": {
646
+ "type": "string",
647
+ "attribute": "too-short-message",
648
+ "mutable": false,
649
+ "complexType": {
650
+ "original": "string",
651
+ "resolved": "string",
652
+ "references": {}
653
+ },
654
+ "required": false,
655
+ "optional": true,
656
+ "docs": {
657
+ "tags": [],
658
+ "text": "Custom message for `tooShort`."
659
+ },
660
+ "getter": false,
661
+ "setter": false,
662
+ "reflect": false
663
+ },
664
+ "patternMismatchMessage": {
665
+ "type": "string",
666
+ "attribute": "pattern-mismatch-message",
667
+ "mutable": false,
668
+ "complexType": {
669
+ "original": "string",
670
+ "resolved": "string",
671
+ "references": {}
672
+ },
673
+ "required": false,
674
+ "optional": true,
675
+ "docs": {
676
+ "tags": [],
677
+ "text": "Custom message for `patternMismatch`."
678
+ },
679
+ "getter": false,
680
+ "setter": false,
681
+ "reflect": false
682
+ },
625
683
  "customErrorMessage": {
626
684
  "type": "string",
627
685
  "attribute": "custom-error-message",
@@ -720,6 +778,53 @@ export class InputPassword {
720
778
  "setter": false,
721
779
  "reflect": false,
722
780
  "defaultValue": "\"Your password is hidden.\""
781
+ },
782
+ "passwordrules": {
783
+ "type": "string",
784
+ "attribute": "passwordrules",
785
+ "mutable": false,
786
+ "complexType": {
787
+ "original": "string",
788
+ "resolved": "string",
789
+ "references": {}
790
+ },
791
+ "required": false,
792
+ "optional": true,
793
+ "docs": {
794
+ "tags": [],
795
+ "text": "Safari-specific password rules for strong password generation.\nFormat: \"minlength: X; required: lower; required: upper; required: digit; required: special;\"\nExample: \"minlength: 8; required: lower; required: upper; required: digit; required: special;\"\nNote: This attribute is Safari-specific and will be ignored by other browsers.\nSee: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules"
796
+ },
797
+ "getter": false,
798
+ "setter": false,
799
+ "reflect": false
800
+ },
801
+ "autocomplete": {
802
+ "type": "string",
803
+ "attribute": "autocomplete",
804
+ "mutable": false,
805
+ "complexType": {
806
+ "original": "PasswordAutocomplete",
807
+ "resolved": "\"current-password\" | \"new-password\" | \"off\"",
808
+ "references": {
809
+ "PasswordAutocomplete": {
810
+ "location": "import",
811
+ "path": "./exports",
812
+ "id": "src/components/input-password/exports.ts::PasswordAutocomplete"
813
+ }
814
+ }
815
+ },
816
+ "required": false,
817
+ "optional": true,
818
+ "docs": {
819
+ "tags": [{
820
+ "name": "example",
821
+ "text": "**Usage Guidelines:**\n- `'current-password'`: Use in login forms where users enter their existing password\n- `'new-password'`: Use in registration forms or password change forms for the new password field\n- `'off'`: Disable autofill in sensitive contexts where password managers should not suggest values\n\n**Common Patterns:**\n```tsx\n// Login form\n<r-input-password autocomplete=\"current-password\" />\n\n// Registration form\n<r-input-password autocomplete=\"new-password\" />\n\n// Sensitive form (e.g., admin panel)\n<r-input-password autocomplete=\"off\" />\n```"
822
+ }],
823
+ "text": "Password-specific autocomplete behavior for browser password managers."
824
+ },
825
+ "getter": false,
826
+ "setter": false,
827
+ "reflect": false
723
828
  }
724
829
  };
725
830
  }
@@ -807,6 +912,26 @@ export class InputPassword {
807
912
  }
808
913
  }
809
914
  }
915
+ }, {
916
+ "method": "rVisibilityChange",
917
+ "name": "rVisibilityChange",
918
+ "bubbles": true,
919
+ "cancelable": true,
920
+ "composed": true,
921
+ "docs": {
922
+ "tags": [],
923
+ "text": "Emits 'rVisibilityChange' event when password visibility is toggled"
924
+ },
925
+ "complexType": {
926
+ "original": "{\n element: HTMLRInputPasswordElement,\n visible: boolean\n }",
927
+ "resolved": "{ element: HTMLRInputPasswordElement; visible: boolean; }",
928
+ "references": {
929
+ "HTMLRInputPasswordElement": {
930
+ "location": "global",
931
+ "id": "global::HTMLRInputPasswordElement"
932
+ }
933
+ }
934
+ }
810
935
  }];
811
936
  }
812
937
  static get methods() {
@@ -271,14 +271,10 @@ export class InputPhoneNumber {
271
271
  this.disconnectEventListeners();
272
272
  }
273
273
  render() {
274
- const { label, fieldIndicator, hint, name, form, inputLabel, tooltip, tooltipIcon, tooltipIconColor, disabled, uniqueId, required, valid, invalid, novalidate, phoneNumber, fullPhoneNumber, fullWidth } = this;
275
- // DEPRECATED: will be removed in November 2025 release.
276
- const tooltipAttrs = tooltip ? {
277
- tooltip,
278
- 'tooltip-icon': tooltipIcon,
279
- 'tooltip-icon-color': tooltipIconColor,
280
- } : {};
281
- const labelAttr = Object.assign({ fieldIndicator }, tooltipAttrs);
274
+ const { label, fieldIndicator, hint, name, form, inputLabel, disabled, uniqueId, required, valid, invalid, novalidate, phoneNumber, fullPhoneNumber, fullWidth } = this;
275
+ const labelAttr = {
276
+ fieldIndicator
277
+ };
282
278
  const inputAttrs = {
283
279
  id: uniqueId,
284
280
  form,
@@ -288,10 +284,9 @@ export class InputPhoneNumber {
288
284
  disabled,
289
285
  'aria-describedby': this.ariaDescribedBy
290
286
  };
291
- return (h(Host, { key: '4551070926e1974ddf3fcb8cc435570ddde50276' }, h("div", { key: 'a076fb01b4e0563ec2d30a5680a6ccd48b2f6895', class: "r-input-phone-number--label-container" }, h("label", { key: 'a8ad943efeca2ac3b5a63857ea0a52b19c32f09c', id: `${uniqueId}-label` }, label &&
292
- h("r-label", Object.assign({ key: 'ac0d2a1c12cb85ec03e6596b9bb2e28328026eac' }, labelAttr), label)), h("slot", { key: 'cadd98a33c32bfb60be0a3448772eac483630bdf', name: "popover" })), hint &&
293
- h("r-hint", { key: '23874cabee60dc0a5e620066eed92de809cac1eb', id: `${uniqueId}-hint`, role: "note" }, hint), h("div", { key: '800b3a389ce815c5e137077dd5766177c317a05d', class: "r-input-phone-number", role: "group", "aria-labelledby": `${uniqueId}-label`, "aria-describedby": this.ariaDescribedBy }, h("slot", { key: '6106007980212ef05cd11304da2a4d0cc28ddf4f' }), h("r-input", { key: 'd65b4d9ca8761c7e6dd08359ff02f3c88c57aa66', label: inputLabel, value: phoneNumber, internal: true, valid: valid, invalid: invalid, required: required, readonly: this.readonly, novalidate: true, fullWidth: fullWidth, type: "tel", error: this.errorMessage || '', onRInput: this.handleOnInput, onRChange: this.handleInputOnChange, disabled: disabled }, valid && phoneNumber &&
294
- h("r-icon", { key: '09c721cb014d6d7ece724bcf7de9ec5928624dac', slot: "trailing", name: "circled-check", size: "s", color: "var(--r-status-success-regular)" }))), h("input", Object.assign({ key: 'e2eef2512f9125f0dd3d1b09120cbb77955350bd', type: "hidden" }, inputAttrs, { readonly: this.readonly, value: fullPhoneNumber, ref: el => this.nativeElement = el })), h("r-hint", { key: 'a12e9640bcf2df7b754de4e54b111e4ead2d023e', "aria-live": "polite", "aria-atomic": "true", id: `${uniqueId}-message`, class: !this.hasMessage && 'visually-hidden', variant: "error" }, this.hasMessage ? (this.hasError ? this.error : this.validityMessage) : '')));
287
+ return (h(Host, { key: '97edc0f9bbc4a3823e628bb08be3b3abbbcfe6ec' }, h("div", { key: '8a5236c58655d47368bfaa9bcea6bde3c39c6a22', class: "r-input-phone-number--label-container" }, h("label", { key: 'ae6e6e72381864d67d98f4429856cf5b1943943c', id: `${uniqueId}-label` }, label &&
288
+ h("r-label", Object.assign({ key: 'd760960dbf5806084b0a10d14fef218ca5e4cd79' }, labelAttr), label)), h("slot", { key: '4f9bcaba34f2f49592a3167958bd091eeac9f6be', name: "popover" })), hint &&
289
+ h("r-hint", { key: '0c3f402b7f9369dcea2c84478e12ed0ea241fd0a', id: `${uniqueId}-hint`, role: "note" }, hint), h("div", { key: '43e5dbd9ca897cfc2ca05e6ab020c321871f3961', class: "r-input-phone-number", role: "group", "aria-labelledby": `${uniqueId}-label`, "aria-describedby": this.ariaDescribedBy }, h("slot", { key: '4e3f891eb21f15927d6a33e7ba6728c09d20e981' }), h("r-input", { key: '6bd6e929e396bf515511fdd978d00df9de54cc37', label: inputLabel, value: phoneNumber, internal: true, valid: valid, invalid: invalid, required: required, readonly: this.readonly, novalidate: true, fullWidth: fullWidth, type: "tel", error: this.errorMessage || '', onRInput: this.handleOnInput, onRChange: this.handleInputOnChange, disabled: disabled })), h("input", Object.assign({ key: 'f113123ef2fa2096b686d132ce11ca11970ab1be', type: "hidden" }, inputAttrs, { readonly: this.readonly, value: fullPhoneNumber, ref: el => this.nativeElement = el })), h("r-hint", { key: 'd00477c3a27f999c4a3079710c34266ed47e0e57', "aria-live": "polite", "aria-atomic": "true", id: `${uniqueId}-message`, class: !this.hasMessage && 'visually-hidden', variant: "error" }, this.hasMessage ? (this.hasError ? this.error : this.validityMessage) : '')));
295
290
  }
296
291
  static get is() { return "r-input-phone-number"; }
297
292
  static get encapsulation() { return "shadow"; }
@@ -421,69 +416,6 @@ export class InputPhoneNumber {
421
416
  "setter": false,
422
417
  "reflect": false
423
418
  },
424
- "tooltip": {
425
- "type": "string",
426
- "attribute": "tooltip",
427
- "mutable": false,
428
- "complexType": {
429
- "original": "string",
430
- "resolved": "string",
431
- "references": {}
432
- },
433
- "required": false,
434
- "optional": true,
435
- "docs": {
436
- "tags": [],
437
- "text": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip text"
438
- },
439
- "getter": false,
440
- "setter": false,
441
- "reflect": true
442
- },
443
- "tooltipIcon": {
444
- "type": "string",
445
- "attribute": "tooltip-icon",
446
- "mutable": false,
447
- "complexType": {
448
- "original": "IconName",
449
- "resolved": "string",
450
- "references": {
451
- "IconName": {
452
- "location": "import",
453
- "path": "../icon/exports",
454
- "id": "src/components/icon/exports.ts::IconName"
455
- }
456
- }
457
- },
458
- "required": false,
459
- "optional": true,
460
- "docs": {
461
- "tags": [],
462
- "text": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip trigger icon"
463
- },
464
- "getter": false,
465
- "setter": false,
466
- "reflect": false
467
- },
468
- "tooltipIconColor": {
469
- "type": "string",
470
- "attribute": "tooltip-icon-color",
471
- "mutable": false,
472
- "complexType": {
473
- "original": "string",
474
- "resolved": "string",
475
- "references": {}
476
- },
477
- "required": false,
478
- "optional": true,
479
- "docs": {
480
- "tags": [],
481
- "text": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nChange color of an icon that triggers tooltip to one of the Riverty color tokens"
482
- },
483
- "getter": false,
484
- "setter": false,
485
- "reflect": false
486
- },
487
419
  "name": {
488
420
  "type": "string",
489
421
  "attribute": "name",
@@ -4,30 +4,10 @@ import { Host, h } from "@stencil/core";
4
4
  * for consistent presentation of text with optional associated tooltip.
5
5
  */
6
6
  export class RLabel {
7
- constructor() {
8
- /**
9
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
10
- * Defines preferable position of the tooltip */
11
- this.tooltipPosition = 'right';
12
- /**
13
- * _DEPRECATED_ (This property will be removed in November 2025 release.)
14
- * Icon tooltip trigger by name from the set */
15
- this.tooltipIcon = 'circled-question-mark';
16
- }
17
7
  render() {
18
- const { tooltip, tooltipPosition, tooltipIcon, tooltipIconColor, fieldIndicator } = this;
19
- const tooltipAttrs = {
20
- text: tooltip,
21
- position: tooltipPosition
22
- };
23
- const tooltipIconAttrs = {
24
- name: tooltipIcon,
25
- size: 's',
26
- color: tooltipIconColor
27
- };
28
- return (h(Host, { key: '2d7da94197a774e5b3399ff59dba01f946f0d8df' }, h("div", { key: '56baaf39a736e1f504502c9f49b4cf5fbff2f911', class: "r-label" }, h("span", { key: '5b0032c31e83b628d73a207eeaa915368edc7237', class: "r-label--slot" }, h("slot", { key: 'fbcd30c185b9eef55ea43c8ca8b082a0308953e2' }), fieldIndicator &&
29
- h("span", { key: '0d355d5857e515e735dc543d3416540e0a0ffdba', class: "r-label--marker" }, fieldIndicator)), tooltip &&
30
- h("span", { key: 'b450b3e7ee2b33dbdc02d9fce04bd2ef6a97713d', class: "r-label--tooltip-icon" }, h("r-tooltip", Object.assign({ key: 'a1b2a24a312b7eabd5acd43273658bce3199ef1b' }, tooltipAttrs), h("r-icon", Object.assign({ key: 'c22f6349b9c67a82b29f4a5758a77fb1b2910b75' }, tooltipIconAttrs)))))));
8
+ const { fieldIndicator } = this;
9
+ return (h(Host, { key: 'd823556813a282022aa18e138a3ac89d7f22af2a' }, h("div", { key: '1cea58412a4599e009080eb224d17324d5cad0b3', class: "r-label" }, h("span", { key: 'c0ade32425b07866b7a3096f203c7848eaa83e55', class: "r-label--slot" }, h("slot", { key: '9c782ed621889966189bba0d4c46de620315c9c4' }), fieldIndicator &&
10
+ h("span", { key: 'c4a4fcbed3e744bed679d8e9c6416a51407a686a', class: "r-label--marker" }, fieldIndicator)))));
31
11
  }
32
12
  static get is() { return "r-label"; }
33
13
  static get encapsulation() { return "shadow"; }
@@ -43,96 +23,6 @@ export class RLabel {
43
23
  }
44
24
  static get properties() {
45
25
  return {
46
- "tooltip": {
47
- "type": "string",
48
- "attribute": "tooltip",
49
- "mutable": false,
50
- "complexType": {
51
- "original": "string",
52
- "resolved": "string",
53
- "references": {}
54
- },
55
- "required": false,
56
- "optional": true,
57
- "docs": {
58
- "tags": [],
59
- "text": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nTooltip represents additional description"
60
- },
61
- "getter": false,
62
- "setter": false,
63
- "reflect": false
64
- },
65
- "tooltipPosition": {
66
- "type": "string",
67
- "attribute": "tooltip-position",
68
- "mutable": false,
69
- "complexType": {
70
- "original": "TooltipPosition",
71
- "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
72
- "references": {
73
- "TooltipPosition": {
74
- "location": "import",
75
- "path": "../tooltip/exports",
76
- "id": "src/components/tooltip/exports.ts::TooltipPosition"
77
- }
78
- }
79
- },
80
- "required": false,
81
- "optional": true,
82
- "docs": {
83
- "tags": [],
84
- "text": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nDefines preferable position of the tooltip"
85
- },
86
- "getter": false,
87
- "setter": false,
88
- "reflect": false,
89
- "defaultValue": "'right'"
90
- },
91
- "tooltipIcon": {
92
- "type": "string",
93
- "attribute": "tooltip-icon",
94
- "mutable": false,
95
- "complexType": {
96
- "original": "IconName",
97
- "resolved": "string",
98
- "references": {
99
- "IconName": {
100
- "location": "import",
101
- "path": "../icon/exports",
102
- "id": "src/components/icon/exports.ts::IconName"
103
- }
104
- }
105
- },
106
- "required": false,
107
- "optional": true,
108
- "docs": {
109
- "tags": [],
110
- "text": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIcon tooltip trigger by name from the set"
111
- },
112
- "getter": false,
113
- "setter": false,
114
- "reflect": false,
115
- "defaultValue": "'circled-question-mark'"
116
- },
117
- "tooltipIconColor": {
118
- "type": "string",
119
- "attribute": "tooltip-icon-color",
120
- "mutable": false,
121
- "complexType": {
122
- "original": "string",
123
- "resolved": "string",
124
- "references": {}
125
- },
126
- "required": false,
127
- "optional": true,
128
- "docs": {
129
- "tags": [],
130
- "text": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nChange color of an icon that triggers tooltip to one of the Riverty color tokens"
131
- },
132
- "getter": false,
133
- "setter": false,
134
- "reflect": true
135
- },
136
26
  "fieldIndicator": {
137
27
  "type": "string",
138
28
  "attribute": "field-indicator",