@riverty/web-components 5.7.0 → 6.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +128 -0
- package/custom-elements.json +152 -372
- package/dist/cjs/index-DJ4H_bFj.js +6 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/r-accordion-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-section.cjs.entry.js +1 -1
- package/dist/cjs/r-accordion-trigger.cjs.entry.js +5 -35
- package/dist/cjs/r-accordion.cjs.entry.js +3 -7
- package/dist/cjs/r-alert.cjs.entry.js +45 -14
- package/dist/cjs/r-badge.cjs.entry.js +1 -1
- package/dist/cjs/r-button.cjs.entry.js +2 -2
- package/dist/cjs/r-checkbox-group.cjs.entry.js +28 -24
- package/dist/cjs/r-checkbox.cjs.entry.js +97 -81
- package/dist/cjs/r-dialog.cjs.entry.js +3 -11
- package/dist/cjs/r-hint_2.cjs.entry.js +50 -0
- package/dist/cjs/{r-hint_3.cjs.entry.js → r-icon-button_2.cjs.entry.js} +64 -51
- package/dist/cjs/r-icon.cjs.entry.js +1 -1
- package/dist/cjs/r-input-code.cjs.entry.js +133 -25
- package/dist/cjs/r-input-date.cjs.entry.js +87 -23
- package/dist/cjs/r-input-password.cjs.entry.js +34 -13
- package/dist/cjs/r-input-phone-number.cjs.entry.js +30 -22
- package/dist/cjs/r-input.cjs.entry.js +108 -49
- package/dist/cjs/r-list-item.cjs.entry.js +5 -5
- package/dist/cjs/r-pagination.cjs.entry.js +1 -1
- package/dist/cjs/r-panel.cjs.entry.js +2 -2
- package/dist/cjs/r-popover-action.cjs.entry.js +2 -2
- package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
- package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
- package/dist/cjs/r-popover.cjs.entry.js +3 -3
- package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
- package/dist/cjs/r-radio-button.cjs.entry.js +29 -12
- package/dist/cjs/r-radio-group.cjs.entry.js +32 -32
- package/dist/cjs/r-select-option.cjs.entry.js +1 -1
- package/dist/cjs/r-select.cjs.entry.js +116 -40
- package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
- package/dist/cjs/r-stepper-item.cjs.entry.js +2 -2
- package/dist/cjs/r-stepper.cjs.entry.js +1 -1
- package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
- package/dist/cjs/r-tab.cjs.entry.js +1 -1
- package/dist/cjs/r-tabs-list.cjs.entry.js +1 -1
- package/dist/cjs/r-tabs.cjs.entry.js +1 -1
- package/dist/cjs/r-textarea.cjs.entry.js +24 -23
- package/dist/cjs/r-toast-group.cjs.entry.js +1 -1
- package/dist/cjs/r-toast.cjs.entry.js +51 -20
- package/dist/cjs/web-components.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/accordion/accordion.css +0 -2
- package/dist/collection/components/accordion/accordion.js +4 -8
- package/dist/collection/components/accordion/exports.js +1 -1
- package/dist/collection/components/accordion-panel/accordion-panel.js +1 -1
- package/dist/collection/components/accordion-section/accordion-section.js +1 -1
- package/dist/collection/components/accordion-trigger/accordion-trigger.css +0 -4
- package/dist/collection/components/accordion-trigger/accordion-trigger.js +4 -215
- package/dist/collection/components/alert/alert.css +58 -12
- package/dist/collection/components/alert/alert.js +92 -17
- package/dist/collection/components/alert/exports.js +1 -1
- package/dist/collection/components/badge/badge.js +1 -1
- package/dist/collection/components/button/button.css +6 -7
- package/dist/collection/components/button/button.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +121 -104
- package/dist/collection/components/checkbox-group/checkbox-group.js +48 -63
- package/dist/collection/components/dialog/dialog.css +1 -3
- package/dist/collection/components/dialog/dialog.js +2 -10
- package/dist/collection/components/hint/hint.js +2 -2
- package/dist/collection/components/icon/bundled-icons/riverty-kit.json +1 -1
- package/dist/collection/components/icon/riverty-kit.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +0 -7
- package/dist/collection/components/icon-button/icon-button.js +3 -3
- package/dist/collection/components/input/input.css +3 -0
- package/dist/collection/components/input/input.js +221 -378
- package/dist/collection/components/input-code/exports.js +2 -0
- package/dist/collection/components/input-code/input-code.js +335 -34
- package/dist/collection/components/input-date/input-date.js +237 -87
- package/dist/collection/components/input-password/exports.js +1 -0
- package/dist/collection/components/input-password/input-password.css +1 -0
- package/dist/collection/components/input-password/input-password.js +233 -75
- package/dist/collection/components/input-phone-number/input-phone-number.js +50 -85
- package/dist/collection/components/label/label.js +3 -113
- package/dist/collection/components/list-item/list-item/list-item.css +7 -7
- package/dist/collection/components/list-item/list-item/list-item.js +4 -26
- package/dist/collection/components/pagination/pagination.css +23 -23
- package/dist/collection/components/panel/panel.js +2 -2
- package/dist/collection/components/popover/exports.js +0 -1
- package/dist/collection/components/popover/popover.css +13 -13
- package/dist/collection/components/popover/popover.js +2 -55
- package/dist/collection/components/popover-action/popover-action.css +3 -5
- package/dist/collection/components/popover-action/popover-action.js +1 -1
- package/dist/collection/components/popover-content/popover-content.js +1 -1
- package/dist/collection/components/popover-headline/popover-headline.js +1 -1
- package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +49 -12
- package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
- package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
- package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
- package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +53 -135
- package/dist/collection/components/select/select.js +197 -349
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/skip-link/skip-link.js +1 -1
- package/dist/collection/components/stepper/stepper.js +1 -1
- package/dist/collection/components/stepper-item/stepper-item.js +2 -2
- package/dist/collection/components/tab/tab.js +1 -1
- package/dist/collection/components/tab-panel/tab-panel.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tabs-list/tabs-list.js +1 -1
- package/dist/collection/components/textarea/textarea.js +44 -163
- package/dist/collection/components/toast/toast.css +22 -14
- package/dist/collection/components/toast/toast.js +95 -43
- package/dist/collection/components/toast-group/toast-group.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +1 -1
- package/dist/esm/index-Da7qOBFr.js +6 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/r-accordion-panel.entry.js +1 -1
- package/dist/esm/r-accordion-section.entry.js +1 -1
- package/dist/esm/r-accordion-trigger.entry.js +5 -35
- package/dist/esm/r-accordion.entry.js +3 -7
- package/dist/esm/r-alert.entry.js +45 -14
- package/dist/esm/r-badge.entry.js +1 -1
- package/dist/esm/r-button.entry.js +2 -2
- package/dist/esm/r-checkbox-group.entry.js +28 -24
- package/dist/esm/r-checkbox.entry.js +97 -81
- package/dist/esm/r-dialog.entry.js +3 -11
- package/dist/esm/r-hint_2.entry.js +47 -0
- package/dist/esm/{r-hint_3.entry.js → r-icon-button_2.entry.js} +65 -51
- package/dist/esm/r-icon.entry.js +1 -1
- package/dist/esm/r-input-code.entry.js +133 -25
- package/dist/esm/r-input-date.entry.js +87 -23
- package/dist/esm/r-input-password.entry.js +34 -13
- package/dist/esm/r-input-phone-number.entry.js +30 -22
- package/dist/esm/r-input.entry.js +108 -49
- package/dist/esm/r-list-item.entry.js +5 -5
- package/dist/esm/r-pagination.entry.js +1 -1
- package/dist/esm/r-panel.entry.js +2 -2
- package/dist/esm/r-popover-action.entry.js +2 -2
- package/dist/esm/r-popover-content.entry.js +1 -1
- package/dist/esm/r-popover-headline.entry.js +1 -1
- package/dist/esm/r-popover-trigger.entry.js +1 -1
- package/dist/esm/r-popover.entry.js +3 -3
- package/dist/esm/r-progress-bar.entry.js +1 -1
- package/dist/esm/r-radio-button-description.entry.js +1 -1
- package/dist/esm/r-radio-button-leading.entry.js +1 -1
- package/dist/esm/r-radio-button-title.entry.js +1 -1
- package/dist/esm/r-radio-button-trailing.entry.js +1 -1
- package/dist/esm/r-radio-button.entry.js +29 -12
- package/dist/esm/r-radio-group.entry.js +32 -32
- package/dist/esm/r-select-option.entry.js +1 -1
- package/dist/esm/r-select.entry.js +116 -40
- package/dist/esm/r-skip-link.entry.js +1 -1
- package/dist/esm/r-stepper-item.entry.js +2 -2
- package/dist/esm/r-stepper.entry.js +1 -1
- package/dist/esm/r-tab-panel.entry.js +1 -1
- package/dist/esm/r-tab.entry.js +1 -1
- package/dist/esm/r-tabs-list.entry.js +1 -1
- package/dist/esm/r-tabs.entry.js +1 -1
- package/dist/esm/r-textarea.entry.js +24 -23
- package/dist/esm/r-toast-group.entry.js +1 -1
- package/dist/esm/r-toast.entry.js +51 -20
- package/dist/esm/web-components.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +1 -5
- package/dist/types/components/accordion/exports.d.ts +1 -1
- package/dist/types/components/accordion-trigger/accordion-trigger.d.ts +0 -36
- package/dist/types/components/alert/alert.d.ts +9 -1
- package/dist/types/components/alert/exports.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +29 -34
- package/dist/types/components/checkbox-group/checkbox-group.d.ts +6 -11
- package/dist/types/components/dialog/dialog.d.ts +0 -2
- package/dist/types/components/input/input.d.ts +35 -72
- package/dist/types/components/input-code/exports.d.ts +4 -0
- package/dist/types/components/input-code/input-code.d.ts +54 -7
- package/dist/types/components/input-date/input-date.d.ts +30 -16
- package/dist/types/components/input-password/exports.d.ts +1 -0
- package/dist/types/components/input-password/input-password.d.ts +53 -16
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +5 -16
- package/dist/types/components/label/label.d.ts +0 -18
- package/dist/types/components/list-item/list-item/list-item.d.ts +0 -6
- package/dist/types/components/popover/exports.d.ts +0 -2
- package/dist/types/components/popover/popover.d.ts +1 -14
- package/dist/types/components/radio-button/radio-button.d.ts +5 -0
- package/dist/types/components/radio-group/radio-group.d.ts +6 -28
- package/dist/types/components/select/select.d.ts +34 -52
- package/dist/types/components/textarea/textarea.d.ts +5 -32
- package/dist/types/components/toast/toast.d.ts +10 -7
- package/dist/types/components.d.ts +347 -647
- package/dist/web-components/bundled-icons/riverty-kit.json +1 -1
- package/dist/web-components/p-0347feff.entry.js +1 -0
- package/dist/web-components/p-05738503.entry.js +1 -0
- package/dist/web-components/p-0e4c8bf1.entry.js +1 -0
- package/dist/web-components/p-1da75540.entry.js +1 -0
- package/dist/web-components/p-26ef77d6.entry.js +1 -0
- package/dist/web-components/p-3884c6e7.entry.js +1 -0
- package/dist/web-components/p-3a5a67e7.entry.js +1 -0
- package/dist/web-components/p-3f60c6c0.entry.js +1 -0
- package/dist/web-components/p-4254a383.entry.js +1 -0
- package/dist/web-components/{p-87f39749.entry.js → p-4595fa8e.entry.js} +1 -1
- package/dist/web-components/{p-4e3df002.entry.js → p-4cc58c6a.entry.js} +1 -1
- package/dist/web-components/p-5441b746.entry.js +1 -0
- package/dist/web-components/{p-72fa1fd1.entry.js → p-550e2237.entry.js} +1 -1
- package/dist/web-components/p-589baaf9.entry.js +1 -0
- package/dist/web-components/p-60341de2.entry.js +1 -0
- package/dist/web-components/{p-4bd3e077.entry.js → p-60ca994e.entry.js} +1 -1
- package/dist/web-components/{p-44ae9f33.entry.js → p-62b788bf.entry.js} +1 -1
- package/dist/web-components/{p-2b2f581a.entry.js → p-6303b9fe.entry.js} +1 -1
- package/dist/web-components/p-63fd817d.entry.js +1 -0
- package/dist/web-components/{p-e0e2f2b2.entry.js → p-673dbfd0.entry.js} +1 -1
- package/dist/web-components/p-67fa3f84.entry.js +1 -0
- package/dist/web-components/p-6a4f3836.entry.js +1 -0
- package/dist/web-components/p-6cc2ea2c.entry.js +1 -0
- package/dist/web-components/p-70784685.entry.js +1 -0
- package/dist/web-components/{p-429213ea.entry.js → p-7fed6f4d.entry.js} +1 -1
- package/dist/web-components/p-8a66d20c.entry.js +1 -0
- package/dist/web-components/{p-0bb04d79.entry.js → p-8b4d2448.entry.js} +1 -1
- package/dist/web-components/{p-c7f8e59b.entry.js → p-8c31cbd5.entry.js} +1 -1
- package/dist/web-components/p-8dac326b.entry.js +1 -0
- package/dist/web-components/{p-1c2497de.entry.js → p-9ef1bbee.entry.js} +1 -1
- package/dist/web-components/p-a0dbde7c.entry.js +1 -0
- package/dist/web-components/{p-755cc697.entry.js → p-a71485d8.entry.js} +1 -1
- package/dist/web-components/p-a7d22c76.entry.js +1 -0
- package/dist/web-components/{p-85a9af42.entry.js → p-ae251d2f.entry.js} +1 -1
- package/dist/web-components/{p-77155630.entry.js → p-b98ab649.entry.js} +1 -1
- package/dist/web-components/p-b9e3b3d6.entry.js +1 -0
- package/dist/web-components/p-c1e748f2.entry.js +1 -0
- package/dist/web-components/p-c478712b.entry.js +1 -0
- package/dist/web-components/{p-72c0c0d8.entry.js → p-d054eb4d.entry.js} +1 -1
- package/dist/web-components/p-d433a828.entry.js +1 -0
- package/dist/web-components/p-d7726e46.entry.js +1 -0
- package/dist/web-components/p-d819c8e5.entry.js +1 -0
- package/dist/web-components/p-e2188953.entry.js +1 -0
- package/dist/web-components/{p-3b4e3faf.entry.js → p-e5945c01.entry.js} +1 -1
- package/dist/web-components/{p-d1379ac6.entry.js → p-f9d5004c.entry.js} +1 -1
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/r-accordion-item.cjs.entry.js +0 -78
- package/dist/cjs/r-icon-button.cjs.entry.js +0 -81
- package/dist/collection/components/accordion-item/accordion-item.css +0 -121
- package/dist/collection/components/accordion-item/accordion-item.js +0 -138
- package/dist/esm/r-accordion-item.entry.js +0 -76
- package/dist/esm/r-icon-button.entry.js +0 -79
- package/dist/types/components/accordion-item/accordion-item.d.ts +0 -26
- package/dist/web-components/p-00ca474f.entry.js +0 -1
- package/dist/web-components/p-289eb4b0.entry.js +0 -1
- package/dist/web-components/p-2b8e12ae.entry.js +0 -1
- package/dist/web-components/p-2e2c8a5b.entry.js +0 -1
- package/dist/web-components/p-3a39932b.entry.js +0 -1
- package/dist/web-components/p-3bc93d65.entry.js +0 -1
- package/dist/web-components/p-44be9992.entry.js +0 -1
- package/dist/web-components/p-4652635a.entry.js +0 -1
- package/dist/web-components/p-51a5804b.entry.js +0 -1
- package/dist/web-components/p-63474b32.entry.js +0 -1
- package/dist/web-components/p-74d2a563.entry.js +0 -1
- package/dist/web-components/p-7ad8e78b.entry.js +0 -1
- package/dist/web-components/p-8028c2a9.entry.js +0 -1
- package/dist/web-components/p-96ddeb7f.entry.js +0 -1
- package/dist/web-components/p-9d898089.entry.js +0 -1
- package/dist/web-components/p-9e50120b.entry.js +0 -1
- package/dist/web-components/p-9eb1f262.entry.js +0 -1
- package/dist/web-components/p-a022f356.entry.js +0 -1
- package/dist/web-components/p-a7e7f8fa.entry.js +0 -1
- package/dist/web-components/p-b2f03016.entry.js +0 -1
- package/dist/web-components/p-c300c22f.entry.js +0 -1
- package/dist/web-components/p-c937bd92.entry.js +0 -1
- package/dist/web-components/p-cbcd7699.entry.js +0 -1
- package/dist/web-components/p-d93c240d.entry.js +0 -1
- package/dist/web-components/p-e4b66277.entry.js +0 -1
- package/dist/web-components/p-e6a31881.entry.js +0 -1
- package/dist/web-components/p-f6a92287.entry.js +0 -1
- package/dist/web-components/p-f770e22b.entry.js +0 -1
- package/dist/web-components/p-f952161b.entry.js +0 -1
package/custom-elements.json
CHANGED
|
@@ -14,41 +14,18 @@
|
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
"name": "size",
|
|
17
|
-
"description": "Defines the size of an accordion UI
|
|
17
|
+
"description": "Defines the size of an accordion UI.",
|
|
18
18
|
"values": [
|
|
19
19
|
{
|
|
20
20
|
"name": "l"
|
|
21
21
|
},
|
|
22
|
-
{
|
|
23
|
-
"name": "large"
|
|
24
|
-
},
|
|
25
22
|
{
|
|
26
23
|
"name": "s"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
"name": "small"
|
|
30
24
|
}
|
|
31
25
|
]
|
|
32
26
|
}
|
|
33
27
|
]
|
|
34
28
|
},
|
|
35
|
-
{
|
|
36
|
-
"name": "r-accordion-item",
|
|
37
|
-
"description": {
|
|
38
|
-
"kind": "markdown",
|
|
39
|
-
"value": "An accordion item represents a section within an accordion.\n\nAlways use `<r-accordion-item>` inside a `<r-accordion>`."
|
|
40
|
-
},
|
|
41
|
-
"attributes": [
|
|
42
|
-
{
|
|
43
|
-
"name": "expanded",
|
|
44
|
-
"description": "When true, the accordion item is expanded"
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"name": "header",
|
|
48
|
-
"description": "Header text to be displayed before the content of this accordion item."
|
|
49
|
-
}
|
|
50
|
-
]
|
|
51
|
-
},
|
|
52
29
|
{
|
|
53
30
|
"name": "r-accordion-panel",
|
|
54
31
|
"description": {
|
|
@@ -106,64 +83,6 @@
|
|
|
106
83
|
"name": "expanded",
|
|
107
84
|
"description": "Indication of the controlled panel revelation."
|
|
108
85
|
},
|
|
109
|
-
{
|
|
110
|
-
"name": "icon",
|
|
111
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIcon to be used as status indication"
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"name": "icon-collapsed",
|
|
115
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIcon for collapsed state"
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"name": "icon-expanded",
|
|
119
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIcon for expanded state"
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"name": "icon-position",
|
|
123
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIcon might be placed before or after content",
|
|
124
|
-
"values": [
|
|
125
|
-
{
|
|
126
|
-
"name": "end"
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
"name": "start"
|
|
130
|
-
}
|
|
131
|
-
]
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
"name": "icon-size",
|
|
135
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nDefines the size of an icon used as status indication. Default: `m`.",
|
|
136
|
-
"values": [
|
|
137
|
-
{
|
|
138
|
-
"name": "l"
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
"name": "m"
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
"name": "s"
|
|
145
|
-
}
|
|
146
|
-
]
|
|
147
|
-
},
|
|
148
|
-
{
|
|
149
|
-
"name": "leading-icon",
|
|
150
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead)\nName of an icon rendered within leading slot (before content)."
|
|
151
|
-
},
|
|
152
|
-
{
|
|
153
|
-
"name": "leading-icon-size",
|
|
154
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release. Use leading icon slot instead)\nDefines the size of an icon in leading slot. Default: `m`.",
|
|
155
|
-
"values": [
|
|
156
|
-
{
|
|
157
|
-
"name": "l"
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
"name": "m"
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
"name": "s"
|
|
164
|
-
}
|
|
165
|
-
]
|
|
166
|
-
},
|
|
167
86
|
{
|
|
168
87
|
"name": "panel",
|
|
169
88
|
"description": "Id of the panel this trigger controls."
|
|
@@ -181,6 +100,10 @@
|
|
|
181
100
|
"value": ""
|
|
182
101
|
},
|
|
183
102
|
"attributes": [
|
|
103
|
+
{
|
|
104
|
+
"name": "announced",
|
|
105
|
+
"description": "Sets role=\"alert\" and will be announced to screen reader users"
|
|
106
|
+
},
|
|
184
107
|
{
|
|
185
108
|
"name": "content",
|
|
186
109
|
"description": "Defines content text of the alert"
|
|
@@ -224,6 +147,10 @@
|
|
|
224
147
|
"name": "leading-icon-src",
|
|
225
148
|
"description": "Defines an icon source to be presented in leading slot"
|
|
226
149
|
},
|
|
150
|
+
{
|
|
151
|
+
"name": "leading-icon-visible",
|
|
152
|
+
"description": "Defines whether the leading icon is visible."
|
|
153
|
+
},
|
|
227
154
|
{
|
|
228
155
|
"name": "link-text",
|
|
229
156
|
"description": "Defines link label text of the alert"
|
|
@@ -238,9 +165,6 @@
|
|
|
238
165
|
{
|
|
239
166
|
"name": "info"
|
|
240
167
|
},
|
|
241
|
-
{
|
|
242
|
-
"name": "success"
|
|
243
|
-
},
|
|
244
168
|
{
|
|
245
169
|
"name": "warning"
|
|
246
170
|
}
|
|
@@ -442,6 +366,10 @@
|
|
|
442
366
|
"value": "Checkboxes allow users to select none, one, or multiple items from a list.\n\nOverall behavior is based on native `<input type=\"checkbox\">`"
|
|
443
367
|
},
|
|
444
368
|
"attributes": [
|
|
369
|
+
{
|
|
370
|
+
"name": "autofocus",
|
|
371
|
+
"description": "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."
|
|
372
|
+
},
|
|
445
373
|
{
|
|
446
374
|
"name": "checked",
|
|
447
375
|
"description": "Pass initial checked state"
|
|
@@ -482,18 +410,10 @@
|
|
|
482
410
|
"name": "required",
|
|
483
411
|
"description": "Specifies if checkbox must be checked"
|
|
484
412
|
},
|
|
485
|
-
{
|
|
486
|
-
"name": "show-valid",
|
|
487
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nControls the visibility of validation indicators for the field."
|
|
488
|
-
},
|
|
489
413
|
{
|
|
490
414
|
"name": "valid",
|
|
491
415
|
"description": "Indicate that validation is successful"
|
|
492
416
|
},
|
|
493
|
-
{
|
|
494
|
-
"name": "valid-message",
|
|
495
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nSet custom message if the element meets all its validation constraints."
|
|
496
|
-
},
|
|
497
417
|
{
|
|
498
418
|
"name": "value",
|
|
499
419
|
"description": "Value of element data within a form"
|
|
@@ -575,18 +495,10 @@
|
|
|
575
495
|
"name": "show-select-all",
|
|
576
496
|
"description": "Whether to show a \"Select All\" checkbox."
|
|
577
497
|
},
|
|
578
|
-
{
|
|
579
|
-
"name": "show-valid",
|
|
580
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIndicates whether to show the validation state.\nWhen set to `true`, the component will display validation feedback.\nDefaults to `false`."
|
|
581
|
-
},
|
|
582
498
|
{
|
|
583
499
|
"name": "valid",
|
|
584
500
|
"description": "Apply validation success visual style"
|
|
585
501
|
},
|
|
586
|
-
{
|
|
587
|
-
"name": "valid-message",
|
|
588
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nSet custom message if the element meets all its validation constraints."
|
|
589
|
-
},
|
|
590
502
|
{
|
|
591
503
|
"name": "value",
|
|
592
504
|
"description": "Specifies `value` property of the 'select-all', representing the group as a whole."
|
|
@@ -892,30 +804,6 @@
|
|
|
892
804
|
"name": "hint",
|
|
893
805
|
"description": "Optional contextual help text displayed beneath the field."
|
|
894
806
|
},
|
|
895
|
-
{
|
|
896
|
-
"name": "icon",
|
|
897
|
-
"description": ""
|
|
898
|
-
},
|
|
899
|
-
{
|
|
900
|
-
"name": "icon-color",
|
|
901
|
-
"description": ""
|
|
902
|
-
},
|
|
903
|
-
{
|
|
904
|
-
"name": "icon-position",
|
|
905
|
-
"description": "",
|
|
906
|
-
"values": [
|
|
907
|
-
{
|
|
908
|
-
"name": "end"
|
|
909
|
-
},
|
|
910
|
-
{
|
|
911
|
-
"name": "start"
|
|
912
|
-
}
|
|
913
|
-
]
|
|
914
|
-
},
|
|
915
|
-
{
|
|
916
|
-
"name": "icon-submit",
|
|
917
|
-
"description": ""
|
|
918
|
-
},
|
|
919
807
|
{
|
|
920
808
|
"name": "internal",
|
|
921
809
|
"description": "When true, hides visual label & messages (for internal layout use; accessibility still preserved)."
|
|
@@ -953,12 +841,8 @@
|
|
|
953
841
|
"description": "If set, the field is skipped by built‑in (Constraint Validation API) validation logic.\nDoes not prevent custom validation you may trigger manually."
|
|
954
842
|
},
|
|
955
843
|
{
|
|
956
|
-
"name": "
|
|
957
|
-
"description": ""
|
|
958
|
-
},
|
|
959
|
-
{
|
|
960
|
-
"name": "optional-text",
|
|
961
|
-
"description": ""
|
|
844
|
+
"name": "passwordrules",
|
|
845
|
+
"description": "Safari-specific password rules for strong password generation (password inputs only).\nFormat: \"minlength: X; required: lower; required: upper; required: digit; required: special;\"\nThis attribute is Safari-specific and will be ignored by other browsers.\nSee: https://developer.apple.com/documentation/security/password_autofill/customizing_password_autofill_rules"
|
|
962
846
|
},
|
|
963
847
|
{
|
|
964
848
|
"name": "pattern",
|
|
@@ -988,10 +872,6 @@
|
|
|
988
872
|
"name": "required",
|
|
989
873
|
"description": "Marks the field as required; failing to provide a value triggers `valueMissing`."
|
|
990
874
|
},
|
|
991
|
-
{
|
|
992
|
-
"name": "show-valid",
|
|
993
|
-
"description": ""
|
|
994
|
-
},
|
|
995
875
|
{
|
|
996
876
|
"name": "step",
|
|
997
877
|
"description": "Step interval for numeric/date input types."
|
|
@@ -1008,18 +888,6 @@
|
|
|
1008
888
|
"name": "too-short-message",
|
|
1009
889
|
"description": "Custom message for `tooShort`."
|
|
1010
890
|
},
|
|
1011
|
-
{
|
|
1012
|
-
"name": "tooltip",
|
|
1013
|
-
"description": ""
|
|
1014
|
-
},
|
|
1015
|
-
{
|
|
1016
|
-
"name": "tooltip-icon",
|
|
1017
|
-
"description": ""
|
|
1018
|
-
},
|
|
1019
|
-
{
|
|
1020
|
-
"name": "tooltip-icon-color",
|
|
1021
|
-
"description": ""
|
|
1022
|
-
},
|
|
1023
891
|
{
|
|
1024
892
|
"name": "type",
|
|
1025
893
|
"description": "Input type (e.g. `text`, `email`, `number`, `password`).\nSee HTMLInputElement `type` for supported values.",
|
|
@@ -1056,16 +924,8 @@
|
|
|
1056
924
|
"description": "Explicit valid state override (when set manually)."
|
|
1057
925
|
},
|
|
1058
926
|
{
|
|
1059
|
-
"name": "
|
|
1060
|
-
"description": ""
|
|
1061
|
-
},
|
|
1062
|
-
{
|
|
1063
|
-
"name": "valid-marker-icon",
|
|
1064
|
-
"description": ""
|
|
1065
|
-
},
|
|
1066
|
-
{
|
|
1067
|
-
"name": "valid-message",
|
|
1068
|
-
"description": ""
|
|
927
|
+
"name": "validity-marker",
|
|
928
|
+
"description": "When `true` field renders valid/invalid marker within."
|
|
1069
929
|
},
|
|
1070
930
|
{
|
|
1071
931
|
"name": "value",
|
|
@@ -1088,6 +948,10 @@
|
|
|
1088
948
|
"name": "aria-character-label",
|
|
1089
949
|
"description": "Defines label for each character's input.\nDefault \"Character: ${character number}\""
|
|
1090
950
|
},
|
|
951
|
+
{
|
|
952
|
+
"name": "autocomplete",
|
|
953
|
+
"description": "Specifies the autocomplete behavior. Default is 'one-time-code' for SMS OTP autofill."
|
|
954
|
+
},
|
|
1091
955
|
{
|
|
1092
956
|
"name": "custom-error-message",
|
|
1093
957
|
"description": "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."
|
|
@@ -1096,6 +960,33 @@
|
|
|
1096
960
|
"name": "disabled",
|
|
1097
961
|
"description": "Whether the input is disabled"
|
|
1098
962
|
},
|
|
963
|
+
{
|
|
964
|
+
"name": "enterkeyhint",
|
|
965
|
+
"description": "Specifies the enter key hint for the virtual keyboard. Default is 'done' for OTP completion.",
|
|
966
|
+
"values": [
|
|
967
|
+
{
|
|
968
|
+
"name": "done"
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"name": "enter"
|
|
972
|
+
},
|
|
973
|
+
{
|
|
974
|
+
"name": "go"
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"name": "next"
|
|
978
|
+
},
|
|
979
|
+
{
|
|
980
|
+
"name": "previous"
|
|
981
|
+
},
|
|
982
|
+
{
|
|
983
|
+
"name": "search"
|
|
984
|
+
},
|
|
985
|
+
{
|
|
986
|
+
"name": "send"
|
|
987
|
+
}
|
|
988
|
+
]
|
|
989
|
+
},
|
|
1099
990
|
{
|
|
1100
991
|
"name": "error",
|
|
1101
992
|
"description": "The way to provide error message separately from Constraint Validation API."
|
|
@@ -1116,21 +1007,51 @@
|
|
|
1116
1007
|
"name": "hint",
|
|
1117
1008
|
"description": "Description for accessibility"
|
|
1118
1009
|
},
|
|
1010
|
+
{
|
|
1011
|
+
"name": "inputmode",
|
|
1012
|
+
"description": "Specifies the input mode for the virtual keyboard on mobile devices. Default is 'numeric' for OTP codes.",
|
|
1013
|
+
"values": [
|
|
1014
|
+
{
|
|
1015
|
+
"name": "decimal"
|
|
1016
|
+
},
|
|
1017
|
+
{
|
|
1018
|
+
"name": "email"
|
|
1019
|
+
},
|
|
1020
|
+
{
|
|
1021
|
+
"name": "none"
|
|
1022
|
+
},
|
|
1023
|
+
{
|
|
1024
|
+
"name": "numeric"
|
|
1025
|
+
},
|
|
1026
|
+
{
|
|
1027
|
+
"name": "search"
|
|
1028
|
+
},
|
|
1029
|
+
{
|
|
1030
|
+
"name": "tel"
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
"name": "text"
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"name": "url"
|
|
1037
|
+
}
|
|
1038
|
+
]
|
|
1039
|
+
},
|
|
1119
1040
|
{
|
|
1120
1041
|
"name": "invalid",
|
|
1121
1042
|
"description": "Validity indicator, serving to change UI of the component"
|
|
1122
1043
|
},
|
|
1123
1044
|
{
|
|
1124
1045
|
"name": "label",
|
|
1125
|
-
"description": "Label for accessibility"
|
|
1046
|
+
"description": "Label for accessibility."
|
|
1126
1047
|
},
|
|
1127
1048
|
{
|
|
1128
1049
|
"name": "length",
|
|
1129
|
-
"description": "Number of digits (typically 4–6)"
|
|
1050
|
+
"description": "Number of digits (typically 4–6)."
|
|
1130
1051
|
},
|
|
1131
1052
|
{
|
|
1132
1053
|
"name": "name",
|
|
1133
|
-
"description": "Specifies a name for an input for
|
|
1054
|
+
"description": "Specifies a name for an input for submission within formData object."
|
|
1134
1055
|
},
|
|
1135
1056
|
{
|
|
1136
1057
|
"name": "novalidate",
|
|
@@ -1217,6 +1138,14 @@
|
|
|
1217
1138
|
"name": "label",
|
|
1218
1139
|
"description": "The text on the label"
|
|
1219
1140
|
},
|
|
1141
|
+
{
|
|
1142
|
+
"name": "max",
|
|
1143
|
+
"description": "Maximum date value (in the same format as the date input).\nNote: When changing the `format` prop, ensure `max` is also updated to match the new format."
|
|
1144
|
+
},
|
|
1145
|
+
{
|
|
1146
|
+
"name": "min",
|
|
1147
|
+
"description": "Minimum date value (in the same format as the date input).\nNote: When changing the `format` prop, ensure `min` is also updated to match the new format."
|
|
1148
|
+
},
|
|
1220
1149
|
{
|
|
1221
1150
|
"name": "month-aria-label",
|
|
1222
1151
|
"description": "Defines label for the input for the month"
|
|
@@ -1230,24 +1159,20 @@
|
|
|
1230
1159
|
"description": "Specifies if element must be ignored during validation of the form elements"
|
|
1231
1160
|
},
|
|
1232
1161
|
{
|
|
1233
|
-
"name": "
|
|
1234
|
-
"description": "
|
|
1235
|
-
},
|
|
1236
|
-
{
|
|
1237
|
-
"name": "required",
|
|
1238
|
-
"description": "Specifies that an input is required/must be filled out"
|
|
1162
|
+
"name": "range-overflow-message",
|
|
1163
|
+
"description": "Custom error message displayed when date is after the maximum date."
|
|
1239
1164
|
},
|
|
1240
1165
|
{
|
|
1241
|
-
"name": "
|
|
1242
|
-
"description": "
|
|
1166
|
+
"name": "range-underflow-message",
|
|
1167
|
+
"description": "Custom error message displayed when date is before the minimum date."
|
|
1243
1168
|
},
|
|
1244
1169
|
{
|
|
1245
|
-
"name": "
|
|
1246
|
-
"description": "
|
|
1170
|
+
"name": "readonly",
|
|
1171
|
+
"description": "Makes the date inputs read-only: users can focus and copy the value,\nbut cannot modify it (value still submitted with the form unlike disabled)."
|
|
1247
1172
|
},
|
|
1248
1173
|
{
|
|
1249
|
-
"name": "
|
|
1250
|
-
"description": "
|
|
1174
|
+
"name": "required",
|
|
1175
|
+
"description": "Specifies that an input is required/must be filled out"
|
|
1251
1176
|
},
|
|
1252
1177
|
{
|
|
1253
1178
|
"name": "valid",
|
|
@@ -1274,6 +1199,21 @@
|
|
|
1274
1199
|
"value": ""
|
|
1275
1200
|
},
|
|
1276
1201
|
"attributes": [
|
|
1202
|
+
{
|
|
1203
|
+
"name": "autocomplete",
|
|
1204
|
+
"description": "Password-specific autocomplete behavior for browser password managers.",
|
|
1205
|
+
"values": [
|
|
1206
|
+
{
|
|
1207
|
+
"name": "current-password"
|
|
1208
|
+
},
|
|
1209
|
+
{
|
|
1210
|
+
"name": "new-password"
|
|
1211
|
+
},
|
|
1212
|
+
{
|
|
1213
|
+
"name": "off"
|
|
1214
|
+
}
|
|
1215
|
+
]
|
|
1216
|
+
},
|
|
1277
1217
|
{
|
|
1278
1218
|
"name": "custom-error-message",
|
|
1279
1219
|
"description": "Custom error message displayed for any validation failures in the input."
|
|
@@ -1318,6 +1258,14 @@
|
|
|
1318
1258
|
"name": "label",
|
|
1319
1259
|
"description": "The text on the label"
|
|
1320
1260
|
},
|
|
1261
|
+
{
|
|
1262
|
+
"name": "maxlength",
|
|
1263
|
+
"description": "Maximum character length (enforced by native input)."
|
|
1264
|
+
},
|
|
1265
|
+
{
|
|
1266
|
+
"name": "minlength",
|
|
1267
|
+
"description": "Minimum character length (validation only)."
|
|
1268
|
+
},
|
|
1321
1269
|
{
|
|
1322
1270
|
"name": "name",
|
|
1323
1271
|
"description": "Specifies a name for a input"
|
|
@@ -1326,6 +1274,18 @@
|
|
|
1326
1274
|
"name": "novalidate",
|
|
1327
1275
|
"description": "Specifies if element must be ignored during validation of the form elements"
|
|
1328
1276
|
},
|
|
1277
|
+
{
|
|
1278
|
+
"name": "passwordrules",
|
|
1279
|
+
"description": "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"
|
|
1280
|
+
},
|
|
1281
|
+
{
|
|
1282
|
+
"name": "pattern",
|
|
1283
|
+
"description": "Regex pattern the value must match (string form)."
|
|
1284
|
+
},
|
|
1285
|
+
{
|
|
1286
|
+
"name": "pattern-mismatch-message",
|
|
1287
|
+
"description": "Custom message for `patternMismatch`."
|
|
1288
|
+
},
|
|
1329
1289
|
{
|
|
1330
1290
|
"name": "placeholder",
|
|
1331
1291
|
"description": "Specifies a short hint that describes the expected value of a input"
|
|
@@ -1347,16 +1307,12 @@
|
|
|
1347
1307
|
"description": "Custom message when the password is shown to alert screen reader users."
|
|
1348
1308
|
},
|
|
1349
1309
|
{
|
|
1350
|
-
"name": "
|
|
1351
|
-
"description": "
|
|
1352
|
-
},
|
|
1353
|
-
{
|
|
1354
|
-
"name": "tooltip-icon",
|
|
1355
|
-
"description": "_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)"
|
|
1310
|
+
"name": "too-long-message",
|
|
1311
|
+
"description": "Custom message for `tooLong`."
|
|
1356
1312
|
},
|
|
1357
1313
|
{
|
|
1358
|
-
"name": "
|
|
1359
|
-
"description": "
|
|
1314
|
+
"name": "too-short-message",
|
|
1315
|
+
"description": "Custom message for `tooShort`."
|
|
1360
1316
|
},
|
|
1361
1317
|
{
|
|
1362
1318
|
"name": "valid",
|
|
@@ -1439,18 +1395,6 @@
|
|
|
1439
1395
|
"name": "required",
|
|
1440
1396
|
"description": "Specifies that phone number value is required"
|
|
1441
1397
|
},
|
|
1442
|
-
{
|
|
1443
|
-
"name": "tooltip",
|
|
1444
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip text"
|
|
1445
|
-
},
|
|
1446
|
-
{
|
|
1447
|
-
"name": "tooltip-icon",
|
|
1448
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip trigger icon"
|
|
1449
|
-
},
|
|
1450
|
-
{
|
|
1451
|
-
"name": "tooltip-icon-color",
|
|
1452
|
-
"description": "_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"
|
|
1453
|
-
},
|
|
1454
1398
|
{
|
|
1455
1399
|
"name": "valid",
|
|
1456
1400
|
"description": "Visual indication of valid state"
|
|
@@ -1475,36 +1419,6 @@
|
|
|
1475
1419
|
{
|
|
1476
1420
|
"name": "field-indicator",
|
|
1477
1421
|
"description": "Text of an additional marker"
|
|
1478
|
-
},
|
|
1479
|
-
{
|
|
1480
|
-
"name": "tooltip",
|
|
1481
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nTooltip represents additional description"
|
|
1482
|
-
},
|
|
1483
|
-
{
|
|
1484
|
-
"name": "tooltip-icon",
|
|
1485
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIcon tooltip trigger by name from the set"
|
|
1486
|
-
},
|
|
1487
|
-
{
|
|
1488
|
-
"name": "tooltip-icon-color",
|
|
1489
|
-
"description": "_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"
|
|
1490
|
-
},
|
|
1491
|
-
{
|
|
1492
|
-
"name": "tooltip-position",
|
|
1493
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nDefines preferable position of the tooltip",
|
|
1494
|
-
"values": [
|
|
1495
|
-
{
|
|
1496
|
-
"name": "bottom"
|
|
1497
|
-
},
|
|
1498
|
-
{
|
|
1499
|
-
"name": "left"
|
|
1500
|
-
},
|
|
1501
|
-
{
|
|
1502
|
-
"name": "right"
|
|
1503
|
-
},
|
|
1504
|
-
{
|
|
1505
|
-
"name": "top"
|
|
1506
|
-
}
|
|
1507
|
-
]
|
|
1508
1422
|
}
|
|
1509
1423
|
]
|
|
1510
1424
|
},
|
|
@@ -1566,10 +1480,6 @@
|
|
|
1566
1480
|
"name": "leading-icon-src",
|
|
1567
1481
|
"description": "Defines an icon source to be presented in leading slot"
|
|
1568
1482
|
},
|
|
1569
|
-
{
|
|
1570
|
-
"name": "subtext",
|
|
1571
|
-
"description": ""
|
|
1572
|
-
},
|
|
1573
1483
|
{
|
|
1574
1484
|
"name": "trailing-icon",
|
|
1575
1485
|
"description": "Specifies the name of the icon to display in the trailing slot (3rd slot) of the list item."
|
|
@@ -1742,10 +1652,6 @@
|
|
|
1742
1652
|
"value": ""
|
|
1743
1653
|
},
|
|
1744
1654
|
"attributes": [
|
|
1745
|
-
{
|
|
1746
|
-
"name": "container-aria-label",
|
|
1747
|
-
"description": "Defines `aria-label` content for the popover container.\nUsed for accessibility to describe the popover content area."
|
|
1748
|
-
},
|
|
1749
1655
|
{
|
|
1750
1656
|
"name": "dismiss-aria-label",
|
|
1751
1657
|
"description": "Defines `aria-label` content for the dismiss button.\nUsed for accessibility when dismiss button is present."
|
|
@@ -1784,18 +1690,6 @@
|
|
|
1784
1690
|
"name": "open",
|
|
1785
1691
|
"description": "Defines initial state of the popover visibility."
|
|
1786
1692
|
},
|
|
1787
|
-
{
|
|
1788
|
-
"name": "size",
|
|
1789
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nSize of the Popover: `s` | `l`.",
|
|
1790
|
-
"values": [
|
|
1791
|
-
{
|
|
1792
|
-
"name": "l"
|
|
1793
|
-
},
|
|
1794
|
-
{
|
|
1795
|
-
"name": "s"
|
|
1796
|
-
}
|
|
1797
|
-
]
|
|
1798
|
-
},
|
|
1799
1693
|
{
|
|
1800
1694
|
"name": "trigger-action",
|
|
1801
1695
|
"description": "Defines the action that will be triggered when the trigger is clicked.\n- `toggle`: Toggle the popover open/closed state\n- `show`: Only show the popover\n- `hide`: Only hide the popover",
|
|
@@ -1891,6 +1785,10 @@
|
|
|
1891
1785
|
"value": "A radio button is used to select a single option in a list."
|
|
1892
1786
|
},
|
|
1893
1787
|
"attributes": [
|
|
1788
|
+
{
|
|
1789
|
+
"name": "autofocus",
|
|
1790
|
+
"description": "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."
|
|
1791
|
+
},
|
|
1894
1792
|
{
|
|
1895
1793
|
"name": "checked",
|
|
1896
1794
|
"description": "When true the radio is selected"
|
|
@@ -1980,6 +1878,10 @@
|
|
|
1980
1878
|
"value": ""
|
|
1981
1879
|
},
|
|
1982
1880
|
"attributes": [
|
|
1881
|
+
{
|
|
1882
|
+
"name": "autofocus",
|
|
1883
|
+
"description": "When set to `true`, automatically focuses the first enabled radio button in the group on mount.\nThis will focus the selected radio button if one exists, or the first enabled radio button otherwise."
|
|
1884
|
+
},
|
|
1983
1885
|
{
|
|
1984
1886
|
"name": "custom-error-message",
|
|
1985
1887
|
"description": "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."
|
|
@@ -2020,30 +1922,10 @@
|
|
|
2020
1922
|
"name": "required",
|
|
2021
1923
|
"description": "Specifies if radio-button within group must be checked"
|
|
2022
1924
|
},
|
|
2023
|
-
{
|
|
2024
|
-
"name": "show-valid",
|
|
2025
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nIndicates whether to show the validation state.\nWhen set to `true`, the component will display validation feedback.\nDefaults to `false`."
|
|
2026
|
-
},
|
|
2027
|
-
{
|
|
2028
|
-
"name": "tooltip",
|
|
2029
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel based text revealed within tooltip"
|
|
2030
|
-
},
|
|
2031
|
-
{
|
|
2032
|
-
"name": "tooltip-icon",
|
|
2033
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip trigger icon"
|
|
2034
|
-
},
|
|
2035
|
-
{
|
|
2036
|
-
"name": "tooltip-icon-color",
|
|
2037
|
-
"description": "_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"
|
|
2038
|
-
},
|
|
2039
1925
|
{
|
|
2040
1926
|
"name": "valid",
|
|
2041
1927
|
"description": "Apply validation success visual style"
|
|
2042
1928
|
},
|
|
2043
|
-
{
|
|
2044
|
-
"name": "valid-message",
|
|
2045
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nSet custom message if the element meets all its validation constraints."
|
|
2046
|
-
},
|
|
2047
1929
|
{
|
|
2048
1930
|
"name": "value",
|
|
2049
1931
|
"description": "Displays currently selected value"
|
|
@@ -2085,10 +1967,6 @@
|
|
|
2085
1967
|
"name": "disabled",
|
|
2086
1968
|
"description": "Prevent user interaction and apply disabled style"
|
|
2087
1969
|
},
|
|
2088
|
-
{
|
|
2089
|
-
"name": "disabled-icon",
|
|
2090
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nDefines the trailing icon for select in disabled state"
|
|
2091
|
-
},
|
|
2092
1970
|
{
|
|
2093
1971
|
"name": "error",
|
|
2094
1972
|
"description": "Custom validation error message"
|
|
@@ -2125,29 +2003,6 @@
|
|
|
2125
2003
|
"name": "label",
|
|
2126
2004
|
"description": "The text on the label"
|
|
2127
2005
|
},
|
|
2128
|
-
{
|
|
2129
|
-
"name": "leading-icon",
|
|
2130
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release. Use `leading slot` instead)\nAdds an icon defined by name that serves as leading icon in select"
|
|
2131
|
-
},
|
|
2132
|
-
{
|
|
2133
|
-
"name": "leading-icon-size",
|
|
2134
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release. Use `leading slot` instead)\nDefine size of an icon that serves as leading icon in select",
|
|
2135
|
-
"values": [
|
|
2136
|
-
{
|
|
2137
|
-
"name": "l"
|
|
2138
|
-
},
|
|
2139
|
-
{
|
|
2140
|
-
"name": "m"
|
|
2141
|
-
},
|
|
2142
|
-
{
|
|
2143
|
-
"name": "s"
|
|
2144
|
-
}
|
|
2145
|
-
]
|
|
2146
|
-
},
|
|
2147
|
-
{
|
|
2148
|
-
"name": "leading-icon-src",
|
|
2149
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release. Use `leading slot` instead)\nAdds an icon defined by file source that serves as leading icon in select"
|
|
2150
|
-
},
|
|
2151
2006
|
{
|
|
2152
2007
|
"name": "listbox-position",
|
|
2153
2008
|
"description": "Define wether listbox appears on top or at the bottom of the select",
|
|
@@ -2172,14 +2027,6 @@
|
|
|
2172
2027
|
"name": "novalidate",
|
|
2173
2028
|
"description": "Specifies if element must be ignored during validation of the form elements"
|
|
2174
2029
|
},
|
|
2175
|
-
{
|
|
2176
|
-
"name": "optional",
|
|
2177
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead) Marks the field as optional"
|
|
2178
|
-
},
|
|
2179
|
-
{
|
|
2180
|
-
"name": "optional-text",
|
|
2181
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release. Use `fieldIndicator` instead)\nDefine the optional marker text if the field is marked as optional"
|
|
2182
|
-
},
|
|
2183
2030
|
{
|
|
2184
2031
|
"name": "placeholder",
|
|
2185
2032
|
"description": "Text that is presented until an option has been selected"
|
|
@@ -2192,57 +2039,14 @@
|
|
|
2192
2039
|
"name": "required",
|
|
2193
2040
|
"description": "Specifies that select value is required"
|
|
2194
2041
|
},
|
|
2195
|
-
{
|
|
2196
|
-
"name": "show-valid",
|
|
2197
|
-
"description": "Controls the visibility of validation indicators for the field."
|
|
2198
|
-
},
|
|
2199
2042
|
{
|
|
2200
2043
|
"name": "toggle-button-aria-label",
|
|
2201
2044
|
"description": "Defines aria label for combobox toggle button"
|
|
2202
2045
|
},
|
|
2203
|
-
{
|
|
2204
|
-
"name": "tooltip",
|
|
2205
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip text"
|
|
2206
|
-
},
|
|
2207
|
-
{
|
|
2208
|
-
"name": "tooltip-icon",
|
|
2209
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nLabel tooltip trigger icon"
|
|
2210
|
-
},
|
|
2211
|
-
{
|
|
2212
|
-
"name": "tooltip-icon-color",
|
|
2213
|
-
"description": "_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."
|
|
2214
|
-
},
|
|
2215
|
-
{
|
|
2216
|
-
"name": "trailing-icon",
|
|
2217
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nDefines the trailing icon defined by name for select, Default: 'andle-down'"
|
|
2218
|
-
},
|
|
2219
|
-
{
|
|
2220
|
-
"name": "trailing-icon-src",
|
|
2221
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nDefines the trailing icon defined by source for select"
|
|
2222
|
-
},
|
|
2223
|
-
{
|
|
2224
|
-
"name": "traling-icon-size",
|
|
2225
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nDefine size of an icon that serves as trailing icon in select",
|
|
2226
|
-
"values": [
|
|
2227
|
-
{
|
|
2228
|
-
"name": "l"
|
|
2229
|
-
},
|
|
2230
|
-
{
|
|
2231
|
-
"name": "m"
|
|
2232
|
-
},
|
|
2233
|
-
{
|
|
2234
|
-
"name": "s"
|
|
2235
|
-
}
|
|
2236
|
-
]
|
|
2237
|
-
},
|
|
2238
2046
|
{
|
|
2239
2047
|
"name": "valid",
|
|
2240
2048
|
"description": "Visual indication of valid state"
|
|
2241
2049
|
},
|
|
2242
|
-
{
|
|
2243
|
-
"name": "valid-message",
|
|
2244
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nSet custom message if the element meets all its validation constraints."
|
|
2245
|
-
},
|
|
2246
2050
|
{
|
|
2247
2051
|
"name": "value",
|
|
2248
2052
|
"description": "Selected value"
|
|
@@ -2506,14 +2310,6 @@
|
|
|
2506
2310
|
"name": "novalidate",
|
|
2507
2311
|
"description": "Specifies if element must be ignored during validation of the form elements"
|
|
2508
2312
|
},
|
|
2509
|
-
{
|
|
2510
|
-
"name": "optional",
|
|
2511
|
-
"description": "_DEPRECATED_ This property will be removed"
|
|
2512
|
-
},
|
|
2513
|
-
{
|
|
2514
|
-
"name": "optional-text",
|
|
2515
|
-
"description": "_DEPRECATED_ (use `fieldIndicator` instead) Text of an additional marker in the label"
|
|
2516
|
-
},
|
|
2517
2313
|
{
|
|
2518
2314
|
"name": "placeholder",
|
|
2519
2315
|
"description": "Specifies a short hint that describes the expected value of the `<textarea>`, \ndisplayed when it is empty."
|
|
@@ -2558,10 +2354,6 @@
|
|
|
2558
2354
|
"name": "show-counter",
|
|
2559
2355
|
"description": "Specifies if the character counter should be visible.\n\nNote: The counter will only be rendered when a `maxlength` value is provided."
|
|
2560
2356
|
},
|
|
2561
|
-
{
|
|
2562
|
-
"name": "show-valid",
|
|
2563
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nControls the visibility of validation indicators for the field."
|
|
2564
|
-
},
|
|
2565
2357
|
{
|
|
2566
2358
|
"name": "too-long-message",
|
|
2567
2359
|
"description": "Custom message for `tooLong` property of a ValidityState \nobject (set by `maxlength`) within Constrain Validation API."
|
|
@@ -2570,26 +2362,10 @@
|
|
|
2570
2362
|
"name": "too-short-message",
|
|
2571
2363
|
"description": "Set custom message for `tooShort` property of a ValidityState object \n(set by `minlength`) within Constrain Validation API"
|
|
2572
2364
|
},
|
|
2573
|
-
{
|
|
2574
|
-
"name": "tooltip",
|
|
2575
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nTooltip text displayed when the user hovers over the icon,\nproviding additional information."
|
|
2576
|
-
},
|
|
2577
|
-
{
|
|
2578
|
-
"name": "tooltip-icon",
|
|
2579
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nIcon used to trigger the tooltip for the label,\nproviding a visual cue for additional information."
|
|
2580
|
-
},
|
|
2581
|
-
{
|
|
2582
|
-
"name": "tooltip-icon-color",
|
|
2583
|
-
"description": "_DEPRECATED_ (Use popover slot instead. This property will be removed in November 2025 release.)\nSpecifies the color of the tooltip icon from Riverty color tokens.\nDisplayed alongside the label."
|
|
2584
|
-
},
|
|
2585
2365
|
{
|
|
2586
2366
|
"name": "valid",
|
|
2587
2367
|
"description": "Indicates whether the value of the `<textarea>` \nis valid based on validation rules."
|
|
2588
2368
|
},
|
|
2589
|
-
{
|
|
2590
|
-
"name": "valid-message",
|
|
2591
|
-
"description": "_DEPRECATED_ (This property will be removed in November 2025 release.)\nCustom message displayed when the `<textarea>` value is valid,\nproviding positive feedback to the user."
|
|
2592
|
-
},
|
|
2593
2369
|
{
|
|
2594
2370
|
"name": "value",
|
|
2595
2371
|
"description": "Represents the current value of the `<textarea>`, reflecting the content entered \nby the user or provided programmatically."
|
|
@@ -2611,6 +2387,10 @@
|
|
|
2611
2387
|
"name": "action",
|
|
2612
2388
|
"description": "Specifies the text content for the call-to-action link."
|
|
2613
2389
|
},
|
|
2390
|
+
{
|
|
2391
|
+
"name": "announced",
|
|
2392
|
+
"description": "Sets role=\"alert\" and will be announced to screen reader users"
|
|
2393
|
+
},
|
|
2614
2394
|
{
|
|
2615
2395
|
"name": "delay",
|
|
2616
2396
|
"description": "Specifies the time in miliseconds before the alert automatically collapses."
|
|
@@ -2635,10 +2415,6 @@
|
|
|
2635
2415
|
}
|
|
2636
2416
|
]
|
|
2637
2417
|
},
|
|
2638
|
-
{
|
|
2639
|
-
"name": "dismissable",
|
|
2640
|
-
"description": ""
|
|
2641
|
-
},
|
|
2642
2418
|
{
|
|
2643
2419
|
"name": "headline",
|
|
2644
2420
|
"description": "Specifies the headline text for the alert, summarizing its message or purpose."
|
|
@@ -2651,6 +2427,10 @@
|
|
|
2651
2427
|
"name": "leading-icon",
|
|
2652
2428
|
"description": "Specifies an optional icon for the leading slot of the dialog."
|
|
2653
2429
|
},
|
|
2430
|
+
{
|
|
2431
|
+
"name": "leading-icon-visible",
|
|
2432
|
+
"description": "Defines whether the leading icon is visible."
|
|
2433
|
+
},
|
|
2654
2434
|
{
|
|
2655
2435
|
"name": "open",
|
|
2656
2436
|
"description": "Controls if toast is initially shown."
|