@codeandfunction/callaloo 1.5.0 → 1.7.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 -0
- package/dist/components/Assets/Icon.vue.d.ts +1 -5
- package/dist/components/Buttons/A11yButton.vue.d.ts +4 -0
- package/dist/components/Buttons/Button.vue.d.ts +152 -71
- package/dist/components/Containers/Card.vue.d.ts +5 -2
- package/dist/components/Containers/Carousel/Carousel.vue.d.ts +11 -8
- package/dist/components/Containers/Disclosure.vue.d.ts +27 -17
- package/dist/components/Indicators/Pill.vue.d.ts +7 -3
- package/dist/components/Navigation/Link.vue.d.ts +13 -5
- package/dist/components/Navigation/NavLink.vue.d.ts +13 -5
- package/dist/components/Navigation/NavSection.vue.d.ts +6 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +488 -2238
- package/dist/index.js.map +1 -0
- package/dist/types.d.ts +31 -23
- package/package.json +14 -9
- package/dist/index.umd.cjs +0 -4851
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import { CLOrder } from 'src';
|
|
2
|
-
|
|
3
1
|
export declare enum Align {
|
|
4
2
|
Left = "left",
|
|
5
3
|
Center = "center",
|
|
@@ -44,13 +42,14 @@ export interface CardProps {
|
|
|
44
42
|
href?: string;
|
|
45
43
|
image?: string;
|
|
46
44
|
imageAltText?: string;
|
|
47
|
-
imageOrder?:
|
|
45
|
+
imageOrder?: Order;
|
|
48
46
|
imageHeight?: string;
|
|
49
47
|
imageWidth?: string;
|
|
50
48
|
onClick?: (event?: Event) => void;
|
|
51
49
|
padded?: boolean;
|
|
52
50
|
rounded?: boolean;
|
|
53
51
|
target?: LinkTarget;
|
|
52
|
+
testId?: string;
|
|
54
53
|
title?: string;
|
|
55
54
|
titleType?: HeadingTypes;
|
|
56
55
|
titleHLevel?: HeadingLevels;
|
|
@@ -126,11 +125,14 @@ export declare enum IconNames {
|
|
|
126
125
|
BrandWhatsApp = "tabler:brand-whatsapp",
|
|
127
126
|
BrandX = "tabler:brand-x",
|
|
128
127
|
BrandYouTube = "tabler:brand-youtube-filled",
|
|
128
|
+
CarouselHorizontal = "tabler:carousel-horizontal",
|
|
129
129
|
Check = "tabler:check",
|
|
130
130
|
ChevronLeft = "tabler:chevron-left",
|
|
131
131
|
ChevronRight = "tabler:chevron-right",
|
|
132
132
|
ChevronUp = "tabler:chevron-up",
|
|
133
133
|
ChevronDown = "tabler:chevron-down",
|
|
134
|
+
CircleCheck = "tabler:circle-check",
|
|
135
|
+
Click = "tabler:click",
|
|
134
136
|
ClipboardCopy = "tabler:clipboard-copy",
|
|
135
137
|
ClipboardText = "tabler:clipboard-text",
|
|
136
138
|
Code = "tabler:code",
|
|
@@ -138,18 +140,9 @@ export declare enum IconNames {
|
|
|
138
140
|
Columns2 = "tabler:columns-2",
|
|
139
141
|
Columns3 = "tabler:columns-3",
|
|
140
142
|
Command = "tabler:command",
|
|
143
|
+
Components = "tabler:components",
|
|
141
144
|
Contrast = "tabler:contrast",
|
|
142
145
|
Copy = "tabler:copy",
|
|
143
|
-
FileTypeCss = "tabler:file-type-css",
|
|
144
|
-
FileTypeCsv = "tabler:file-type-csv",
|
|
145
|
-
FileTypeHtml = "tabler:file-type-html",
|
|
146
|
-
FileTypePng = "tabler:file-type-png",
|
|
147
|
-
FileTypeJpg = "tabler:file-type-jpg",
|
|
148
|
-
FileTypeJs = "tabler:file-type-js",
|
|
149
|
-
FileTypeJsx = "tabler:file-type-jsx",
|
|
150
|
-
FileTypeSvg = "tabler:file-type-svg",
|
|
151
|
-
FileTypeTs = "tabler:file-type-ts",
|
|
152
|
-
FileTypeVue = "tabler:file-type-vue",
|
|
153
146
|
Dasboard = "tabler:dashboard",
|
|
154
147
|
Database = "tabler:database",
|
|
155
148
|
Delete = "tabler:x",
|
|
@@ -166,9 +159,18 @@ export declare enum IconNames {
|
|
|
166
159
|
Eye = "tabler:eye",
|
|
167
160
|
EyeOff = "tabler:eye-off",
|
|
168
161
|
FileText = "tabler:file-text",
|
|
162
|
+
FileTypeCss = "tabler:file-type-css",
|
|
163
|
+
FileTypeCsv = "tabler:file-type-csv",
|
|
164
|
+
FileTypeHtml = "tabler:file-type-html",
|
|
165
|
+
FileTypePng = "tabler:file-type-png",
|
|
166
|
+
FileTypeJpg = "tabler:file-type-jpg",
|
|
167
|
+
FileTypeJs = "tabler:file-type-js",
|
|
168
|
+
FileTypeJsx = "tabler:file-type-jsx",
|
|
169
|
+
FileTypeSvg = "tabler:file-type-svg",
|
|
170
|
+
FileTypeTs = "tabler:file-type-ts",
|
|
171
|
+
FileTypeVue = "tabler:file-type-vue",
|
|
169
172
|
Folder = "tabler:folder",
|
|
170
173
|
Forms = "tabler:forms",
|
|
171
|
-
Grid = "tabler:grid",
|
|
172
174
|
Heading = "tabler:heading",
|
|
173
175
|
Help = "tabler:help",
|
|
174
176
|
HelpCircle = "tabler:help-circle",
|
|
@@ -182,16 +184,23 @@ export declare enum IconNames {
|
|
|
182
184
|
Layout = "tabler:layout",
|
|
183
185
|
LayoutBottomBar = "tabler:layout-bottombar",
|
|
184
186
|
LayoutDashboard = "tabler:layout-dashboard",
|
|
187
|
+
LayoutGrid = "tabler:layout-grid",
|
|
185
188
|
LayoutNavbar = "tabler:layout-navbar",
|
|
186
189
|
LayoutSidebar = "tabler:layout-sidebar",
|
|
187
190
|
LayoutSidebarRight = "tabler:layout-sidebar-right",
|
|
188
191
|
Link = "tabler:link",
|
|
192
|
+
List = "tabler:list",
|
|
193
|
+
ListNumbers = "tabler:list-numbers",
|
|
194
|
+
ListTree = "tabler:list-tree",
|
|
189
195
|
LogIn = "tabler:login",
|
|
190
196
|
LogOut = "tabler:logout",
|
|
191
197
|
Palette = "tabler:palette",
|
|
192
198
|
Paint = "tabler:paint",
|
|
193
199
|
Marquee = "tabler:marquee",
|
|
194
200
|
MarqueeOff = "tabler:marquee-off",
|
|
201
|
+
Mail = "tabler:mail",
|
|
202
|
+
Maximize = "tabler:maximize",
|
|
203
|
+
Menu = "tabler:menu-2",
|
|
195
204
|
Message = "tabler:message",
|
|
196
205
|
MessageDots = "tabler:message-dots",
|
|
197
206
|
MoodDollar = "tabler:mood-dollar",
|
|
@@ -202,22 +211,23 @@ export declare enum IconNames {
|
|
|
202
211
|
MoodWink2 = "tabler:mood-wink-2",
|
|
203
212
|
MoodWrrr = "tabler:mood-wrrr",
|
|
204
213
|
Mouse = "tabler:mouse",
|
|
205
|
-
Plus = "tabler:plus",
|
|
206
|
-
PlusCircle = "tabler:circle-plus",
|
|
207
|
-
Mail = "tabler:mail",
|
|
208
|
-
Maximize = "tabler:maximize",
|
|
209
|
-
Menu = "tabler:menu-2",
|
|
210
214
|
MoreHorizontal = "tabler:dots",
|
|
211
215
|
MoreVertical = "tabler:dots-vertical",
|
|
212
216
|
Movie = "tabler:movie",
|
|
217
|
+
PlusCircle = "tabler:circle-plus",
|
|
218
|
+
Plus = "tabler:plus",
|
|
219
|
+
Rectangle = "tabler:rectangle",
|
|
213
220
|
Refresh = "tabler:refresh",
|
|
214
221
|
ShoppingCart = "tabler:shopping-cart",
|
|
215
222
|
Search = "tabler:search",
|
|
223
|
+
Select = "tabler:select",
|
|
216
224
|
Settings = "tabler:settings",
|
|
217
225
|
Share = "tabler:share",
|
|
218
226
|
Share2 = "tabler:share-2",
|
|
219
227
|
Share3 = "tabler:share-3",
|
|
220
228
|
Sliders = "tabler:adjustments",
|
|
229
|
+
Square = "tabler:square",
|
|
230
|
+
SquareCheck = "tabler:square-check",
|
|
221
231
|
SquarePlus = "tabler:square-plus",
|
|
222
232
|
Sun = "tabler:sun",
|
|
223
233
|
Terminal = "tabler:terminal",
|
|
@@ -229,10 +239,6 @@ export declare enum IconNames {
|
|
|
229
239
|
Video = "tabler:video",
|
|
230
240
|
WindowMaximize = "tabler:window-maximize"
|
|
231
241
|
}
|
|
232
|
-
export declare enum IconStrokeWeight {
|
|
233
|
-
Light = "1",
|
|
234
|
-
Normal = "2"
|
|
235
|
-
}
|
|
236
242
|
export type InlineTextHtmlTags = 'a' | 'abbr' | 'b' | 'bdi' | 'bdo' | 'br' | 'cite' | 'code' | 'data' | 'dfn' | 'em' | 'i' | 'kbd' | 'mark' | 'q' | 'rp' | 'rt' | 'ruby' | 's' | 'samp' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'u' | 'var' | 'wbr';
|
|
237
243
|
export declare enum InputTypes {
|
|
238
244
|
Date = "date",
|
|
@@ -269,6 +275,7 @@ export interface NavItem {
|
|
|
269
275
|
onClick?: (event?: Event) => void;
|
|
270
276
|
rel?: string;
|
|
271
277
|
target?: LinkTarget;
|
|
278
|
+
theme?: SimpleThemes;
|
|
272
279
|
}
|
|
273
280
|
export interface Option {
|
|
274
281
|
label: string;
|
|
@@ -325,6 +332,7 @@ export declare enum Position {
|
|
|
325
332
|
Absolute = "absolute",
|
|
326
333
|
Relative = "relative"
|
|
327
334
|
}
|
|
335
|
+
export type SimpleThemes = Extract<Themes, Themes.Dark | Themes.Danger | Themes.Default | Themes.Light | Themes.Primary | Themes.Success | Themes.Warning>;
|
|
328
336
|
export declare enum Sizes {
|
|
329
337
|
Tiny = "tiny",
|
|
330
338
|
Small = "small",
|
package/package.json
CHANGED
|
@@ -5,14 +5,16 @@
|
|
|
5
5
|
"name": "Anthony Cholmondeley",
|
|
6
6
|
"url": "https://callaloo.codeandfunction.com"
|
|
7
7
|
},
|
|
8
|
-
"version": "1.
|
|
8
|
+
"version": "1.7.0",
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"type": "module",
|
|
11
11
|
"scripts": {
|
|
12
|
-
"start": "storybook dev -p 4400 --no-open",
|
|
13
|
-
"build": "vite build",
|
|
12
|
+
"start": "yarn export:icons && storybook dev -p 4400 --no-open",
|
|
13
|
+
"build:lib": "yarn export:icons && vite build && npm pack",
|
|
14
14
|
"build:watch": "vite build --watch",
|
|
15
|
-
"build:web": "yarn storybook build"
|
|
15
|
+
"build:web": "yarn storybook build",
|
|
16
|
+
"test-storybook": "test-storybook --url http://127.0.0.1:4400",
|
|
17
|
+
"export:icons": "npx tsx export-icons.ts"
|
|
16
18
|
},
|
|
17
19
|
"files": [
|
|
18
20
|
"dist"
|
|
@@ -29,10 +31,8 @@
|
|
|
29
31
|
},
|
|
30
32
|
"devDependencies": {
|
|
31
33
|
"@chromatic-com/storybook": "^2.0.2",
|
|
32
|
-
"@iconify-
|
|
34
|
+
"@iconify-json/tabler": "^1.2.5",
|
|
33
35
|
"@iconify/types": "^2.0.0",
|
|
34
|
-
"@iconify/utils": "^2.1.33",
|
|
35
|
-
"@iconify/vue": "^4.1.2",
|
|
36
36
|
"@storybook/addon-a11y": "^8.3.3",
|
|
37
37
|
"@storybook/addon-essentials": "^8.3.3",
|
|
38
38
|
"@storybook/addon-interactions": "^8.3.3",
|
|
@@ -54,18 +54,23 @@
|
|
|
54
54
|
"eslint": "8.57.1",
|
|
55
55
|
"eslint-config-prettier": "9.1.0",
|
|
56
56
|
"eslint-plugin-vue": "^9.28.0",
|
|
57
|
+
"glob": "^11.0.0",
|
|
58
|
+
"playwright": "^1.47.2",
|
|
57
59
|
"prettier": "^3.3.3",
|
|
58
60
|
"sass": "^1.79.4",
|
|
59
61
|
"storybook": "^8.3.3",
|
|
60
62
|
"typescript": "^5.6.2",
|
|
61
63
|
"vite": "5.4.8",
|
|
62
|
-
"vite-plugin-css-injected-by-js": "^3.5.2",
|
|
63
64
|
"vite-plugin-dts": "^3.9.1",
|
|
65
|
+
"vite-plugin-lib-inject-css": "^2.1.1",
|
|
64
66
|
"vite-tsconfig-paths": "^4.3.2",
|
|
65
67
|
"vitest": "1.6.0",
|
|
66
68
|
"vue": "^3.5.10",
|
|
67
69
|
"vue-router": "^4.4.5",
|
|
68
70
|
"vue-tsc": "^1.8.27"
|
|
69
71
|
},
|
|
70
|
-
"packageManager": "yarn@4.
|
|
72
|
+
"packageManager": "yarn@4.5.0",
|
|
73
|
+
"peerDependencies": {
|
|
74
|
+
"vue": "^3.5.10"
|
|
75
|
+
}
|
|
71
76
|
}
|