@codeandfunction/callaloo 1.18.10 → 2.0.0
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 +2 -0
- package/package.json +52 -43
- package/dist/assets/index.css +0 -1
- package/dist/components/Assets/CLIcon.vue.d.ts +0 -13
- package/dist/components/Buttons/CLA11yButton.vue.d.ts +0 -37
- package/dist/components/Buttons/CLButton.vue.d.ts +0 -247
- package/dist/components/Buttons/utils.d.ts +0 -7
- package/dist/components/Containers/CLCard.vue.d.ts +0 -44
- package/dist/components/Containers/CLDisclosure.vue.d.ts +0 -75
- package/dist/components/Containers/Carousel/CLCarousel.vue.d.ts +0 -57
- package/dist/components/Containers/Carousel/CLCarouselNavigation.vue.d.ts +0 -21
- package/dist/components/Containers/Carousel/CLCarouselSlide.vue.d.ts +0 -17
- package/dist/components/Containers/utils.d.ts +0 -7
- package/dist/components/Form/CLCheckbox.vue.d.ts +0 -52
- package/dist/components/Form/CLFormField.vue.d.ts +0 -23
- package/dist/components/Form/CLInput.vue.d.ts +0 -85
- package/dist/components/Form/CLInputMessages.vue.d.ts +0 -10
- package/dist/components/Form/CLRadioButton.vue.d.ts +0 -52
- package/dist/components/Form/CLSelect.vue.d.ts +0 -58
- package/dist/components/Form/CLTextArea.vue.d.ts +0 -77
- package/dist/components/Form/utils.d.ts +0 -12
- package/dist/components/Indicators/CLBadge.vue.d.ts +0 -21
- package/dist/components/Indicators/CLBanner.vue.d.ts +0 -12
- package/dist/components/Indicators/CLPill.vue.d.ts +0 -26
- package/dist/components/Indicators/utils.d.ts +0 -8
- package/dist/components/Loading/CLSkeleton.vue.d.ts +0 -20
- package/dist/components/Loading/CLSpinner.vue.d.ts +0 -21
- package/dist/components/Loading/utils.d.ts +0 -6
- package/dist/components/Modals/CLModal.vue.d.ts +0 -44
- package/dist/components/Modals/utils.d.ts +0 -1
- package/dist/components/Navigation/CLLink.vue.d.ts +0 -45
- package/dist/components/Navigation/CLNavLink.vue.d.ts +0 -43
- package/dist/components/Navigation/CLNavSection.vue.d.ts +0 -17
- package/dist/components/Navigation/utils.d.ts +0 -7
- package/dist/components/Popups/CLDropdownMenu.vue.d.ts +0 -291
- package/dist/components/Popups/CLToast.vue.d.ts +0 -10
- package/dist/components/Popups/utils.d.ts +0 -4
- package/dist/components/Table/CLTable.vue.d.ts +0 -46
- package/dist/components/Table/CLTableBody.vue.d.ts +0 -17
- package/dist/components/Table/CLTableCell.vue.d.ts +0 -41
- package/dist/components/Table/CLTableFooter.vue.d.ts +0 -17
- package/dist/components/Table/CLTableHeader.vue.d.ts +0 -17
- package/dist/components/Table/CLTableNestedCell.vue.d.ts +0 -20
- package/dist/components/Table/CLTableRow.vue.d.ts +0 -22
- package/dist/components/Table/utils.d.ts +0 -1
- package/dist/components/Theme/CLThemeProvider.vue.d.ts +0 -22
- package/dist/components/Theme/base-theme.d.ts +0 -188
- package/dist/components/Theme/utils.d.ts +0 -21
- package/dist/components/Typography/CLHeading.vue.d.ts +0 -64
- package/dist/components/Typography/CLText.vue.d.ts +0 -87
- package/dist/components/Typography/utils.d.ts +0 -7
- package/dist/composables/useDropdown.d.ts +0 -14
- package/dist/composables/useEsc.d.ts +0 -9
- package/dist/constants.d.ts +0 -22
- package/dist/index.d.ts +0 -37
- package/dist/index.js +0 -8256
- package/dist/index.js.map +0 -1
- package/dist/types.d.ts +0 -581
- package/dist/utils/helper.d.ts +0 -16
|
@@ -1,247 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
2
|
-
import { CLAlign, CLBorderRadius, CLButtonTypes, CLIconNames, CLIconSizes, CLSizes, CLThemes } from '../../index';
|
|
3
|
-
/**
|
|
4
|
-
* The `<CLButton />` component extends the functionality of the native `<button />` element, by including support for icons and themes.
|
|
5
|
-
*/
|
|
6
|
-
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
7
|
-
/** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
|
|
8
|
-
alignContent: {
|
|
9
|
-
type: PropType<CLAlign>;
|
|
10
|
-
default: CLAlign;
|
|
11
|
-
};
|
|
12
|
-
/** Sets the aria-label on the button It should be used when there is no discernable text present, or if this is an icon only */
|
|
13
|
-
ariaLabel: {
|
|
14
|
-
type: StringConstructor;
|
|
15
|
-
};
|
|
16
|
-
/** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
17
|
-
borderRadius: {
|
|
18
|
-
type: PropType<CLBorderRadius>;
|
|
19
|
-
};
|
|
20
|
-
/** A `boolean` value which dictates the busy state of the button */
|
|
21
|
-
busy: {
|
|
22
|
-
type: BooleanConstructor;
|
|
23
|
-
};
|
|
24
|
-
/** A `boolean` value which dictates the disabled state of the button */
|
|
25
|
-
disabled: {
|
|
26
|
-
type: BooleanConstructor;
|
|
27
|
-
};
|
|
28
|
-
/** The `elevated` property displays a shadow to indicate elevation. */
|
|
29
|
-
elevated: {
|
|
30
|
-
type: BooleanConstructor;
|
|
31
|
-
default: boolean;
|
|
32
|
-
};
|
|
33
|
-
/** The form whom the button belongs to. Useful for when buttons are not within a `form` element. */
|
|
34
|
-
form: {
|
|
35
|
-
type: StringConstructor;
|
|
36
|
-
};
|
|
37
|
-
/** A callback function which provides a reference to the button */
|
|
38
|
-
forwardRef: {
|
|
39
|
-
type: FunctionConstructor;
|
|
40
|
-
};
|
|
41
|
-
/** Sets the height of the button, it's default value is `auto`. */
|
|
42
|
-
height: {
|
|
43
|
-
type: StringConstructor;
|
|
44
|
-
default: string;
|
|
45
|
-
};
|
|
46
|
-
/** Sets the icon which is positioned after the button's slot content. */
|
|
47
|
-
iconAfter: {
|
|
48
|
-
type: PropType<CLIconNames>;
|
|
49
|
-
};
|
|
50
|
-
/** Sets the icon which is positioned before the button's slot content. */
|
|
51
|
-
iconBefore: {
|
|
52
|
-
type: PropType<CLIconNames>;
|
|
53
|
-
};
|
|
54
|
-
/** Sets the `iconBefore` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
|
|
55
|
-
iconSize: {
|
|
56
|
-
type: PropType<CLIconSizes>;
|
|
57
|
-
default: CLIconSizes;
|
|
58
|
-
};
|
|
59
|
-
/** Sets the `iconAfter` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
|
|
60
|
-
iconAfterSize: {
|
|
61
|
-
type: PropType<CLIconSizes>;
|
|
62
|
-
default: CLIconSizes;
|
|
63
|
-
};
|
|
64
|
-
/** When set to `true` it will display the button as a `CLLink`. */
|
|
65
|
-
link: {
|
|
66
|
-
type: BooleanConstructor;
|
|
67
|
-
};
|
|
68
|
-
/** A callback function to handle click events. */
|
|
69
|
-
onClick: {
|
|
70
|
-
type: FunctionConstructor;
|
|
71
|
-
};
|
|
72
|
-
/** When set to `true` it will display the button as a `CLPill`. */
|
|
73
|
-
pill: {
|
|
74
|
-
type: BooleanConstructor;
|
|
75
|
-
};
|
|
76
|
-
/** When set to `false` it will not render with rounded corners. */
|
|
77
|
-
rounded: {
|
|
78
|
-
type: BooleanConstructor;
|
|
79
|
-
default: boolean;
|
|
80
|
-
};
|
|
81
|
-
/** Sets the button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
|
|
82
|
-
size: {
|
|
83
|
-
type: PropType<CLSizes>;
|
|
84
|
-
default: CLSizes;
|
|
85
|
-
};
|
|
86
|
-
/** Sets the title attribute. */
|
|
87
|
-
title: {
|
|
88
|
-
type: StringConstructor;
|
|
89
|
-
};
|
|
90
|
-
/** Sets a custom ID used for unit tests. */
|
|
91
|
-
testId: {
|
|
92
|
-
type: StringConstructor;
|
|
93
|
-
default: string;
|
|
94
|
-
};
|
|
95
|
-
/** Sets the button type. The property can be one of `CLButtonTypes`, e.g. `CLButtonTypes.Submit`. */
|
|
96
|
-
type: {
|
|
97
|
-
type: PropType<CLButtonTypes>;
|
|
98
|
-
default: CLButtonTypes;
|
|
99
|
-
};
|
|
100
|
-
/** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
|
|
101
|
-
theme: {
|
|
102
|
-
type: PropType<CLThemes>;
|
|
103
|
-
default: CLThemes;
|
|
104
|
-
};
|
|
105
|
-
/** Sets the width of the button, it's default value is `auto`. */
|
|
106
|
-
width: {
|
|
107
|
-
type: StringConstructor;
|
|
108
|
-
default: string;
|
|
109
|
-
};
|
|
110
|
-
/** When set to `true`, it will remove any horizontal and vertical padding of the slot content. */
|
|
111
|
-
wrap: {
|
|
112
|
-
type: BooleanConstructor;
|
|
113
|
-
default: boolean;
|
|
114
|
-
};
|
|
115
|
-
}>, {}, {
|
|
116
|
-
hasSlots: boolean;
|
|
117
|
-
}, {}, {
|
|
118
|
-
checkForSlots(): boolean;
|
|
119
|
-
getSpinnerSize(): CLSizes.Tiny | CLSizes.Small | CLSizes.Medium;
|
|
120
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
121
|
-
/** Set the horizontal alignment of content. The property can be one of `CLAlign`, e.g. `CLAlign.Left` */
|
|
122
|
-
alignContent: {
|
|
123
|
-
type: PropType<CLAlign>;
|
|
124
|
-
default: CLAlign;
|
|
125
|
-
};
|
|
126
|
-
/** Sets the aria-label on the button It should be used when there is no discernable text present, or if this is an icon only */
|
|
127
|
-
ariaLabel: {
|
|
128
|
-
type: StringConstructor;
|
|
129
|
-
};
|
|
130
|
-
/** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
131
|
-
borderRadius: {
|
|
132
|
-
type: PropType<CLBorderRadius>;
|
|
133
|
-
};
|
|
134
|
-
/** A `boolean` value which dictates the busy state of the button */
|
|
135
|
-
busy: {
|
|
136
|
-
type: BooleanConstructor;
|
|
137
|
-
};
|
|
138
|
-
/** A `boolean` value which dictates the disabled state of the button */
|
|
139
|
-
disabled: {
|
|
140
|
-
type: BooleanConstructor;
|
|
141
|
-
};
|
|
142
|
-
/** The `elevated` property displays a shadow to indicate elevation. */
|
|
143
|
-
elevated: {
|
|
144
|
-
type: BooleanConstructor;
|
|
145
|
-
default: boolean;
|
|
146
|
-
};
|
|
147
|
-
/** The form whom the button belongs to. Useful for when buttons are not within a `form` element. */
|
|
148
|
-
form: {
|
|
149
|
-
type: StringConstructor;
|
|
150
|
-
};
|
|
151
|
-
/** A callback function which provides a reference to the button */
|
|
152
|
-
forwardRef: {
|
|
153
|
-
type: FunctionConstructor;
|
|
154
|
-
};
|
|
155
|
-
/** Sets the height of the button, it's default value is `auto`. */
|
|
156
|
-
height: {
|
|
157
|
-
type: StringConstructor;
|
|
158
|
-
default: string;
|
|
159
|
-
};
|
|
160
|
-
/** Sets the icon which is positioned after the button's slot content. */
|
|
161
|
-
iconAfter: {
|
|
162
|
-
type: PropType<CLIconNames>;
|
|
163
|
-
};
|
|
164
|
-
/** Sets the icon which is positioned before the button's slot content. */
|
|
165
|
-
iconBefore: {
|
|
166
|
-
type: PropType<CLIconNames>;
|
|
167
|
-
};
|
|
168
|
-
/** Sets the `iconBefore` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
|
|
169
|
-
iconSize: {
|
|
170
|
-
type: PropType<CLIconSizes>;
|
|
171
|
-
default: CLIconSizes;
|
|
172
|
-
};
|
|
173
|
-
/** Sets the `iconAfter` size. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium`. */
|
|
174
|
-
iconAfterSize: {
|
|
175
|
-
type: PropType<CLIconSizes>;
|
|
176
|
-
default: CLIconSizes;
|
|
177
|
-
};
|
|
178
|
-
/** When set to `true` it will display the button as a `CLLink`. */
|
|
179
|
-
link: {
|
|
180
|
-
type: BooleanConstructor;
|
|
181
|
-
};
|
|
182
|
-
/** A callback function to handle click events. */
|
|
183
|
-
onClick: {
|
|
184
|
-
type: FunctionConstructor;
|
|
185
|
-
};
|
|
186
|
-
/** When set to `true` it will display the button as a `CLPill`. */
|
|
187
|
-
pill: {
|
|
188
|
-
type: BooleanConstructor;
|
|
189
|
-
};
|
|
190
|
-
/** When set to `false` it will not render with rounded corners. */
|
|
191
|
-
rounded: {
|
|
192
|
-
type: BooleanConstructor;
|
|
193
|
-
default: boolean;
|
|
194
|
-
};
|
|
195
|
-
/** Sets the button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
|
|
196
|
-
size: {
|
|
197
|
-
type: PropType<CLSizes>;
|
|
198
|
-
default: CLSizes;
|
|
199
|
-
};
|
|
200
|
-
/** Sets the title attribute. */
|
|
201
|
-
title: {
|
|
202
|
-
type: StringConstructor;
|
|
203
|
-
};
|
|
204
|
-
/** Sets a custom ID used for unit tests. */
|
|
205
|
-
testId: {
|
|
206
|
-
type: StringConstructor;
|
|
207
|
-
default: string;
|
|
208
|
-
};
|
|
209
|
-
/** Sets the button type. The property can be one of `CLButtonTypes`, e.g. `CLButtonTypes.Submit`. */
|
|
210
|
-
type: {
|
|
211
|
-
type: PropType<CLButtonTypes>;
|
|
212
|
-
default: CLButtonTypes;
|
|
213
|
-
};
|
|
214
|
-
/** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
|
|
215
|
-
theme: {
|
|
216
|
-
type: PropType<CLThemes>;
|
|
217
|
-
default: CLThemes;
|
|
218
|
-
};
|
|
219
|
-
/** Sets the width of the button, it's default value is `auto`. */
|
|
220
|
-
width: {
|
|
221
|
-
type: StringConstructor;
|
|
222
|
-
default: string;
|
|
223
|
-
};
|
|
224
|
-
/** When set to `true`, it will remove any horizontal and vertical padding of the slot content. */
|
|
225
|
-
wrap: {
|
|
226
|
-
type: BooleanConstructor;
|
|
227
|
-
default: boolean;
|
|
228
|
-
};
|
|
229
|
-
}>> & Readonly<{}>, {
|
|
230
|
-
link: boolean;
|
|
231
|
-
rounded: boolean;
|
|
232
|
-
theme: CLThemes;
|
|
233
|
-
testId: string;
|
|
234
|
-
type: CLButtonTypes;
|
|
235
|
-
elevated: boolean;
|
|
236
|
-
busy: boolean;
|
|
237
|
-
height: string;
|
|
238
|
-
width: string;
|
|
239
|
-
alignContent: CLAlign;
|
|
240
|
-
disabled: boolean;
|
|
241
|
-
iconSize: CLIconSizes;
|
|
242
|
-
iconAfterSize: CLIconSizes;
|
|
243
|
-
pill: boolean;
|
|
244
|
-
size: CLSizes;
|
|
245
|
-
wrap: boolean;
|
|
246
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
247
|
-
export default _default;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { CLAlign, CLCardProps, CLCardTypes, CLHeadingTypes, CLHeadingLevels, CLLinkTarget, CLThemes } from '../../index';
|
|
2
|
-
declare function __VLS_template(): {
|
|
3
|
-
attrs: Partial<{}>;
|
|
4
|
-
slots: {
|
|
5
|
-
heading?(_: {}): any;
|
|
6
|
-
heading?(_: {}): any;
|
|
7
|
-
byline?(_: {}): any;
|
|
8
|
-
default?(_: {}): any;
|
|
9
|
-
image?(_: {}): any;
|
|
10
|
-
};
|
|
11
|
-
refs: {
|
|
12
|
-
refExpandedArea: HTMLDivElement;
|
|
13
|
-
slotContent: HTMLDivElement;
|
|
14
|
-
};
|
|
15
|
-
rootEl: HTMLDivElement;
|
|
16
|
-
};
|
|
17
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
-
declare const __VLS_component: import('vue').DefineComponent<CLCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLCardProps> & Readonly<{}>, {
|
|
19
|
-
rounded: boolean;
|
|
20
|
-
theme: CLThemes;
|
|
21
|
-
testId: string;
|
|
22
|
-
type: CLCardTypes;
|
|
23
|
-
target: CLLinkTarget;
|
|
24
|
-
elevated: boolean;
|
|
25
|
-
align: CLAlign;
|
|
26
|
-
bordered: boolean;
|
|
27
|
-
busy: boolean;
|
|
28
|
-
height: string;
|
|
29
|
-
width: string;
|
|
30
|
-
active: boolean;
|
|
31
|
-
imageAltText: string;
|
|
32
|
-
imageHeight: string;
|
|
33
|
-
imageWidth: string;
|
|
34
|
-
padded: boolean;
|
|
35
|
-
titleType: CLHeadingTypes;
|
|
36
|
-
titleHLevel: CLHeadingLevels;
|
|
37
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
38
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
39
|
-
export default _default;
|
|
40
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
41
|
-
new (): {
|
|
42
|
-
$slots: S;
|
|
43
|
-
};
|
|
44
|
-
};
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { CLBorderRadius, CLHeadingTypes, CLHeadingLevels, CLIconNames, CLIconSizes, CLThemes, CLTextTypes, CLSizes } from '../../index';
|
|
2
|
-
export interface Props {
|
|
3
|
-
/** When set to `true` adds borders to the disclosure's trigger container and content. */
|
|
4
|
-
bordered?: boolean;
|
|
5
|
-
/** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
6
|
-
borderRadius?: CLBorderRadius;
|
|
7
|
-
/** When set to `true`, it will remove any horizontal padding and overrides the vertical padding of the trigger and slot content. */
|
|
8
|
-
compact?: boolean;
|
|
9
|
-
/** When set to `false`, it will remove any horizontal and vertical padding. */
|
|
10
|
-
contentSpacing?: boolean;
|
|
11
|
-
/** A unique identifier, this is required. It ensures that if multiple disclosures are used, each will be handled properly. */
|
|
12
|
-
disclosureId: string;
|
|
13
|
-
/** Set the expanded state of the disclosure. */
|
|
14
|
-
expanded?: boolean;
|
|
15
|
-
/** Set the icon to display when the disclosure is expanded. */
|
|
16
|
-
expandedIcon?: CLIconNames;
|
|
17
|
-
/** Set the text of the heading which should be displayed in the trigger. */
|
|
18
|
-
heading?: string;
|
|
19
|
-
/** Set the heading type. The property can be one of `CLHeadingTypes`, e.g. `CLHeadingTypes.Title` */
|
|
20
|
-
headingType?: CLHeadingTypes;
|
|
21
|
-
/** Set the heading level. The property can be one of `CLHeadingLevels`, e.g. `CLHeadingLevels.H1` */
|
|
22
|
-
headingLevel?: CLHeadingLevels;
|
|
23
|
-
/** Set the icon to display before the heading text. */
|
|
24
|
-
iconBefore?: CLIconNames;
|
|
25
|
-
/** Set the size of the icon before the heading text. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium` */
|
|
26
|
-
iconBeforeSize?: CLIconSizes;
|
|
27
|
-
/** Set the icon to display when the disclosure is collapsed. */
|
|
28
|
-
iconAfter?: CLIconNames;
|
|
29
|
-
/** Set the size of the icon after the heading text. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Medium` */
|
|
30
|
-
iconAfterSize?: CLIconSizes;
|
|
31
|
-
/** Set the rounded state of the disclosure. */
|
|
32
|
-
rounded?: boolean;
|
|
33
|
-
/** Set the text of the sub-heading which should be displayed in the trigger after the heading. */
|
|
34
|
-
subHeading?: string;
|
|
35
|
-
/** Set the sub-heading text type. The property can be one of `CLTextTypes`, e.g. `CLTextTypes.Body` */
|
|
36
|
-
subHeadingType?: CLTextTypes;
|
|
37
|
-
/** Sets a custom ID used for unit tests. */
|
|
38
|
-
testId?: string;
|
|
39
|
-
/** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
|
|
40
|
-
theme?: CLThemes;
|
|
41
|
-
/** Set the size of the trigger button. The property can be one of `CLSizes`, e.g. `CLSizes.Primary` */
|
|
42
|
-
triggerButtonSize?: CLSizes;
|
|
43
|
-
}
|
|
44
|
-
declare function __VLS_template(): {
|
|
45
|
-
attrs: Partial<{}>;
|
|
46
|
-
slots: {
|
|
47
|
-
default?(_: {}): any;
|
|
48
|
-
};
|
|
49
|
-
refs: {};
|
|
50
|
-
rootEl: HTMLDivElement;
|
|
51
|
-
};
|
|
52
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
53
|
-
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
54
|
-
rounded: boolean;
|
|
55
|
-
theme: CLThemes;
|
|
56
|
-
testId: string;
|
|
57
|
-
borderRadius: CLBorderRadius;
|
|
58
|
-
bordered: boolean;
|
|
59
|
-
iconAfter: CLIconNames;
|
|
60
|
-
iconAfterSize: CLIconSizes;
|
|
61
|
-
contentSpacing: boolean;
|
|
62
|
-
disclosureId: string;
|
|
63
|
-
expanded: boolean;
|
|
64
|
-
expandedIcon: CLIconNames;
|
|
65
|
-
headingType: CLHeadingTypes;
|
|
66
|
-
subHeadingType: CLTextTypes;
|
|
67
|
-
triggerButtonSize: CLSizes;
|
|
68
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
69
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
70
|
-
export default _default;
|
|
71
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
72
|
-
new (): {
|
|
73
|
-
$slots: S;
|
|
74
|
-
};
|
|
75
|
-
};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { CLAlign, CLPaginationType, CLOrder, CLThemes } from '../../../index';
|
|
2
|
-
type PerPageBreakpoint = [number, number];
|
|
3
|
-
export interface Props {
|
|
4
|
-
/** Set the horizontal alignment of the controls. The property can be one of `CLAlign`, e.g. `CLAlign.Right` */
|
|
5
|
-
controlAlign?: CLAlign;
|
|
6
|
-
/** Set the position of the controls. The controls can be set to appear above or below the slot content. */
|
|
7
|
-
controlPosition?: CLOrder;
|
|
8
|
-
/** When set to `false` it will remove the carousel's functionality and layout. */
|
|
9
|
-
enabled?: boolean;
|
|
10
|
-
/** Set a custom label for the more button. Default is `More`. */
|
|
11
|
-
moreLabel?: string;
|
|
12
|
-
/** A callback function to handle when the more button is clicked. */
|
|
13
|
-
onShowMore?: () => void;
|
|
14
|
-
/** Set the the display style of the pagination. The property can be one of `CLPaginationType`, e.g. `CLPaginationType.Numbered */
|
|
15
|
-
paginationType?: CLPaginationType;
|
|
16
|
-
/** Number of slides displayed on each page. */
|
|
17
|
-
perPage?: number;
|
|
18
|
-
/** An array of the number of slides displayed on each page, based on a provided breakpoint, e.g. [[768,2],[1024,4]]. When set, it uses the `perPage` value as the default for mobile. */
|
|
19
|
-
perPageByBreakpoints?: PerPageBreakpoint[];
|
|
20
|
-
/** Sets a custom ID used for unit tests. */
|
|
21
|
-
testId?: string;
|
|
22
|
-
/** Sets the title of the carousel. */
|
|
23
|
-
title?: string;
|
|
24
|
-
/** Sets the theme of the carousel navigation components. The property can be one of `CLThemes`, e.g. `CLThemes.Secondary`. */
|
|
25
|
-
theme?: CLThemes;
|
|
26
|
-
/** Explicity set a width for the carousel. Default is 100% of it's parent container. */
|
|
27
|
-
width?: string;
|
|
28
|
-
}
|
|
29
|
-
declare function __VLS_template(): {
|
|
30
|
-
attrs: Partial<{}>;
|
|
31
|
-
slots: {
|
|
32
|
-
default?(_: {}): any;
|
|
33
|
-
};
|
|
34
|
-
refs: {
|
|
35
|
-
scrollContainer: HTMLDivElement;
|
|
36
|
-
};
|
|
37
|
-
rootEl: HTMLDivElement;
|
|
38
|
-
};
|
|
39
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
40
|
-
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
41
|
-
enabled: boolean;
|
|
42
|
-
theme: CLThemes;
|
|
43
|
-
testId: string;
|
|
44
|
-
width: string;
|
|
45
|
-
moreLabel: string;
|
|
46
|
-
paginationType: CLPaginationType;
|
|
47
|
-
controlAlign: CLAlign;
|
|
48
|
-
controlPosition: CLOrder;
|
|
49
|
-
perPage: number;
|
|
50
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
51
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
52
|
-
export default _default;
|
|
53
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
54
|
-
new (): {
|
|
55
|
-
$slots: S;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { CLGenericFunction, CLPaginationType, CLThemes } from '../../../index';
|
|
2
|
-
interface Props {
|
|
3
|
-
currentPage: number;
|
|
4
|
-
enabled: boolean;
|
|
5
|
-
gotoPage: (index: number) => void;
|
|
6
|
-
moreLabel: string;
|
|
7
|
-
moreAriaLabel?: string;
|
|
8
|
-
nextPageEnabled: boolean;
|
|
9
|
-
paginationType: CLPaginationType;
|
|
10
|
-
prefix: string;
|
|
11
|
-
prevPageEnabled: boolean;
|
|
12
|
-
showMore?: CLGenericFunction;
|
|
13
|
-
showNextItems?: CLGenericFunction;
|
|
14
|
-
showPrevItems?: CLGenericFunction;
|
|
15
|
-
totalPages: number;
|
|
16
|
-
theme: CLThemes;
|
|
17
|
-
}
|
|
18
|
-
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
19
|
-
moreAriaLabel: string;
|
|
20
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
-
export default _default;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
declare function __VLS_template(): {
|
|
2
|
-
attrs: Partial<{}>;
|
|
3
|
-
slots: {
|
|
4
|
-
default?(_: {}): any;
|
|
5
|
-
};
|
|
6
|
-
refs: {};
|
|
7
|
-
rootEl: HTMLDivElement;
|
|
8
|
-
};
|
|
9
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
-
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
11
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
12
|
-
export default _default;
|
|
13
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
14
|
-
new (): {
|
|
15
|
-
$slots: S;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { CLBorderRadius, CLGenericFunction, CLGenericFocusFunction, CLMessageThemes, CLSizes, CLInputThemes } from '../../index';
|
|
2
|
-
interface Props {
|
|
3
|
-
/** Sets the aria-label on the input. It should be used when there is no label present. */
|
|
4
|
-
ariaLabel?: string;
|
|
5
|
-
/** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
6
|
-
borderRadius?: CLBorderRadius;
|
|
7
|
-
/** A `boolean` value which dictates the busy state of the checkbox. */
|
|
8
|
-
busy?: boolean;
|
|
9
|
-
/** Set the checked state. */
|
|
10
|
-
checked?: boolean;
|
|
11
|
-
/** Set the disabled state. */
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
/** The form whom the checkbox belongs to. Useful for when a checkbox is not within a `form` element. */
|
|
14
|
-
form?: string;
|
|
15
|
-
/** A unique identifier, this is required. */
|
|
16
|
-
id: string;
|
|
17
|
-
/** The label text to be displayed which is associated to the checkbox. */
|
|
18
|
-
label?: string;
|
|
19
|
-
/** An array of messages to be displayed. */
|
|
20
|
-
messages?: string[];
|
|
21
|
-
/** The message type. The property can be one of `CLThemes`, e.g. `CLThemes.Danger`. */
|
|
22
|
-
messageType?: CLMessageThemes;
|
|
23
|
-
/** A string representing name of the checkbox. The name is submitted along with the checkbox value when the form it belongs to is submitted. */
|
|
24
|
-
name: string;
|
|
25
|
-
/** Set the required state. */
|
|
26
|
-
required?: boolean;
|
|
27
|
-
/** When set to `false` it will not render with rounded corners. */
|
|
28
|
-
rounded?: boolean;
|
|
29
|
-
/** Sets the checkbox size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
|
|
30
|
-
size?: CLSizes;
|
|
31
|
-
/** Sets a custom ID used for unit tests. */
|
|
32
|
-
testId?: string;
|
|
33
|
-
/** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
|
|
34
|
-
theme?: CLInputThemes;
|
|
35
|
-
/** Set the value for the checkbox when it's checked. */
|
|
36
|
-
value?: string | number;
|
|
37
|
-
/** A callback function which handles when the checkbox loses focus. */
|
|
38
|
-
onBlur?: CLGenericFocusFunction;
|
|
39
|
-
/** A callback function which handles when the checkbox is clicked. */
|
|
40
|
-
onChange?: CLGenericFunction;
|
|
41
|
-
/** A callback function which handles when the checkbox gains focus. */
|
|
42
|
-
onFocus?: CLGenericFocusFunction;
|
|
43
|
-
/** A callback function which handles when the checkbox input state is updated. */
|
|
44
|
-
onInput?: CLGenericFunction;
|
|
45
|
-
}
|
|
46
|
-
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
47
|
-
rounded: boolean;
|
|
48
|
-
theme: CLInputThemes;
|
|
49
|
-
testId: string;
|
|
50
|
-
size: CLSizes;
|
|
51
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
52
|
-
export default _default;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { CLOrientation } from '../../index';
|
|
2
|
-
interface Props {
|
|
3
|
-
fluid?: boolean;
|
|
4
|
-
hasPill?: boolean;
|
|
5
|
-
orientation?: CLOrientation;
|
|
6
|
-
}
|
|
7
|
-
declare function __VLS_template(): {
|
|
8
|
-
attrs: Partial<{}>;
|
|
9
|
-
slots: {
|
|
10
|
-
default?(_: {}): any;
|
|
11
|
-
};
|
|
12
|
-
refs: {};
|
|
13
|
-
rootEl: HTMLDivElement;
|
|
14
|
-
};
|
|
15
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
-
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
17
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
-
export default _default;
|
|
19
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
-
new (): {
|
|
21
|
-
$slots: S;
|
|
22
|
-
};
|
|
23
|
-
};
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import { CLBorderRadius, CLIconNames, CLInputTypes, CLGenericFocusFunction, CLGenericFunction, CLSizes, CLInputThemes, CLMessageThemes, CLOrientation } from '../../index';
|
|
2
|
-
interface Props {
|
|
3
|
-
/** Sets the aria-label on the input. It should be used when there is no label present. */
|
|
4
|
-
ariaLabel?: string;
|
|
5
|
-
/** See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocomplete for more details. */
|
|
6
|
-
autoComplete?: boolean;
|
|
7
|
-
/** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
8
|
-
borderRadius?: CLBorderRadius;
|
|
9
|
-
/** A `boolean` value which dictates the busy state of the input. */
|
|
10
|
-
busy?: boolean;
|
|
11
|
-
/** Set the disabled state. */
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
/** When set to true, sets the width of the Input to 100% of it's parent. */
|
|
14
|
-
fluid?: boolean;
|
|
15
|
-
/** The form whom the input belongs to. Useful for when a input is not within a `form` element. */
|
|
16
|
-
form?: string;
|
|
17
|
-
/** When a prefix or suffix is set, setting this to `true` changes the layout. */
|
|
18
|
-
grouped?: boolean;
|
|
19
|
-
/** A unique identifier, this is required. */
|
|
20
|
-
id: string;
|
|
21
|
-
/** The label text to be displayed which is associated to the input. */
|
|
22
|
-
label?: string;
|
|
23
|
-
/** The maximum amount of characters allowed for entry. */
|
|
24
|
-
maxLength?: number;
|
|
25
|
-
/** The minimum amount of characters required for entry. */
|
|
26
|
-
minLength?: number;
|
|
27
|
-
/** An array of messages to be displayed. */
|
|
28
|
-
messages?: string[];
|
|
29
|
-
/** The message type. The property can be one of `CLThemes`, e.g. `CLThemes.Danger`. */
|
|
30
|
-
messageType?: CLMessageThemes;
|
|
31
|
-
/** A string representing name of the input. The name is submitted along with the input value when the form it belongs to is submitted. */
|
|
32
|
-
name: string;
|
|
33
|
-
/** Sets the label position to be above or to the left of the form element. The property can be one of `CLOrientation` */
|
|
34
|
-
orientation?: CLOrientation;
|
|
35
|
-
/** A regexp pattern that can be used for validation. */
|
|
36
|
-
pattern?: string;
|
|
37
|
-
/** Setting this value would render the string the `<CLPill />` component below the input. */
|
|
38
|
-
pill?: string;
|
|
39
|
-
/** The default text shown when there is no value. Useful for providing a hint of what type of input is expected. */
|
|
40
|
-
placeholder?: string;
|
|
41
|
-
/** Sets the icon or text to be displayed before the user input. */
|
|
42
|
-
prefix?: string | CLIconNames;
|
|
43
|
-
/** When set to `true` the input cannot be edited. */
|
|
44
|
-
readonly?: boolean;
|
|
45
|
-
/** Set the required state. */
|
|
46
|
-
required?: boolean;
|
|
47
|
-
/** When set to `false` it will not render with rounded corners. */
|
|
48
|
-
rounded?: boolean;
|
|
49
|
-
/** Sets the input size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
|
|
50
|
-
size?: CLSizes;
|
|
51
|
-
/** A hint provided to browsers that support it, whether or not to check for spelling errors. */
|
|
52
|
-
spellCheck?: boolean;
|
|
53
|
-
/**Sets the icon or text to be displayed after the user input. */
|
|
54
|
-
suffix?: string | CLIconNames;
|
|
55
|
-
/** Sets a custom ID used for unit tests. */
|
|
56
|
-
testId?: string;
|
|
57
|
-
/** Sets the style/theme. The property can be one of `CLThemes`, e.g. `CLThemes.Primary`. */
|
|
58
|
-
theme?: CLInputThemes;
|
|
59
|
-
/**Set the type of input, supports various input types. */
|
|
60
|
-
type?: CLInputTypes;
|
|
61
|
-
/** Set the value for the input when it's checked. */
|
|
62
|
-
value?: string | number;
|
|
63
|
-
/** A callback function which handles when the input loses focus. */
|
|
64
|
-
onBlur?: CLGenericFocusFunction;
|
|
65
|
-
/** A callback function which handles when the input value changes. */
|
|
66
|
-
onChange?: CLGenericFunction;
|
|
67
|
-
/** A callback function which handles when the input gains focus. */
|
|
68
|
-
onFocus?: CLGenericFocusFunction;
|
|
69
|
-
/** A callback function which handles when the input state is updated. */
|
|
70
|
-
onInput?: CLGenericFunction;
|
|
71
|
-
}
|
|
72
|
-
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
73
|
-
reset: (...args: any[]) => void;
|
|
74
|
-
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
75
|
-
onReset?: ((...args: any[]) => any) | undefined;
|
|
76
|
-
}>, {
|
|
77
|
-
fluid: boolean;
|
|
78
|
-
rounded: boolean;
|
|
79
|
-
theme: CLInputThemes;
|
|
80
|
-
testId: string;
|
|
81
|
-
type: CLInputTypes;
|
|
82
|
-
size: CLSizes;
|
|
83
|
-
orientation: CLOrientation;
|
|
84
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
85
|
-
export default _default;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { CLMessageThemes } from '../../index';
|
|
2
|
-
export interface Props {
|
|
3
|
-
id: string;
|
|
4
|
-
messages?: string[];
|
|
5
|
-
messageType?: CLMessageThemes;
|
|
6
|
-
}
|
|
7
|
-
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
8
|
-
messageType: CLMessageThemes;
|
|
9
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
10
|
-
export default _default;
|