@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,145 +0,0 @@
|
|
|
1
|
-
import { PropType, DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComputedRef, ComponentProvideOptions } from 'vue';
|
|
2
|
-
import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
|
|
3
|
-
import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
|
|
4
|
-
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
5
|
-
/** Assigns the checkbox's id */
|
|
6
|
-
id: {
|
|
7
|
-
type: PropType<string | null>;
|
|
8
|
-
default: null;
|
|
9
|
-
};
|
|
10
|
-
/** The label text for the checkbox. */
|
|
11
|
-
label: {
|
|
12
|
-
type: StringConstructor;
|
|
13
|
-
default: undefined;
|
|
14
|
-
};
|
|
15
|
-
/** Whether the checkbox is checked */
|
|
16
|
-
value: {
|
|
17
|
-
type: BooleanConstructor;
|
|
18
|
-
default: boolean;
|
|
19
|
-
};
|
|
20
|
-
/** A custom data-test selector */
|
|
21
|
-
dataTest: {
|
|
22
|
-
type: StringConstructor;
|
|
23
|
-
default: string;
|
|
24
|
-
};
|
|
25
|
-
/**
|
|
26
|
-
* An array of functions that either return either true / false or a string
|
|
27
|
-
* containing an error message. The component passes the input value as an
|
|
28
|
-
* argument. The input field will enter an error state if a function does
|
|
29
|
-
* not return true.
|
|
30
|
-
* */
|
|
31
|
-
rules: {
|
|
32
|
-
type: PropType<((value: boolean) => string | boolean)[]>;
|
|
33
|
-
default: () => never[];
|
|
34
|
-
};
|
|
35
|
-
/** Hides the validation message area. */
|
|
36
|
-
hideDetails: {
|
|
37
|
-
type: PropType<boolean | "auto">;
|
|
38
|
-
default: boolean;
|
|
39
|
-
};
|
|
40
|
-
/** Controls the appearance of the checkbox. */
|
|
41
|
-
variant: {
|
|
42
|
-
type: PropType<"contained" | "minimal">;
|
|
43
|
-
default: string;
|
|
44
|
-
};
|
|
45
|
-
}>, {
|
|
46
|
-
checkbox: Ref<HTMLInputElement | null, HTMLInputElement | null>;
|
|
47
|
-
faCheck: IconDefinition;
|
|
48
|
-
idWithFallback: Ref<string, string>;
|
|
49
|
-
internalValue: Ref<boolean, boolean>;
|
|
50
|
-
onChange: (event: Event) => void;
|
|
51
|
-
validationMessage: Ref<string | null, string | null>;
|
|
52
|
-
isValidationValid: Ref<boolean | null, boolean | null>;
|
|
53
|
-
validationListeners: Record<string, (event: Event) => void>;
|
|
54
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "focus" | "blur")[], "change" | "focus" | "blur", PublicProps, Readonly< ExtractPropTypes<{
|
|
55
|
-
/** Assigns the checkbox's id */
|
|
56
|
-
id: {
|
|
57
|
-
type: PropType<string | null>;
|
|
58
|
-
default: null;
|
|
59
|
-
};
|
|
60
|
-
/** The label text for the checkbox. */
|
|
61
|
-
label: {
|
|
62
|
-
type: StringConstructor;
|
|
63
|
-
default: undefined;
|
|
64
|
-
};
|
|
65
|
-
/** Whether the checkbox is checked */
|
|
66
|
-
value: {
|
|
67
|
-
type: BooleanConstructor;
|
|
68
|
-
default: boolean;
|
|
69
|
-
};
|
|
70
|
-
/** A custom data-test selector */
|
|
71
|
-
dataTest: {
|
|
72
|
-
type: StringConstructor;
|
|
73
|
-
default: string;
|
|
74
|
-
};
|
|
75
|
-
/**
|
|
76
|
-
* An array of functions that either return either true / false or a string
|
|
77
|
-
* containing an error message. The component passes the input value as an
|
|
78
|
-
* argument. The input field will enter an error state if a function does
|
|
79
|
-
* not return true.
|
|
80
|
-
* */
|
|
81
|
-
rules: {
|
|
82
|
-
type: PropType<((value: boolean) => string | boolean)[]>;
|
|
83
|
-
default: () => never[];
|
|
84
|
-
};
|
|
85
|
-
/** Hides the validation message area. */
|
|
86
|
-
hideDetails: {
|
|
87
|
-
type: PropType<boolean | "auto">;
|
|
88
|
-
default: boolean;
|
|
89
|
-
};
|
|
90
|
-
/** Controls the appearance of the checkbox. */
|
|
91
|
-
variant: {
|
|
92
|
-
type: PropType<"contained" | "minimal">;
|
|
93
|
-
default: string;
|
|
94
|
-
};
|
|
95
|
-
}>> & Readonly<{
|
|
96
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
97
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
98
|
-
onBlur?: ((...args: any[]) => any) | undefined;
|
|
99
|
-
}>, {
|
|
100
|
-
label: string;
|
|
101
|
-
id: string | null;
|
|
102
|
-
value: boolean;
|
|
103
|
-
dataTest: string;
|
|
104
|
-
variant: "contained" | "minimal";
|
|
105
|
-
rules: ((value: boolean) => string | boolean)[];
|
|
106
|
-
hideDetails: boolean | "auto";
|
|
107
|
-
}, {}, {
|
|
108
|
-
FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
|
|
109
|
-
CValidationMessage: DefineComponent<ExtractPropTypes<{
|
|
110
|
-
dataTest: {
|
|
111
|
-
type: StringConstructor;
|
|
112
|
-
default: string;
|
|
113
|
-
};
|
|
114
|
-
validationMessage: {
|
|
115
|
-
type: PropType<string | null>;
|
|
116
|
-
default: null;
|
|
117
|
-
};
|
|
118
|
-
hide: {
|
|
119
|
-
type: PropType<boolean | "auto">;
|
|
120
|
-
default: boolean;
|
|
121
|
-
};
|
|
122
|
-
}>, {
|
|
123
|
-
isHidden: ComputedRef<boolean>;
|
|
124
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
125
|
-
dataTest: {
|
|
126
|
-
type: StringConstructor;
|
|
127
|
-
default: string;
|
|
128
|
-
};
|
|
129
|
-
validationMessage: {
|
|
130
|
-
type: PropType<string | null>;
|
|
131
|
-
default: null;
|
|
132
|
-
};
|
|
133
|
-
hide: {
|
|
134
|
-
type: PropType<boolean | "auto">;
|
|
135
|
-
default: boolean;
|
|
136
|
-
};
|
|
137
|
-
}>> & Readonly<{}>, {
|
|
138
|
-
dataTest: string;
|
|
139
|
-
validationMessage: string | null;
|
|
140
|
-
hide: boolean | "auto";
|
|
141
|
-
}, {}, {
|
|
142
|
-
CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
143
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
144
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
145
|
-
export default _default;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
3
|
-
/** Sets the default number of columns the component extends.
|
|
4
|
-
* Available options are: 1 -> 12 and auto. */
|
|
5
|
-
cols: {
|
|
6
|
-
type: StringConstructor;
|
|
7
|
-
default: null;
|
|
8
|
-
validator: (value: string) => boolean;
|
|
9
|
-
};
|
|
10
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
11
|
-
/** Sets the default number of columns the component extends.
|
|
12
|
-
* Available options are: 1 -> 12 and auto. */
|
|
13
|
-
cols: {
|
|
14
|
-
type: StringConstructor;
|
|
15
|
-
default: null;
|
|
16
|
-
validator: (value: string) => boolean;
|
|
17
|
-
};
|
|
18
|
-
}>> & Readonly<{}>, {
|
|
19
|
-
cols: string;
|
|
20
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
21
|
-
export default _default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
3
|
-
/** Displays dividers vertically. */
|
|
4
|
-
vertical: {
|
|
5
|
-
type: BooleanConstructor;
|
|
6
|
-
default: boolean;
|
|
7
|
-
};
|
|
8
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
9
|
-
/** Displays dividers vertically. */
|
|
10
|
-
vertical: {
|
|
11
|
-
type: BooleanConstructor;
|
|
12
|
-
default: boolean;
|
|
13
|
-
};
|
|
14
|
-
}>> & Readonly<{}>, {
|
|
15
|
-
vertical: boolean;
|
|
16
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
17
|
-
export default _default;
|