@propelinc/citrus-ui 1.0.0 → 1.0.2

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 (122) hide show
  1. package/README.md +21 -15
  2. package/dist/index.cdn.css +1 -0
  3. package/dist/index.cdn.mjs +21718 -0
  4. package/dist/index.cdn.mjs.map +1 -0
  5. package/dist/styles/main.css +466 -62
  6. package/dist/styles/utils.css +390 -0
  7. package/package.json +5 -2
  8. package/src/components/CTextField.vue +11 -5
  9. package/src/styles/_core.scss +1 -0
  10. package/src/styles/_reset.scss +93 -78
  11. package/src/styles/utils.scss +50 -0
  12. package/dist/colors/colors.d.ts +0 -31
  13. package/dist/colors/theme.d.ts +0 -3
  14. package/dist/colors/util-classes.d.ts +0 -11
  15. package/dist/components/CAccordion.vue.d.ts +0 -21
  16. package/dist/components/CAccordionItem.vue.d.ts +0 -41
  17. package/dist/components/CAppBar.vue.d.ts +0 -156
  18. package/dist/components/CBadge.vue.d.ts +0 -52
  19. package/dist/components/CBottomSheet.vue.d.ts +0 -226
  20. package/dist/components/CButton/CButton.vue.d.ts +0 -231
  21. package/dist/components/CButton/types.d.ts +0 -5
  22. package/dist/components/CButtonStack.vue.d.ts +0 -24
  23. package/dist/components/CCard.vue.d.ts +0 -107
  24. package/dist/components/CCardFooter.vue.d.ts +0 -26
  25. package/dist/components/CCardHeader.vue.d.ts +0 -3
  26. package/dist/components/CCardSection.vue.d.ts +0 -17
  27. package/dist/components/CCheckbox.vue.d.ts +0 -145
  28. package/dist/components/CCol.vue.d.ts +0 -21
  29. package/dist/components/CDivider.vue.d.ts +0 -17
  30. package/dist/components/CDobField.vue.d.ts +0 -2109
  31. package/dist/components/CDobSelect.vue.d.ts +0 -398
  32. package/dist/components/CEmailField.vue.d.ts +0 -699
  33. package/dist/components/CExpandTransition.vue.d.ts +0 -19
  34. package/dist/components/CFadeTransition.vue.d.ts +0 -3
  35. package/dist/components/CFileInput.vue.d.ts +0 -98
  36. package/dist/components/CFixedPageFooter.vue.d.ts +0 -106
  37. package/dist/components/CForm.vue.d.ts +0 -29
  38. package/dist/components/CFormFieldCounter.vue.d.ts +0 -42
  39. package/dist/components/CIconButton.vue.d.ts +0 -390
  40. package/dist/components/CLabel.vue.d.ts +0 -32
  41. package/dist/components/CListItem.vue.d.ts +0 -208
  42. package/dist/components/CListItemContent.vue.d.ts +0 -27
  43. package/dist/components/CListItemIcon.vue.d.ts +0 -54
  44. package/dist/components/CLoader.vue.d.ts +0 -73
  45. package/dist/components/CLogo.vue.d.ts +0 -19
  46. package/dist/components/CMaskedTextField.vue.d.ts +0 -2012
  47. package/dist/components/CMenu.vue.d.ts +0 -6
  48. package/dist/components/CMenuItem.vue.d.ts +0 -170
  49. package/dist/components/CMenuLabel.vue.d.ts +0 -3
  50. package/dist/components/CModal.vue.d.ts +0 -206
  51. package/dist/components/CModalLoading.vue.d.ts +0 -230
  52. package/dist/components/CNotification.vue.d.ts +0 -589
  53. package/dist/components/CPhoneField.vue.d.ts +0 -2088
  54. package/dist/components/CPill.vue.d.ts +0 -42
  55. package/dist/components/CPillGroup.vue.d.ts +0 -70
  56. package/dist/components/CPopup.vue.d.ts +0 -21
  57. package/dist/components/CProgressLinear.vue.d.ts +0 -61
  58. package/dist/components/CProgressRing.vue.d.ts +0 -103
  59. package/dist/components/CRadio.vue.d.ts +0 -73
  60. package/dist/components/CRadioGroup.vue.d.ts +0 -123
  61. package/dist/components/CRebrand.vue.d.ts +0 -28
  62. package/dist/components/CRow.vue.d.ts +0 -67
  63. package/dist/components/CSafeArea.vue.d.ts +0 -18
  64. package/dist/components/CSectionHeader.vue.d.ts +0 -28
  65. package/dist/components/CSelect.vue.d.ts +0 -293
  66. package/dist/components/CSkeleton.vue.d.ts +0 -3
  67. package/dist/components/CSkeletonLoaderCard.vue.d.ts +0 -21
  68. package/dist/components/CSkeletonLoaderCircle.vue.d.ts +0 -5
  69. package/dist/components/CSkeletonLoaderText.vue.d.ts +0 -44
  70. package/dist/components/CSlideFadeTransition.vue.d.ts +0 -58
  71. package/dist/components/CSplitInput.vue.d.ts +0 -2131
  72. package/dist/components/CSquaredIcon.vue.d.ts +0 -47
  73. package/dist/components/CSsnField.vue.d.ts +0 -2083
  74. package/dist/components/CStatusDot.vue.d.ts +0 -27
  75. package/dist/components/CSwitch.vue.d.ts +0 -54
  76. package/dist/components/CSwitchListItem.vue.d.ts +0 -392
  77. package/dist/components/CTextArea.vue.d.ts +0 -240
  78. package/dist/components/CTextField.vue.d.ts +0 -647
  79. package/dist/components/CTextLink.vue.d.ts +0 -55
  80. package/dist/components/CThirdPartyLogo.vue.d.ts +0 -128
  81. package/dist/components/CTimeago.vue.d.ts +0 -12
  82. package/dist/components/CToast.vue.d.ts +0 -458
  83. package/dist/components/CToastsList.vue.d.ts +0 -430
  84. package/dist/components/CValidationMessage.vue.d.ts +0 -45
  85. package/dist/components/CZipcodeField.vue.d.ts +0 -2080
  86. package/dist/components/index.d.ts +0 -66
  87. package/dist/components/internal/CCloseButton.vue.d.ts +0 -14
  88. package/dist/composables/accessibility.d.ts +0 -1
  89. package/dist/composables/animation.d.ts +0 -12
  90. package/dist/composables/binding.d.ts +0 -19
  91. package/dist/composables/colors.d.ts +0 -13
  92. package/dist/composables/elements.d.ts +0 -3
  93. package/dist/composables/fields.d.ts +0 -9
  94. package/dist/composables/gestures.d.ts +0 -53
  95. package/dist/composables/i18n.d.ts +0 -3
  96. package/dist/composables/id.d.ts +0 -11
  97. package/dist/composables/input-mask.d.ts +0 -18
  98. package/dist/composables/router.d.ts +0 -30
  99. package/dist/composables/slots.d.ts +0 -2
  100. package/dist/composables/toast.d.ts +0 -21
  101. package/dist/composables/validations.d.ts +0 -77
  102. package/dist/index.css +0 -1
  103. package/dist/index.d.ts +0 -8
  104. package/dist/index.mjs +0 -11738
  105. package/dist/index.mjs.map +0 -1
  106. package/dist/plugin.d.ts +0 -3
  107. package/dist/services/animation.d.ts +0 -17
  108. package/dist/services/directives/index.d.ts +0 -2
  109. package/dist/services/directives/scroll-into-view.d.ts +0 -7
  110. package/dist/services/directives/tap-animation.d.ts +0 -6
  111. package/dist/services/id.d.ts +0 -22
  112. package/dist/services/injections/accordions.d.ts +0 -3
  113. package/dist/services/injections/animations.d.ts +0 -2
  114. package/dist/services/injections/buttons.d.ts +0 -4
  115. package/dist/services/injections/forms.d.ts +0 -6
  116. package/dist/services/injections/icon-buttons.d.ts +0 -3
  117. package/dist/services/injections/pills.d.ts +0 -4
  118. package/dist/services/injections/radio.d.ts +0 -10
  119. package/dist/theme/icons.d.ts +0 -36
  120. package/dist/types/CForm.d.ts +0 -12
  121. package/dist/types/font-awesome.d.ts +0 -5
  122. package/dist/types.d.ts +0 -12
@@ -1,128 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComputedRef, ComponentProvideOptions } from 'vue';
2
- import { FaPropType, FaIcon } from '../types/font-awesome';
3
- import { CssColor } from '../colors/colors';
4
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
5
- type Size = 'medium' | 'large';
6
- type ImageState = 'loading' | 'loaded' | 'failed';
7
- /**
8
- * A component that displays a third party logo with a fallback icon.
9
- *
10
- * The fallback icon is displayed while the image is loading or if the image fails to load.
11
- *
12
- * The image is rendered, but hidden, while loading, and displayed when loaded.
13
- */
14
- declare const _default: DefineComponent<ExtractPropTypes<{
15
- /**
16
- * The alt text for the logo.
17
- */
18
- alt: {
19
- type: StringConstructor;
20
- required: true;
21
- };
22
- /**
23
- * The color of the fallback icon logo
24
- */
25
- color: any;
26
- /**
27
- * The Font Awesome icon to display as a fallback
28
- */
29
- icon: any;
30
- /**
31
- * The size of the logo. Defaults to `medium`.
32
- */
33
- size: {
34
- type: PropType<Size>;
35
- required: false;
36
- default: string;
37
- validator: (value: string) => boolean;
38
- };
39
- /**
40
- * The URL of the logo image
41
- */
42
- src: {
43
- type: StringConstructor;
44
- required: false;
45
- default: string;
46
- };
47
- }>, {
48
- handleImageError: () => void;
49
- handleImageLoad: () => void;
50
- imageState: Ref<ImageState, ImageState>;
51
- SIZE_TO_VALUE: Record<Size, `${number}px`>;
52
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
53
- /**
54
- * The alt text for the logo.
55
- */
56
- alt: {
57
- type: StringConstructor;
58
- required: true;
59
- };
60
- /**
61
- * The color of the fallback icon logo
62
- */
63
- color: any;
64
- /**
65
- * The Font Awesome icon to display as a fallback
66
- */
67
- icon: any;
68
- /**
69
- * The size of the logo. Defaults to `medium`.
70
- */
71
- size: {
72
- type: PropType<Size>;
73
- required: false;
74
- default: string;
75
- validator: (value: string) => boolean;
76
- };
77
- /**
78
- * The URL of the logo image
79
- */
80
- src: {
81
- type: StringConstructor;
82
- required: false;
83
- default: string;
84
- };
85
- }>> & Readonly<{}>, {
86
- size: Size;
87
- icon: any;
88
- color: any;
89
- src: string;
90
- }, {}, {
91
- CSquaredIcon: DefineComponent<ExtractPropTypes<{
92
- icon: {
93
- type: FaPropType;
94
- default: null;
95
- };
96
- color: {
97
- type: StringConstructor;
98
- default: string;
99
- };
100
- large: {
101
- type: BooleanConstructor;
102
- default: boolean;
103
- };
104
- }>, {
105
- cssColor: Ref< CssColor | undefined, CssColor | undefined>;
106
- useWhiteIcon: ComputedRef<boolean>;
107
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
108
- icon: {
109
- type: FaPropType;
110
- default: null;
111
- };
112
- color: {
113
- type: StringConstructor;
114
- default: string;
115
- };
116
- large: {
117
- type: BooleanConstructor;
118
- default: boolean;
119
- };
120
- }>> & Readonly<{}>, {
121
- icon: FaIcon;
122
- color: string;
123
- large: boolean;
124
- }, {}, {
125
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
126
- }, {}, string, ComponentProvideOptions, true, {}, any>;
127
- }, {}, string, ComponentProvideOptions, true, {}, any>;
128
- export default _default;
@@ -1,12 +0,0 @@
1
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- type __VLS_Props = {
3
- datetime: string | number | Date;
4
- converter: (datetime: string | number | Date, locale: string, count?: number) => string;
5
- locale?: string;
6
- autoUpdate?: number | false;
7
- };
8
- declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
9
- locale: string;
10
- autoUpdate: number | false;
11
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLTimeElement>;
12
- export default _default;
@@ -1,458 +0,0 @@
1
- import { default as SlAlert } from '@shoelace-style/shoelace/dist/components/alert/alert.js';
2
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- import { ToastVariant } from '../types';
4
- import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
5
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
6
- import { ButtonLevel, ButtonSize, ButtonVariant, ButtonIconPosition, ButtonShoelaceVariant } from './CButton/types';
7
- import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
8
- declare const _default: DefineComponent<ExtractPropTypes<{
9
- /** Show/hides the toast */
10
- value: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- /** The message rendered in the toast, using the default slot overrides this value */
15
- message: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- /**
20
- * @deprecated use `variant` prop instead
21
- * Renders the error state
22
- */
23
- error: {
24
- type: BooleanConstructor;
25
- default: boolean;
26
- deprecated: boolean;
27
- };
28
- /**
29
- * @deprecated use `variant` prop instead
30
- * Renders the success state
31
- */
32
- success: {
33
- type: BooleanConstructor;
34
- default: boolean;
35
- deprecated: boolean;
36
- };
37
- /**
38
- * @deprecated use `variant` prop instead
39
- * Renders the warning state
40
- */
41
- warning: {
42
- type: BooleanConstructor;
43
- default: boolean;
44
- deprecated: boolean;
45
- };
46
- /** The variant of the toast */
47
- variant: {
48
- type: PropType<ToastVariant>;
49
- default: string;
50
- };
51
- /** Controls (overrides) whether the toast is dismissible. */
52
- dismissible: {
53
- type: PropType<boolean | undefined>;
54
- default: undefined;
55
- };
56
- /** The data-test attribute for the toast. */
57
- dataTest: {
58
- type: StringConstructor;
59
- default: string;
60
- };
61
- }>, {
62
- duration: ComputedRef<number>;
63
- alert: Ref<SlAlert | null, SlAlert | null>;
64
- icon: ComputedRef<IconDefinition>;
65
- faXmark: IconDefinition;
66
- isOpen: Ref<boolean, boolean>;
67
- computedVariant: ComputedRef<ToastVariant>;
68
- close: () => Promise<void>;
69
- onHide: () => void;
70
- transform: ComputedRef<string>;
71
- resetAnimation: () => void;
72
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "hide")[], "input" | "hide", PublicProps, Readonly< ExtractPropTypes<{
73
- /** Show/hides the toast */
74
- value: {
75
- type: BooleanConstructor;
76
- default: boolean;
77
- };
78
- /** The message rendered in the toast, using the default slot overrides this value */
79
- message: {
80
- type: StringConstructor;
81
- default: string;
82
- };
83
- /**
84
- * @deprecated use `variant` prop instead
85
- * Renders the error state
86
- */
87
- error: {
88
- type: BooleanConstructor;
89
- default: boolean;
90
- deprecated: boolean;
91
- };
92
- /**
93
- * @deprecated use `variant` prop instead
94
- * Renders the success state
95
- */
96
- success: {
97
- type: BooleanConstructor;
98
- default: boolean;
99
- deprecated: boolean;
100
- };
101
- /**
102
- * @deprecated use `variant` prop instead
103
- * Renders the warning state
104
- */
105
- warning: {
106
- type: BooleanConstructor;
107
- default: boolean;
108
- deprecated: boolean;
109
- };
110
- /** The variant of the toast */
111
- variant: {
112
- type: PropType<ToastVariant>;
113
- default: string;
114
- };
115
- /** Controls (overrides) whether the toast is dismissible. */
116
- dismissible: {
117
- type: PropType<boolean | undefined>;
118
- default: undefined;
119
- };
120
- /** The data-test attribute for the toast. */
121
- dataTest: {
122
- type: StringConstructor;
123
- default: string;
124
- };
125
- }>> & Readonly<{
126
- onInput?: ((...args: any[]) => any) | undefined;
127
- onHide?: ((...args: any[]) => any) | undefined;
128
- }>, {
129
- value: boolean;
130
- dataTest: string;
131
- error: boolean;
132
- message: string;
133
- variant: ToastVariant;
134
- warning: boolean;
135
- dismissible: boolean | undefined;
136
- success: boolean;
137
- }, {}, {
138
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
139
- CIconButton: DefineComponent<ExtractPropTypes<{
140
- ariaLabel: {
141
- type: StringConstructor;
142
- default: undefined;
143
- };
144
- ariaLabelledby: {
145
- type: StringConstructor;
146
- default: undefined;
147
- };
148
- disabled: {
149
- type: BooleanConstructor;
150
- default: boolean;
151
- };
152
- href: {
153
- type: StringConstructor;
154
- default: undefined;
155
- };
156
- icon: {
157
- type: PropType<string | string[] | IconDefinition>;
158
- default: undefined;
159
- };
160
- large: {
161
- type: BooleanConstructor;
162
- default: boolean;
163
- deprecated: boolean;
164
- };
165
- level: {
166
- type: PropType< ButtonLevel>;
167
- default: string;
168
- };
169
- loading: {
170
- type: BooleanConstructor;
171
- default: boolean;
172
- };
173
- secondary: {
174
- type: BooleanConstructor;
175
- default: boolean;
176
- deprecated: boolean;
177
- };
178
- size: {
179
- type: PropType< ButtonSize>;
180
- default: string;
181
- };
182
- spinIcon: {
183
- type: BooleanConstructor;
184
- default: boolean;
185
- };
186
- target: {
187
- type: StringConstructor;
188
- default: undefined;
189
- };
190
- tertiary: {
191
- type: BooleanConstructor;
192
- default: boolean;
193
- deprecated: boolean;
194
- };
195
- to: {
196
- type: PropType< RouteLocationRaw>;
197
- default: undefined;
198
- };
199
- variant: {
200
- type: PropType< ButtonVariant>;
201
- default: string;
202
- };
203
- }>, {
204
- computedSize: ComputedRef<ButtonSize>;
205
- computedVariant: ComputedRef<ButtonVariant>;
206
- inheritColor: Ref<boolean, boolean> | undefined;
207
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
208
- ariaLabel: {
209
- type: StringConstructor;
210
- default: undefined;
211
- };
212
- ariaLabelledby: {
213
- type: StringConstructor;
214
- default: undefined;
215
- };
216
- disabled: {
217
- type: BooleanConstructor;
218
- default: boolean;
219
- };
220
- href: {
221
- type: StringConstructor;
222
- default: undefined;
223
- };
224
- icon: {
225
- type: PropType<string | string[] | IconDefinition>;
226
- default: undefined;
227
- };
228
- large: {
229
- type: BooleanConstructor;
230
- default: boolean;
231
- deprecated: boolean;
232
- };
233
- level: {
234
- type: PropType< ButtonLevel>;
235
- default: string;
236
- };
237
- loading: {
238
- type: BooleanConstructor;
239
- default: boolean;
240
- };
241
- secondary: {
242
- type: BooleanConstructor;
243
- default: boolean;
244
- deprecated: boolean;
245
- };
246
- size: {
247
- type: PropType< ButtonSize>;
248
- default: string;
249
- };
250
- spinIcon: {
251
- type: BooleanConstructor;
252
- default: boolean;
253
- };
254
- target: {
255
- type: StringConstructor;
256
- default: undefined;
257
- };
258
- tertiary: {
259
- type: BooleanConstructor;
260
- default: boolean;
261
- deprecated: boolean;
262
- };
263
- to: {
264
- type: PropType< RouteLocationRaw>;
265
- default: undefined;
266
- };
267
- variant: {
268
- type: PropType< ButtonVariant>;
269
- default: string;
270
- };
271
- }>> & Readonly<{
272
- onFocus?: ((...args: any[]) => any) | undefined;
273
- onBlur?: ((...args: any[]) => any) | undefined;
274
- onClick?: ((...args: any[]) => any) | undefined;
275
- }>, {
276
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
277
- size: ButtonSize;
278
- icon: string | string[] | IconDefinition;
279
- target: string;
280
- tertiary: boolean;
281
- loading: boolean;
282
- large: boolean;
283
- disabled: boolean;
284
- ariaLabel: string;
285
- secondary: boolean;
286
- href: string;
287
- level: ButtonLevel;
288
- variant: ButtonVariant;
289
- ariaLabelledby: string;
290
- spinIcon: boolean;
291
- }, {}, {
292
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
293
- CButton: DefineComponent<ExtractPropTypes<{
294
- block: {
295
- type: BooleanConstructor;
296
- default: boolean;
297
- };
298
- disabled: {
299
- type: BooleanConstructor;
300
- default: boolean;
301
- };
302
- href: {
303
- type: StringConstructor;
304
- default: undefined;
305
- };
306
- icon: {
307
- type: PropType<string | string[] | IconDefinition>;
308
- default: undefined;
309
- };
310
- iconPosition: {
311
- type: PropType< ButtonIconPosition>;
312
- default: string;
313
- validator: (value: string) => boolean;
314
- };
315
- large: {
316
- type: BooleanConstructor;
317
- default: boolean;
318
- deprecated: boolean;
319
- };
320
- level: {
321
- type: PropType< ButtonLevel>;
322
- default: string;
323
- validator: (value: string) => boolean;
324
- };
325
- loading: {
326
- type: BooleanConstructor;
327
- default: boolean;
328
- };
329
- secondary: {
330
- type: BooleanConstructor;
331
- default: boolean;
332
- deprecated: boolean;
333
- };
334
- size: {
335
- type: PropType< ButtonSize>;
336
- default: string;
337
- validator: (value: string) => boolean;
338
- };
339
- target: {
340
- type: StringConstructor;
341
- default: undefined;
342
- };
343
- tertiary: {
344
- type: BooleanConstructor;
345
- default: boolean;
346
- deprecated: boolean;
347
- };
348
- to: {
349
- type: PropType< RouteLocationRaw>;
350
- default: undefined;
351
- };
352
- variant: {
353
- type: PropType< ButtonVariant>;
354
- default: string;
355
- validator: (value: string) => boolean;
356
- };
357
- }>, {
358
- animationListeners: Record<string, () => void>;
359
- button: Ref<HTMLElement | null, HTMLElement | null>;
360
- computedSize: ComputedRef<ButtonSize>;
361
- computedVariant: ComputedRef<ButtonVariant>;
362
- dataBlock: ComputedRef<true | undefined>;
363
- dataLoading: ComputedRef<true | undefined>;
364
- hasIcon: ComputedRef<boolean>;
365
- injectedOrPropBlock: ComputedRef<boolean>;
366
- injectedOrPropsLarge: ComputedRef<boolean>;
367
- onClick: (event: MouseEvent) => void;
368
- routerDestinationOrHref: ComputedRef<string | undefined>;
369
- shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
370
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
371
- block: {
372
- type: BooleanConstructor;
373
- default: boolean;
374
- };
375
- disabled: {
376
- type: BooleanConstructor;
377
- default: boolean;
378
- };
379
- href: {
380
- type: StringConstructor;
381
- default: undefined;
382
- };
383
- icon: {
384
- type: PropType<string | string[] | IconDefinition>;
385
- default: undefined;
386
- };
387
- iconPosition: {
388
- type: PropType< ButtonIconPosition>;
389
- default: string;
390
- validator: (value: string) => boolean;
391
- };
392
- large: {
393
- type: BooleanConstructor;
394
- default: boolean;
395
- deprecated: boolean;
396
- };
397
- level: {
398
- type: PropType< ButtonLevel>;
399
- default: string;
400
- validator: (value: string) => boolean;
401
- };
402
- loading: {
403
- type: BooleanConstructor;
404
- default: boolean;
405
- };
406
- secondary: {
407
- type: BooleanConstructor;
408
- default: boolean;
409
- deprecated: boolean;
410
- };
411
- size: {
412
- type: PropType< ButtonSize>;
413
- default: string;
414
- validator: (value: string) => boolean;
415
- };
416
- target: {
417
- type: StringConstructor;
418
- default: undefined;
419
- };
420
- tertiary: {
421
- type: BooleanConstructor;
422
- default: boolean;
423
- deprecated: boolean;
424
- };
425
- to: {
426
- type: PropType< RouteLocationRaw>;
427
- default: undefined;
428
- };
429
- variant: {
430
- type: PropType< ButtonVariant>;
431
- default: string;
432
- validator: (value: string) => boolean;
433
- };
434
- }>> & Readonly<{
435
- onFocus?: ((...args: any[]) => any) | undefined;
436
- onBlur?: ((...args: any[]) => any) | undefined;
437
- onClick?: ((...args: any[]) => any) | undefined;
438
- }>, {
439
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
440
- size: ButtonSize;
441
- icon: string | string[] | IconDefinition;
442
- target: string;
443
- tertiary: boolean;
444
- loading: boolean;
445
- block: boolean;
446
- large: boolean;
447
- disabled: boolean;
448
- secondary: boolean;
449
- href: string;
450
- iconPosition: ButtonIconPosition;
451
- level: ButtonLevel;
452
- variant: ButtonVariant;
453
- }, {}, {
454
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
455
- }, {}, string, ComponentProvideOptions, true, {}, any>;
456
- }, {}, string, ComponentProvideOptions, true, {}, any>;
457
- }, {}, string, ComponentProvideOptions, true, {}, any>;
458
- export default _default;