@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,19 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- disabled: {
4
- type: BooleanConstructor;
5
- default: boolean;
6
- };
7
- }>, {
8
- content: Ref<HTMLElement | null, HTMLElement | null>;
9
- height: Ref<string, string>;
10
- isDisabled: ComputedRef<boolean>;
11
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
12
- disabled: {
13
- type: BooleanConstructor;
14
- default: boolean;
15
- };
16
- }>> & Readonly<{}>, {
17
- disabled: boolean;
18
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
19
- export default _default;
@@ -1,3 +0,0 @@
1
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3
- export default _default;
@@ -1,98 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** The input's label, both visual and screenreader-only */
4
- label: {
5
- type: StringConstructor;
6
- required: true;
7
- };
8
- /** Placholder text to display before a user has selected any files */
9
- prompt: {
10
- type: StringConstructor;
11
- required: true;
12
- };
13
- /** The input's value. Either one file or an array of files */
14
- value: {
15
- type: PropType<File[] | File | null>;
16
- default: null;
17
- };
18
- /** A unique id for the input */
19
- id: {
20
- type: StringConstructor;
21
- required: true;
22
- };
23
- /** Allow the user to upload multiple files */
24
- multiple: {
25
- type: BooleanConstructor;
26
- default: boolean;
27
- };
28
- /** Controls whether the input is disabled */
29
- disabled: {
30
- type: BooleanConstructor;
31
- default: boolean;
32
- };
33
- /** Controls whether the input is required */
34
- required: {
35
- type: BooleanConstructor;
36
- default: boolean;
37
- };
38
- /** A custom data-test string applied to the form field, text field and hide icon */
39
- dataTest: {
40
- type: StringConstructor;
41
- default: string;
42
- };
43
- }>, {
44
- idWithFallback: Ref<string, string>;
45
- inputValue: Ref<File | File[] | null, File | File[] | null>;
46
- hasValue: ComputedRef<boolean>;
47
- onFileChange: (event: Event) => void;
48
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
49
- /** The input's label, both visual and screenreader-only */
50
- label: {
51
- type: StringConstructor;
52
- required: true;
53
- };
54
- /** Placholder text to display before a user has selected any files */
55
- prompt: {
56
- type: StringConstructor;
57
- required: true;
58
- };
59
- /** The input's value. Either one file or an array of files */
60
- value: {
61
- type: PropType<File[] | File | null>;
62
- default: null;
63
- };
64
- /** A unique id for the input */
65
- id: {
66
- type: StringConstructor;
67
- required: true;
68
- };
69
- /** Allow the user to upload multiple files */
70
- multiple: {
71
- type: BooleanConstructor;
72
- default: boolean;
73
- };
74
- /** Controls whether the input is disabled */
75
- disabled: {
76
- type: BooleanConstructor;
77
- default: boolean;
78
- };
79
- /** Controls whether the input is required */
80
- required: {
81
- type: BooleanConstructor;
82
- default: boolean;
83
- };
84
- /** A custom data-test string applied to the form field, text field and hide icon */
85
- dataTest: {
86
- type: StringConstructor;
87
- default: string;
88
- };
89
- }>> & Readonly<{
90
- onInput?: ((...args: any[]) => any) | undefined;
91
- }>, {
92
- value: File | File[] | null;
93
- dataTest: string;
94
- disabled: boolean;
95
- required: boolean;
96
- multiple: boolean;
97
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
98
- export default _default;
@@ -1,106 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, Ref, CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** The HTML tag to render as. Avoid changing this if possible. */
4
- tag: {
5
- type: StringConstructor;
6
- default: string;
7
- };
8
- }>, {
9
- footer: Ref< CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
10
- tag: {
11
- type: StringConstructor;
12
- default: string;
13
- };
14
- large: {
15
- type: BooleanConstructor;
16
- default: null;
17
- };
18
- }>> & Readonly<{}>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
19
- large: boolean;
20
- tag: string;
21
- }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
22
- P: {};
23
- B: {};
24
- D: {};
25
- C: {};
26
- M: {};
27
- Defaults: {};
28
- }, Readonly< ExtractPropTypes<{
29
- tag: {
30
- type: StringConstructor;
31
- default: string;
32
- };
33
- large: {
34
- type: BooleanConstructor;
35
- default: null;
36
- };
37
- }>> & Readonly<{}>, {}, {}, {}, {}, {
38
- large: boolean;
39
- tag: string;
40
- }> | null, CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
41
- tag: {
42
- type: StringConstructor;
43
- default: string;
44
- };
45
- large: {
46
- type: BooleanConstructor;
47
- default: null;
48
- };
49
- }>> & Readonly<{}>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
50
- large: boolean;
51
- tag: string;
52
- }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
53
- P: {};
54
- B: {};
55
- D: {};
56
- C: {};
57
- M: {};
58
- Defaults: {};
59
- }, Readonly< ExtractPropTypes<{
60
- tag: {
61
- type: StringConstructor;
62
- default: string;
63
- };
64
- large: {
65
- type: BooleanConstructor;
66
- default: null;
67
- };
68
- }>> & Readonly<{}>, {}, {}, {}, {}, {
69
- large: boolean;
70
- tag: string;
71
- }> | null>;
72
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "change:height"[], "change:height", PublicProps, Readonly< ExtractPropTypes<{
73
- /** The HTML tag to render as. Avoid changing this if possible. */
74
- tag: {
75
- type: StringConstructor;
76
- default: string;
77
- };
78
- }>> & Readonly<{
79
- "onChange:height"?: ((...args: any[]) => any) | undefined;
80
- }>, {
81
- tag: string;
82
- }, {}, {
83
- CButtonStack: DefineComponent<ExtractPropTypes<{
84
- tag: {
85
- type: StringConstructor;
86
- default: string;
87
- };
88
- large: {
89
- type: BooleanConstructor;
90
- default: null;
91
- };
92
- }>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
93
- tag: {
94
- type: StringConstructor;
95
- default: string;
96
- };
97
- large: {
98
- type: BooleanConstructor;
99
- default: null;
100
- };
101
- }>> & Readonly<{}>, {
102
- large: boolean;
103
- tag: string;
104
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
105
- }, {}, string, ComponentProvideOptions, true, {}, any>;
106
- export default _default;
@@ -1,29 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- dataTest: {
4
- type: StringConstructor;
5
- default: string;
6
- };
7
- value: {
8
- type: BooleanConstructor;
9
- default: boolean;
10
- };
11
- }>, {
12
- form: Ref<HTMLFormElement | null, HTMLFormElement | null>;
13
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "submit")[], "input" | "submit", PublicProps, Readonly< ExtractPropTypes<{
14
- dataTest: {
15
- type: StringConstructor;
16
- default: string;
17
- };
18
- value: {
19
- type: BooleanConstructor;
20
- default: boolean;
21
- };
22
- }>> & Readonly<{
23
- onInput?: ((...args: any[]) => any) | undefined;
24
- onSubmit?: ((...args: any[]) => any) | undefined;
25
- }>, {
26
- value: boolean;
27
- dataTest: string;
28
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
29
- export default _default;
@@ -1,42 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** Sets the denominator of the counter. */
4
- counter: {
5
- type: PropType<number | null>;
6
- default: null;
7
- };
8
- /** Function or number that determines the numerator of the counter. */
9
- counterValue: {
10
- type: PropType<number | (() => number | null)>;
11
- default: null;
12
- };
13
- /** Input value of the parent form field */
14
- value: {
15
- type: StringConstructor;
16
- default: string;
17
- };
18
- }>, {
19
- numerator: ComputedRef<number | null>;
20
- displayText: ComputedRef<string>;
21
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
22
- /** Sets the denominator of the counter. */
23
- counter: {
24
- type: PropType<number | null>;
25
- default: null;
26
- };
27
- /** Function or number that determines the numerator of the counter. */
28
- counterValue: {
29
- type: PropType<number | (() => number | null)>;
30
- default: null;
31
- };
32
- /** Input value of the parent form field */
33
- value: {
34
- type: StringConstructor;
35
- default: string;
36
- };
37
- }>> & Readonly<{}>, {
38
- value: string;
39
- counter: number | null;
40
- counterValue: number | (() => number | null);
41
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
42
- export default _default;
@@ -1,390 +0,0 @@
1
- import { IconDefinition } from '@fortawesome/pro-light-svg-icons';
2
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
4
- import { ButtonLevel, ButtonSize, ButtonVariant, ButtonIconPosition, ButtonShoelaceVariant } from './CButton/types';
5
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
6
- declare const _default: DefineComponent<ExtractPropTypes<{
7
- /** ARIA label for the button. You must use either this or ariaLabelledby. */
8
- ariaLabel: {
9
- type: StringConstructor;
10
- default: undefined;
11
- };
12
- /** ARIA labelledby for the button. You must use either this or ariaLabel. */
13
- ariaLabelledby: {
14
- type: StringConstructor;
15
- default: undefined;
16
- };
17
- /** Controls whether button is disabled */
18
- disabled: {
19
- type: BooleanConstructor;
20
- default: boolean;
21
- };
22
- /** Designates the button as an anchor and applies the href attribute */
23
- href: {
24
- type: StringConstructor;
25
- default: undefined;
26
- };
27
- /** Specifies a Font Awesome icon */
28
- icon: {
29
- type: PropType<string | string[] | IconDefinition>;
30
- default: undefined;
31
- };
32
- /**
33
- * Controls whether button uses the large variant
34
- * @deprecated Use `size="large"` instead
35
- */
36
- large: {
37
- type: BooleanConstructor;
38
- default: boolean;
39
- deprecated: boolean;
40
- };
41
- /**
42
- * Controls the level of the button
43
- * @default 'normal'
44
- */
45
- level: {
46
- type: PropType<ButtonLevel>;
47
- default: string;
48
- };
49
- /** Controls whether button is loading */
50
- loading: {
51
- type: BooleanConstructor;
52
- default: boolean;
53
- };
54
- /**
55
- * Controls whether button uses the secondary variant
56
- * @deprecated Use `variant="secondary"` instead
57
- */
58
- secondary: {
59
- type: BooleanConstructor;
60
- default: boolean;
61
- deprecated: boolean;
62
- };
63
- /**
64
- * Controls the size of the button
65
- * @default 'medium'
66
- */
67
- size: {
68
- type: PropType<ButtonSize>;
69
- default: string;
70
- };
71
- /** Spins the icon for loading states */
72
- spinIcon: {
73
- type: BooleanConstructor;
74
- default: boolean;
75
- };
76
- /** Designates the target attribute. Only use with the href prop. */
77
- target: {
78
- type: StringConstructor;
79
- default: undefined;
80
- };
81
- /**
82
- * Controls whether button uses the tertiary variant
83
- * @deprecated Use `variant="tertiary"` instead
84
- */
85
- tertiary: {
86
- type: BooleanConstructor;
87
- default: boolean;
88
- deprecated: boolean;
89
- };
90
- /** Controls whether button functions as a router-link */
91
- to: {
92
- type: PropType<RouteLocationRaw>;
93
- default: undefined;
94
- };
95
- /**
96
- * Controls the variant of the button
97
- * @default 'primary'
98
- */
99
- variant: {
100
- type: PropType<ButtonVariant>;
101
- default: string;
102
- };
103
- }>, {
104
- computedSize: ComputedRef<ButtonSize>;
105
- computedVariant: ComputedRef<ButtonVariant>;
106
- inheritColor: Ref<boolean, boolean> | undefined;
107
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
108
- /** ARIA label for the button. You must use either this or ariaLabelledby. */
109
- ariaLabel: {
110
- type: StringConstructor;
111
- default: undefined;
112
- };
113
- /** ARIA labelledby for the button. You must use either this or ariaLabel. */
114
- ariaLabelledby: {
115
- type: StringConstructor;
116
- default: undefined;
117
- };
118
- /** Controls whether button is disabled */
119
- disabled: {
120
- type: BooleanConstructor;
121
- default: boolean;
122
- };
123
- /** Designates the button as an anchor and applies the href attribute */
124
- href: {
125
- type: StringConstructor;
126
- default: undefined;
127
- };
128
- /** Specifies a Font Awesome icon */
129
- icon: {
130
- type: PropType<string | string[] | IconDefinition>;
131
- default: undefined;
132
- };
133
- /**
134
- * Controls whether button uses the large variant
135
- * @deprecated Use `size="large"` instead
136
- */
137
- large: {
138
- type: BooleanConstructor;
139
- default: boolean;
140
- deprecated: boolean;
141
- };
142
- /**
143
- * Controls the level of the button
144
- * @default 'normal'
145
- */
146
- level: {
147
- type: PropType<ButtonLevel>;
148
- default: string;
149
- };
150
- /** Controls whether button is loading */
151
- loading: {
152
- type: BooleanConstructor;
153
- default: boolean;
154
- };
155
- /**
156
- * Controls whether button uses the secondary variant
157
- * @deprecated Use `variant="secondary"` instead
158
- */
159
- secondary: {
160
- type: BooleanConstructor;
161
- default: boolean;
162
- deprecated: boolean;
163
- };
164
- /**
165
- * Controls the size of the button
166
- * @default 'medium'
167
- */
168
- size: {
169
- type: PropType<ButtonSize>;
170
- default: string;
171
- };
172
- /** Spins the icon for loading states */
173
- spinIcon: {
174
- type: BooleanConstructor;
175
- default: boolean;
176
- };
177
- /** Designates the target attribute. Only use with the href prop. */
178
- target: {
179
- type: StringConstructor;
180
- default: undefined;
181
- };
182
- /**
183
- * Controls whether button uses the tertiary variant
184
- * @deprecated Use `variant="tertiary"` instead
185
- */
186
- tertiary: {
187
- type: BooleanConstructor;
188
- default: boolean;
189
- deprecated: boolean;
190
- };
191
- /** Controls whether button functions as a router-link */
192
- to: {
193
- type: PropType<RouteLocationRaw>;
194
- default: undefined;
195
- };
196
- /**
197
- * Controls the variant of the button
198
- * @default 'primary'
199
- */
200
- variant: {
201
- type: PropType<ButtonVariant>;
202
- default: string;
203
- };
204
- }>> & Readonly<{
205
- onFocus?: ((...args: any[]) => any) | undefined;
206
- onBlur?: ((...args: any[]) => any) | undefined;
207
- onClick?: ((...args: any[]) => any) | undefined;
208
- }>, {
209
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
210
- size: ButtonSize;
211
- icon: string | string[] | IconDefinition;
212
- target: string;
213
- tertiary: boolean;
214
- loading: boolean;
215
- large: boolean;
216
- disabled: boolean;
217
- ariaLabel: string;
218
- secondary: boolean;
219
- href: string;
220
- level: ButtonLevel;
221
- variant: ButtonVariant;
222
- ariaLabelledby: string;
223
- spinIcon: boolean;
224
- }, {}, {
225
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
226
- CButton: DefineComponent<ExtractPropTypes<{
227
- block: {
228
- type: BooleanConstructor;
229
- default: boolean;
230
- };
231
- disabled: {
232
- type: BooleanConstructor;
233
- default: boolean;
234
- };
235
- href: {
236
- type: StringConstructor;
237
- default: undefined;
238
- };
239
- icon: {
240
- type: PropType<string | string[] | IconDefinition>;
241
- default: undefined;
242
- };
243
- iconPosition: {
244
- type: PropType< ButtonIconPosition>;
245
- default: string;
246
- validator: (value: string) => boolean;
247
- };
248
- large: {
249
- type: BooleanConstructor;
250
- default: boolean;
251
- deprecated: boolean;
252
- };
253
- level: {
254
- type: PropType<ButtonLevel>;
255
- default: string;
256
- validator: (value: string) => boolean;
257
- };
258
- loading: {
259
- type: BooleanConstructor;
260
- default: boolean;
261
- };
262
- secondary: {
263
- type: BooleanConstructor;
264
- default: boolean;
265
- deprecated: boolean;
266
- };
267
- size: {
268
- type: PropType<ButtonSize>;
269
- default: string;
270
- validator: (value: string) => boolean;
271
- };
272
- target: {
273
- type: StringConstructor;
274
- default: undefined;
275
- };
276
- tertiary: {
277
- type: BooleanConstructor;
278
- default: boolean;
279
- deprecated: boolean;
280
- };
281
- to: {
282
- type: PropType<RouteLocationRaw>;
283
- default: undefined;
284
- };
285
- variant: {
286
- type: PropType<ButtonVariant>;
287
- default: string;
288
- validator: (value: string) => boolean;
289
- };
290
- }>, {
291
- animationListeners: Record<string, () => void>;
292
- button: Ref<HTMLElement | null, HTMLElement | null>;
293
- computedSize: ComputedRef<ButtonSize>;
294
- computedVariant: ComputedRef<ButtonVariant>;
295
- dataBlock: ComputedRef<true | undefined>;
296
- dataLoading: ComputedRef<true | undefined>;
297
- hasIcon: ComputedRef<boolean>;
298
- injectedOrPropBlock: ComputedRef<boolean>;
299
- injectedOrPropsLarge: ComputedRef<boolean>;
300
- onClick: (event: MouseEvent) => void;
301
- routerDestinationOrHref: ComputedRef<string | undefined>;
302
- shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
303
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
304
- block: {
305
- type: BooleanConstructor;
306
- default: boolean;
307
- };
308
- disabled: {
309
- type: BooleanConstructor;
310
- default: boolean;
311
- };
312
- href: {
313
- type: StringConstructor;
314
- default: undefined;
315
- };
316
- icon: {
317
- type: PropType<string | string[] | IconDefinition>;
318
- default: undefined;
319
- };
320
- iconPosition: {
321
- type: PropType< ButtonIconPosition>;
322
- default: string;
323
- validator: (value: string) => boolean;
324
- };
325
- large: {
326
- type: BooleanConstructor;
327
- default: boolean;
328
- deprecated: boolean;
329
- };
330
- level: {
331
- type: PropType<ButtonLevel>;
332
- default: string;
333
- validator: (value: string) => boolean;
334
- };
335
- loading: {
336
- type: BooleanConstructor;
337
- default: boolean;
338
- };
339
- secondary: {
340
- type: BooleanConstructor;
341
- default: boolean;
342
- deprecated: boolean;
343
- };
344
- size: {
345
- type: PropType<ButtonSize>;
346
- default: string;
347
- validator: (value: string) => boolean;
348
- };
349
- target: {
350
- type: StringConstructor;
351
- default: undefined;
352
- };
353
- tertiary: {
354
- type: BooleanConstructor;
355
- default: boolean;
356
- deprecated: boolean;
357
- };
358
- to: {
359
- type: PropType<RouteLocationRaw>;
360
- default: undefined;
361
- };
362
- variant: {
363
- type: PropType<ButtonVariant>;
364
- default: string;
365
- validator: (value: string) => boolean;
366
- };
367
- }>> & Readonly<{
368
- onFocus?: ((...args: any[]) => any) | undefined;
369
- onBlur?: ((...args: any[]) => any) | undefined;
370
- onClick?: ((...args: any[]) => any) | undefined;
371
- }>, {
372
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
373
- size: ButtonSize;
374
- icon: string | string[] | IconDefinition;
375
- target: string;
376
- tertiary: boolean;
377
- loading: boolean;
378
- block: boolean;
379
- large: boolean;
380
- disabled: boolean;
381
- secondary: boolean;
382
- href: string;
383
- iconPosition: ButtonIconPosition;
384
- level: ButtonLevel;
385
- variant: ButtonVariant;
386
- }, {}, {
387
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
388
- }, {}, string, ComponentProvideOptions, true, {}, any>;
389
- }, {}, string, ComponentProvideOptions, true, {}, any>;
390
- export default _default;