@codeandfunction/callaloo 3.12.1 → 3.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/styles.css +1 -1
- package/dist/chunks/icons.hu757pLK.js +5 -0
- package/dist/components/Assets/{CLIcon.vue.d.ts → CLIcon/CLIcon.vue.d.ts} +4 -3
- package/dist/components/Assets/CLIcon/index.d.ts +4 -0
- package/dist/components/Assets/index.d.ts +1 -2
- package/dist/components/Buttons/{CLA11yButton.vue.d.ts → CLA11yButton/CLA11yButton.vue.d.ts} +8 -17
- package/dist/components/Buttons/CLA11yButton/index.d.ts +4 -0
- package/dist/components/Buttons/CLButton/CLButton.vue.d.ts +99 -0
- package/dist/components/Buttons/CLButton/index.d.ts +4 -0
- package/dist/components/Buttons/index.d.ts +2 -4
- package/dist/components/Containers/CLCard/CLCard.vue.d.ts +105 -0
- package/dist/components/Containers/CLCard/index.d.ts +4 -0
- package/dist/components/Containers/{Carousel → CLCarousel}/CLCarousel.vue.d.ts +9 -20
- package/dist/components/Containers/CLCarousel/CLCarouselNavigation.vue.d.ts +37 -0
- package/dist/components/Containers/CLCarousel/index.d.ts +11 -0
- package/dist/components/Containers/CLDisclosure/CLDisclosure.vue.d.ts +70 -0
- package/dist/components/Containers/CLDisclosure/index.d.ts +4 -0
- package/dist/components/Containers/index.d.ts +3 -9
- package/dist/components/Form/{CLCheckbox.vue.d.ts → CLCheckbox/CLCheckbox.vue.d.ts} +26 -13
- package/dist/components/Form/CLCheckbox/index.d.ts +4 -0
- package/dist/components/Form/{CLInput.vue.d.ts → CLInput/CLInput.vue.d.ts} +42 -17
- package/dist/components/Form/CLInput/index.d.ts +4 -0
- package/dist/components/Form/{CLRadioButton.vue.d.ts → CLRadioButton/CLRadioButton.vue.d.ts} +9 -9
- package/dist/components/Form/CLRadioButton/index.d.ts +4 -0
- package/dist/components/Form/{CLSelect.vue.d.ts → CLSelect/CLSelect.vue.d.ts} +9 -9
- package/dist/components/Form/CLSelect/index.d.ts +4 -0
- package/dist/components/Form/{CLTextArea.vue.d.ts → CLTextArea/CLTextArea.vue.d.ts} +18 -18
- package/dist/components/Form/CLTextArea/index.d.ts +4 -0
- package/dist/components/Form/index.d.ts +5 -10
- package/dist/components/Indicators/{CLBadge.vue.d.ts → CLBadge/CLBadge.vue.d.ts} +6 -6
- package/dist/components/Indicators/CLBadge/index.d.ts +4 -0
- package/dist/components/Indicators/CLBanner/CLBanner.vue.d.ts +49 -0
- package/dist/components/Indicators/CLBanner/index.d.ts +4 -0
- package/dist/components/Indicators/{CLPill.vue.d.ts → CLPill/CLPill.vue.d.ts} +4 -4
- package/dist/components/Indicators/CLPill/index.d.ts +4 -0
- package/dist/components/Indicators/CLProgress/CLProgress.vue.d.ts +32 -0
- package/dist/components/Indicators/CLProgress/index.d.ts +4 -0
- package/dist/components/Indicators/index.d.ts +4 -9
- package/dist/components/Loading/{CLSkeleton.vue.d.ts → CLSkeleton/CLSkeleton.vue.d.ts} +3 -3
- package/dist/components/Loading/CLSkeleton/index.d.ts +4 -0
- package/dist/components/Loading/{CLSpinner.vue.d.ts → CLSpinner/CLSpinner.vue.d.ts} +4 -4
- package/dist/components/Loading/CLSpinner/index.d.ts +4 -0
- package/dist/components/Loading/index.d.ts +2 -4
- package/dist/components/Modals/{CLModal.vue.d.ts → CLModal/CLModal.vue.d.ts} +16 -24
- package/dist/components/Modals/CLModal/index.d.ts +4 -0
- package/dist/components/Modals/index.d.ts +1 -2
- package/dist/components/Navigation/{CLLink.vue.d.ts → CLLink/CLLink.vue.d.ts} +6 -14
- package/dist/components/Navigation/CLLink/index.d.ts +4 -0
- package/dist/components/Navigation/{CLNavLink.vue.d.ts → CLNavLink/CLNavLink.vue.d.ts} +10 -14
- package/dist/components/Navigation/CLNavLink/index.d.ts +4 -0
- package/dist/components/Navigation/{CLNavSection.vue.d.ts → CLNavSection/CLNavSection.vue.d.ts} +3 -3
- package/dist/components/Navigation/CLNavSection/index.d.ts +4 -0
- package/dist/components/Navigation/index.d.ts +3 -6
- package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts +204 -0
- package/dist/components/Popups/CLDropdownMenu/index.d.ts +4 -0
- package/dist/components/Popups/{CLToast.vue.d.ts → CLToast/CLToast.vue.d.ts} +1 -1
- package/dist/components/Popups/CLToast/index.d.ts +4 -0
- package/dist/components/Popups/index.d.ts +2 -5
- package/dist/components/Table/CLTable.vue.d.ts +5 -13
- package/dist/components/Table/CLTableCell.vue.d.ts +8 -16
- package/dist/components/Table/CLTableNestedCell.vue.d.ts +5 -12
- package/dist/components/Table/CLTableRow.vue.d.ts +4 -12
- package/dist/components/Table/index.d.ts +32 -15
- package/dist/components/Typography/CLHeading/CLHeading.vue.d.ts +33 -0
- package/dist/components/Typography/CLHeading/index.d.ts +4 -0
- package/dist/components/Typography/CLText/CLText.vue.d.ts +43 -0
- package/dist/components/Typography/CLText/index.d.ts +4 -0
- package/dist/components/Typography/index.d.ts +2 -5
- package/dist/index.d.ts +2 -2
- package/dist/index.js +3237 -3353
- package/dist/stats.json +3210 -0
- package/dist/types.d.ts +14 -114
- package/package.json +11 -5
- package/dist/components/Buttons/CLButton.vue.d.ts +0 -288
- package/dist/components/Containers/CLCard.vue.d.ts +0 -51
- package/dist/components/Containers/CLDisclosure.vue.d.ts +0 -77
- package/dist/components/Containers/Carousel/CLCarouselNavigation.vue.d.ts +0 -22
- package/dist/components/Indicators/CLBanner.vue.d.ts +0 -13
- package/dist/components/Indicators/Progress/CLProgress.vue.d.ts +0 -45
- package/dist/components/Popups/CLDropdownMenu.vue.d.ts +0 -595
- package/dist/components/Typography/CLHeading.vue.d.ts +0 -85
- package/dist/components/Typography/CLText.vue.d.ts +0 -119
- /package/dist/components/Containers/{Carousel → CLCarousel}/CLCarouselSlide.vue.d.ts +0 -0
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import { CLBorderRadius, CLColors, CLColorVariants, CLIconNames, CLIconSizes, CLPlacement, CLSizes } from '../../../index.ts';
|
|
2
|
+
export interface CLDropdownMenuProps {
|
|
3
|
+
/** Sets the aria-label on the anchor button. */
|
|
4
|
+
buttonAriaLabel: string;
|
|
5
|
+
/** Set the border radius size on the anchor button. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
6
|
+
buttonBorderRadius?: CLBorderRadius;
|
|
7
|
+
/** Sets the color of the anchor button. The property can be one of `CLColors`, e.g. `CLColors.Primary`. */
|
|
8
|
+
buttonColor?: CLColors;
|
|
9
|
+
/** Sets the height of the anchor button, its default value is `auto`. */
|
|
10
|
+
buttonHeight?: string;
|
|
11
|
+
/** Sets the anchor button size. The property can be one of `CLSizes`, e.g. `CLSizes.Medium`. */
|
|
12
|
+
buttonSize?: CLSizes;
|
|
13
|
+
/** Sets the color variant. The property can be one of `CLColorVariants`, e.g `CLColorVariants.Soft`. */
|
|
14
|
+
buttonVariant?: CLColorVariants;
|
|
15
|
+
/** Sets the width of the anchor button, its default value is `auto`. */
|
|
16
|
+
buttonWidth?: string;
|
|
17
|
+
/** When set to `true`, it will remove any horizontal and vertical padding from the button. */
|
|
18
|
+
buttonWrapped?: boolean;
|
|
19
|
+
/** Set the border radius size on the content container. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
20
|
+
containerBorderRadius?: CLBorderRadius;
|
|
21
|
+
/** Sets the width of the content container. */
|
|
22
|
+
contentWidth?: string;
|
|
23
|
+
/** A unique identifier, this is required. It ensures that if multiple dropdowns are used, each will be handled properly. */
|
|
24
|
+
dropdownId: string;
|
|
25
|
+
/** Sets the icon to be displayed after the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.ChevronDown`. */
|
|
26
|
+
iconAfter?: CLIconNames;
|
|
27
|
+
/** Sets the size of the icon displayed after the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
|
|
28
|
+
iconAfterSize?: CLIconSizes;
|
|
29
|
+
/** Sets the icon to be displayed before the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.Menu`. */
|
|
30
|
+
iconBefore?: CLIconNames;
|
|
31
|
+
/** Sets the size of the icon displayed before the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
|
|
32
|
+
iconSize?: CLIconSizes;
|
|
33
|
+
/** Sets the initial open state of the DropdownMenu. */
|
|
34
|
+
isOpen?: boolean;
|
|
35
|
+
/** Sets the label on the anchor button. */
|
|
36
|
+
label?: string;
|
|
37
|
+
/** A callback function to be called when the DropdownMenu is closed. */
|
|
38
|
+
onCloseHandler?: () => void;
|
|
39
|
+
/** A callback function to be called when the DropdownMenu is opened. */
|
|
40
|
+
onOpenHandler?: () => void;
|
|
41
|
+
/** Sets the placement of the content container. The property can be one of `CLPlacement`, e.g. `CLPlacement.BottomStart`. */
|
|
42
|
+
placement?: CLPlacement;
|
|
43
|
+
/** A test identifier for testing purposes. */
|
|
44
|
+
testId?: string;
|
|
45
|
+
/** Sets the z-index of the content container. */
|
|
46
|
+
zIndex?: number | string;
|
|
47
|
+
}
|
|
48
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLDropdownMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLDropdownMenuProps> & Readonly<{}>, {
|
|
49
|
+
testId: string;
|
|
50
|
+
iconAfter: CLIconNames;
|
|
51
|
+
iconAfterSize: CLIconSizes;
|
|
52
|
+
iconSize: CLIconSizes;
|
|
53
|
+
buttonColor: CLColors;
|
|
54
|
+
buttonHeight: string;
|
|
55
|
+
buttonSize: CLSizes;
|
|
56
|
+
buttonVariant: CLColorVariants;
|
|
57
|
+
buttonWidth: string;
|
|
58
|
+
contentWidth: string;
|
|
59
|
+
isOpen: boolean;
|
|
60
|
+
placement: CLPlacement;
|
|
61
|
+
zIndex: number | string;
|
|
62
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
63
|
+
anchor: ({
|
|
64
|
+
$: import('vue').ComponentInternalInstance;
|
|
65
|
+
$data: {};
|
|
66
|
+
$props: {
|
|
67
|
+
readonly active?: boolean | undefined;
|
|
68
|
+
readonly alignContent?: import('../../../index.ts').CLAlign | undefined;
|
|
69
|
+
readonly ariaLabel?: string | undefined;
|
|
70
|
+
readonly as?: import('../../../index.ts').CLButtonTags | undefined;
|
|
71
|
+
readonly borderRadius?: CLBorderRadius | undefined;
|
|
72
|
+
readonly busy?: boolean | undefined;
|
|
73
|
+
readonly color?: CLColors | undefined;
|
|
74
|
+
readonly disabled?: boolean | undefined;
|
|
75
|
+
readonly elevated?: boolean | undefined;
|
|
76
|
+
readonly form?: string | undefined;
|
|
77
|
+
readonly forwardRef?: import('../../../index.ts').CLButtonForwardRefFunction | undefined;
|
|
78
|
+
readonly height?: string | undefined;
|
|
79
|
+
readonly href?: string | undefined;
|
|
80
|
+
readonly iconAfter?: CLIconNames | undefined;
|
|
81
|
+
readonly iconBefore?: CLIconNames | undefined;
|
|
82
|
+
readonly iconAfterSize?: CLIconSizes | undefined;
|
|
83
|
+
readonly iconSize?: CLIconSizes | undefined;
|
|
84
|
+
readonly onClick?: ((event?: Event) => void) | undefined;
|
|
85
|
+
readonly pill?: boolean | undefined;
|
|
86
|
+
readonly rounded?: boolean | undefined;
|
|
87
|
+
readonly size?: CLSizes | undefined;
|
|
88
|
+
readonly target?: import('../../../index.ts').CLLinkTarget | undefined;
|
|
89
|
+
readonly testId?: string | undefined;
|
|
90
|
+
readonly title?: string | undefined;
|
|
91
|
+
readonly type?: import('../../../index.ts').CLButtonTypes | undefined;
|
|
92
|
+
readonly variant?: CLColorVariants | undefined;
|
|
93
|
+
readonly width?: string | undefined;
|
|
94
|
+
readonly wrap?: boolean | undefined;
|
|
95
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
96
|
+
$attrs: {
|
|
97
|
+
[x: string]: unknown;
|
|
98
|
+
};
|
|
99
|
+
$refs: {
|
|
100
|
+
[x: string]: unknown;
|
|
101
|
+
} & {
|
|
102
|
+
buttonRef: unknown;
|
|
103
|
+
};
|
|
104
|
+
$slots: Readonly<{
|
|
105
|
+
[name: string]: globalThis.Slot | undefined;
|
|
106
|
+
}>;
|
|
107
|
+
$root: ComponentPublicInstance | null;
|
|
108
|
+
$parent: ComponentPublicInstance | null;
|
|
109
|
+
$host: Element | null;
|
|
110
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
111
|
+
$el: any;
|
|
112
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
113
|
+
title: string;
|
|
114
|
+
color: CLColors;
|
|
115
|
+
width: string;
|
|
116
|
+
height: string;
|
|
117
|
+
form: string;
|
|
118
|
+
variant: CLColorVariants;
|
|
119
|
+
borderRadius: CLBorderRadius;
|
|
120
|
+
elevated: boolean;
|
|
121
|
+
testId: string;
|
|
122
|
+
type: import('../../../index.ts').CLButtonTypes;
|
|
123
|
+
onClick: (event?: Event) => void;
|
|
124
|
+
ariaLabel: string;
|
|
125
|
+
busy: boolean;
|
|
126
|
+
rounded: boolean;
|
|
127
|
+
active: boolean;
|
|
128
|
+
alignContent: import('../../../index.ts').CLAlign;
|
|
129
|
+
as: import('../../../index.ts').CLButtonTags;
|
|
130
|
+
disabled: boolean;
|
|
131
|
+
forwardRef: import('../../../index.ts').CLButtonForwardRefFunction;
|
|
132
|
+
href: string;
|
|
133
|
+
iconAfter: CLIconNames;
|
|
134
|
+
iconBefore: CLIconNames;
|
|
135
|
+
iconAfterSize: CLIconSizes;
|
|
136
|
+
iconSize: CLIconSizes;
|
|
137
|
+
pill: boolean;
|
|
138
|
+
size: CLSizes;
|
|
139
|
+
target: import('../../../index.ts').CLLinkTarget;
|
|
140
|
+
wrap: boolean;
|
|
141
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
142
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
143
|
+
created?: (() => void) | (() => void)[];
|
|
144
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
145
|
+
mounted?: (() => void) | (() => void)[];
|
|
146
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
147
|
+
updated?: (() => void) | (() => void)[];
|
|
148
|
+
activated?: (() => void) | (() => void)[];
|
|
149
|
+
deactivated?: (() => void) | (() => void)[];
|
|
150
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
151
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
152
|
+
destroyed?: (() => void) | (() => void)[];
|
|
153
|
+
unmounted?: (() => void) | (() => void)[];
|
|
154
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
155
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
156
|
+
errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
157
|
+
};
|
|
158
|
+
$forceUpdate: () => void;
|
|
159
|
+
$nextTick: typeof import('vue').nextTick;
|
|
160
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
161
|
+
} & Readonly<{
|
|
162
|
+
title: string;
|
|
163
|
+
color: CLColors;
|
|
164
|
+
width: string;
|
|
165
|
+
height: string;
|
|
166
|
+
form: string;
|
|
167
|
+
variant: CLColorVariants;
|
|
168
|
+
borderRadius: CLBorderRadius;
|
|
169
|
+
elevated: boolean;
|
|
170
|
+
testId: string;
|
|
171
|
+
type: import('../../../index.ts').CLButtonTypes;
|
|
172
|
+
onClick: (event?: Event) => void;
|
|
173
|
+
ariaLabel: string;
|
|
174
|
+
busy: boolean;
|
|
175
|
+
rounded: boolean;
|
|
176
|
+
active: boolean;
|
|
177
|
+
alignContent: import('../../../index.ts').CLAlign;
|
|
178
|
+
as: import('../../../index.ts').CLButtonTags;
|
|
179
|
+
disabled: boolean;
|
|
180
|
+
forwardRef: import('../../../index.ts').CLButtonForwardRefFunction;
|
|
181
|
+
href: string;
|
|
182
|
+
iconAfter: CLIconNames;
|
|
183
|
+
iconBefore: CLIconNames;
|
|
184
|
+
iconAfterSize: CLIconSizes;
|
|
185
|
+
iconSize: CLIconSizes;
|
|
186
|
+
pill: boolean;
|
|
187
|
+
size: CLSizes;
|
|
188
|
+
target: import('../../../index.ts').CLLinkTarget;
|
|
189
|
+
wrap: boolean;
|
|
190
|
+
}> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "width" | "height" | "form" | "variant" | "borderRadius" | "elevated" | "testId" | "type" | "onClick" | "ariaLabel" | "busy" | "rounded" | "active" | "alignContent" | "as" | "disabled" | "forwardRef" | "href" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "size" | "target" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
191
|
+
$slots: {
|
|
192
|
+
default?(_: {}): any;
|
|
193
|
+
};
|
|
194
|
+
}) | null;
|
|
195
|
+
dropdownElem: HTMLDivElement;
|
|
196
|
+
}, HTMLDivElement>, {
|
|
197
|
+
content?(_: {}): any;
|
|
198
|
+
}>;
|
|
199
|
+
export default _default;
|
|
200
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
201
|
+
new (): {
|
|
202
|
+
$slots: S;
|
|
203
|
+
};
|
|
204
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CLColorVariants, CLIconSizes, CLColors, CLToastPosition, CLToastProps } from '
|
|
1
|
+
import { CLColorVariants, CLIconSizes, CLColors, CLToastPosition, CLToastProps } from '../../../index.ts';
|
|
2
2
|
declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLToastProps> & Readonly<{}>, {
|
|
3
3
|
color: CLColors;
|
|
4
4
|
width: string;
|
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export { CLDropdownMenu, CLToast };
|
|
4
|
-
export type CLDropdownMenu = InstanceType<typeof CLDropdownMenu>;
|
|
5
|
-
export type CLToast = InstanceType<typeof CLToast>;
|
|
1
|
+
export { CLDropdownMenu } from './CLDropdownMenu';
|
|
2
|
+
export { CLToast } from './CLToast';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CLBorderRadius, CLTableTypes } from '../../index.ts';
|
|
2
|
-
export interface
|
|
2
|
+
export interface CLTableProps {
|
|
3
3
|
/** When set to `true` adds borders to the entire table and its rows and columns. */
|
|
4
4
|
bordered?: boolean;
|
|
5
5
|
/** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
|
|
@@ -21,23 +21,15 @@ export interface Props {
|
|
|
21
21
|
/** When set to `true` adds vertical lines to the table. */
|
|
22
22
|
withVerticalLines?: boolean;
|
|
23
23
|
}
|
|
24
|
-
declare
|
|
25
|
-
attrs: Partial<{}>;
|
|
26
|
-
slots: {
|
|
27
|
-
default?(_: {}): any;
|
|
28
|
-
};
|
|
29
|
-
refs: {};
|
|
30
|
-
rootEl: HTMLDivElement;
|
|
31
|
-
};
|
|
32
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
33
|
-
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableProps> & Readonly<{}>, {
|
|
34
25
|
testId: string;
|
|
35
26
|
type: CLTableTypes;
|
|
36
27
|
rounded: boolean;
|
|
37
28
|
id: string;
|
|
38
29
|
rowHeight: string;
|
|
39
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement
|
|
40
|
-
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
31
|
+
default?(_: {}): any;
|
|
32
|
+
}>;
|
|
41
33
|
export default _default;
|
|
42
34
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
43
35
|
new (): {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CLGenericFunction } from '../../index.ts';
|
|
2
|
-
export interface
|
|
2
|
+
export interface CLTableCellProps {
|
|
3
3
|
/** The number of columns that the cell should span. */
|
|
4
4
|
colSpan?: number;
|
|
5
5
|
/** When set to `true` sets the horizontal alignment of the cell content to right. */
|
|
@@ -13,26 +13,18 @@ export interface Props {
|
|
|
13
13
|
/** The function to call when the cell is clicked. */
|
|
14
14
|
onClick?: CLGenericFunction;
|
|
15
15
|
}
|
|
16
|
-
declare
|
|
17
|
-
attrs: Partial<{}>;
|
|
18
|
-
slots: {
|
|
19
|
-
default?(_: {}): any;
|
|
20
|
-
default?(_: {}): any;
|
|
21
|
-
default?(_: {}): any;
|
|
22
|
-
default?(_: {}): any;
|
|
23
|
-
};
|
|
24
|
-
refs: {};
|
|
25
|
-
rootEl: any;
|
|
26
|
-
};
|
|
27
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
28
|
-
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableCellProps> & Readonly<{}>, {
|
|
29
17
|
colSpan: number;
|
|
30
18
|
isAction: boolean;
|
|
31
19
|
isActive: boolean;
|
|
32
20
|
isHeader: boolean;
|
|
33
21
|
isNumber: boolean;
|
|
34
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any
|
|
35
|
-
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
23
|
+
default?(_: {}): any;
|
|
24
|
+
default?(_: {}): any;
|
|
25
|
+
default?(_: {}): any;
|
|
26
|
+
default?(_: {}): any;
|
|
27
|
+
}>;
|
|
36
28
|
export default _default;
|
|
37
29
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
38
30
|
new (): {
|
|
@@ -1,17 +1,10 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface CLTableNestedCellProps {
|
|
2
|
+
/** When set to `true` truncates the text content with ellipsis. */
|
|
2
3
|
truncate?: boolean;
|
|
3
4
|
}
|
|
4
|
-
declare
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
default?(_: {}): any;
|
|
8
|
-
};
|
|
9
|
-
refs: {};
|
|
10
|
-
rootEl: HTMLDivElement;
|
|
11
|
-
};
|
|
12
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
-
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>;
|
|
14
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
5
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableNestedCellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableNestedCellProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
}>;
|
|
15
8
|
export default _default;
|
|
16
9
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
17
10
|
new (): {
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import { CLGenericFunction } from '../../index.ts';
|
|
2
|
-
export interface
|
|
2
|
+
export interface CLTableRowProps {
|
|
3
3
|
/** The function to call when the row is clicked. */
|
|
4
4
|
onClick?: CLGenericFunction;
|
|
5
5
|
}
|
|
6
|
-
declare
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
default?(_: {}): any;
|
|
10
|
-
};
|
|
11
|
-
refs: {};
|
|
12
|
-
rootEl: HTMLTableRowElement;
|
|
13
|
-
};
|
|
14
|
-
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
-
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, {}, HTMLTableRowElement>;
|
|
16
|
-
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
6
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTableRowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTableRowProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>, {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
}>;
|
|
17
9
|
export default _default;
|
|
18
10
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
11
|
new (): {
|
|
@@ -1,15 +1,32 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
import { default as CLTableComponent } from './CLTable.vue';
|
|
2
|
+
import { default as CLTableBodyComponent } from './CLTableBody.vue';
|
|
3
|
+
import { default as CLTableCellComponent } from './CLTableCell.vue';
|
|
4
|
+
import { default as CLTableFooterComponent } from './CLTableFooter.vue';
|
|
5
|
+
import { default as CLTableHeaderComponent } from './CLTableHeader.vue';
|
|
6
|
+
import { default as CLTableNestedCellComponent } from './CLTableNestedCell.vue';
|
|
7
|
+
import { default as CLTableRowComponent } from './CLTableRow.vue';
|
|
8
|
+
declare const CLTable: typeof CLTableComponent & {
|
|
9
|
+
Body: typeof CLTableBodyComponent;
|
|
10
|
+
Cell: typeof CLTableCellComponent;
|
|
11
|
+
Footer: typeof CLTableFooterComponent;
|
|
12
|
+
Header: typeof CLTableHeaderComponent;
|
|
13
|
+
NestedCell: typeof CLTableNestedCellComponent;
|
|
14
|
+
Row: typeof CLTableRowComponent;
|
|
15
|
+
};
|
|
16
|
+
export { CLTable };
|
|
17
|
+
export default CLTable;
|
|
18
|
+
export { CLTableBodyComponent as CLTableBody, CLTableCellComponent as CLTableCell, CLTableFooterComponent as CLTableFooter, CLTableHeaderComponent as CLTableHeader, CLTableNestedCellComponent as CLTableNestedCell, CLTableRowComponent as CLTableRow };
|
|
19
|
+
export type CLTable = InstanceType<typeof CLTableComponent & {
|
|
20
|
+
Body: typeof CLTableBodyComponent;
|
|
21
|
+
Cell: typeof CLTableCellComponent;
|
|
22
|
+
Footer: typeof CLTableFooterComponent;
|
|
23
|
+
Header: typeof CLTableHeaderComponent;
|
|
24
|
+
NestedCell: typeof CLTableNestedCellComponent;
|
|
25
|
+
Row: typeof CLTableRowComponent;
|
|
26
|
+
}>;
|
|
27
|
+
export type CLTableBody = InstanceType<typeof CLTableBodyComponent>;
|
|
28
|
+
export type CLTableCell = InstanceType<typeof CLTableCellComponent>;
|
|
29
|
+
export type CLTableFooter = InstanceType<typeof CLTableFooterComponent>;
|
|
30
|
+
export type CLTableHeader = InstanceType<typeof CLTableHeaderComponent>;
|
|
31
|
+
export type CLTableNestedCell = InstanceType<typeof CLTableNestedCellComponent>;
|
|
32
|
+
export type CLTableRow = InstanceType<typeof CLTableRowComponent>;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { CLAlign, CLColors, CLHeadingLevels, CLHeadingTypes } from '../../../index.ts';
|
|
2
|
+
export interface CLHeadingProps {
|
|
3
|
+
/** Set the horizontal alignment of content */
|
|
4
|
+
align?: CLAlign;
|
|
5
|
+
/** Render text with a font-weight of 900 */
|
|
6
|
+
bolder?: boolean;
|
|
7
|
+
/** Set the color of the heading */
|
|
8
|
+
color?: CLColors;
|
|
9
|
+
/** Set the heading level */
|
|
10
|
+
level?: CLHeadingLevels;
|
|
11
|
+
/** Test ID for testing purposes */
|
|
12
|
+
testId?: string;
|
|
13
|
+
/** When set to `true`, truncate the text if it overflows its container */
|
|
14
|
+
truncate?: boolean;
|
|
15
|
+
/** Set the type of the heading */
|
|
16
|
+
type?: CLHeadingTypes;
|
|
17
|
+
}
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLHeadingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLHeadingProps> & Readonly<{}>, {
|
|
19
|
+
color: CLColors;
|
|
20
|
+
testId: string;
|
|
21
|
+
type: CLHeadingTypes;
|
|
22
|
+
align: CLAlign;
|
|
23
|
+
bolder: boolean;
|
|
24
|
+
truncate: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
26
|
+
default?(_: {}): any;
|
|
27
|
+
}>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { CLAlign, CLTextHtmlTags, CLTextTypes, CLColors } from '../../../index.ts';
|
|
2
|
+
export interface CLTextProps {
|
|
3
|
+
/** Set the horizontal alignment of content */
|
|
4
|
+
align?: CLAlign;
|
|
5
|
+
/** Set the HTML tag of the text element */
|
|
6
|
+
as?: CLTextHtmlTags;
|
|
7
|
+
/** Render text with a font-weight of 700 */
|
|
8
|
+
bold?: boolean;
|
|
9
|
+
/** Render text with a font-weight of 900 */
|
|
10
|
+
bolder?: boolean;
|
|
11
|
+
/** Set the text color */
|
|
12
|
+
color?: CLColors;
|
|
13
|
+
/** Render text with a font-weight of 300 */
|
|
14
|
+
light?: boolean;
|
|
15
|
+
/** Render text with a font-weight of 500 */
|
|
16
|
+
medium?: boolean;
|
|
17
|
+
/** Test ID for testing purposes */
|
|
18
|
+
testId?: string;
|
|
19
|
+
/** When set to `true`, truncate the text if it overflows its container */
|
|
20
|
+
truncate?: boolean;
|
|
21
|
+
/** Set the text type */
|
|
22
|
+
type?: CLTextTypes;
|
|
23
|
+
}
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLTextProps> & Readonly<{}>, {
|
|
25
|
+
medium: boolean;
|
|
26
|
+
color: CLColors;
|
|
27
|
+
light: boolean;
|
|
28
|
+
testId: string;
|
|
29
|
+
type: CLTextTypes;
|
|
30
|
+
bold: boolean;
|
|
31
|
+
align: CLAlign;
|
|
32
|
+
as: CLTextHtmlTags;
|
|
33
|
+
bolder: boolean;
|
|
34
|
+
truncate: boolean;
|
|
35
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
36
|
+
default?(_: {}): any;
|
|
37
|
+
}>;
|
|
38
|
+
export default _default;
|
|
39
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
40
|
+
new (): {
|
|
41
|
+
$slots: S;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export { CLHeading, CLText };
|
|
4
|
-
export type CLHeading = InstanceType<typeof CLHeading>;
|
|
5
|
-
export type CLText = InstanceType<typeof CLText>;
|
|
1
|
+
export { CLHeading } from './CLHeading';
|
|
2
|
+
export { CLText } from './CLText';
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export { CLAlign, CLBorderRadius, CLButtonTypes, CLCardTypes, CLColors, CLColorVariants, CLHeadingLevels, CLHeadingTypes, CLIconSizes, CLIconNames, CLInputTypes, CLLinkTarget, CLLoading, CLMessageType, CLMode, CLOrientation, CLOrder, CLPaginationType, CLPlacement, CLPosition, CLSizes, CLTableTypes, CLTextTypes, CLToastPosition } from './types';
|
|
2
|
-
export type {
|
|
2
|
+
export type { CLBlockTextHtmlTags, CLButtonTags, CLButtonForwardRefFunction, CLGenericFunction, CLGenericFocusFunction, CLGenericInputFunction, CLInlineTextHtmlTags, CLNavItem, CLOption, CLPalette, CLPaletteKeys, CLShades, CLTextHtmlTags, CLThemeConfig, CLToastProps } from './types';
|
|
3
3
|
export { CLBadge, CLBanner, CLPill, CLProgress } from './components/Indicators';
|
|
4
4
|
export { CLA11yButton, CLButton } from './components/Buttons';
|
|
5
|
-
export { CLCard, CLCarousel,
|
|
5
|
+
export { CLCard, CLCarousel, CLDisclosure } from './components/Containers';
|
|
6
6
|
export { CLCheckbox, CLInput, CLRadioButton, CLSelect, CLTextArea } from './components/Form';
|
|
7
7
|
export { CLHeading, CLText } from './components/Typography';
|
|
8
8
|
export { CLIcon } from './components/Assets';
|