@vonage/vivid-vue 4.16.2 → 4.18.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 (139) hide show
  1. package/generated/components/VAccordion.vue2.d.ts +1 -1
  2. package/generated/components/VAccordion.vue3.d.ts +22 -22
  3. package/generated/components/VAccordionItem.vue2.d.ts +41 -41
  4. package/generated/components/VAccordionItem.vue3.d.ts +62 -62
  5. package/generated/components/VActionGroup.vue2.d.ts +16 -34
  6. package/generated/components/VActionGroup.vue3.d.ts +28 -46
  7. package/generated/components/VAlert.vue2.d.ts +64 -64
  8. package/generated/components/VAlert.vue3.d.ts +88 -88
  9. package/generated/components/VAudioPlayer.vue2.d.ts +64 -64
  10. package/generated/components/VAudioPlayer.vue3.d.ts +77 -77
  11. package/generated/components/VAvatar.vue2.d.ts +41 -41
  12. package/generated/components/VAvatar.vue3.d.ts +54 -54
  13. package/generated/components/VBadge.vue2.d.ts +37 -37
  14. package/generated/components/VBadge.vue3.d.ts +50 -50
  15. package/generated/components/VBanner.vue2.d.ts +33 -51
  16. package/generated/components/VBanner.vue3.d.ts +46 -64
  17. package/generated/components/VBreadcrumb.vue2.d.ts +1 -1
  18. package/generated/components/VBreadcrumb.vue3.d.ts +14 -14
  19. package/generated/components/VBreadcrumbItem.vue2.d.ts +31 -31
  20. package/generated/components/VBreadcrumbItem.vue3.d.ts +48 -48
  21. package/generated/components/VButton.vue2.d.ts +178 -178
  22. package/generated/components/VButton.vue3.d.ts +191 -191
  23. package/generated/components/VCalendar.vue2.d.ts +40 -25
  24. package/generated/components/VCalendar.vue3.d.ts +57 -42
  25. package/generated/components/VCalendarEvent.vue2.d.ts +33 -33
  26. package/generated/components/VCalendarEvent.vue3.d.ts +46 -46
  27. package/generated/components/VCard.vue2.d.ts +37 -37
  28. package/generated/components/VCard.vue3.d.ts +58 -58
  29. package/generated/components/VCheckbox.vue2.d.ts +102 -126
  30. package/generated/components/VCheckbox.vue3.d.ts +129 -153
  31. package/generated/components/VCombobox.vue2.d.ts +140 -140
  32. package/generated/components/VCombobox.vue3.d.ts +165 -165
  33. package/generated/components/VDataGrid.vue2.d.ts +25 -25
  34. package/generated/components/VDataGrid.vue3.d.ts +50 -50
  35. package/generated/components/VDataGridCell.vue2.d.ts +35 -35
  36. package/generated/components/VDataGridCell.vue3.d.ts +67 -67
  37. package/generated/components/VDataGridRow.vue2.d.ts +16 -16
  38. package/generated/components/VDataGridRow.vue3.d.ts +41 -41
  39. package/generated/components/VDatePicker.vue2.d.ts +57 -57
  40. package/generated/components/VDatePicker.vue3.d.ts +81 -91
  41. package/generated/components/VDateRangePicker.vue2.d.ts +85 -85
  42. package/generated/components/VDateRangePicker.vue3.d.ts +123 -133
  43. package/generated/components/VDateTimePicker.d.ts +7 -0
  44. package/generated/components/VDateTimePicker.vue2.d.ts +298 -0
  45. package/generated/components/VDateTimePicker.vue3.d.ts +386 -0
  46. package/generated/components/VDialPad.vue2.d.ts +64 -64
  47. package/generated/components/VDialPad.vue3.d.ts +97 -97
  48. package/generated/components/VDialog.vue2.d.ts +51 -60
  49. package/generated/components/VDialog.vue3.d.ts +83 -92
  50. package/generated/components/VDivider.vue2.d.ts +13 -13
  51. package/generated/components/VDivider.vue3.d.ts +26 -26
  52. package/generated/components/VEmptyState.vue2.d.ts +2 -2
  53. package/generated/components/VEmptyState.vue3.d.ts +19 -19
  54. package/generated/components/VFab.vue2.d.ts +105 -105
  55. package/generated/components/VFab.vue3.d.ts +118 -118
  56. package/generated/components/VFilePicker.vue2.d.ts +106 -106
  57. package/generated/components/VFilePicker.vue3.d.ts +126 -126
  58. package/generated/components/VHeader.vue2.d.ts +12 -12
  59. package/generated/components/VHeader.vue3.d.ts +32 -32
  60. package/generated/components/VIcon.vue2.d.ts +9 -9
  61. package/generated/components/VIcon.vue3.d.ts +22 -22
  62. package/generated/components/VLayout.vue2.d.ts +19 -19
  63. package/generated/components/VLayout.vue3.d.ts +32 -32
  64. package/generated/components/VMenu.vue2.d.ts +31 -40
  65. package/generated/components/VMenu.vue3.d.ts +57 -66
  66. package/generated/components/VMenuItem.vue2.d.ts +74 -74
  67. package/generated/components/VMenuItem.vue3.d.ts +103 -103
  68. package/generated/components/VNav.vue2.d.ts +1 -1
  69. package/generated/components/VNav.vue3.d.ts +14 -14
  70. package/generated/components/VNavDisclosure.vue2.d.ts +37 -31
  71. package/generated/components/VNavDisclosure.vue3.d.ts +55 -49
  72. package/generated/components/VNavItem.vue2.d.ts +66 -66
  73. package/generated/components/VNavItem.vue3.d.ts +97 -97
  74. package/generated/components/VNote.vue2.d.ts +19 -19
  75. package/generated/components/VNote.vue3.d.ts +35 -35
  76. package/generated/components/VNumberField.vue2.d.ts +179 -179
  77. package/generated/components/VNumberField.vue3.d.ts +199 -199
  78. package/generated/components/VOption.vue2.d.ts +35 -39
  79. package/generated/components/VOption.vue3.d.ts +48 -52
  80. package/generated/components/VPagination.vue2.d.ts +26 -26
  81. package/generated/components/VPagination.vue3.d.ts +39 -39
  82. package/generated/components/VProgress.vue2.d.ts +31 -40
  83. package/generated/components/VProgress.vue3.d.ts +44 -53
  84. package/generated/components/VProgressRing.vue2.d.ts +17 -26
  85. package/generated/components/VProgressRing.vue3.d.ts +30 -39
  86. package/generated/components/VRadio.vue2.d.ts +68 -68
  87. package/generated/components/VRadio.vue3.d.ts +89 -89
  88. package/generated/components/VRadioGroup.vue2.d.ts +35 -35
  89. package/generated/components/VRadioGroup.vue3.d.ts +56 -56
  90. package/generated/components/VRangeSlider.vue2.d.ts +129 -129
  91. package/generated/components/VRangeSlider.vue3.d.ts +165 -165
  92. package/generated/components/VRichTextEditor.d.ts +7 -0
  93. package/generated/components/VRichTextEditor.vue2.d.ts +46 -0
  94. package/generated/components/VRichTextEditor.vue3.d.ts +109 -0
  95. package/generated/components/VSearchableSelect.vue2.d.ts +135 -135
  96. package/generated/components/VSearchableSelect.vue3.d.ts +163 -163
  97. package/generated/components/VSelect.vue2.d.ts +108 -124
  98. package/generated/components/VSelect.vue3.d.ts +134 -150
  99. package/generated/components/VSelectableBox.vue2.d.ts +1 -10
  100. package/generated/components/VSelectableBox.vue3.d.ts +22 -31
  101. package/generated/components/VSideDrawer.vue2.d.ts +13 -13
  102. package/generated/components/VSideDrawer.vue3.d.ts +43 -43
  103. package/generated/components/VSlider.vue2.d.ts +101 -119
  104. package/generated/components/VSlider.vue3.d.ts +122 -140
  105. package/generated/components/VSplitButton.vue2.d.ts +56 -74
  106. package/generated/components/VSplitButton.vue3.d.ts +80 -98
  107. package/generated/components/VSwitch.vue2.d.ts +77 -86
  108. package/generated/components/VSwitch.vue3.d.ts +104 -113
  109. package/generated/components/VTab.vue2.d.ts +46 -46
  110. package/generated/components/VTab.vue3.d.ts +59 -59
  111. package/generated/components/VTabPanel.vue2.d.ts +1 -1
  112. package/generated/components/VTabPanel.vue3.d.ts +14 -14
  113. package/generated/components/VTabs.vue2.d.ts +29 -29
  114. package/generated/components/VTabs.vue3.d.ts +50 -50
  115. package/generated/components/VTag.vue2.d.ts +39 -39
  116. package/generated/components/VTag.vue3.d.ts +56 -56
  117. package/generated/components/VTagGroup.vue2.d.ts +1 -10
  118. package/generated/components/VTagGroup.vue3.d.ts +14 -23
  119. package/generated/components/VTextArea.vue2.d.ts +141 -141
  120. package/generated/components/VTextArea.vue3.d.ts +162 -162
  121. package/generated/components/VTextField.vue2.d.ts +164 -164
  122. package/generated/components/VTextField.vue3.d.ts +189 -189
  123. package/generated/components/VTimePicker.vue2.d.ts +71 -104
  124. package/generated/components/VTimePicker.vue3.d.ts +92 -125
  125. package/generated/components/VToggletip.vue2.d.ts +20 -20
  126. package/generated/components/VToggletip.vue3.d.ts +36 -36
  127. package/generated/components/VTooltip.vue2.d.ts +18 -18
  128. package/generated/components/VTooltip.vue3.d.ts +31 -31
  129. package/generated/components/VTreeItem.vue2.d.ts +31 -31
  130. package/generated/components/VTreeItem.vue3.d.ts +55 -55
  131. package/generated/components/VTreeView.vue2.d.ts +1 -1
  132. package/generated/components/VTreeView.vue3.d.ts +14 -14
  133. package/generated/components/VVideoPlayer.vue2.d.ts +32 -32
  134. package/generated/components/VVideoPlayer.vue3.d.ts +55 -55
  135. package/generated/components/index.d.ts +2 -0
  136. package/index.cjs +4827 -4524
  137. package/index.js +4827 -4526
  138. package/package.json +2 -2
  139. package/web-types.json +1654 -1584
@@ -3,6 +3,13 @@ import { IconId } from '../icons';
3
3
  import type { SplitButton } from '@vonage/vivid/lib/split-button/split-button';
4
4
  import type { SlotsType } from 'vue';
5
5
  declare const _default: import("vue").DefineComponent<{
6
+ /**
7
+ * The appearance the split button should have.
8
+ */
9
+ appearance: {
10
+ type: PropType<"filled" | "outlined" | "ghost">;
11
+ default: undefined;
12
+ };
6
13
  /**
7
14
  * Indicates the element that represents the current item within a container or set of related elements.
8
15
  */
@@ -18,24 +25,27 @@ declare const _default: import("vue").DefineComponent<{
18
25
  default: undefined;
19
26
  };
20
27
  /**
21
- * The shape the split button should have.
28
+ * Indicates if the button is disabled.
22
29
  */
23
- shape: {
24
- type: PropType<"rounded" | "pill">;
30
+ disabled: {
31
+ type: PropType<boolean>;
25
32
  default: undefined;
26
33
  };
27
34
  /**
28
- * The appearance the split button should have.
35
+ * Indicates the split button's icon.
36
+ * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
29
37
  */
30
- appearance: {
31
- type: PropType<"filled" | "outlined" | "ghost">;
38
+ icon: {
39
+ type: PropType<IconId>;
32
40
  default: undefined;
33
41
  };
34
42
  /**
35
- * The size the split button should have.
43
+ * Defines a string value that labels the indicator element.
44
+ *
45
+ * https://www.w3.org/TR/wai-aria-1.1/#aria-label
36
46
  */
37
- size: {
38
- type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
47
+ indicatorAriaLabel: {
48
+ type: PropType<string>;
39
49
  default: undefined;
40
50
  };
41
51
  /**
@@ -46,41 +56,23 @@ declare const _default: import("vue").DefineComponent<{
46
56
  default: undefined;
47
57
  };
48
58
  /**
49
- * Indicates the split button's icon.
50
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
51
- */
52
- icon: {
53
- type: PropType<IconId>;
54
- default: undefined;
55
- };
56
- /**
57
- * Indicates the split button's icon indicator.
59
+ * The shape the split button should have.
58
60
  */
59
- splitIndicator: {
60
- type: PropType<string>;
61
+ shape: {
62
+ type: PropType<"rounded" | "pill">;
61
63
  default: undefined;
62
64
  };
63
65
  /**
64
- * Indicates if the button is disabled.
66
+ * The size the split button should have.
65
67
  */
66
- disabled: {
67
- type: PropType<boolean>;
68
- default: undefined;
69
- };
70
- ariaLabel: {
71
- type: PropType<string>;
72
- default: undefined;
73
- };
74
- ariaExpanded: {
75
- type: PropType<string>;
68
+ size: {
69
+ type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
76
70
  default: undefined;
77
71
  };
78
72
  /**
79
- * Defines a string value that labels the indicator element.
80
- *
81
- * https://www.w3.org/TR/wai-aria-1.1/#aria-label
73
+ * Indicates the split button's icon indicator.
82
74
  */
83
- indicatorAriaLabel: {
75
+ splitIndicator: {
84
76
  type: PropType<string>;
85
77
  default: undefined;
86
78
  };
@@ -89,38 +81,38 @@ declare const _default: import("vue").DefineComponent<{
89
81
  element: import("vue").Ref<SplitButton | null>;
90
82
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
91
83
  /**
92
- * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
93
- * @type {MouseEvent}
84
+ * Event emitted when the action button is clicked
85
+ * @type {CustomEvent<undefined>}
94
86
  */
95
- click(event: MouseEvent & {
87
+ "action-click"(event: CustomEvent<undefined> & {
96
88
  target: SplitButton;
97
89
  }): true;
98
90
  /**
99
- * Fires when the element receives focus.
91
+ * Fires when the element loses focus.
100
92
  * @type {FocusEvent}
101
93
  */
102
- focus(event: FocusEvent & {
94
+ blur(event: FocusEvent & {
103
95
  target: SplitButton;
104
96
  }): true;
105
97
  /**
106
- * Fires when the element loses focus.
107
- * @type {FocusEvent}
98
+ * Fires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
99
+ * @type {MouseEvent}
108
100
  */
109
- blur(event: FocusEvent & {
101
+ click(event: MouseEvent & {
110
102
  target: SplitButton;
111
103
  }): true;
112
104
  /**
113
- * Fires when a key is pressed.
114
- * @type {KeyboardEvent}
105
+ * Fires when the element receives focus.
106
+ * @type {FocusEvent}
115
107
  */
116
- keydown(event: KeyboardEvent & {
108
+ focus(event: FocusEvent & {
117
109
  target: SplitButton;
118
110
  }): true;
119
111
  /**
120
- * Fires when a key is released.
121
- * @type {KeyboardEvent}
112
+ * Event emitted when the indicator button is clicked
113
+ * @type {CustomEvent<undefined>}
122
114
  */
123
- keyup(event: KeyboardEvent & {
115
+ "indicator-click"(event: CustomEvent<undefined> & {
124
116
  target: SplitButton;
125
117
  }): true;
126
118
  /**
@@ -131,20 +123,27 @@ declare const _default: import("vue").DefineComponent<{
131
123
  target: SplitButton;
132
124
  }): true;
133
125
  /**
134
- * Event emitted when the action button is clicked
135
- * @type {CustomEvent<undefined>}
126
+ * Fires when a key is pressed.
127
+ * @type {KeyboardEvent}
136
128
  */
137
- "action-click"(event: CustomEvent<undefined> & {
129
+ keydown(event: KeyboardEvent & {
138
130
  target: SplitButton;
139
131
  }): true;
140
132
  /**
141
- * Event emitted when the indicator button is clicked
142
- * @type {CustomEvent<undefined>}
133
+ * Fires when a key is released.
134
+ * @type {KeyboardEvent}
143
135
  */
144
- "indicator-click"(event: CustomEvent<undefined> & {
136
+ keyup(event: KeyboardEvent & {
145
137
  target: SplitButton;
146
138
  }): true;
147
139
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
140
+ /**
141
+ * The appearance the split button should have.
142
+ */
143
+ appearance: {
144
+ type: PropType<"filled" | "outlined" | "ghost">;
145
+ default: undefined;
146
+ };
148
147
  /**
149
148
  * Indicates the element that represents the current item within a container or set of related elements.
150
149
  */
@@ -160,24 +159,27 @@ declare const _default: import("vue").DefineComponent<{
160
159
  default: undefined;
161
160
  };
162
161
  /**
163
- * The shape the split button should have.
162
+ * Indicates if the button is disabled.
164
163
  */
165
- shape: {
166
- type: PropType<"rounded" | "pill">;
164
+ disabled: {
165
+ type: PropType<boolean>;
167
166
  default: undefined;
168
167
  };
169
168
  /**
170
- * The appearance the split button should have.
169
+ * Indicates the split button's icon.
170
+ * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
171
171
  */
172
- appearance: {
173
- type: PropType<"filled" | "outlined" | "ghost">;
172
+ icon: {
173
+ type: PropType<IconId>;
174
174
  default: undefined;
175
175
  };
176
176
  /**
177
- * The size the split button should have.
177
+ * Defines a string value that labels the indicator element.
178
+ *
179
+ * https://www.w3.org/TR/wai-aria-1.1/#aria-label
178
180
  */
179
- size: {
180
- type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
181
+ indicatorAriaLabel: {
182
+ type: PropType<string>;
181
183
  default: undefined;
182
184
  };
183
185
  /**
@@ -188,41 +190,23 @@ declare const _default: import("vue").DefineComponent<{
188
190
  default: undefined;
189
191
  };
190
192
  /**
191
- * Indicates the split button's icon.
192
- * See the Vivid Icon Gallery for available icons: https://icons.vivid.vonage.com/
193
- */
194
- icon: {
195
- type: PropType<IconId>;
196
- default: undefined;
197
- };
198
- /**
199
- * Indicates the split button's icon indicator.
193
+ * The shape the split button should have.
200
194
  */
201
- splitIndicator: {
202
- type: PropType<string>;
195
+ shape: {
196
+ type: PropType<"rounded" | "pill">;
203
197
  default: undefined;
204
198
  };
205
199
  /**
206
- * Indicates if the button is disabled.
200
+ * The size the split button should have.
207
201
  */
208
- disabled: {
209
- type: PropType<boolean>;
210
- default: undefined;
211
- };
212
- ariaLabel: {
213
- type: PropType<string>;
214
- default: undefined;
215
- };
216
- ariaExpanded: {
217
- type: PropType<string>;
202
+ size: {
203
+ type: PropType<"super-condensed" | "condensed" | "normal" | "expanded">;
218
204
  default: undefined;
219
205
  };
220
206
  /**
221
- * Defines a string value that labels the indicator element.
222
- *
223
- * https://www.w3.org/TR/wai-aria-1.1/#aria-label
207
+ * Indicates the split button's icon indicator.
224
208
  */
225
- indicatorAriaLabel: {
209
+ splitIndicator: {
226
210
  type: PropType<string>;
227
211
  default: undefined;
228
212
  };
@@ -230,21 +214,21 @@ declare const _default: import("vue").DefineComponent<{
230
214
  onKeydown?: ((event: KeyboardEvent & {
231
215
  target: SplitButton;
232
216
  }) => any) | undefined;
217
+ onBlur?: ((event: FocusEvent & {
218
+ target: SplitButton;
219
+ }) => any) | undefined;
233
220
  onClick?: ((event: MouseEvent & {
234
221
  target: SplitButton;
235
222
  }) => any) | undefined;
236
223
  onFocus?: ((event: FocusEvent & {
237
224
  target: SplitButton;
238
225
  }) => any) | undefined;
239
- onBlur?: ((event: FocusEvent & {
226
+ onInput?: ((event: Event & {
240
227
  target: SplitButton;
241
228
  }) => any) | undefined;
242
229
  onKeyup?: ((event: KeyboardEvent & {
243
230
  target: SplitButton;
244
231
  }) => any) | undefined;
245
- onInput?: ((event: Event & {
246
- target: SplitButton;
247
- }) => any) | undefined;
248
232
  "onAction-click"?: ((event: CustomEvent<undefined> & {
249
233
  target: SplitButton;
250
234
  }) => any) | undefined;
@@ -255,15 +239,13 @@ declare const _default: import("vue").DefineComponent<{
255
239
  ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
256
240
  icon: "10-sec-backward-line" | "10-sec-backward-solid" | "10-sec-forward-line" | "10-sec-forward-solid" | "30-sec-backward-line" | "30-sec-backward-solid" | "30-sec-forward-line" | "30-sec-forward-solid" | "5-sec-backward-line" | "5-sec-backward-solid" | "5-sec-forward-line" | "5-sec-forward-solid" | "abc-keyboard-line" | "abc-keyboard-solid" | "accessibility-line" | "accessibility-solid" | "active-call-line" | "active-call-solid" | "add-call-line" | "add-call-solid" | "add-group-line" | "add-group-solid" | "add-line" | "add-solid" | "add-time-line" | "add-time-solid" | "add-user-line" | "add-user-solid" | "address-book-line" | "address-book-solid" | "ai-2-line" | "ai-2-solid" | "ai-3-line" | "ai-3-solid" | "ai-line" | "ai-solid" | "alarm-line" | "alarm-solid" | "align-center-line" | "align-center-solid" | "align-left-line" | "align-left-solid" | "align-right-line" | "align-right-solid" | "ambulance-line" | "ambulance-solid" | "android-color" | "android-mono" | "angular-color" | "angular-mono" | "app-line" | "app-plus-line" | "app-plus-solid" | "app-solid" | "app-store-line" | "app-store-solid" | "apple-color" | "apple-mono" | "apps-line" | "apps-solid" | "arrow-bold-left-line" | "arrow-bold-left-solid" | "arrow-bold-right-line" | "arrow-bold-right-solid" | "arrow-down-line" | "arrow-down-solid" | "arrow-inbound-line" | "arrow-inbound-solid" | "arrow-left-line" | "arrow-left-solid" | "arrow-outbound-line" | "arrow-outbound-solid" | "arrow-right-line" | "arrow-right-solid" | "arrow-up-line" | "arrow-up-solid" | "arrow-width-large-line" | "arrow-width-large-solid" | "arrow-width-medium-line" | "arrow-width-medium-solid" | "arrow-width-small-line" | "arrow-width-small-solid" | "assign-user-line" | "assign-user-solid" | "asterisk-2-line" | "asterisk-2-solid" | "asterisk-line" | "asterisk-solid" | "atoms-line" | "atoms-solid" | "attachment-line" | "attachment-solid" | "audio-max-line" | "audio-max-solid" | "audio-mid-line" | "audio-mid-solid" | "audio-min-line" | "audio-min-solid" | "audio-mute-line" | "audio-mute-solid" | "audio-off-2-line" | "audio-off-2-solid" | "audio-off-line" | "audio-off-solid" | "back-line" | "back-solid" | "backspace-line" | "backspace-solid" | "backward-line" | "backward-solid" | "badge-line" | "badge-solid" | "binoculars-line" | "binoculars-solid" | "block-call-line" | "block-call-solid" | "block-line" | "block-solid" | "blogger-color" | "blogger-mono" | "blur-line" | "blur-off-line" | "blur-off-solid" | "blur-solid" | "bold-line" | "bold-solid" | "bookmark-line" | "bookmark-solid" | "books-line" | "books-solid" | "bot-line" | "bot-solid" | "bottom-tabs-line" | "bottom-tabs-solid" | "bounce-line" | "bounce-solid" | "brain-line" | "brain-solid" | "bring-to-front-line" | "bring-to-front-solid" | "broadcast-line" | "broadcast-solid" | "broken-image-line" | "broken-image-solid" | "bullet-line" | "bullet-list-2-line" | "bullet-list-2-solid" | "bullet-list-line" | "bullet-list-off-line" | "bullet-list-off-solid" | "bullet-list-solid" | "bullet-solid" | "bullhorn-color" | "bullhorn-mono" | "calculator-line" | "calculator-solid" | "calendar-check-line" | "calendar-check-solid" | "calendar-clock-line" | "calendar-clock-solid" | "calendar-line" | "calendar-plus-line" | "calendar-plus-solid" | "calendar-solid" | "call-line" | "call-solid" | "call-star-line" | "call-star-solid" | "camera-line" | "camera-solid" | "camera-switch-line" | "camera-switch-solid" | "car-line" | "car-solid" | "cart-full-line" | "cart-full-solid" | "cart-line" | "cart-solid" | "cell-reception-line" | "cell-reception-solid" | "chain-line" | "chain-solid" | "charity-line" | "charity-solid" | "chart-line" | "chart-solid" | "chat-2-line" | "chat-2-solid" | "chat-call-line" | "chat-call-solid" | "chat-hide-line" | "chat-hide-solid" | "chat-line" | "chat-solid" | "check-all-line" | "check-all-solid" | "check-call-line" | "check-call-solid" | "check-circle-line" | "check-circle-solid" | "check-double-line" | "check-double-solid" | "check-line" | "check-sent-line" | "check-sent-solid" | "check-solid" | "checkbox-checked-2-line" | "checkbox-checked-2-solid" | "checkbox-checked-line" | "checkbox-checked-solid" | "checkbox-part-checked-line" | "checkbox-part-checked-solid" | "checkbox-unchecked-2-line" | "checkbox-unchecked-2-solid" | "checkbox-unchecked-line" | "checkbox-unchecked-solid" | "chevron-circle-down-line" | "chevron-circle-down-solid" | "chevron-down-line" | "chevron-down-solid" | "chevron-left-line" | "chevron-left-solid" | "chevron-right-line" | "chevron-right-solid" | "chevron-up-line" | "chevron-up-solid" | "chime-color" | "chime-mono" | "circle-line" | "circle-solid" | "clear-file-line" | "clear-file-solid" | "click-to-call-line" | "click-to-call-solid" | "clio-color" | "clio-mono" | "clipboard-add-line" | "clipboard-add-solid" | "clipboard-assign-line" | "clipboard-assign-solid" | "clock-line" | "clock-off-line" | "clock-off-solid" | "clock-solid" | "close-circle-line" | "close-circle-solid" | "close-line" | "close-small-line" | "close-small-solid" | "close-solid" | "closed-captioning-line" | "closed-captioning-off-line" | "closed-captioning-off-solid" | "closed-captioning-solid" | "cloud-download-2-line" | "cloud-download-2-solid" | "cloud-line" | "cloud-office-phone-line" | "cloud-office-phone-solid" | "cloud-solid" | "cloud-upload-2-line" | "cloud-upload-2-solid" | "cloud-upload-line" | "cloud-upload-solid" | "code-line" | "code-snippet-line" | "code-snippet-solid" | "code-solid" | "coffee-line" | "coffee-solid" | "collapse-line" | "collapse-solid" | "comms-online-color" | "comms-online-mono" | "company-line" | "company-solid" | "compose-line" | "compose-solid" | "condition-line" | "condition-solid" | "connect-line" | "connect-solid" | "connectwise-color" | "connectwise-mono" | "cooktail-line" | "cooktail-solid" | "copy-2-line" | "copy-2-solid" | "copy-line" | "copy-solid" | "credit-card-line" | "credit-card-solid" | "crop-line" | "crop-solid" | "curl-color" | "curl-mono" | "curly-brackets-line" | "curly-brackets-solid" | "cursor-2-line" | "cursor-2-solid" | "cursor-line" | "cursor-solid" | "dark-mode-line" | "dark-mode-solid" | "delete-line" | "delete-solid" | "density-high-line" | "density-high-solid" | "density-medium-line" | "density-medium-solid" | "design-tools-line" | "design-tools-solid" | "devices-line" | "devices-solid" | "disable-call-line" | "disable-call-solid" | "distort-line" | "distort-solid" | "divider-line" | "divider-solid" | "document-2-line" | "document-2-solid" | "document-line" | "document-solid" | "dollar-line" | "dollar-solid" | "dotnet-color" | "dotnet-mono" | "double-chevron-left-line" | "double-chevron-left-solid" | "double-chevron-right-line" | "double-chevron-right-solid" | "download-line" | "download-solid" | "drupal-color" | "drupal-mono" | "duplicate-line" | "duplicate-solid" | "dynamics-365-color" | "dynamics-365-mono" | "dynamics-color" | "dynamics-mono" | "echo-line" | "echo-solid" | "edit-line" | "edit-solid" | "edit-user-line" | "edit-user-solid" | "eight-line" | "eight-solid" | "emoji-line" | "emoji-solid" | "end-call-line" | "end-call-solid" | "enlarge-screen-2-line" | "enlarge-screen-2-solid" | "enlarge-screen-line" | "enlarge-screen-solid" | "enter-line" | "enter-solid" | "envelope-line" | "envelope-solid" | "eraser-line" | "eraser-solid" | "error-line" | "error-solid" | "error-star-line" | "error-star-solid" | "exit-line" | "exit-solid" | "expand-2-line" | "expand-2-solid" | "expand-line" | "expand-solid" | "export-line" | "export-solid" | "express-color" | "express-mono" | "eye-hide-line" | "eye-hide-solid" | "eye-line" | "eye-solid" | "facebook-color" | "facebook-line" | "facebook-mono" | "facebook-solid" | "fax-2-line" | "fax-2-solid" | "fax-add-line" | "fax-add-solid" | "fax-failed-line" | "fax-failed-solid" | "fax-inbound-line" | "fax-inbound-solid" | "fax-line" | "fax-outbound-line" | "fax-outbound-solid" | "fax-pending-line" | "fax-pending-solid" | "fax-scheduled-line" | "fax-scheduled-solid" | "fax-solid" | "feedback-line" | "feedback-solid" | "file-add-line" | "file-add-solid" | "file-audio-line" | "file-audio-solid" | "file-csv-line" | "file-csv-solid" | "file-doc-line" | "file-doc-solid" | "file-dollar-line" | "file-dollar-solid" | "file-edit-line" | "file-edit-solid" | "file-gear-line" | "file-gear-solid" | "file-gif-2-line" | "file-gif-2-solid" | "file-gif-line" | "file-gif-solid" | "file-jpg-line" | "file-jpg-solid" | "file-line" | "file-paragraph-line" | "file-paragraph-solid" | "file-pdf-line" | "file-pdf-solid" | "file-plus-line" | "file-plus-solid" | "file-png-line" | "file-png-solid" | "file-ppt-line" | "file-ppt-solid" | "file-search-line" | "file-search-solid" | "file-solid" | "file-txt-line" | "file-txt-solid" | "file-video-2-line" | "file-video-2-solid" | "file-video-line" | "file-video-solid" | "file-xls-line" | "file-xls-solid" | "file-zip-line" | "file-zip-solid" | "files-line" | "files-solid" | "filter-line" | "filter-solid" | "five-line" | "five-solid" | "flag-afghanistan" | "flag-aland-islands" | "flag-albania" | "flag-algeria" | "flag-argentina" | "flag-armenia" | "flag-aruba" | "flag-australia" | "flag-austria" | "flag-bahamas" | "flag-bahrain" | "flag-bangladesh" | "flag-belarus" | "flag-belgium" | "flag-benin" | "flag-bolivia" | "flag-botswana" | "flag-brazil" | "flag-bulgaria" | "flag-burkina-faso" | "flag-cambodia" | "flag-canada" | "flag-cayman-islands" | "flag-central-african-republic" | "flag-chad" | "flag-chile" | "flag-china" | "flag-colombia" | "flag-costa-rica" | "flag-croatia" | "flag-cyprus" | "flag-czech-republic" | "flag-denmark" | "flag-dominican-republic" | "flag-egypt" | "flag-el-salvador" | "flag-estonia" | "flag-european-union" | "flag-finland" | "flag-france" | "flag-georgia" | "flag-germany" | "flag-ghana" | "flag-greece" | "flag-grenada" | "flag-guatemala" | "flag-honduras" | "flag-hong-kong" | "flag-hungary" | "flag-iceland" | "flag-india" | "flag-indonesia" | "flag-ireland" | "flag-israel" | "flag-italy" | "flag-jamaica" | "flag-japan" | "flag-latvia" | "flag-liechtenstein" | "flag-lithuania" | "flag-luxembourg" | "flag-macao" | "flag-malaysia" | "flag-malta" | "flag-mauritius" | "flag-mexico" | "flag-moldova" | "flag-netherlands" | "flag-new-zealand" | "flag-nigeria" | "flag-norway" | "flag-pakistan" | "flag-panama" | "flag-peru" | "flag-philippines" | "flag-poland" | "flag-portugal" | "flag-puertorico" | "flag-romania" | "flag-russia" | "flag-rwanda" | "flag-saudi-arabia" | "flag-serbia" | "flag-singapore" | "flag-slovakia" | "flag-slovenia" | "flag-south-africa" | "flag-south-korea" | "flag-spain" | "flag-sri-lanka" | "flag-sweden" | "flag-switzerland" | "flag-taiwan" | "flag-tajikistan" | "flag-tanzania" | "flag-thailand" | "flag-trinidad-and-tobago" | "flag-turkey" | "flag-ukraine" | "flag-united-arab-emirates" | "flag-united-kingdom" | "flag-united-states" | "flag-uruguay" | "flag-uzbekistan" | "flag-venezuela" | "flag-vietnam" | "flag-zambia" | "flash-2-line" | "flash-2-solid" | "flash-line" | "flash-solid" | "flip-horizontal-line" | "flip-horizontal-solid" | "flip-line" | "flip-solid" | "flip-vertical-line" | "flip-vertical-solid" | "flow-2-line" | "flow-2-solid" | "flow-line" | "flow-permission-line" | "flow-permission-solid" | "flow-solid" | "forward-call-line" | "forward-call-solid" | "forward-line" | "forward-solid" | "four-line" | "four-solid" | "full-screen-line" | "full-screen-solid" | "fullscreen-off-line" | "fullscreen-off-solid" | "gallery-line" | "gallery-solid" | "gear-line" | "gear-solid" | "gender-female-line" | "gender-female-solid" | "gender-male-line" | "gender-male-solid" | "gender-unspecified-line" | "gender-unspecified-solid" | "github-color" | "github-mono" | "globe-line" | "globe-solid" | "google-color" | "google-mono" | "gradle-color" | "gradle-mono" | "grid-two-line" | "grid-two-solid" | "groovy-color" | "groovy-mono" | "group-2-line" | "group-2-solid" | "group-3-line" | "group-3-solid" | "group-4-line" | "group-4-solid" | "group-5-line" | "group-5-solid" | "group-6-line" | "group-6-solid" | "group-7-line" | "group-7-solid" | "group-8-line" | "group-8-solid" | "group-9-line" | "group-9-solid" | "group-line" | "group-permission-2-line" | "group-permission-2-solid" | "group-permission-line" | "group-permission-solid" | "group-solid" | "hand-line" | "hand-off-line" | "hand-off-solid" | "hand-shake-line" | "hand-shake-solid" | "hand-solid" | "happy-line" | "happy-solid" | "hash-line" | "hash-solid" | "hashtag-line" | "hashtag-solid" | "headset-2-line" | "headset-2-solid" | "headset-line" | "headset-solid" | "hearing-line" | "hearing-max-line" | "hearing-max-solid" | "hearing-solid" | "heart-line" | "heart-solid" | "help-line" | "help-solid" | "highlight-line" | "highlight-solid" | "history-line" | "history-solid" | "home-line" | "home-solid" | "home-user-line" | "home-user-solid" | "hospital-line" | "hospital-solid" | "hoteling-line" | "hoteling-solid" | "hubspot-color" | "hubspot-mono" | "id-line" | "id-solid" | "image-line" | "image-solid" | "import-line" | "import-solid" | "inbound-call-line" | "inbound-call-solid" | "inbox-2-line" | "inbox-2-solid" | "inbox-3-line" | "inbox-3-solid" | "inbox-line" | "inbox-solid" | "increase-line" | "increase-solid" | "infinity-line" | "infinity-solid" | "info-line" | "info-solid" | "instagram-color" | "instagram-mono" | "interactive-message-line" | "interactive-message-solid" | "ios-color" | "ios-mono" | "italic-line" | "italic-solid" | "java-color" | "java-mono" | "javascript-color" | "javascript-mono" | "jobdiva-color" | "jobdiva-mono" | "key-line" | "key-solid" | "keypad-2-line" | "keypad-2-solid" | "keypad-line" | "keypad-solid" | "knowledge-base-line" | "knowledge-base-solid" | "kotlin-color" | "kotlin-mono" | "laptop-line" | "laptop-solid" | "laravel-color" | "laravel-mono" | "layout-1-line" | "layout-1-solid" | "layout-2-line" | "layout-2-solid" | "leave-line" | "leave-solid" | "light-bulb-line" | "light-bulb-solid" | "light-mode-line" | "light-mode-solid" | "line-width-large-line" | "line-width-large-solid" | "line-width-medium-line" | "line-width-medium-solid" | "line-width-small-line" | "line-width-small-solid" | "link-add-line" | "link-add-solid" | "link-line" | "link-remove-line" | "link-remove-solid" | "link-solid" | "linkedin-color" | "linkedin-mono" | "linux-color" | "linux-mono" | "list-2-line" | "list-2-solid" | "list-filter-line" | "list-filter-solid" | "list-line" | "list-numbered-line" | "list-numbered-solid" | "list-solid" | "lock-line" | "lock-solid" | "mailbox-line" | "mailbox-solid" | "maximize-line" | "maximize-solid" | "media-player-line" | "media-player-off-line" | "media-player-off-solid" | "media-player-solid" | "megaphone-line" | "megaphone-solid" | "menu-line" | "menu-solid" | "merge-2-line" | "merge-2-solid" | "merge-line" | "merge-solid" | "message-line" | "message-sent-line" | "message-sent-solid" | "message-solid" | "message-template-line" | "message-template-solid" | "mic-mute-line" | "mic-mute-solid" | "microphone-2-line" | "microphone-2-solid" | "microphone-line" | "microphone-solid" | "microsoft-dynamics-365-color" | "microsoft-dynamics-365-mono" | "microsoft-teams-color" | "microsoft-teams-mono" | "mind-map-2-line" | "mind-map-2-solid" | "mind-map-line" | "mind-map-solid" | "minimize-2-line" | "minimize-2-solid" | "minimize-line" | "minimize-solid" | "minus-line" | "minus-solid" | "missed-call-line" | "missed-call-solid" | "mobile-2-line" | "mobile-2-solid" | "mobile-arrow-right-line" | "mobile-arrow-right-solid" | "mobile-devices-line" | "mobile-devices-solid" | "mobile-line" | "mobile-solid" | "mockup-line" | "mockup-solid" | "modal-line" | "modal-solid" | "more-horizontal-line" | "more-horizontal-solid" | "more-vertical-line" | "more-vertical-solid" | "music-line" | "music-solid" | "netsuite-color" | "netsuite-mono" | "nexmo-color" | "nexmo-mono" | "next-line" | "next-solid" | "nine-line" | "nine-solid" | "node-color" | "node-mono" | "note-line" | "note-solid" | "notes-line" | "notes-solid" | "notification-off-line" | "notification-off-solid" | "notification-on-line" | "notification-on-solid" | "objective-c-color" | "objective-c-mono" | "office-color" | "office-mono" | "office-phone-2-line" | "office-phone-2-solid" | "office-phone-line" | "office-phone-solid" | "one-line" | "one-solid" | "open-folder-line" | "open-folder-solid" | "open-line" | "open-solid" | "outbound-call-line" | "outbound-call-solid" | "packet-2-line" | "packet-2-solid" | "packet-line" | "packet-solid" | "palette-line" | "palette-solid" | "park-call-line" | "park-call-solid" | "participants-line" | "participants-off-line" | "participants-off-solid" | "participants-solid" | "password-restart-line" | "password-restart-solid" | "pause-2-line" | "pause-2-solid" | "pause-call-line" | "pause-call-solid" | "pause-line" | "pause-solid" | "pen-effect-line" | "pen-effect-solid" | "pen-tip-large-line" | "pen-tip-large-solid" | "pen-tip-medium-line" | "pen-tip-medium-solid" | "pen-tip-small-line" | "pen-tip-small-solid" | "pending-call-line" | "pending-call-solid" | "pentool-line" | "pentool-solid" | "permission-call-line" | "permission-call-solid" | "phone-number-line" | "phone-number-solid" | "php-color" | "php-mono" | "pie-chart-line" | "pie-chart-solid" | "pin-2-line" | "pin-2-off-line" | "pin-2-off-solid" | "pin-2-solid" | "pin-line" | "pin-off-line" | "pin-off-solid" | "pin-solid" | "pin-unverified-line" | "pin-unverified-solid" | "pin-verified-line" | "pin-verified-solid" | "play-2-line" | "play-2-solid" | "play-line" | "play-solid" | "playback-speed-line" | "playback-speed-solid" | "playlist-line" | "playlist-solid" | "plug-line" | "plug-solid" | "plus-line" | "plus-solid" | "preferences-line" | "preferences-solid" | "presentation-line" | "presentation-solid" | "print-line" | "print-solid" | "profile-line" | "profile-solid" | "puzzle-line" | "puzzle-solid" | "puzzled-line" | "puzzled-solid" | "python-color" | "python-mono" | "quit-line" | "quit-solid" | "quote-line" | "quote-solid" | "radio-checked-2-line" | "radio-checked-2-solid" | "radio-checked-line" | "radio-checked-solid" | "radio-unchecked-2-line" | "radio-unchecked-2-solid" | "radio-unchecked-line" | "radio-unchecked-solid" | "rails-color" | "rails-mono" | "react-color" | "react-mono" | "rec-line" | "rec-solid" | "receptionist-line" | "receptionist-solid" | "record-user-line" | "record-user-solid" | "redo-line" | "redo-solid" | "refresh-call-line" | "refresh-call-solid" | "refresh-dollar-line" | "refresh-dollar-solid" | "refresh-line" | "refresh-solid" | "reload-line" | "reload-solid" | "remove-line" | "remove-solid" | "remove-user-line" | "remove-user-solid" | "reorder-horizontal-line" | "reorder-horizontal-solid" | "reorder-vertical-line" | "reorder-vertical-solid" | "reply-line" | "reply-solid" | "report-line" | "report-solid" | "reset-line" | "reset-solid" | "rocket-disabled-line" | "rocket-disabled-solid" | "rocket-line" | "rocket-solid" | "rss-color" | "rss-line" | "rss-mono" | "rss-solid" | "ruby-color" | "ruby-mono" | "salesforce-color" | "salesforce-line" | "salesforce-mono" | "salesforce-solid" | "sand-clock-line" | "sand-clock-solid" | "save-line" | "save-solid" | "screen-share-line" | "screen-share-off-line" | "screen-share-off-solid" | "screen-share-solid" | "search-line" | "search-solid" | "send-to-back-line" | "send-to-back-solid" | "seven-line" | "seven-solid" | "share-2-line" | "share-2-solid" | "share-line" | "share-solid" | "shield-line" | "shield-solid" | "shout-line" | "shout-solid" | "shuffle-line" | "shuffle-solid" | "sidebar-line" | "sidebar-solid" | "six-line" | "six-solid" | "slack-color" | "slack-mono" | "smile-line" | "smile-solid" | "sms-line" | "sms-solid" | "snooze-line" | "snooze-solid" | "sofa-line" | "sofa-solid" | "sort-asc-line" | "sort-asc-solid" | "sort-desc-line" | "sort-desc-solid" | "sort-line" | "sort-solid" | "sparkles-line" | "sparkles-solid" | "square-line" | "square-solid" | "stack-line" | "stack-solid" | "stackoverflow-color" | "stackoverflow-mono" | "star-dollar-line" | "star-dollar-solid" | "star-line" | "star-solid" | "sticker-line" | "sticker-solid" | "stop-line" | "stop-solid" | "stopwatch-line" | "stopwatch-solid" | "store-line" | "store-solid" | "stream-line" | "stream-solid" | "strikethrough-line" | "strikethrough-solid" | "sub-account-line" | "sub-account-solid" | "subtitles-line" | "subtitles-solid" | "sugarcrm-color" | "sugarcrm-mono" | "surprised-line" | "surprised-solid" | "swift-color" | "swift-mono" | "switch-line" | "switch-solid" | "symfony-color" | "symfony-mono" | "table-2-line" | "table-2-solid" | "table-line" | "table-solid" | "tag-add-line" | "tag-add-solid" | "tag-detach-line" | "tag-detach-solid" | "tag-line" | "tag-search-line" | "tag-search-solid" | "tag-solid" | "telephone-line" | "telephone-solid" | "text-line" | "text-size-line" | "text-size-solid" | "text-solid" | "textcolor-line" | "textcolor-solid" | "texture-line" | "texture-solid" | "three-line" | "three-solid" | "thumbs-down-line" | "thumbs-down-solid" | "thumbs-up-line" | "thumbs-up-solid" | "timeline-line" | "timeline-solid" | "toggle-line" | "toggle-solid" | "tooltip-line" | "tooltip-solid" | "transfer-call-line" | "transfer-call-solid" | "transfer-line" | "transfer-solid" | "triangle-line" | "triangle-solid" | "trigger-node-line" | "trigger-node-solid" | "twitch-color" | "twitch-mono" | "twitter-color" | "twitter-mono" | "two-line" | "two-solid" | "umbrella-line" | "umbrella-solid" | "underline-line" | "underline-solid" | "undo-line" | "undo-solid" | "unfavourite-line" | "unfavourite-solid" | "unhappy-line" | "unhappy-solid" | "unlock-line" | "unlock-solid" | "upload-line" | "upload-solid" | "user-2-line" | "user-2-solid" | "user-admin-line" | "user-admin-solid" | "user-clock-line" | "user-clock-solid" | "user-line" | "user-lock-line" | "user-lock-solid" | "user-record-line" | "user-record-solid" | "user-solid" | "user-sync-2-line" | "user-sync-2-off-line" | "user-sync-2-off-solid" | "user-sync-2-solid" | "user-sync-line" | "user-sync-solid" | "van-line" | "van-solid" | "viber-color" | "viber-mono" | "video-active-line" | "video-active-solid" | "video-conference-line" | "video-conference-solid" | "video-line" | "video-off-line" | "video-off-solid" | "video-preview-line" | "video-preview-solid" | "video-solid" | "video-whiteboard-line" | "video-whiteboard-solid" | "video_round_table-line" | "video_round_table-solid" | "virtual-voicemail-line" | "virtual-voicemail-solid" | "voicemail-line" | "voicemail-solid" | "voicemail-transcript-line" | "voicemail-transcript-solid" | "volume-decrease-line" | "volume-decrease-solid" | "volume-increase-line" | "volume-increase-solid" | "volume-line" | "volume-off-2-line" | "volume-off-2-solid" | "volume-off-line" | "volume-off-solid" | "volume-on-line" | "volume-on-solid" | "volume-solid" | "vonage-color" | "vonage-line" | "vonage-mono" | "vonage-solid" | "vue-color" | "vue-mono" | "walk-line" | "walk-solid" | "wallet-line" | "wallet-solid" | "wand-line" | "wand-solid" | "warning-line" | "warning-solid" | "waving-line" | "waving-solid" | "web-chat-color" | "web-chat-mono" | "webhook-line" | "webhook-solid" | "whatsapp-color" | "whatsapp-mono" | "whisper-line" | "whisper-solid" | "wifi-line" | "wifi-solid" | "windows-color" | "windows-mono" | "wordpress-color" | "wordpress-mono" | "workplace-color" | "workplace-mono" | "wrench-tool-2-line" | "wrench-tool-2-solid" | "wrench-tool-line" | "wrench-tool-solid" | "x-twitter-color" | "x-twitter-mono" | "xml-color" | "xml-mono" | "youtube-color" | "youtube-mono" | "zendesk-color" | "zendesk-mono" | "zero-line" | "zero-solid" | "zoho-color" | "zoho-mono" | "zoom-in-line" | "zoom-in-solid" | "zoom-out-line" | "zoom-out-solid" | "zoom-to-fit-line" | "zoom-to-fit-solid";
257
241
  size: "expanded" | "condensed" | "normal" | "super-condensed";
258
- shape: "rounded" | "pill";
259
242
  appearance: "ghost" | "filled" | "outlined";
260
- ariaLabel: string;
243
+ shape: "rounded" | "pill";
261
244
  connotation: "accent" | "success" | "announcement" | "alert" | "cta";
262
245
  disabled: boolean;
263
- ariaExpanded: string;
264
246
  label: string;
265
- splitIndicator: string;
266
247
  indicatorAriaLabel: string;
248
+ splitIndicator: string;
267
249
  }, SlotsType<{
268
250
  /**
269
251
  * Default slot.
@@ -8,6 +8,42 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
8
8
  type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
9
9
  default: undefined;
10
10
  };
11
+ /**
12
+ * The current checkedness of the element. This property serves as a mechanism
13
+ * to set the `checked` property through both property assignment and the
14
+ * .setAttribute() method. This is useful for setting the field's checkedness
15
+ * in UI libraries that bind data through the .setAttribute() API
16
+ * and don't support IDL attribute binding.
17
+ */
18
+ checked: {
19
+ type: PropType<boolean>;
20
+ default: undefined;
21
+ };
22
+ /**
23
+ * The current checkedness of the element. This property serves as a mechanism
24
+ * to set the `checked` property through both property assignment and the
25
+ * .setAttribute() method. This is useful for setting the field's checkedness
26
+ * in UI libraries that bind data through the .setAttribute() API
27
+ * and don't support IDL attribute binding.
28
+ */
29
+ modelValue: {
30
+ type: PropType<boolean>;
31
+ default: undefined;
32
+ };
33
+ /**
34
+ * Indicates the switch's connotation.
35
+ */
36
+ connotation: {
37
+ type: PropType<"accent" | "alert" | "announcement" | "success" | "cta">;
38
+ default: undefined;
39
+ };
40
+ /**
41
+ * Provides the default checkedness of the input element
42
+ */
43
+ defaultChecked: {
44
+ type: PropType<boolean>;
45
+ default: undefined;
46
+ };
11
47
  /**
12
48
  * Sets the element's disabled state. A disabled element will not be included during form submission.
13
49
  */
@@ -24,13 +60,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
24
60
  default: undefined;
25
61
  };
26
62
  /**
27
- * The current value of the element. This property serves as a mechanism
28
- * to set the `value` property through both property assignment and the
29
- * .setAttribute() method. This is useful for setting the field's value
30
- * in UI libraries that bind data through the .setAttribute() API
31
- * and don't support IDL attribute binding.
63
+ * Indicates the switch's label.
32
64
  */
33
- value: {
65
+ label: {
34
66
  type: PropType<string>;
35
67
  default: undefined;
36
68
  };
@@ -41,6 +73,13 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
41
73
  type: PropType<string>;
42
74
  default: undefined;
43
75
  };
76
+ /**
77
+ * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
78
+ */
79
+ readonly: {
80
+ type: PropType<boolean>;
81
+ default: undefined;
82
+ };
44
83
  /**
45
84
  * Require the field to be completed prior to form submission.
46
85
  */
@@ -49,10 +88,25 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
49
88
  default: undefined;
50
89
  };
51
90
  /**
52
- * Provides the default checkedness of the input element
91
+ * The current value of the element. This property serves as a mechanism
92
+ * to set the `value` property through both property assignment and the
93
+ * .setAttribute() method. This is useful for setting the field's value
94
+ * in UI libraries that bind data through the .setAttribute() API
95
+ * and don't support IDL attribute binding.
53
96
  */
54
- defaultChecked: {
55
- type: PropType<boolean>;
97
+ value: {
98
+ type: PropType<string>;
99
+ default: undefined;
100
+ };
101
+ }, {
102
+ componentName: import("vue").Ref<string>;
103
+ element: import("vue").Ref<Switch | null>;
104
+ }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("blur" | "change" | "click" | "focus" | "input" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
105
+ /**
106
+ * Indicates the element that represents the current item within a container or set of related elements.
107
+ */
108
+ ariaCurrent: {
109
+ type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
56
110
  default: undefined;
57
111
  };
58
112
  /**
@@ -77,17 +131,6 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
77
131
  type: PropType<boolean>;
78
132
  default: undefined;
79
133
  };
80
- ariaLabel: {
81
- type: PropType<string>;
82
- default: undefined;
83
- };
84
- /**
85
- * Indicates the switch's label.
86
- */
87
- label: {
88
- type: PropType<string>;
89
- default: undefined;
90
- };
91
134
  /**
92
135
  * Indicates the switch's connotation.
93
136
  */
@@ -96,23 +139,12 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
96
139
  default: undefined;
97
140
  };
98
141
  /**
99
- * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
142
+ * Provides the default checkedness of the input element
100
143
  */
101
- readonly: {
144
+ defaultChecked: {
102
145
  type: PropType<boolean>;
103
146
  default: undefined;
104
147
  };
105
- }, {
106
- componentName: import("vue").Ref<string>;
107
- element: import("vue").Ref<Switch | null>;
108
- }, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "input" | "change" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
109
- /**
110
- * Indicates the element that represents the current item within a container or set of related elements.
111
- */
112
- ariaCurrent: {
113
- type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
114
- default: undefined;
115
- };
116
148
  /**
117
149
  * Sets the element's disabled state. A disabled element will not be included during form submission.
118
150
  */
@@ -129,13 +161,9 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
129
161
  default: undefined;
130
162
  };
131
163
  /**
132
- * The current value of the element. This property serves as a mechanism
133
- * to set the `value` property through both property assignment and the
134
- * .setAttribute() method. This is useful for setting the field's value
135
- * in UI libraries that bind data through the .setAttribute() API
136
- * and don't support IDL attribute binding.
164
+ * Indicates the switch's label.
137
165
  */
138
- value: {
166
+ label: {
139
167
  type: PropType<string>;
140
168
  default: undefined;
141
169
  };
@@ -147,79 +175,42 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
147
175
  default: undefined;
148
176
  };
149
177
  /**
150
- * Require the field to be completed prior to form submission.
151
- */
152
- required: {
153
- type: PropType<boolean>;
154
- default: undefined;
155
- };
156
- /**
157
- * Provides the default checkedness of the input element
178
+ * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
158
179
  */
159
- defaultChecked: {
180
+ readonly: {
160
181
  type: PropType<boolean>;
161
182
  default: undefined;
162
183
  };
163
184
  /**
164
- * The current checkedness of the element. This property serves as a mechanism
165
- * to set the `checked` property through both property assignment and the
166
- * .setAttribute() method. This is useful for setting the field's checkedness
167
- * in UI libraries that bind data through the .setAttribute() API
168
- * and don't support IDL attribute binding.
185
+ * Require the field to be completed prior to form submission.
169
186
  */
170
- checked: {
187
+ required: {
171
188
  type: PropType<boolean>;
172
189
  default: undefined;
173
190
  };
174
191
  /**
175
- * The current checkedness of the element. This property serves as a mechanism
176
- * to set the `checked` property through both property assignment and the
177
- * .setAttribute() method. This is useful for setting the field's checkedness
192
+ * The current value of the element. This property serves as a mechanism
193
+ * to set the `value` property through both property assignment and the
194
+ * .setAttribute() method. This is useful for setting the field's value
178
195
  * in UI libraries that bind data through the .setAttribute() API
179
196
  * and don't support IDL attribute binding.
180
197
  */
181
- modelValue: {
182
- type: PropType<boolean>;
183
- default: undefined;
184
- };
185
- ariaLabel: {
186
- type: PropType<string>;
187
- default: undefined;
188
- };
189
- /**
190
- * Indicates the switch's label.
191
- */
192
- label: {
198
+ value: {
193
199
  type: PropType<string>;
194
200
  default: undefined;
195
201
  };
196
- /**
197
- * Indicates the switch's connotation.
198
- */
199
- connotation: {
200
- type: PropType<"accent" | "alert" | "announcement" | "success" | "cta">;
201
- default: undefined;
202
- };
203
- /**
204
- * When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.
205
- */
206
- readonly: {
207
- type: PropType<boolean>;
208
- default: undefined;
209
- };
210
202
  }>>, {
211
203
  name: string;
212
204
  ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
213
205
  value: string;
214
- ariaLabel: string;
215
206
  connotation: "accent" | "success" | "announcement" | "alert" | "cta";
216
207
  disabled: boolean;
217
208
  initialValue: string;
218
- required: boolean;
219
209
  label: string;
210
+ required: boolean;
220
211
  modelValue: boolean;
221
- defaultChecked: boolean;
222
212
  checked: boolean;
213
+ defaultChecked: boolean;
223
214
  readonly: boolean;
224
215
  }>;
225
216
  export default _default;