@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.
- package/README.md +21 -15
- package/dist/index.cdn.css +1 -0
- package/dist/index.cdn.mjs +21718 -0
- package/dist/index.cdn.mjs.map +1 -0
- package/dist/styles/main.css +466 -62
- package/dist/styles/utils.css +390 -0
- package/package.json +5 -2
- package/src/components/CTextField.vue +11 -5
- package/src/styles/_core.scss +1 -0
- package/src/styles/_reset.scss +93 -78
- package/src/styles/utils.scss +50 -0
- package/dist/colors/colors.d.ts +0 -31
- package/dist/colors/theme.d.ts +0 -3
- package/dist/colors/util-classes.d.ts +0 -11
- package/dist/components/CAccordion.vue.d.ts +0 -21
- package/dist/components/CAccordionItem.vue.d.ts +0 -41
- package/dist/components/CAppBar.vue.d.ts +0 -156
- package/dist/components/CBadge.vue.d.ts +0 -52
- package/dist/components/CBottomSheet.vue.d.ts +0 -226
- package/dist/components/CButton/CButton.vue.d.ts +0 -231
- package/dist/components/CButton/types.d.ts +0 -5
- package/dist/components/CButtonStack.vue.d.ts +0 -24
- package/dist/components/CCard.vue.d.ts +0 -107
- package/dist/components/CCardFooter.vue.d.ts +0 -26
- package/dist/components/CCardHeader.vue.d.ts +0 -3
- package/dist/components/CCardSection.vue.d.ts +0 -17
- package/dist/components/CCheckbox.vue.d.ts +0 -145
- package/dist/components/CCol.vue.d.ts +0 -21
- package/dist/components/CDivider.vue.d.ts +0 -17
- package/dist/components/CDobField.vue.d.ts +0 -2109
- package/dist/components/CDobSelect.vue.d.ts +0 -398
- package/dist/components/CEmailField.vue.d.ts +0 -699
- package/dist/components/CExpandTransition.vue.d.ts +0 -19
- package/dist/components/CFadeTransition.vue.d.ts +0 -3
- package/dist/components/CFileInput.vue.d.ts +0 -98
- package/dist/components/CFixedPageFooter.vue.d.ts +0 -106
- package/dist/components/CForm.vue.d.ts +0 -29
- package/dist/components/CFormFieldCounter.vue.d.ts +0 -42
- package/dist/components/CIconButton.vue.d.ts +0 -390
- package/dist/components/CLabel.vue.d.ts +0 -32
- package/dist/components/CListItem.vue.d.ts +0 -208
- package/dist/components/CListItemContent.vue.d.ts +0 -27
- package/dist/components/CListItemIcon.vue.d.ts +0 -54
- package/dist/components/CLoader.vue.d.ts +0 -73
- package/dist/components/CLogo.vue.d.ts +0 -19
- package/dist/components/CMaskedTextField.vue.d.ts +0 -2012
- package/dist/components/CMenu.vue.d.ts +0 -6
- package/dist/components/CMenuItem.vue.d.ts +0 -170
- package/dist/components/CMenuLabel.vue.d.ts +0 -3
- package/dist/components/CModal.vue.d.ts +0 -206
- package/dist/components/CModalLoading.vue.d.ts +0 -230
- package/dist/components/CNotification.vue.d.ts +0 -589
- package/dist/components/CPhoneField.vue.d.ts +0 -2088
- package/dist/components/CPill.vue.d.ts +0 -42
- package/dist/components/CPillGroup.vue.d.ts +0 -70
- package/dist/components/CPopup.vue.d.ts +0 -21
- package/dist/components/CProgressLinear.vue.d.ts +0 -61
- package/dist/components/CProgressRing.vue.d.ts +0 -103
- package/dist/components/CRadio.vue.d.ts +0 -73
- package/dist/components/CRadioGroup.vue.d.ts +0 -123
- package/dist/components/CRebrand.vue.d.ts +0 -28
- package/dist/components/CRow.vue.d.ts +0 -67
- package/dist/components/CSafeArea.vue.d.ts +0 -18
- package/dist/components/CSectionHeader.vue.d.ts +0 -28
- package/dist/components/CSelect.vue.d.ts +0 -293
- package/dist/components/CSkeleton.vue.d.ts +0 -3
- package/dist/components/CSkeletonLoaderCard.vue.d.ts +0 -21
- package/dist/components/CSkeletonLoaderCircle.vue.d.ts +0 -5
- package/dist/components/CSkeletonLoaderText.vue.d.ts +0 -44
- package/dist/components/CSlideFadeTransition.vue.d.ts +0 -58
- package/dist/components/CSplitInput.vue.d.ts +0 -2131
- package/dist/components/CSquaredIcon.vue.d.ts +0 -47
- package/dist/components/CSsnField.vue.d.ts +0 -2083
- package/dist/components/CStatusDot.vue.d.ts +0 -27
- package/dist/components/CSwitch.vue.d.ts +0 -54
- package/dist/components/CSwitchListItem.vue.d.ts +0 -392
- package/dist/components/CTextArea.vue.d.ts +0 -240
- package/dist/components/CTextField.vue.d.ts +0 -647
- package/dist/components/CTextLink.vue.d.ts +0 -55
- package/dist/components/CThirdPartyLogo.vue.d.ts +0 -128
- package/dist/components/CTimeago.vue.d.ts +0 -12
- package/dist/components/CToast.vue.d.ts +0 -458
- package/dist/components/CToastsList.vue.d.ts +0 -430
- package/dist/components/CValidationMessage.vue.d.ts +0 -45
- package/dist/components/CZipcodeField.vue.d.ts +0 -2080
- package/dist/components/index.d.ts +0 -66
- package/dist/components/internal/CCloseButton.vue.d.ts +0 -14
- package/dist/composables/accessibility.d.ts +0 -1
- package/dist/composables/animation.d.ts +0 -12
- package/dist/composables/binding.d.ts +0 -19
- package/dist/composables/colors.d.ts +0 -13
- package/dist/composables/elements.d.ts +0 -3
- package/dist/composables/fields.d.ts +0 -9
- package/dist/composables/gestures.d.ts +0 -53
- package/dist/composables/i18n.d.ts +0 -3
- package/dist/composables/id.d.ts +0 -11
- package/dist/composables/input-mask.d.ts +0 -18
- package/dist/composables/router.d.ts +0 -30
- package/dist/composables/slots.d.ts +0 -2
- package/dist/composables/toast.d.ts +0 -21
- package/dist/composables/validations.d.ts +0 -77
- package/dist/index.css +0 -1
- package/dist/index.d.ts +0 -8
- package/dist/index.mjs +0 -11738
- package/dist/index.mjs.map +0 -1
- package/dist/plugin.d.ts +0 -3
- package/dist/services/animation.d.ts +0 -17
- package/dist/services/directives/index.d.ts +0 -2
- package/dist/services/directives/scroll-into-view.d.ts +0 -7
- package/dist/services/directives/tap-animation.d.ts +0 -6
- package/dist/services/id.d.ts +0 -22
- package/dist/services/injections/accordions.d.ts +0 -3
- package/dist/services/injections/animations.d.ts +0 -2
- package/dist/services/injections/buttons.d.ts +0 -4
- package/dist/services/injections/forms.d.ts +0 -6
- package/dist/services/injections/icon-buttons.d.ts +0 -3
- package/dist/services/injections/pills.d.ts +0 -4
- package/dist/services/injections/radio.d.ts +0 -10
- package/dist/theme/icons.d.ts +0 -36
- package/dist/types/CForm.d.ts +0 -12
- package/dist/types/font-awesome.d.ts +0 -5
- package/dist/types.d.ts +0 -12
|
@@ -1,240 +0,0 @@
|
|
|
1
|
-
import { PropType, DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComputedRef, ComponentProvideOptions } from 'vue';
|
|
2
|
-
import { Rules } from '../composables/validations';
|
|
3
|
-
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
4
|
-
/** The textarea's label, both visual and screenreader-only */
|
|
5
|
-
label: {
|
|
6
|
-
type: PropType<string | null>;
|
|
7
|
-
default: null;
|
|
8
|
-
};
|
|
9
|
-
/** The textarea's placeholder */
|
|
10
|
-
placeholder: {
|
|
11
|
-
type: StringConstructor;
|
|
12
|
-
default: string;
|
|
13
|
-
};
|
|
14
|
-
/** The textarea element's id */
|
|
15
|
-
id: {
|
|
16
|
-
type: PropType<string | null>;
|
|
17
|
-
default: null;
|
|
18
|
-
};
|
|
19
|
-
/** Controls whether the input is disabled */
|
|
20
|
-
disabled: {
|
|
21
|
-
type: BooleanConstructor;
|
|
22
|
-
default: boolean;
|
|
23
|
-
};
|
|
24
|
-
/** The textarea's value */
|
|
25
|
-
value: {
|
|
26
|
-
type: StringConstructor;
|
|
27
|
-
default: string;
|
|
28
|
-
};
|
|
29
|
-
/** Hides the label and instead labels the field with `aria-label` */
|
|
30
|
-
hideLabel: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
|
-
/** Hides the validation message area. Defaults to `false` (show message area even when valid), so validations transition in gracefully. */
|
|
35
|
-
hideDetails: {
|
|
36
|
-
type: PropType<boolean | "auto">;
|
|
37
|
-
default: boolean;
|
|
38
|
-
};
|
|
39
|
-
/** Adds a custom data test string to the form field and textarea elements */
|
|
40
|
-
dataTest: {
|
|
41
|
-
type: StringConstructor;
|
|
42
|
-
default: string;
|
|
43
|
-
};
|
|
44
|
-
/** Shows a character counter and sets its denominator. */
|
|
45
|
-
counter: {
|
|
46
|
-
type: PropType<number | null>;
|
|
47
|
-
default: null;
|
|
48
|
-
};
|
|
49
|
-
/** Function or number that determines the numerator of the counter. If not
|
|
50
|
-
* set, the counter will be the length of the input value. */
|
|
51
|
-
counterValue: {
|
|
52
|
-
type: PropType<number | (() => number | null)>;
|
|
53
|
-
default: null;
|
|
54
|
-
};
|
|
55
|
-
maxlength: {
|
|
56
|
-
type: NumberConstructor;
|
|
57
|
-
default: undefined;
|
|
58
|
-
};
|
|
59
|
-
/** Accepts a mixed array of types function, boolean and string.
|
|
60
|
-
* Functions pass an input value as an argument and must return either true / false or
|
|
61
|
-
* a string containing an error message. The input field will enter an error state if a
|
|
62
|
-
* function returns (or any value in the array contains) false or is a string */
|
|
63
|
-
rules: {
|
|
64
|
-
type: PropType<Rules<string>>;
|
|
65
|
-
default: () => never[];
|
|
66
|
-
};
|
|
67
|
-
/** If true, the field is required */
|
|
68
|
-
required: {
|
|
69
|
-
type: BooleanConstructor;
|
|
70
|
-
default: boolean;
|
|
71
|
-
};
|
|
72
|
-
}>, {
|
|
73
|
-
textarea: Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
|
|
74
|
-
idWithFallback: Ref<string, string>;
|
|
75
|
-
internalValue: Ref<string, string>;
|
|
76
|
-
validationMessage: Ref<string | null, string | null>;
|
|
77
|
-
isValidationValid: Ref<boolean | null, boolean | null>;
|
|
78
|
-
validationListeners: Record<string, (event: Event) => void>;
|
|
79
|
-
messageSlotHasContent: Ref<boolean, boolean>;
|
|
80
|
-
onInput: (event: Event) => void;
|
|
81
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "input" | "focus" | "blur")[], "change" | "input" | "focus" | "blur", PublicProps, Readonly< ExtractPropTypes<{
|
|
82
|
-
/** The textarea's label, both visual and screenreader-only */
|
|
83
|
-
label: {
|
|
84
|
-
type: PropType<string | null>;
|
|
85
|
-
default: null;
|
|
86
|
-
};
|
|
87
|
-
/** The textarea's placeholder */
|
|
88
|
-
placeholder: {
|
|
89
|
-
type: StringConstructor;
|
|
90
|
-
default: string;
|
|
91
|
-
};
|
|
92
|
-
/** The textarea element's id */
|
|
93
|
-
id: {
|
|
94
|
-
type: PropType<string | null>;
|
|
95
|
-
default: null;
|
|
96
|
-
};
|
|
97
|
-
/** Controls whether the input is disabled */
|
|
98
|
-
disabled: {
|
|
99
|
-
type: BooleanConstructor;
|
|
100
|
-
default: boolean;
|
|
101
|
-
};
|
|
102
|
-
/** The textarea's value */
|
|
103
|
-
value: {
|
|
104
|
-
type: StringConstructor;
|
|
105
|
-
default: string;
|
|
106
|
-
};
|
|
107
|
-
/** Hides the label and instead labels the field with `aria-label` */
|
|
108
|
-
hideLabel: {
|
|
109
|
-
type: BooleanConstructor;
|
|
110
|
-
default: boolean;
|
|
111
|
-
};
|
|
112
|
-
/** Hides the validation message area. Defaults to `false` (show message area even when valid), so validations transition in gracefully. */
|
|
113
|
-
hideDetails: {
|
|
114
|
-
type: PropType<boolean | "auto">;
|
|
115
|
-
default: boolean;
|
|
116
|
-
};
|
|
117
|
-
/** Adds a custom data test string to the form field and textarea elements */
|
|
118
|
-
dataTest: {
|
|
119
|
-
type: StringConstructor;
|
|
120
|
-
default: string;
|
|
121
|
-
};
|
|
122
|
-
/** Shows a character counter and sets its denominator. */
|
|
123
|
-
counter: {
|
|
124
|
-
type: PropType<number | null>;
|
|
125
|
-
default: null;
|
|
126
|
-
};
|
|
127
|
-
/** Function or number that determines the numerator of the counter. If not
|
|
128
|
-
* set, the counter will be the length of the input value. */
|
|
129
|
-
counterValue: {
|
|
130
|
-
type: PropType<number | (() => number | null)>;
|
|
131
|
-
default: null;
|
|
132
|
-
};
|
|
133
|
-
maxlength: {
|
|
134
|
-
type: NumberConstructor;
|
|
135
|
-
default: undefined;
|
|
136
|
-
};
|
|
137
|
-
/** Accepts a mixed array of types function, boolean and string.
|
|
138
|
-
* Functions pass an input value as an argument and must return either true / false or
|
|
139
|
-
* a string containing an error message. The input field will enter an error state if a
|
|
140
|
-
* function returns (or any value in the array contains) false or is a string */
|
|
141
|
-
rules: {
|
|
142
|
-
type: PropType<Rules<string>>;
|
|
143
|
-
default: () => never[];
|
|
144
|
-
};
|
|
145
|
-
/** If true, the field is required */
|
|
146
|
-
required: {
|
|
147
|
-
type: BooleanConstructor;
|
|
148
|
-
default: boolean;
|
|
149
|
-
};
|
|
150
|
-
}>> & Readonly<{
|
|
151
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
152
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
153
|
-
onBlur?: ((...args: any[]) => any) | undefined;
|
|
154
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
155
|
-
}>, {
|
|
156
|
-
label: string | null;
|
|
157
|
-
id: string | null;
|
|
158
|
-
value: string;
|
|
159
|
-
dataTest: string;
|
|
160
|
-
placeholder: string;
|
|
161
|
-
disabled: boolean;
|
|
162
|
-
rules: Rules<string>;
|
|
163
|
-
required: boolean;
|
|
164
|
-
hideDetails: boolean | "auto";
|
|
165
|
-
counter: number | null;
|
|
166
|
-
counterValue: number | (() => number | null);
|
|
167
|
-
maxlength: number;
|
|
168
|
-
hideLabel: boolean;
|
|
169
|
-
}, {}, {
|
|
170
|
-
CValidationMessage: DefineComponent<ExtractPropTypes<{
|
|
171
|
-
dataTest: {
|
|
172
|
-
type: StringConstructor;
|
|
173
|
-
default: string;
|
|
174
|
-
};
|
|
175
|
-
validationMessage: {
|
|
176
|
-
type: PropType<string | null>;
|
|
177
|
-
default: null;
|
|
178
|
-
};
|
|
179
|
-
hide: {
|
|
180
|
-
type: PropType<boolean | "auto">;
|
|
181
|
-
default: boolean;
|
|
182
|
-
};
|
|
183
|
-
}>, {
|
|
184
|
-
isHidden: ComputedRef<boolean>;
|
|
185
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
186
|
-
dataTest: {
|
|
187
|
-
type: StringConstructor;
|
|
188
|
-
default: string;
|
|
189
|
-
};
|
|
190
|
-
validationMessage: {
|
|
191
|
-
type: PropType<string | null>;
|
|
192
|
-
default: null;
|
|
193
|
-
};
|
|
194
|
-
hide: {
|
|
195
|
-
type: PropType<boolean | "auto">;
|
|
196
|
-
default: boolean;
|
|
197
|
-
};
|
|
198
|
-
}>> & Readonly<{}>, {
|
|
199
|
-
dataTest: string;
|
|
200
|
-
validationMessage: string | null;
|
|
201
|
-
hide: boolean | "auto";
|
|
202
|
-
}, {}, {
|
|
203
|
-
CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
204
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
205
|
-
CFormFieldCounter: DefineComponent<ExtractPropTypes<{
|
|
206
|
-
counter: {
|
|
207
|
-
type: PropType<number | null>;
|
|
208
|
-
default: null;
|
|
209
|
-
};
|
|
210
|
-
counterValue: {
|
|
211
|
-
type: PropType<number | (() => number | null)>;
|
|
212
|
-
default: null;
|
|
213
|
-
};
|
|
214
|
-
value: {
|
|
215
|
-
type: StringConstructor;
|
|
216
|
-
default: string;
|
|
217
|
-
};
|
|
218
|
-
}>, {
|
|
219
|
-
numerator: ComputedRef<number | null>;
|
|
220
|
-
displayText: ComputedRef<string>;
|
|
221
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
222
|
-
counter: {
|
|
223
|
-
type: PropType<number | null>;
|
|
224
|
-
default: null;
|
|
225
|
-
};
|
|
226
|
-
counterValue: {
|
|
227
|
-
type: PropType<number | (() => number | null)>;
|
|
228
|
-
default: null;
|
|
229
|
-
};
|
|
230
|
-
value: {
|
|
231
|
-
type: StringConstructor;
|
|
232
|
-
default: string;
|
|
233
|
-
};
|
|
234
|
-
}>> & Readonly<{}>, {
|
|
235
|
-
value: string;
|
|
236
|
-
counter: number | null;
|
|
237
|
-
counterValue: number | (() => number | null);
|
|
238
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
239
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
240
|
-
export default _default;
|