@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,52 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** Sets the text of the badge, can also use default slot */
4
- text: {
5
- type: StringConstructor;
6
- default: undefined;
7
- };
8
- /** Adds a unique data-test attribute for testing to the container */
9
- dataTest: {
10
- type: StringConstructor;
11
- default: string;
12
- };
13
- /** Sets the background color */
14
- color: {
15
- type: StringConstructor;
16
- default: string;
17
- };
18
- /** Sets the text color */
19
- textColor: {
20
- type: StringConstructor;
21
- default: string;
22
- };
23
- }>, {
24
- computedStyle: ComputedRef<Record<string, string>>;
25
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
26
- /** Sets the text of the badge, can also use default slot */
27
- text: {
28
- type: StringConstructor;
29
- default: undefined;
30
- };
31
- /** Adds a unique data-test attribute for testing to the container */
32
- dataTest: {
33
- type: StringConstructor;
34
- default: string;
35
- };
36
- /** Sets the background color */
37
- color: {
38
- type: StringConstructor;
39
- default: string;
40
- };
41
- /** Sets the text color */
42
- textColor: {
43
- type: StringConstructor;
44
- default: string;
45
- };
46
- }>> & Readonly<{}>, {
47
- text: string;
48
- dataTest: string;
49
- color: string;
50
- textColor: string;
51
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
52
- export default _default;
@@ -1,226 +0,0 @@
1
- import { default as SlDrawer } from '@shoelace-style/shoelace/dist/components/drawer/drawer.js';
2
- import { Ref, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- import { CssColor } from '../colors/colors';
4
- import { Coordinate } from '../composables/gestures';
5
- import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
6
- declare const _default: DefineComponent<ExtractPropTypes<{
7
- /** Aria label for the bottom sheet. This is required if title is hidden */
8
- ariaLabel: {
9
- type: StringConstructor;
10
- default: string;
11
- };
12
- /** Background color of the bottom sheet */
13
- backgroundColor: {
14
- type: StringConstructor;
15
- default: string;
16
- };
17
- /** Prefix for test selectors */
18
- dataTest: {
19
- type: StringConstructor;
20
- default: string;
21
- };
22
- /** Disables the dismiss button */
23
- disableDismiss: {
24
- type: BooleanConstructor;
25
- default: boolean;
26
- };
27
- /** Divided into header, body, and footer slots */
28
- divided: {
29
- type: BooleanConstructor;
30
- default: boolean;
31
- };
32
- /** Fixed size, in CSS units. By default the drawer sizes itself to its contents. */
33
- fixedSize: {
34
- type: StringConstructor;
35
- default: string;
36
- };
37
- /** Hides the dismiss 'x' button */
38
- hideDismiss: {
39
- type: BooleanConstructor;
40
- default: boolean;
41
- };
42
- /** Allows for hiding the entire title bar, both the title and the dismiss 'x' button */
43
- hideTitle: {
44
- type: BooleanConstructor;
45
- default: boolean;
46
- };
47
- /** Toggles the background behind the sheet. If there's no overlay, the sheet
48
- * stays open as the user interacts with background content.' */
49
- overlay: {
50
- type: BooleanConstructor;
51
- default: boolean;
52
- };
53
- /** Prevents the sheet from being dismissed when tapping on the overlay. If
54
- * there is no overlay then this property is ignored, as the sheet always
55
- * stays open. */
56
- persistent: {
57
- type: BooleanConstructor;
58
- default: boolean;
59
- };
60
- /** If true, the bottom sheet will be contained within the viewport. */
61
- contained: {
62
- type: BooleanConstructor;
63
- default: boolean;
64
- };
65
- /** Do not animate in the bottom sheet if it starts open. */
66
- skipInitialAnimation: {
67
- type: BooleanConstructor;
68
- default: boolean;
69
- };
70
- /** The title of the bottom sheet */
71
- title: {
72
- type: StringConstructor;
73
- default: string;
74
- };
75
- /** Controls whether or not the bottom sheet is showing */
76
- value: {
77
- type: BooleanConstructor;
78
- default: boolean;
79
- };
80
- }>, {
81
- backgroundCssColor: Ref< CssColor | undefined, CssColor | undefined>;
82
- animatedValue: ComputedRef<boolean>;
83
- dragDistance: Ref< Coordinate | null, Coordinate | null>;
84
- faXmark: IconDefinition;
85
- footerHasContent: Ref<boolean, boolean>;
86
- getDataTestAttr: (suffix?: string) => string | null;
87
- handleDismiss: () => void;
88
- internalValue: Ref<boolean, boolean>;
89
- isDismissVisible: ComputedRef<boolean>;
90
- onRequestClose: (event: Event) => void;
91
- overlayOpacity: ComputedRef<number>;
92
- panelTransform: ComputedRef<string>;
93
- onAfterClose: () => void;
94
- sheet: Ref<SlDrawer | null, SlDrawer | null>;
95
- transformDistance: Ref<number, number>;
96
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "opened" | "closed")[], "input" | "opened" | "closed", PublicProps, Readonly< ExtractPropTypes<{
97
- /** Aria label for the bottom sheet. This is required if title is hidden */
98
- ariaLabel: {
99
- type: StringConstructor;
100
- default: string;
101
- };
102
- /** Background color of the bottom sheet */
103
- backgroundColor: {
104
- type: StringConstructor;
105
- default: string;
106
- };
107
- /** Prefix for test selectors */
108
- dataTest: {
109
- type: StringConstructor;
110
- default: string;
111
- };
112
- /** Disables the dismiss button */
113
- disableDismiss: {
114
- type: BooleanConstructor;
115
- default: boolean;
116
- };
117
- /** Divided into header, body, and footer slots */
118
- divided: {
119
- type: BooleanConstructor;
120
- default: boolean;
121
- };
122
- /** Fixed size, in CSS units. By default the drawer sizes itself to its contents. */
123
- fixedSize: {
124
- type: StringConstructor;
125
- default: string;
126
- };
127
- /** Hides the dismiss 'x' button */
128
- hideDismiss: {
129
- type: BooleanConstructor;
130
- default: boolean;
131
- };
132
- /** Allows for hiding the entire title bar, both the title and the dismiss 'x' button */
133
- hideTitle: {
134
- type: BooleanConstructor;
135
- default: boolean;
136
- };
137
- /** Toggles the background behind the sheet. If there's no overlay, the sheet
138
- * stays open as the user interacts with background content.' */
139
- overlay: {
140
- type: BooleanConstructor;
141
- default: boolean;
142
- };
143
- /** Prevents the sheet from being dismissed when tapping on the overlay. If
144
- * there is no overlay then this property is ignored, as the sheet always
145
- * stays open. */
146
- persistent: {
147
- type: BooleanConstructor;
148
- default: boolean;
149
- };
150
- /** If true, the bottom sheet will be contained within the viewport. */
151
- contained: {
152
- type: BooleanConstructor;
153
- default: boolean;
154
- };
155
- /** Do not animate in the bottom sheet if it starts open. */
156
- skipInitialAnimation: {
157
- type: BooleanConstructor;
158
- default: boolean;
159
- };
160
- /** The title of the bottom sheet */
161
- title: {
162
- type: StringConstructor;
163
- default: string;
164
- };
165
- /** Controls whether or not the bottom sheet is showing */
166
- value: {
167
- type: BooleanConstructor;
168
- default: boolean;
169
- };
170
- }>> & Readonly<{
171
- onInput?: ((...args: any[]) => any) | undefined;
172
- onOpened?: ((...args: any[]) => any) | undefined;
173
- onClosed?: ((...args: any[]) => any) | undefined;
174
- }>, {
175
- title: string;
176
- value: boolean;
177
- dataTest: string;
178
- backgroundColor: string;
179
- ariaLabel: string;
180
- disableDismiss: boolean;
181
- divided: boolean;
182
- fixedSize: string;
183
- hideDismiss: boolean;
184
- hideTitle: boolean;
185
- overlay: boolean;
186
- persistent: boolean;
187
- contained: boolean;
188
- skipInitialAnimation: boolean;
189
- }, {}, {
190
- CButtonStack: DefineComponent<ExtractPropTypes<{
191
- tag: {
192
- type: StringConstructor;
193
- default: string;
194
- };
195
- large: {
196
- type: BooleanConstructor;
197
- default: null;
198
- };
199
- }>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
200
- tag: {
201
- type: StringConstructor;
202
- default: string;
203
- };
204
- large: {
205
- type: BooleanConstructor;
206
- default: null;
207
- };
208
- }>> & Readonly<{}>, {
209
- large: boolean;
210
- tag: string;
211
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
212
- CCloseButton: DefineComponent<{
213
- disabled?: boolean;
214
- }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
215
- focus: (...args: any[]) => void;
216
- blur: (...args: any[]) => void;
217
- click: (...args: any[]) => void;
218
- }, string, PublicProps, Readonly<{
219
- disabled?: boolean;
220
- }> & Readonly<{
221
- onFocus?: ((...args: any[]) => any) | undefined;
222
- onBlur?: ((...args: any[]) => any) | undefined;
223
- onClick?: ((...args: any[]) => any) | undefined;
224
- }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
225
- }, {}, string, ComponentProvideOptions, true, {}, any>;
226
- export default _default;
@@ -1,231 +0,0 @@
1
- import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
2
- import { PropType, DefineComponent, ExtractPropTypes, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
4
- import { ButtonIconPosition, ButtonLevel, ButtonShoelaceVariant, ButtonSize, ButtonVariant } from './types';
5
- import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
6
- /**
7
- * Shoelace has a set of variants that don't match the variant names we would like to use.
8
- * This mapping is used to translate the variant names to the correct Shoelace variant names
9
- * and apply it to the underlying Shoelace button component.
10
- */
11
- export declare const VARIANT_TO_SHOELACE_VARIANT: Record<ButtonVariant, ButtonShoelaceVariant>;
12
- declare const _default: DefineComponent<ExtractPropTypes<{
13
- /** Controls whether button appears as full-width */
14
- block: {
15
- type: BooleanConstructor;
16
- default: boolean;
17
- };
18
- /** Controls whether button is disabled */
19
- disabled: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- /** Designates the button as an anchor and applies the href attribute */
24
- href: {
25
- type: StringConstructor;
26
- default: undefined;
27
- };
28
- /** Chooses an icon to render on the left side of the button */
29
- icon: {
30
- type: PropType<string | string[] | IconDefinition>;
31
- default: undefined;
32
- };
33
- /** Chooses whether to place the icon before or after the button text */
34
- iconPosition: {
35
- type: PropType<ButtonIconPosition>;
36
- default: string;
37
- validator: (value: string) => boolean;
38
- };
39
- /**
40
- * @deprecated use `size` prop instead
41
- * Controls whether button uses the large variant
42
- */
43
- large: {
44
- type: BooleanConstructor;
45
- default: boolean;
46
- deprecated: boolean;
47
- };
48
- /** Controls the level of the button */
49
- level: {
50
- type: PropType<ButtonLevel>;
51
- default: string;
52
- validator: (value: string) => boolean;
53
- };
54
- /** Controls whether button is loading */
55
- loading: {
56
- type: BooleanConstructor;
57
- default: boolean;
58
- };
59
- /**
60
- * @deprecated use `variant` prop instead
61
- * Controls whether button uses the secondary variant */
62
- secondary: {
63
- type: BooleanConstructor;
64
- default: boolean;
65
- deprecated: boolean;
66
- };
67
- /**
68
- * Controls the size of the button
69
- * @default 'medium'
70
- */
71
- size: {
72
- type: PropType<ButtonSize>;
73
- default: string;
74
- validator: (value: string) => boolean;
75
- };
76
- /** Designates the target attribute. Only use with the href prop. */
77
- target: {
78
- type: StringConstructor;
79
- default: undefined;
80
- };
81
- /**
82
- * @deprecated use `variant` prop instead
83
- * Controls whether button uses the tertiary variant
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 styling of the button
97
- * @default 'primary'
98
- */
99
- variant: {
100
- type: PropType<ButtonVariant>;
101
- default: string;
102
- validator: (value: string) => boolean;
103
- };
104
- }>, {
105
- animationListeners: Record<string, () => void>;
106
- button: Ref<HTMLElement | null, HTMLElement | null>;
107
- computedSize: ComputedRef<ButtonSize>;
108
- computedVariant: ComputedRef<ButtonVariant>;
109
- dataBlock: ComputedRef<true | undefined>;
110
- dataLoading: ComputedRef<true | undefined>;
111
- hasIcon: ComputedRef<boolean>;
112
- injectedOrPropBlock: ComputedRef<boolean>;
113
- injectedOrPropsLarge: ComputedRef<boolean>;
114
- onClick: (event: MouseEvent) => void;
115
- routerDestinationOrHref: ComputedRef<string | undefined>;
116
- shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
117
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
118
- /** Controls whether button appears as full-width */
119
- block: {
120
- type: BooleanConstructor;
121
- default: boolean;
122
- };
123
- /** Controls whether button is disabled */
124
- disabled: {
125
- type: BooleanConstructor;
126
- default: boolean;
127
- };
128
- /** Designates the button as an anchor and applies the href attribute */
129
- href: {
130
- type: StringConstructor;
131
- default: undefined;
132
- };
133
- /** Chooses an icon to render on the left side of the button */
134
- icon: {
135
- type: PropType<string | string[] | IconDefinition>;
136
- default: undefined;
137
- };
138
- /** Chooses whether to place the icon before or after the button text */
139
- iconPosition: {
140
- type: PropType<ButtonIconPosition>;
141
- default: string;
142
- validator: (value: string) => boolean;
143
- };
144
- /**
145
- * @deprecated use `size` prop instead
146
- * Controls whether button uses the large variant
147
- */
148
- large: {
149
- type: BooleanConstructor;
150
- default: boolean;
151
- deprecated: boolean;
152
- };
153
- /** Controls the level of the button */
154
- level: {
155
- type: PropType<ButtonLevel>;
156
- default: string;
157
- validator: (value: string) => boolean;
158
- };
159
- /** Controls whether button is loading */
160
- loading: {
161
- type: BooleanConstructor;
162
- default: boolean;
163
- };
164
- /**
165
- * @deprecated use `variant` prop instead
166
- * Controls whether button uses the secondary variant */
167
- secondary: {
168
- type: BooleanConstructor;
169
- default: boolean;
170
- deprecated: boolean;
171
- };
172
- /**
173
- * Controls the size of the button
174
- * @default 'medium'
175
- */
176
- size: {
177
- type: PropType<ButtonSize>;
178
- default: string;
179
- validator: (value: string) => boolean;
180
- };
181
- /** Designates the target attribute. Only use with the href prop. */
182
- target: {
183
- type: StringConstructor;
184
- default: undefined;
185
- };
186
- /**
187
- * @deprecated use `variant` prop instead
188
- * Controls whether button uses the tertiary variant
189
- */
190
- tertiary: {
191
- type: BooleanConstructor;
192
- default: boolean;
193
- deprecated: boolean;
194
- };
195
- /** Controls whether button functions as a router-link */
196
- to: {
197
- type: PropType<RouteLocationRaw>;
198
- default: undefined;
199
- };
200
- /**
201
- * Controls the styling of the button
202
- * @default 'primary'
203
- */
204
- variant: {
205
- type: PropType<ButtonVariant>;
206
- default: string;
207
- validator: (value: string) => boolean;
208
- };
209
- }>> & Readonly<{
210
- onFocus?: ((...args: any[]) => any) | undefined;
211
- onBlur?: ((...args: any[]) => any) | undefined;
212
- onClick?: ((...args: any[]) => any) | undefined;
213
- }>, {
214
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
215
- size: ButtonSize;
216
- icon: string | string[] | IconDefinition;
217
- target: string;
218
- tertiary: boolean;
219
- loading: boolean;
220
- block: boolean;
221
- large: boolean;
222
- disabled: boolean;
223
- secondary: boolean;
224
- href: string;
225
- iconPosition: ButtonIconPosition;
226
- level: ButtonLevel;
227
- variant: ButtonVariant;
228
- }, {}, {
229
- FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
230
- }, {}, string, ComponentProvideOptions, true, {}, any>;
231
- export default _default;
@@ -1,5 +0,0 @@
1
- export type ButtonSize = 'medium' | 'large';
2
- export type ButtonLevel = 'normal' | 'danger';
3
- export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
4
- export type ButtonShoelaceVariant = 'default' | 'primary' | 'text';
5
- export type ButtonIconPosition = 'prefix' | 'suffix';
@@ -1,24 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- tag: {
4
- type: StringConstructor;
5
- default: string;
6
- };
7
- large: {
8
- type: BooleanConstructor;
9
- default: null;
10
- };
11
- }>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
12
- tag: {
13
- type: StringConstructor;
14
- default: string;
15
- };
16
- large: {
17
- type: BooleanConstructor;
18
- default: null;
19
- };
20
- }>> & Readonly<{}>, {
21
- large: boolean;
22
- tag: string;
23
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
24
- export default _default;
@@ -1,107 +0,0 @@
1
- import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
3
- import { CssColor } from '../colors/colors';
4
- export interface InternalCardConfig {
5
- attrs: Record<string, unknown>;
6
- element: string;
7
- isLink: boolean;
8
- }
9
- declare const _default: DefineComponent<ExtractPropTypes<{
10
- /** Sets the border color of the card */
11
- borderColor: {
12
- type: StringConstructor;
13
- default: undefined;
14
- };
15
- /** Removes the border of the card */
16
- borderless: {
17
- type: BooleanConstructor;
18
- default: boolean;
19
- };
20
- /** Sets the background color of the entire card */
21
- color: {
22
- type: StringConstructor;
23
- default: undefined;
24
- };
25
- /** Navigates externally on click */
26
- href: {
27
- type: StringConstructor;
28
- default: undefined;
29
- };
30
- /** Stretches the card vertically to fill the height of the parent container */
31
- stretch: {
32
- type: BooleanConstructor;
33
- default: boolean;
34
- };
35
- /** Toggles a squared-off card style intended to fill the width of the page */
36
- tile: {
37
- type: BooleanConstructor;
38
- default: boolean;
39
- };
40
- /** Sets the title of the card */
41
- title: {
42
- type: StringConstructor;
43
- default: undefined;
44
- };
45
- /** Navigates within the app on click */
46
- to: {
47
- type: PropType<RouteLocationRaw | undefined>;
48
- default: undefined;
49
- };
50
- }>, {
51
- config: ComputedRef<InternalCardConfig>;
52
- backgroundCssColor: Ref< CssColor | undefined, CssColor | undefined>;
53
- borderCssColor: Ref< CssColor | undefined, CssColor | undefined>;
54
- }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
55
- /** Sets the border color of the card */
56
- borderColor: {
57
- type: StringConstructor;
58
- default: undefined;
59
- };
60
- /** Removes the border of the card */
61
- borderless: {
62
- type: BooleanConstructor;
63
- default: boolean;
64
- };
65
- /** Sets the background color of the entire card */
66
- color: {
67
- type: StringConstructor;
68
- default: undefined;
69
- };
70
- /** Navigates externally on click */
71
- href: {
72
- type: StringConstructor;
73
- default: undefined;
74
- };
75
- /** Stretches the card vertically to fill the height of the parent container */
76
- stretch: {
77
- type: BooleanConstructor;
78
- default: boolean;
79
- };
80
- /** Toggles a squared-off card style intended to fill the width of the page */
81
- tile: {
82
- type: BooleanConstructor;
83
- default: boolean;
84
- };
85
- /** Sets the title of the card */
86
- title: {
87
- type: StringConstructor;
88
- default: undefined;
89
- };
90
- /** Navigates within the app on click */
91
- to: {
92
- type: PropType<RouteLocationRaw | undefined>;
93
- default: undefined;
94
- };
95
- }>> & Readonly<{}>, {
96
- title: string;
97
- to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric | undefined;
98
- color: string;
99
- href: string;
100
- borderColor: string;
101
- borderless: boolean;
102
- stretch: boolean;
103
- tile: boolean;
104
- }, {}, {
105
- CCardHeader: DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
106
- }, {}, string, ComponentProvideOptions, true, {}, any>;
107
- export default _default;
@@ -1,26 +0,0 @@
1
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
3
- CButtonStack: DefineComponent<ExtractPropTypes<{
4
- tag: {
5
- type: StringConstructor;
6
- default: string;
7
- };
8
- large: {
9
- type: BooleanConstructor;
10
- default: null;
11
- };
12
- }>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
13
- tag: {
14
- type: StringConstructor;
15
- default: string;
16
- };
17
- large: {
18
- type: BooleanConstructor;
19
- default: null;
20
- };
21
- }>> & Readonly<{}>, {
22
- large: boolean;
23
- tag: string;
24
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
25
- }, {}, string, ComponentProvideOptions, true, {}, any>;
26
- export default _default;
@@ -1,3 +0,0 @@
1
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<{}, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3
- export default _default;
@@ -1,17 +0,0 @@
1
- import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
- declare const _default: DefineComponent<ExtractPropTypes<{
3
- /** Removes the padding from the section */
4
- fluid: {
5
- type: BooleanConstructor;
6
- default: boolean;
7
- };
8
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
9
- /** Removes the padding from the section */
10
- fluid: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- }>> & Readonly<{}>, {
15
- fluid: boolean;
16
- }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
17
- export default _default;