@codeandfunction/callaloo 1.7.1 → 1.8.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/dist/assets/index.css +1 -1
- package/dist/components/Buttons/Button.vue.d.ts +12 -0
- package/dist/components/Containers/Disclosure.vue.d.ts +1 -0
- package/dist/components/Form/Checkbox.vue.d.ts +2 -2
- package/dist/components/Form/RadioButton.vue.d.ts +2 -2
- package/dist/components/Popups/{Menu.vue.d.ts → DropdownMenu.vue.d.ts} +43 -6
- package/dist/composables/useEsc.d.ts +4 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1819 -90
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +33 -2
- package/package.json +22 -18
|
@@ -35,6 +35,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
35
35
|
iconSize: {
|
|
36
36
|
type: PropType<CLSizes>;
|
|
37
37
|
};
|
|
38
|
+
iconAfterSize: {
|
|
39
|
+
type: PropType<CLSizes>;
|
|
40
|
+
};
|
|
38
41
|
link: {
|
|
39
42
|
type: BooleanConstructor;
|
|
40
43
|
};
|
|
@@ -61,9 +64,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
61
64
|
};
|
|
62
65
|
type: {
|
|
63
66
|
type: PropType<CLButtonTypes>;
|
|
67
|
+
default: CLButtonTypes;
|
|
64
68
|
};
|
|
65
69
|
theme: {
|
|
66
70
|
type: PropType<CLThemes>;
|
|
71
|
+
default: CLThemes;
|
|
67
72
|
};
|
|
68
73
|
width: {
|
|
69
74
|
type: StringConstructor;
|
|
@@ -109,6 +114,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
109
114
|
iconSize: {
|
|
110
115
|
type: PropType<CLSizes>;
|
|
111
116
|
};
|
|
117
|
+
iconAfterSize: {
|
|
118
|
+
type: PropType<CLSizes>;
|
|
119
|
+
};
|
|
112
120
|
link: {
|
|
113
121
|
type: BooleanConstructor;
|
|
114
122
|
};
|
|
@@ -135,9 +143,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
135
143
|
};
|
|
136
144
|
type: {
|
|
137
145
|
type: PropType<CLButtonTypes>;
|
|
146
|
+
default: CLButtonTypes;
|
|
138
147
|
};
|
|
139
148
|
theme: {
|
|
140
149
|
type: PropType<CLThemes>;
|
|
150
|
+
default: CLThemes;
|
|
141
151
|
};
|
|
142
152
|
width: {
|
|
143
153
|
type: StringConstructor;
|
|
@@ -150,8 +160,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
150
160
|
}>> & Readonly<{}>, {
|
|
151
161
|
rounded: boolean;
|
|
152
162
|
testId: string;
|
|
163
|
+
type: CLButtonTypes;
|
|
153
164
|
link: boolean;
|
|
154
165
|
elevated: boolean;
|
|
166
|
+
theme: CLThemes;
|
|
155
167
|
busy: boolean;
|
|
156
168
|
width: string;
|
|
157
169
|
height: string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { CLInputProps, CLSizes, CLThemes } from '../../index';
|
|
2
2
|
|
|
3
|
-
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">>, {
|
|
4
4
|
rounded: boolean;
|
|
5
5
|
size: CLSizes;
|
|
6
6
|
theme: CLThemes;
|
|
7
|
-
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "
|
|
7
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">>, {
|
|
8
8
|
rounded: boolean;
|
|
9
9
|
size: CLSizes;
|
|
10
10
|
theme: CLThemes;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { CLInputProps, CLSizes, CLThemes } from '../../index';
|
|
2
2
|
|
|
3
|
-
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">>, {
|
|
4
4
|
rounded: boolean;
|
|
5
5
|
size: CLSizes;
|
|
6
6
|
theme: CLThemes;
|
|
7
|
-
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "
|
|
7
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Omit<CLInputProps, "fluid" | "pattern" | "prefix" | "width" | "autoComplete" | "grouped" | "labelSize" | "maxLength" | "minLength" | "options" | "placeholder" | "readonly" | "resizable" | "rows" | "spellcheck" | "suffix">>, {
|
|
8
8
|
rounded: boolean;
|
|
9
9
|
size: CLSizes;
|
|
10
10
|
theme: CLThemes;
|
|
@@ -1,21 +1,58 @@
|
|
|
1
|
+
import { CLIconNames, CLPlacement, CLSizes, CLThemes } from '../../index';
|
|
2
|
+
|
|
1
3
|
interface Props {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
+
buttonAriaLabel: string;
|
|
5
|
+
buttonSize?: CLSizes;
|
|
6
|
+
buttonTheme?: CLThemes;
|
|
7
|
+
onCloseHandler?: () => void;
|
|
8
|
+
containerTheme?: CLThemes.Light | CLThemes.Dark;
|
|
4
9
|
contentWidth?: string;
|
|
10
|
+
iconAfter?: CLIconNames;
|
|
11
|
+
iconBefore?: CLIconNames;
|
|
12
|
+
iconAfterSize?: CLSizes;
|
|
13
|
+
iconSize?: CLSizes;
|
|
14
|
+
isOpen?: boolean;
|
|
15
|
+
label?: string;
|
|
16
|
+
onOpenHandler?: () => void;
|
|
17
|
+
placement?: CLPlacement;
|
|
18
|
+
zIndex?: number;
|
|
5
19
|
}
|
|
6
20
|
declare function __VLS_template(): {
|
|
7
|
-
toggle?(_: {}): any;
|
|
8
21
|
content?(_: {}): any;
|
|
9
22
|
};
|
|
10
23
|
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
|
|
11
|
-
|
|
24
|
+
buttonSize: CLSizes;
|
|
25
|
+
buttonTheme: CLThemes;
|
|
26
|
+
containerTheme: CLThemes;
|
|
12
27
|
contentWidth: string;
|
|
13
|
-
|
|
28
|
+
iconAfter: CLIconNames;
|
|
29
|
+
iconAfterSize: CLSizes;
|
|
30
|
+
iconSize: CLSizes;
|
|
31
|
+
isOpen: boolean;
|
|
32
|
+
placement: CLPlacement;
|
|
14
33
|
zIndex: number;
|
|
34
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
|
|
35
|
+
buttonSize: CLSizes;
|
|
36
|
+
buttonTheme: CLThemes;
|
|
37
|
+
containerTheme: CLThemes;
|
|
15
38
|
contentWidth: string;
|
|
16
|
-
|
|
39
|
+
iconAfter: CLIconNames;
|
|
40
|
+
iconAfterSize: CLSizes;
|
|
41
|
+
iconSize: CLSizes;
|
|
42
|
+
isOpen: boolean;
|
|
43
|
+
placement: CLPlacement;
|
|
17
44
|
zIndex: number;
|
|
45
|
+
}>>> & Readonly<{}>, {
|
|
46
|
+
iconAfter: CLIconNames;
|
|
47
|
+
iconSize: CLSizes;
|
|
48
|
+
iconAfterSize: CLSizes;
|
|
49
|
+
buttonSize: CLSizes;
|
|
50
|
+
buttonTheme: CLThemes;
|
|
51
|
+
containerTheme: CLThemes.Light | CLThemes.Dark;
|
|
18
52
|
contentWidth: string;
|
|
53
|
+
isOpen: boolean;
|
|
54
|
+
placement: CLPlacement;
|
|
55
|
+
zIndex: number;
|
|
19
56
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
20
57
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
|
|
21
58
|
export default _default;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
|
|
1
3
|
interface Props {
|
|
2
4
|
escHandler: () => void;
|
|
5
|
+
triggerRef?: Ref<HTMLElement | undefined>;
|
|
3
6
|
}
|
|
4
|
-
export declare const useEsc: ({ escHandler }: Props) => void;
|
|
7
|
+
export declare const useEsc: ({ escHandler, triggerRef }: Props) => void;
|
|
5
8
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Align as CLAlign, ButtonTypes as CLButtonTypes, CardTypes as CLCardTypes, DarkMode as CLDarkMode, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, IconNames as CLIconNames, InputTypes as CLInputTypes, LinkTarget as CLLinkTarget, MessageType as CLMessageType, Orientation as CLOrientation, Order as CLOrder, Position as CLPosition, Sizes as CLSizes, TableTypes as CLTableTypes, TextTypes as CLTextTypes, Themes as CLThemes, } from './types';
|
|
1
|
+
export { Align as CLAlign, ButtonTypes as CLButtonTypes, CardTypes as CLCardTypes, DarkMode as CLDarkMode, HeadingLevels as CLHeadingLevels, HeadingTypes as CLHeadingTypes, IconNames as CLIconNames, InputTypes as CLInputTypes, LinkTarget as CLLinkTarget, MessageType as CLMessageType, Orientation as CLOrientation, Order as CLOrder, Placement as CLPlacement, Position as CLPosition, Sizes as CLSizes, TableTypes as CLTableTypes, TextTypes as CLTextTypes, Themes as CLThemes, } from './types';
|
|
2
2
|
export type { BadgeThemes as CLBadgeThemes, BannerProps as CLBannerProps, CardProps as CLCardProps, HeadingThemes as CLHeadingThemes, InputProps as CLInputProps, NavItem as CLNavItem, PillThemes as CLPillThemes, Option as CLOption, SimpleThemes as CLSimpleThemes, SpinnerThemes as CLSpinnerThemes, ToastProps as CLToastProps, TextThemes as CLTextThemes, TextHtmlTags as CLTextHtmlTags, } from './types';
|
|
3
3
|
export { default as CLA11yButton } from './components/Buttons/A11yButton.vue';
|
|
4
4
|
export { default as CLBadge } from './components/Indicators/Badge.vue';
|
|
@@ -12,7 +12,7 @@ export { default as CLHeading } from './components/Typography/Heading.vue';
|
|
|
12
12
|
export { default as CLIcon } from './components/Assets/Icon.vue';
|
|
13
13
|
export { default as CLInput } from './components/Form/Input.vue';
|
|
14
14
|
export { default as CLLink } from './components/Navigation/Link.vue';
|
|
15
|
-
export { default as
|
|
15
|
+
export { default as CLDropdownMenu } from './components/Popups/DropdownMenu.vue';
|
|
16
16
|
export { default as CLNavLink } from './components/Navigation/NavLink.vue';
|
|
17
17
|
export { default as CLNavSection } from './components/Navigation/NavSection.vue';
|
|
18
18
|
export { default as CLPill } from './components/Indicators/Pill.vue';
|