@propelinc/citrus-ui 1.0.1 → 1.0.3

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 (123) hide show
  1. package/README.md +22 -23
  2. package/dist/index.cdn.css +1 -0
  3. package/dist/index.cdn.mjs +18905 -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 +10 -4
  8. package/src/colors/theme.ts +1 -4
  9. package/src/components/CTextField.vue +11 -5
  10. package/src/styles/_core.scss +1 -0
  11. package/src/styles/_reset.scss +93 -78
  12. package/src/styles/utils.scss +50 -0
  13. package/dist/colors/colors.d.ts +0 -31
  14. package/dist/colors/theme.d.ts +0 -3
  15. package/dist/colors/util-classes.d.ts +0 -11
  16. package/dist/components/CAccordion.vue.d.ts +0 -21
  17. package/dist/components/CAccordionItem.vue.d.ts +0 -41
  18. package/dist/components/CAppBar.vue.d.ts +0 -156
  19. package/dist/components/CBadge.vue.d.ts +0 -52
  20. package/dist/components/CBottomSheet.vue.d.ts +0 -226
  21. package/dist/components/CButton/CButton.vue.d.ts +0 -231
  22. package/dist/components/CButton/types.d.ts +0 -5
  23. package/dist/components/CButtonStack.vue.d.ts +0 -24
  24. package/dist/components/CCard.vue.d.ts +0 -107
  25. package/dist/components/CCardFooter.vue.d.ts +0 -26
  26. package/dist/components/CCardHeader.vue.d.ts +0 -3
  27. package/dist/components/CCardSection.vue.d.ts +0 -17
  28. package/dist/components/CCheckbox.vue.d.ts +0 -145
  29. package/dist/components/CCol.vue.d.ts +0 -21
  30. package/dist/components/CDivider.vue.d.ts +0 -17
  31. package/dist/components/CDobField.vue.d.ts +0 -2109
  32. package/dist/components/CDobSelect.vue.d.ts +0 -398
  33. package/dist/components/CEmailField.vue.d.ts +0 -699
  34. package/dist/components/CExpandTransition.vue.d.ts +0 -19
  35. package/dist/components/CFadeTransition.vue.d.ts +0 -3
  36. package/dist/components/CFileInput.vue.d.ts +0 -98
  37. package/dist/components/CFixedPageFooter.vue.d.ts +0 -106
  38. package/dist/components/CForm.vue.d.ts +0 -29
  39. package/dist/components/CFormFieldCounter.vue.d.ts +0 -42
  40. package/dist/components/CIconButton.vue.d.ts +0 -390
  41. package/dist/components/CLabel.vue.d.ts +0 -32
  42. package/dist/components/CListItem.vue.d.ts +0 -208
  43. package/dist/components/CListItemContent.vue.d.ts +0 -27
  44. package/dist/components/CListItemIcon.vue.d.ts +0 -54
  45. package/dist/components/CLoader.vue.d.ts +0 -73
  46. package/dist/components/CLogo.vue.d.ts +0 -19
  47. package/dist/components/CMaskedTextField.vue.d.ts +0 -2012
  48. package/dist/components/CMenu.vue.d.ts +0 -6
  49. package/dist/components/CMenuItem.vue.d.ts +0 -170
  50. package/dist/components/CMenuLabel.vue.d.ts +0 -3
  51. package/dist/components/CModal.vue.d.ts +0 -206
  52. package/dist/components/CModalLoading.vue.d.ts +0 -230
  53. package/dist/components/CNotification.vue.d.ts +0 -589
  54. package/dist/components/CPhoneField.vue.d.ts +0 -2088
  55. package/dist/components/CPill.vue.d.ts +0 -42
  56. package/dist/components/CPillGroup.vue.d.ts +0 -70
  57. package/dist/components/CPopup.vue.d.ts +0 -21
  58. package/dist/components/CProgressLinear.vue.d.ts +0 -61
  59. package/dist/components/CProgressRing.vue.d.ts +0 -103
  60. package/dist/components/CRadio.vue.d.ts +0 -73
  61. package/dist/components/CRadioGroup.vue.d.ts +0 -123
  62. package/dist/components/CRebrand.vue.d.ts +0 -28
  63. package/dist/components/CRow.vue.d.ts +0 -67
  64. package/dist/components/CSafeArea.vue.d.ts +0 -18
  65. package/dist/components/CSectionHeader.vue.d.ts +0 -28
  66. package/dist/components/CSelect.vue.d.ts +0 -293
  67. package/dist/components/CSkeleton.vue.d.ts +0 -3
  68. package/dist/components/CSkeletonLoaderCard.vue.d.ts +0 -21
  69. package/dist/components/CSkeletonLoaderCircle.vue.d.ts +0 -5
  70. package/dist/components/CSkeletonLoaderText.vue.d.ts +0 -44
  71. package/dist/components/CSlideFadeTransition.vue.d.ts +0 -58
  72. package/dist/components/CSplitInput.vue.d.ts +0 -2131
  73. package/dist/components/CSquaredIcon.vue.d.ts +0 -47
  74. package/dist/components/CSsnField.vue.d.ts +0 -2083
  75. package/dist/components/CStatusDot.vue.d.ts +0 -27
  76. package/dist/components/CSwitch.vue.d.ts +0 -54
  77. package/dist/components/CSwitchListItem.vue.d.ts +0 -392
  78. package/dist/components/CTextArea.vue.d.ts +0 -240
  79. package/dist/components/CTextField.vue.d.ts +0 -647
  80. package/dist/components/CTextLink.vue.d.ts +0 -55
  81. package/dist/components/CThirdPartyLogo.vue.d.ts +0 -128
  82. package/dist/components/CTimeago.vue.d.ts +0 -12
  83. package/dist/components/CToast.vue.d.ts +0 -458
  84. package/dist/components/CToastsList.vue.d.ts +0 -430
  85. package/dist/components/CValidationMessage.vue.d.ts +0 -45
  86. package/dist/components/CZipcodeField.vue.d.ts +0 -2080
  87. package/dist/components/index.d.ts +0 -66
  88. package/dist/components/internal/CCloseButton.vue.d.ts +0 -14
  89. package/dist/composables/accessibility.d.ts +0 -1
  90. package/dist/composables/animation.d.ts +0 -12
  91. package/dist/composables/binding.d.ts +0 -19
  92. package/dist/composables/colors.d.ts +0 -13
  93. package/dist/composables/elements.d.ts +0 -3
  94. package/dist/composables/fields.d.ts +0 -9
  95. package/dist/composables/gestures.d.ts +0 -53
  96. package/dist/composables/i18n.d.ts +0 -3
  97. package/dist/composables/id.d.ts +0 -11
  98. package/dist/composables/input-mask.d.ts +0 -18
  99. package/dist/composables/router.d.ts +0 -30
  100. package/dist/composables/slots.d.ts +0 -2
  101. package/dist/composables/toast.d.ts +0 -21
  102. package/dist/composables/validations.d.ts +0 -77
  103. package/dist/index.css +0 -1
  104. package/dist/index.d.ts +0 -8
  105. package/dist/index.mjs +0 -4999
  106. package/dist/index.mjs.map +0 -1
  107. package/dist/plugin.d.ts +0 -3
  108. package/dist/services/animation.d.ts +0 -17
  109. package/dist/services/directives/index.d.ts +0 -2
  110. package/dist/services/directives/scroll-into-view.d.ts +0 -7
  111. package/dist/services/directives/tap-animation.d.ts +0 -6
  112. package/dist/services/id.d.ts +0 -22
  113. package/dist/services/injections/accordions.d.ts +0 -3
  114. package/dist/services/injections/animations.d.ts +0 -2
  115. package/dist/services/injections/buttons.d.ts +0 -4
  116. package/dist/services/injections/forms.d.ts +0 -6
  117. package/dist/services/injections/icon-buttons.d.ts +0 -3
  118. package/dist/services/injections/pills.d.ts +0 -4
  119. package/dist/services/injections/radio.d.ts +0 -10
  120. package/dist/theme/icons.d.ts +0 -36
  121. package/dist/types/CForm.d.ts +0 -12
  122. package/dist/types/font-awesome.d.ts +0 -5
  123. 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;