@propelinc/citrus-ui 1.0.1 → 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 -3
- 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 -4999
- 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,6 +0,0 @@
|
|
|
1
|
-
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
-
export type { default as SlMenuItem } from '@shoelace-style/shoelace/dist/components/menu-item/menu-item.js';
|
|
3
|
-
declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "select"[], "select", PublicProps, Readonly<{}> & Readonly<{
|
|
4
|
-
onSelect?: ((...args: any[]) => any) | undefined;
|
|
5
|
-
}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
6
|
-
export default _default;
|
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, Ref, 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
|
-
/** Controls whether the item has hover-state styles and responds to click events */
|
|
6
|
-
selectable: {
|
|
7
|
-
type: BooleanConstructor;
|
|
8
|
-
default: boolean;
|
|
9
|
-
};
|
|
10
|
-
/** Controls whether to enable and display a checked state */
|
|
11
|
-
checkable: {
|
|
12
|
-
type: BooleanConstructor;
|
|
13
|
-
};
|
|
14
|
-
/** Reflects the item's checked state */
|
|
15
|
-
checked: {
|
|
16
|
-
type: BooleanConstructor;
|
|
17
|
-
};
|
|
18
|
-
/** Controls what style of checking to apply, either a checkbox, or just a check icon */
|
|
19
|
-
checkType: {
|
|
20
|
-
type: PropType<"checkbox" | "icon">;
|
|
21
|
-
default: string;
|
|
22
|
-
};
|
|
23
|
-
}>, {
|
|
24
|
-
faCheck: IconDefinition;
|
|
25
|
-
onClick: (e: Event) => void;
|
|
26
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
27
|
-
/** Controls whether the item has hover-state styles and responds to click events */
|
|
28
|
-
selectable: {
|
|
29
|
-
type: BooleanConstructor;
|
|
30
|
-
default: boolean;
|
|
31
|
-
};
|
|
32
|
-
/** Controls whether to enable and display a checked state */
|
|
33
|
-
checkable: {
|
|
34
|
-
type: BooleanConstructor;
|
|
35
|
-
};
|
|
36
|
-
/** Reflects the item's checked state */
|
|
37
|
-
checked: {
|
|
38
|
-
type: BooleanConstructor;
|
|
39
|
-
};
|
|
40
|
-
/** Controls what style of checking to apply, either a checkbox, or just a check icon */
|
|
41
|
-
checkType: {
|
|
42
|
-
type: PropType<"checkbox" | "icon">;
|
|
43
|
-
default: string;
|
|
44
|
-
};
|
|
45
|
-
}>> & Readonly<{}>, {
|
|
46
|
-
checked: boolean;
|
|
47
|
-
selectable: boolean;
|
|
48
|
-
checkable: boolean;
|
|
49
|
-
checkType: "icon" | "checkbox";
|
|
50
|
-
}, {}, {
|
|
51
|
-
CCheckbox: DefineComponent<ExtractPropTypes<{
|
|
52
|
-
id: {
|
|
53
|
-
type: PropType<string | null>;
|
|
54
|
-
default: null;
|
|
55
|
-
};
|
|
56
|
-
label: {
|
|
57
|
-
type: StringConstructor;
|
|
58
|
-
default: undefined;
|
|
59
|
-
};
|
|
60
|
-
value: {
|
|
61
|
-
type: BooleanConstructor;
|
|
62
|
-
default: boolean;
|
|
63
|
-
};
|
|
64
|
-
dataTest: {
|
|
65
|
-
type: StringConstructor;
|
|
66
|
-
default: string;
|
|
67
|
-
};
|
|
68
|
-
rules: {
|
|
69
|
-
type: PropType<((value: boolean) => string | boolean)[]>;
|
|
70
|
-
default: () => never[];
|
|
71
|
-
};
|
|
72
|
-
hideDetails: {
|
|
73
|
-
type: PropType<boolean | "auto">;
|
|
74
|
-
default: boolean;
|
|
75
|
-
};
|
|
76
|
-
variant: {
|
|
77
|
-
type: PropType<"contained" | "minimal">;
|
|
78
|
-
default: string;
|
|
79
|
-
};
|
|
80
|
-
}>, {
|
|
81
|
-
checkbox: Ref<HTMLInputElement | null, HTMLInputElement | null>;
|
|
82
|
-
faCheck: IconDefinition;
|
|
83
|
-
idWithFallback: Ref<string, string>;
|
|
84
|
-
internalValue: Ref<boolean, boolean>;
|
|
85
|
-
onChange: (event: Event) => void;
|
|
86
|
-
validationMessage: Ref<string | null, string | null>;
|
|
87
|
-
isValidationValid: Ref<boolean | null, boolean | null>;
|
|
88
|
-
validationListeners: Record<string, (event: Event) => void>;
|
|
89
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "focus" | "blur")[], "change" | "focus" | "blur", PublicProps, Readonly< ExtractPropTypes<{
|
|
90
|
-
id: {
|
|
91
|
-
type: PropType<string | null>;
|
|
92
|
-
default: null;
|
|
93
|
-
};
|
|
94
|
-
label: {
|
|
95
|
-
type: StringConstructor;
|
|
96
|
-
default: undefined;
|
|
97
|
-
};
|
|
98
|
-
value: {
|
|
99
|
-
type: BooleanConstructor;
|
|
100
|
-
default: boolean;
|
|
101
|
-
};
|
|
102
|
-
dataTest: {
|
|
103
|
-
type: StringConstructor;
|
|
104
|
-
default: string;
|
|
105
|
-
};
|
|
106
|
-
rules: {
|
|
107
|
-
type: PropType<((value: boolean) => string | boolean)[]>;
|
|
108
|
-
default: () => never[];
|
|
109
|
-
};
|
|
110
|
-
hideDetails: {
|
|
111
|
-
type: PropType<boolean | "auto">;
|
|
112
|
-
default: boolean;
|
|
113
|
-
};
|
|
114
|
-
variant: {
|
|
115
|
-
type: PropType<"contained" | "minimal">;
|
|
116
|
-
default: string;
|
|
117
|
-
};
|
|
118
|
-
}>> & Readonly<{
|
|
119
|
-
onChange?: ((...args: any[]) => any) | undefined;
|
|
120
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
121
|
-
onBlur?: ((...args: any[]) => any) | undefined;
|
|
122
|
-
}>, {
|
|
123
|
-
label: string;
|
|
124
|
-
id: string | null;
|
|
125
|
-
value: boolean;
|
|
126
|
-
dataTest: string;
|
|
127
|
-
variant: "contained" | "minimal";
|
|
128
|
-
rules: ((value: boolean) => string | boolean)[];
|
|
129
|
-
hideDetails: boolean | "auto";
|
|
130
|
-
}, {}, {
|
|
131
|
-
FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
|
|
132
|
-
CValidationMessage: DefineComponent<ExtractPropTypes<{
|
|
133
|
-
dataTest: {
|
|
134
|
-
type: StringConstructor;
|
|
135
|
-
default: string;
|
|
136
|
-
};
|
|
137
|
-
validationMessage: {
|
|
138
|
-
type: PropType<string | null>;
|
|
139
|
-
default: null;
|
|
140
|
-
};
|
|
141
|
-
hide: {
|
|
142
|
-
type: PropType<boolean | "auto">;
|
|
143
|
-
default: boolean;
|
|
144
|
-
};
|
|
145
|
-
}>, {
|
|
146
|
-
isHidden: ComputedRef<boolean>;
|
|
147
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
148
|
-
dataTest: {
|
|
149
|
-
type: StringConstructor;
|
|
150
|
-
default: string;
|
|
151
|
-
};
|
|
152
|
-
validationMessage: {
|
|
153
|
-
type: PropType<string | null>;
|
|
154
|
-
default: null;
|
|
155
|
-
};
|
|
156
|
-
hide: {
|
|
157
|
-
type: PropType<boolean | "auto">;
|
|
158
|
-
default: boolean;
|
|
159
|
-
};
|
|
160
|
-
}>> & Readonly<{}>, {
|
|
161
|
-
dataTest: string;
|
|
162
|
-
validationMessage: string | null;
|
|
163
|
-
hide: boolean | "auto";
|
|
164
|
-
}, {}, {
|
|
165
|
-
CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
166
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
167
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
168
|
-
FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
|
|
169
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
170
|
-
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,206 +0,0 @@
|
|
|
1
|
-
import { default as SlDialog } from '@shoelace-style/shoelace/dist/components/dialog/dialog.js';
|
|
2
|
-
import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
3
|
-
import { HexColor, isValidColor, CssColor } from '../colors/colors';
|
|
4
|
-
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
5
|
-
/** Controls whether or not the modal is showing */
|
|
6
|
-
value: {
|
|
7
|
-
type: BooleanConstructor;
|
|
8
|
-
default: boolean;
|
|
9
|
-
};
|
|
10
|
-
/** The title of the modal */
|
|
11
|
-
title: {
|
|
12
|
-
type: PropType<string | null>;
|
|
13
|
-
default: null;
|
|
14
|
-
};
|
|
15
|
-
/** Shows loading state and sets loading message if string */
|
|
16
|
-
loading: {
|
|
17
|
-
type: (BooleanConstructor | StringConstructor)[];
|
|
18
|
-
default: boolean;
|
|
19
|
-
};
|
|
20
|
-
/** Allows modal to be dismissed */
|
|
21
|
-
dismissible: {
|
|
22
|
-
type: BooleanConstructor;
|
|
23
|
-
default: boolean;
|
|
24
|
-
};
|
|
25
|
-
/** Prefix for test selectors */
|
|
26
|
-
dataTest: {
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
default: string;
|
|
29
|
-
};
|
|
30
|
-
/** Toggles the open/close animation */
|
|
31
|
-
transition: {
|
|
32
|
-
type: BooleanConstructor;
|
|
33
|
-
default: boolean;
|
|
34
|
-
};
|
|
35
|
-
/** Controls whether the modal displays fullscreen */
|
|
36
|
-
fullscreen: {
|
|
37
|
-
type: BooleanConstructor;
|
|
38
|
-
default: boolean;
|
|
39
|
-
};
|
|
40
|
-
/** Aria label for the modal. This is required if title is hidden */
|
|
41
|
-
ariaLabel: {
|
|
42
|
-
type: StringConstructor;
|
|
43
|
-
default: string;
|
|
44
|
-
};
|
|
45
|
-
}>, {
|
|
46
|
-
dialogLabel: ComputedRef<string>;
|
|
47
|
-
loadingMessage: ComputedRef<string | null>;
|
|
48
|
-
isVisible: Ref<boolean, boolean>;
|
|
49
|
-
enableExpandTransition: ComputedRef<boolean>;
|
|
50
|
-
footerHasContent: Ref<boolean, boolean>;
|
|
51
|
-
onRequestClose: (event: Event) => void;
|
|
52
|
-
getDataTestAttr: (suffix?: string) => string;
|
|
53
|
-
modal: Ref<SlDialog | null, SlDialog | null>;
|
|
54
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
|
|
55
|
-
/** Controls whether or not the modal is showing */
|
|
56
|
-
value: {
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: boolean;
|
|
59
|
-
};
|
|
60
|
-
/** The title of the modal */
|
|
61
|
-
title: {
|
|
62
|
-
type: PropType<string | null>;
|
|
63
|
-
default: null;
|
|
64
|
-
};
|
|
65
|
-
/** Shows loading state and sets loading message if string */
|
|
66
|
-
loading: {
|
|
67
|
-
type: (BooleanConstructor | StringConstructor)[];
|
|
68
|
-
default: boolean;
|
|
69
|
-
};
|
|
70
|
-
/** Allows modal to be dismissed */
|
|
71
|
-
dismissible: {
|
|
72
|
-
type: BooleanConstructor;
|
|
73
|
-
default: boolean;
|
|
74
|
-
};
|
|
75
|
-
/** Prefix for test selectors */
|
|
76
|
-
dataTest: {
|
|
77
|
-
type: StringConstructor;
|
|
78
|
-
default: string;
|
|
79
|
-
};
|
|
80
|
-
/** Toggles the open/close animation */
|
|
81
|
-
transition: {
|
|
82
|
-
type: BooleanConstructor;
|
|
83
|
-
default: boolean;
|
|
84
|
-
};
|
|
85
|
-
/** Controls whether the modal displays fullscreen */
|
|
86
|
-
fullscreen: {
|
|
87
|
-
type: BooleanConstructor;
|
|
88
|
-
default: boolean;
|
|
89
|
-
};
|
|
90
|
-
/** Aria label for the modal. This is required if title is hidden */
|
|
91
|
-
ariaLabel: {
|
|
92
|
-
type: StringConstructor;
|
|
93
|
-
default: string;
|
|
94
|
-
};
|
|
95
|
-
}>> & Readonly<{
|
|
96
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
97
|
-
}>, {
|
|
98
|
-
title: string | null;
|
|
99
|
-
value: boolean;
|
|
100
|
-
dataTest: string;
|
|
101
|
-
transition: boolean;
|
|
102
|
-
loading: string | boolean;
|
|
103
|
-
ariaLabel: string;
|
|
104
|
-
dismissible: boolean;
|
|
105
|
-
fullscreen: boolean;
|
|
106
|
-
}, {}, {
|
|
107
|
-
CButtonStack: DefineComponent<ExtractPropTypes<{
|
|
108
|
-
tag: {
|
|
109
|
-
type: StringConstructor;
|
|
110
|
-
default: string;
|
|
111
|
-
};
|
|
112
|
-
large: {
|
|
113
|
-
type: BooleanConstructor;
|
|
114
|
-
default: null;
|
|
115
|
-
};
|
|
116
|
-
}>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
117
|
-
tag: {
|
|
118
|
-
type: StringConstructor;
|
|
119
|
-
default: string;
|
|
120
|
-
};
|
|
121
|
-
large: {
|
|
122
|
-
type: BooleanConstructor;
|
|
123
|
-
default: null;
|
|
124
|
-
};
|
|
125
|
-
}>> & Readonly<{}>, {
|
|
126
|
-
large: boolean;
|
|
127
|
-
tag: string;
|
|
128
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
129
|
-
CLoader: DefineComponent<ExtractPropTypes<{
|
|
130
|
-
accessibleText: {
|
|
131
|
-
type: StringConstructor;
|
|
132
|
-
default: undefined;
|
|
133
|
-
};
|
|
134
|
-
color: {
|
|
135
|
-
type: PropType< HexColor | string>;
|
|
136
|
-
default: string;
|
|
137
|
-
validator: isValidColor;
|
|
138
|
-
};
|
|
139
|
-
small: {
|
|
140
|
-
type: BooleanConstructor;
|
|
141
|
-
default: boolean;
|
|
142
|
-
};
|
|
143
|
-
size: {
|
|
144
|
-
type: PropType<"sm" | "lg" | "md">;
|
|
145
|
-
default: string;
|
|
146
|
-
};
|
|
147
|
-
trackColor: {
|
|
148
|
-
type: PropType< HexColor | string>;
|
|
149
|
-
default: string;
|
|
150
|
-
validator: isValidColor;
|
|
151
|
-
};
|
|
152
|
-
}>, {
|
|
153
|
-
computedSize: ComputedRef<"sm" | "lg" | "md">;
|
|
154
|
-
indicatorColorCode: Ref< CssColor | undefined, CssColor | undefined>;
|
|
155
|
-
SIZE_TO_FONT_SIZE: Record<"sm" | "lg" | "md", `${number}px`>;
|
|
156
|
-
SIZE_TO_TRACK_WIDTH: Record<"sm" | "lg" | "md", `${number}px`>;
|
|
157
|
-
trackColorCode: Ref< CssColor | undefined, CssColor | undefined>;
|
|
158
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
159
|
-
accessibleText: {
|
|
160
|
-
type: StringConstructor;
|
|
161
|
-
default: undefined;
|
|
162
|
-
};
|
|
163
|
-
color: {
|
|
164
|
-
type: PropType< HexColor | string>;
|
|
165
|
-
default: string;
|
|
166
|
-
validator: isValidColor;
|
|
167
|
-
};
|
|
168
|
-
small: {
|
|
169
|
-
type: BooleanConstructor;
|
|
170
|
-
default: boolean;
|
|
171
|
-
};
|
|
172
|
-
size: {
|
|
173
|
-
type: PropType<"sm" | "lg" | "md">;
|
|
174
|
-
default: string;
|
|
175
|
-
};
|
|
176
|
-
trackColor: {
|
|
177
|
-
type: PropType< HexColor | string>;
|
|
178
|
-
default: string;
|
|
179
|
-
validator: isValidColor;
|
|
180
|
-
};
|
|
181
|
-
}>> & Readonly<{}>, {
|
|
182
|
-
small: boolean;
|
|
183
|
-
size: "sm" | "lg" | "md";
|
|
184
|
-
accessibleText: string;
|
|
185
|
-
color: string;
|
|
186
|
-
trackColor: string;
|
|
187
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
188
|
-
CExpandTransition: DefineComponent<ExtractPropTypes<{
|
|
189
|
-
disabled: {
|
|
190
|
-
type: BooleanConstructor;
|
|
191
|
-
default: boolean;
|
|
192
|
-
};
|
|
193
|
-
}>, {
|
|
194
|
-
content: Ref<HTMLElement | null, HTMLElement | null>;
|
|
195
|
-
height: Ref<string, string>;
|
|
196
|
-
isDisabled: ComputedRef<boolean>;
|
|
197
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
198
|
-
disabled: {
|
|
199
|
-
type: BooleanConstructor;
|
|
200
|
-
default: boolean;
|
|
201
|
-
};
|
|
202
|
-
}>> & Readonly<{}>, {
|
|
203
|
-
disabled: boolean;
|
|
204
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
205
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
206
|
-
export default _default;
|
|
@@ -1,230 +0,0 @@
|
|
|
1
|
-
import { PropType, DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComputedRef, Ref, ComponentProvideOptions } from 'vue';
|
|
2
|
-
import { SlDialog } from '@shoelace-style/shoelace';
|
|
3
|
-
import { HexColor, isValidColor, CssColor } from '../colors/colors';
|
|
4
|
-
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
5
|
-
/** Controls whether or not the modal is showing */
|
|
6
|
-
value: {
|
|
7
|
-
type: BooleanConstructor;
|
|
8
|
-
default: boolean;
|
|
9
|
-
};
|
|
10
|
-
/** Controls the message shown below the Modal Loading icon */
|
|
11
|
-
message: {
|
|
12
|
-
type: PropType<string | null>;
|
|
13
|
-
default: null;
|
|
14
|
-
};
|
|
15
|
-
/** Prefix for test selectors */
|
|
16
|
-
dataTest: {
|
|
17
|
-
type: StringConstructor;
|
|
18
|
-
default: string;
|
|
19
|
-
};
|
|
20
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
|
|
21
|
-
/** Controls whether or not the modal is showing */
|
|
22
|
-
value: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: boolean;
|
|
25
|
-
};
|
|
26
|
-
/** Controls the message shown below the Modal Loading icon */
|
|
27
|
-
message: {
|
|
28
|
-
type: PropType<string | null>;
|
|
29
|
-
default: null;
|
|
30
|
-
};
|
|
31
|
-
/** Prefix for test selectors */
|
|
32
|
-
dataTest: {
|
|
33
|
-
type: StringConstructor;
|
|
34
|
-
default: string;
|
|
35
|
-
};
|
|
36
|
-
}>> & Readonly<{
|
|
37
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
38
|
-
}>, {
|
|
39
|
-
value: boolean;
|
|
40
|
-
dataTest: string;
|
|
41
|
-
message: string | null;
|
|
42
|
-
}, {}, {
|
|
43
|
-
CModal: DefineComponent<ExtractPropTypes<{
|
|
44
|
-
value: {
|
|
45
|
-
type: BooleanConstructor;
|
|
46
|
-
default: boolean;
|
|
47
|
-
};
|
|
48
|
-
title: {
|
|
49
|
-
type: PropType<string | null>;
|
|
50
|
-
default: null;
|
|
51
|
-
};
|
|
52
|
-
loading: {
|
|
53
|
-
type: (BooleanConstructor | StringConstructor)[];
|
|
54
|
-
default: boolean;
|
|
55
|
-
};
|
|
56
|
-
dismissible: {
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: boolean;
|
|
59
|
-
};
|
|
60
|
-
dataTest: {
|
|
61
|
-
type: StringConstructor;
|
|
62
|
-
default: string;
|
|
63
|
-
};
|
|
64
|
-
transition: {
|
|
65
|
-
type: BooleanConstructor;
|
|
66
|
-
default: boolean;
|
|
67
|
-
};
|
|
68
|
-
fullscreen: {
|
|
69
|
-
type: BooleanConstructor;
|
|
70
|
-
default: boolean;
|
|
71
|
-
};
|
|
72
|
-
ariaLabel: {
|
|
73
|
-
type: StringConstructor;
|
|
74
|
-
default: string;
|
|
75
|
-
};
|
|
76
|
-
}>, {
|
|
77
|
-
dialogLabel: ComputedRef<string>;
|
|
78
|
-
loadingMessage: ComputedRef<string | null>;
|
|
79
|
-
isVisible: Ref<boolean, boolean>;
|
|
80
|
-
enableExpandTransition: ComputedRef<boolean>;
|
|
81
|
-
footerHasContent: Ref<boolean, boolean>;
|
|
82
|
-
onRequestClose: (event: Event) => void;
|
|
83
|
-
getDataTestAttr: (suffix?: string) => string;
|
|
84
|
-
modal: Ref< SlDialog | null, SlDialog | null>;
|
|
85
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "input"[], "input", PublicProps, Readonly< ExtractPropTypes<{
|
|
86
|
-
value: {
|
|
87
|
-
type: BooleanConstructor;
|
|
88
|
-
default: boolean;
|
|
89
|
-
};
|
|
90
|
-
title: {
|
|
91
|
-
type: PropType<string | null>;
|
|
92
|
-
default: null;
|
|
93
|
-
};
|
|
94
|
-
loading: {
|
|
95
|
-
type: (BooleanConstructor | StringConstructor)[];
|
|
96
|
-
default: boolean;
|
|
97
|
-
};
|
|
98
|
-
dismissible: {
|
|
99
|
-
type: BooleanConstructor;
|
|
100
|
-
default: boolean;
|
|
101
|
-
};
|
|
102
|
-
dataTest: {
|
|
103
|
-
type: StringConstructor;
|
|
104
|
-
default: string;
|
|
105
|
-
};
|
|
106
|
-
transition: {
|
|
107
|
-
type: BooleanConstructor;
|
|
108
|
-
default: boolean;
|
|
109
|
-
};
|
|
110
|
-
fullscreen: {
|
|
111
|
-
type: BooleanConstructor;
|
|
112
|
-
default: boolean;
|
|
113
|
-
};
|
|
114
|
-
ariaLabel: {
|
|
115
|
-
type: StringConstructor;
|
|
116
|
-
default: string;
|
|
117
|
-
};
|
|
118
|
-
}>> & Readonly<{
|
|
119
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
120
|
-
}>, {
|
|
121
|
-
title: string | null;
|
|
122
|
-
value: boolean;
|
|
123
|
-
dataTest: string;
|
|
124
|
-
transition: boolean;
|
|
125
|
-
loading: string | boolean;
|
|
126
|
-
ariaLabel: string;
|
|
127
|
-
dismissible: boolean;
|
|
128
|
-
fullscreen: boolean;
|
|
129
|
-
}, {}, {
|
|
130
|
-
CButtonStack: DefineComponent<ExtractPropTypes<{
|
|
131
|
-
tag: {
|
|
132
|
-
type: StringConstructor;
|
|
133
|
-
default: string;
|
|
134
|
-
};
|
|
135
|
-
large: {
|
|
136
|
-
type: BooleanConstructor;
|
|
137
|
-
default: null;
|
|
138
|
-
};
|
|
139
|
-
}>, void, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
140
|
-
tag: {
|
|
141
|
-
type: StringConstructor;
|
|
142
|
-
default: string;
|
|
143
|
-
};
|
|
144
|
-
large: {
|
|
145
|
-
type: BooleanConstructor;
|
|
146
|
-
default: null;
|
|
147
|
-
};
|
|
148
|
-
}>> & Readonly<{}>, {
|
|
149
|
-
large: boolean;
|
|
150
|
-
tag: string;
|
|
151
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
152
|
-
CLoader: DefineComponent<ExtractPropTypes<{
|
|
153
|
-
accessibleText: {
|
|
154
|
-
type: StringConstructor;
|
|
155
|
-
default: undefined;
|
|
156
|
-
};
|
|
157
|
-
color: {
|
|
158
|
-
type: PropType< HexColor | string>;
|
|
159
|
-
default: string;
|
|
160
|
-
validator: isValidColor;
|
|
161
|
-
};
|
|
162
|
-
small: {
|
|
163
|
-
type: BooleanConstructor;
|
|
164
|
-
default: boolean;
|
|
165
|
-
};
|
|
166
|
-
size: {
|
|
167
|
-
type: PropType<"sm" | "lg" | "md">;
|
|
168
|
-
default: string;
|
|
169
|
-
};
|
|
170
|
-
trackColor: {
|
|
171
|
-
type: PropType< HexColor | string>;
|
|
172
|
-
default: string;
|
|
173
|
-
validator: isValidColor;
|
|
174
|
-
};
|
|
175
|
-
}>, {
|
|
176
|
-
computedSize: ComputedRef<"sm" | "lg" | "md">;
|
|
177
|
-
indicatorColorCode: Ref< CssColor | undefined, CssColor | undefined>;
|
|
178
|
-
SIZE_TO_FONT_SIZE: Record<"sm" | "lg" | "md", `${number}px`>;
|
|
179
|
-
SIZE_TO_TRACK_WIDTH: Record<"sm" | "lg" | "md", `${number}px`>;
|
|
180
|
-
trackColorCode: Ref< CssColor | undefined, CssColor | undefined>;
|
|
181
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
182
|
-
accessibleText: {
|
|
183
|
-
type: StringConstructor;
|
|
184
|
-
default: undefined;
|
|
185
|
-
};
|
|
186
|
-
color: {
|
|
187
|
-
type: PropType< HexColor | string>;
|
|
188
|
-
default: string;
|
|
189
|
-
validator: isValidColor;
|
|
190
|
-
};
|
|
191
|
-
small: {
|
|
192
|
-
type: BooleanConstructor;
|
|
193
|
-
default: boolean;
|
|
194
|
-
};
|
|
195
|
-
size: {
|
|
196
|
-
type: PropType<"sm" | "lg" | "md">;
|
|
197
|
-
default: string;
|
|
198
|
-
};
|
|
199
|
-
trackColor: {
|
|
200
|
-
type: PropType< HexColor | string>;
|
|
201
|
-
default: string;
|
|
202
|
-
validator: isValidColor;
|
|
203
|
-
};
|
|
204
|
-
}>> & Readonly<{}>, {
|
|
205
|
-
small: boolean;
|
|
206
|
-
size: "sm" | "lg" | "md";
|
|
207
|
-
accessibleText: string;
|
|
208
|
-
color: string;
|
|
209
|
-
trackColor: string;
|
|
210
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
211
|
-
CExpandTransition: DefineComponent<ExtractPropTypes<{
|
|
212
|
-
disabled: {
|
|
213
|
-
type: BooleanConstructor;
|
|
214
|
-
default: boolean;
|
|
215
|
-
};
|
|
216
|
-
}>, {
|
|
217
|
-
content: Ref<HTMLElement | null, HTMLElement | null>;
|
|
218
|
-
height: Ref<string, string>;
|
|
219
|
-
isDisabled: ComputedRef<boolean>;
|
|
220
|
-
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
|
|
221
|
-
disabled: {
|
|
222
|
-
type: BooleanConstructor;
|
|
223
|
-
default: boolean;
|
|
224
|
-
};
|
|
225
|
-
}>> & Readonly<{}>, {
|
|
226
|
-
disabled: boolean;
|
|
227
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
228
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
229
|
-
}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
230
|
-
export default _default;
|