@codeandfunction/callaloo 1.0.3 → 1.2.4
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 -6
- package/dist/components/{Icon.vue.d.ts → Assets/Icon.vue.d.ts} +10 -6
- package/dist/components/{A11yButton.vue.d.ts → Buttons/A11yButton.vue.d.ts} +4 -0
- package/dist/components/{Button.vue.d.ts → Buttons/Button.vue.d.ts} +31 -24
- package/dist/components/{Card.vue.d.ts → Containers/Card.vue.d.ts} +39 -27
- package/dist/components/Containers/Carousel/Carousel.vue.d.ts +53 -0
- package/dist/components/{NavSection.vue.d.ts → Containers/Carousel/CarouselNavigation.vue.d.ts} +11 -3
- package/dist/components/{Disclosure.vue.d.ts → Containers/Disclosure.vue.d.ts} +18 -17
- package/dist/components/{Checkbox.vue.d.ts → Form/Checkbox.vue.d.ts} +9 -9
- package/dist/components/{Input.vue.d.ts → Form/Input.vue.d.ts} +13 -16
- package/dist/components/{InputMessages.vue.d.ts → Form/InputMessages.vue.d.ts} +2 -2
- package/dist/components/{RadioButton.vue.d.ts → Form/RadioButton.vue.d.ts} +9 -9
- package/dist/components/{Select.vue.d.ts → Form/Select.vue.d.ts} +10 -13
- package/dist/components/{TextArea.vue.d.ts → Form/TextArea.vue.d.ts} +10 -13
- package/dist/components/{Pill.vue.d.ts → Indicators/Badge.vue.d.ts} +10 -7
- package/dist/components/{Banner.vue.d.ts → Indicators/Banner.vue.d.ts} +10 -10
- package/dist/components/Indicators/Pill.vue.d.ts +38 -0
- package/dist/components/{Spinner.vue.d.ts → Loading/Spinner.vue.d.ts} +17 -17
- package/dist/components/{Link.vue.d.ts → Navigation/Link.vue.d.ts} +16 -7
- package/dist/components/{NavLink.vue.d.ts → Navigation/NavLink.vue.d.ts} +8 -2
- package/dist/components/{Badge.vue.d.ts → Navigation/NavSection.vue.d.ts} +6 -7
- package/dist/components/{Carousel.vue.d.ts → Popups/Menu.vue.d.ts} +12 -14
- package/dist/components/{Toast.vue.d.ts → Popups/Toast.vue.d.ts} +6 -6
- package/dist/components/{Table.vue.d.ts → Table/Table.vue.d.ts} +5 -5
- package/dist/components/{Heading.vue.d.ts → Typography/Heading.vue.d.ts} +14 -13
- package/dist/components/{Text.vue.d.ts → Typography/Text.vue.d.ts} +13 -9
- package/dist/composables/useDropdown.d.ts +14 -0
- package/dist/composables/useEsc.d.ts +5 -0
- package/dist/index.d.ts +32 -31
- package/dist/index.js +4270 -2763
- package/dist/index.umd.cjs +4765 -2
- package/dist/types.d.ts +54 -13
- package/package.json +12 -11
- /package/dist/components/{Skeleton.vue.d.ts → Loading/Skeleton.vue.d.ts} +0 -0
- /package/dist/components/{TableBody.vue.d.ts → Table/TableBody.vue.d.ts} +0 -0
- /package/dist/components/{TableCell.vue.d.ts → Table/TableCell.vue.d.ts} +0 -0
- /package/dist/components/{TableFooter.vue.d.ts → Table/TableFooter.vue.d.ts} +0 -0
- /package/dist/components/{TableHeader.vue.d.ts → Table/TableHeader.vue.d.ts} +0 -0
- /package/dist/components/{TableNestedCell.vue.d.ts → Table/TableNestedCell.vue.d.ts} +0 -0
- /package/dist/components/{TableRow.vue.d.ts → Table/TableRow.vue.d.ts} +0 -0
package/dist/types.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { CLOrder } from 'src';
|
|
2
|
+
|
|
1
3
|
export declare enum Align {
|
|
2
4
|
Left = "left",
|
|
3
5
|
Center = "center",
|
|
@@ -23,6 +25,7 @@ export interface BannerProps {
|
|
|
23
25
|
onClick?: (event?: Event) => void;
|
|
24
26
|
}
|
|
25
27
|
export declare enum CardTypes {
|
|
28
|
+
Tiny = "tiny",
|
|
26
29
|
Compact = "compact",
|
|
27
30
|
Small = "small",
|
|
28
31
|
Medium = "medium",
|
|
@@ -30,22 +33,29 @@ export declare enum CardTypes {
|
|
|
30
33
|
XLarge = "xlarge"
|
|
31
34
|
}
|
|
32
35
|
export interface CardProps {
|
|
36
|
+
active?: boolean;
|
|
37
|
+
align?: Align;
|
|
38
|
+
byline?: string;
|
|
33
39
|
busy?: boolean;
|
|
34
|
-
|
|
40
|
+
elevated?: boolean;
|
|
41
|
+
forwardRef?: (elem: HTMLDivElement) => void;
|
|
42
|
+
height?: string;
|
|
43
|
+
href?: string;
|
|
35
44
|
image?: string;
|
|
36
|
-
|
|
37
|
-
|
|
45
|
+
imageAltText?: string;
|
|
46
|
+
imageOrder?: CLOrder;
|
|
38
47
|
imageHeight?: string;
|
|
48
|
+
imageWidth?: string;
|
|
49
|
+
onClick?: (event?: Event) => void;
|
|
50
|
+
padded?: boolean;
|
|
51
|
+
rounded?: boolean;
|
|
52
|
+
target?: LinkTarget;
|
|
39
53
|
title?: string;
|
|
40
54
|
titleType?: HeadingTypes;
|
|
41
|
-
|
|
55
|
+
titleHLevel?: HeadingLevels;
|
|
42
56
|
theme?: Themes;
|
|
43
|
-
|
|
57
|
+
type?: CardTypes;
|
|
44
58
|
width?: string;
|
|
45
|
-
height?: string;
|
|
46
|
-
rounded?: boolean;
|
|
47
|
-
align?: Align;
|
|
48
|
-
onClick?: (event?: Event) => void;
|
|
49
59
|
}
|
|
50
60
|
export type CheckboxThemes = Exclude<Themes, Themes.Transparent | Themes.Outline | Themes.OutlineDanger | Themes.OutlineInfo | Themes.OutlinePrimary | Themes.OutlineSecondary | Themes.OutlineSuccess | Themes.OutlineWarning>;
|
|
51
61
|
export declare enum DarkMode {
|
|
@@ -54,6 +64,14 @@ export declare enum DarkMode {
|
|
|
54
64
|
System = "system"
|
|
55
65
|
}
|
|
56
66
|
export type HeadingThemes = Extract<Themes, Themes.Light | Themes.Dark>;
|
|
67
|
+
export declare enum HeadingLevels {
|
|
68
|
+
H1 = "h1",
|
|
69
|
+
H2 = "h2",
|
|
70
|
+
H3 = "h3",
|
|
71
|
+
H4 = "h4",
|
|
72
|
+
H5 = "h5",
|
|
73
|
+
H6 = "h6"
|
|
74
|
+
}
|
|
57
75
|
export declare enum HeadingTypes {
|
|
58
76
|
Title = "title",
|
|
59
77
|
PageTitle = "pagetitle",
|
|
@@ -83,9 +101,16 @@ export declare enum IconNames {
|
|
|
83
101
|
Image = "tabler:photo",
|
|
84
102
|
Instagram = "tabler:brand-instagram",
|
|
85
103
|
Layout = "tabler:layout",
|
|
104
|
+
Link = "tabler:link",
|
|
86
105
|
LinkedIn = "tabler:brand-linkedin",
|
|
87
106
|
LogIn = "tabler:login",
|
|
88
107
|
LogOut = "tabler:logout",
|
|
108
|
+
MoodDollar = "tabler:mood-dollar",
|
|
109
|
+
MoodPuzzled = "tabler:mood-puzzled",
|
|
110
|
+
MoodSadSquint = "tabler:mood-sad-squint",
|
|
111
|
+
MoodSmile = "tabler:mood-smile",
|
|
112
|
+
MoodWink2 = "tabler:mood-wink-2",
|
|
113
|
+
MoodWrrr = "tabler:mood-wrrr",
|
|
89
114
|
Plus = "tabler:plus",
|
|
90
115
|
PlusCircle = "tabler:circle-plus",
|
|
91
116
|
Mail = "tabler:mail",
|
|
@@ -94,6 +119,9 @@ export declare enum IconNames {
|
|
|
94
119
|
MoreVertical = "tabler:dots-vertical",
|
|
95
120
|
Search = "tabler:search",
|
|
96
121
|
Settings = "tabler:settings",
|
|
122
|
+
Share = "tabler:share",
|
|
123
|
+
Share2 = "tabler:share-2",
|
|
124
|
+
Share3 = "tabler:share-3",
|
|
97
125
|
Sliders = "tabler:adjustments",
|
|
98
126
|
TikTok = "tabler:brand-tiktok",
|
|
99
127
|
TrashCan = "tabler:trash",
|
|
@@ -102,6 +130,10 @@ export declare enum IconNames {
|
|
|
102
130
|
X = "tabler:brand-x",
|
|
103
131
|
YouTube = "tabler:brand-youtube-filled"
|
|
104
132
|
}
|
|
133
|
+
export declare enum IconStrokeWeight {
|
|
134
|
+
Light = "1",
|
|
135
|
+
Normal = "2"
|
|
136
|
+
}
|
|
105
137
|
export declare enum InputTypes {
|
|
106
138
|
Date = "date",
|
|
107
139
|
DateTimeLocal = "datetime-local",
|
|
@@ -129,12 +161,14 @@ export declare enum MessageType {
|
|
|
129
161
|
Warning = "warning"
|
|
130
162
|
}
|
|
131
163
|
export interface NavItem {
|
|
132
|
-
|
|
164
|
+
ariaLabel?: string;
|
|
165
|
+
external?: boolean;
|
|
133
166
|
href?: string;
|
|
134
|
-
|
|
167
|
+
id: string;
|
|
135
168
|
label: string;
|
|
169
|
+
onClick?: (event?: Event) => void;
|
|
170
|
+
rel?: string;
|
|
136
171
|
target?: LinkTarget;
|
|
137
|
-
external?: boolean;
|
|
138
172
|
}
|
|
139
173
|
export interface Option {
|
|
140
174
|
label: string;
|
|
@@ -174,12 +208,19 @@ export interface InputProps {
|
|
|
174
208
|
type?: InputTypes;
|
|
175
209
|
theme?: Themes;
|
|
176
210
|
value?: string | number;
|
|
177
|
-
width?: string;
|
|
178
211
|
onInput?: (event: Event) => void;
|
|
179
212
|
onBlur?: (event: FocusEvent) => void;
|
|
180
213
|
onFocus?: (event: FocusEvent) => void;
|
|
181
214
|
onChange?: (event: Event) => void;
|
|
182
215
|
}
|
|
216
|
+
export declare enum Order {
|
|
217
|
+
After = "after",
|
|
218
|
+
Before = "before"
|
|
219
|
+
}
|
|
220
|
+
export declare enum Orientation {
|
|
221
|
+
Horizontal = "horizontal",
|
|
222
|
+
Vertical = "vertical"
|
|
223
|
+
}
|
|
183
224
|
export declare enum Position {
|
|
184
225
|
Absolute = "absolute",
|
|
185
226
|
Relative = "relative"
|
package/package.json
CHANGED
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
"description": "a simple vue component library",
|
|
4
4
|
"author": {
|
|
5
5
|
"name": "Anthony Cholmondeley",
|
|
6
|
-
"url": "https://callaloo.
|
|
6
|
+
"url": "https://callaloo.codeandfunction.com"
|
|
7
7
|
},
|
|
8
|
-
"version": "1.
|
|
8
|
+
"version": "1.2.4",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"type": "module",
|
|
11
11
|
"scripts": {
|
|
@@ -21,23 +21,24 @@
|
|
|
21
21
|
"typings": "./dist/index.d.ts",
|
|
22
22
|
"exports": {
|
|
23
23
|
".": {
|
|
24
|
+
"types": "./dist/index.d.ts",
|
|
24
25
|
"import": "./dist/index.js",
|
|
25
26
|
"require": "./dist/index.umd.cjs"
|
|
26
27
|
}
|
|
27
28
|
},
|
|
28
29
|
"devDependencies": {
|
|
29
|
-
"@chromatic-com/storybook": "^
|
|
30
|
+
"@chromatic-com/storybook": "^2.0.1",
|
|
30
31
|
"@iconify-icons/tabler": "^1.2.95",
|
|
31
32
|
"@iconify/types": "^2.0.0",
|
|
32
33
|
"@iconify/vue": "^4.1.2",
|
|
33
|
-
"@storybook/addon-a11y": "^8.
|
|
34
|
-
"@storybook/addon-essentials": "^8.
|
|
35
|
-
"@storybook/addon-interactions": "^8.
|
|
36
|
-
"@storybook/core-server": "^8.
|
|
37
|
-
"@storybook/test": "^8.
|
|
34
|
+
"@storybook/addon-a11y": "^8.3.0",
|
|
35
|
+
"@storybook/addon-essentials": "^8.3.0",
|
|
36
|
+
"@storybook/addon-interactions": "^8.3.0",
|
|
37
|
+
"@storybook/core-server": "^8.3.0",
|
|
38
|
+
"@storybook/test": "^8.3.0",
|
|
38
39
|
"@storybook/test-runner": "^0.19.1",
|
|
39
|
-
"@storybook/vue3": "^8.
|
|
40
|
-
"@storybook/vue3-vite": "^8.
|
|
40
|
+
"@storybook/vue3": "^8.3.0",
|
|
41
|
+
"@storybook/vue3-vite": "^8.3.0",
|
|
41
42
|
"@types/node": "20.14.15",
|
|
42
43
|
"@typescript-eslint/eslint-plugin": "7.18.0",
|
|
43
44
|
"@typescript-eslint/parser": "7.18.0",
|
|
@@ -52,7 +53,7 @@
|
|
|
52
53
|
"eslint-plugin-vue": "^9.27.0",
|
|
53
54
|
"prettier": "^3.3.3",
|
|
54
55
|
"sass": "^1.77.8",
|
|
55
|
-
"storybook": "^8.
|
|
56
|
+
"storybook": "^8.3.0",
|
|
56
57
|
"typescript": "^5.5.4",
|
|
57
58
|
"vite": "5.4.0",
|
|
58
59
|
"vite-plugin-css-injected-by-js": "^3.5.1",
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|