@codeandfunction/callaloo 1.8.1 → 1.10.0

package/dist/types.d.ts

@@ -3,15 +3,9 @@ export declare enum Align {
     Center = "center",
     Right = "right"
 }
-export type BadgeThemes = Exclude<Themes, Themes.Transparent>;
-export declare enum ButtonTypes {
-    Button = "button",
-    Submit = "submit"
-}
-export type BannerThemes = Exclude<Themes, Themes.Transparent>;
-export type BlockTextHtmlTags = 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'menu' | 'ol' | 'p' | 'pre' | 'ul';
 export interface BannerProps {
     ariaLabel?: string;
+    borderRadius?: BorderRadius;
     busy?: boolean;
     title?: string;
     message?: string;
@@ -23,6 +17,24 @@ export interface BannerProps {
     onDismiss?: (event?: Event) => void;
     onClick?: (event?: Event) => void;
 }
+export type BadgeThemes = Exclude<Themes, Themes.Transparent>;
+export type BannerThemes = Exclude<Themes, Themes.Transparent>;
+export type BlockTextHtmlTags = 'blockquote' | 'dd' | 'div' | 'dl' | 'dt' | 'figcaption' | 'figure' | 'hr' | 'li' | 'menu' | 'ol' | 'p' | 'pre' | 'ul';
+export declare enum BorderRadius {
+    Full = "rounded-full",
+    Large = "rounded-lg",
+    Medium = "rounded-md",
+    None = "rounded-none",
+    Small = "rounded-sm",
+    XLarge = "rounded-xl",
+    XXLarge = "rounded-2xl",
+    XXXLarge = "rounded-3xl",
+    XSmall = "rounded-xs"
+}
+export declare enum ButtonTypes {
+    Button = "button",
+    Submit = "submit"
+}
 export declare enum CardTypes {
     Tiny = "tiny",
     Compact = "compact",
@@ -34,8 +46,9 @@ export declare enum CardTypes {
 export interface CardProps {
     active?: boolean;
     align?: Align;
-    byline?: string;
+    borderRadius?: BorderRadius;
     busy?: boolean;
+    byline?: string;
     elevated?: boolean;
     forwardRef?: (elem: HTMLDivElement) => void;
     height?: string;
@@ -79,7 +92,9 @@ export declare enum HeadingTypes {
     SubSection = "subsection"
 }
 export declare enum IconNames {
+    Activity = "tabler:activity",
     Ai = "tabler:ai",
+    Alarm = "tabler:alarm",
     Apps = "tabler:apps",
     Archive = "tabler:archive",
     ArrowBackUp = "tabler:arrow-back-up",
@@ -128,6 +143,8 @@ export declare enum IconNames {
     BrandWhatsApp = "tabler:brand-whatsapp",
     BrandX = "tabler:brand-x",
     BrandYouTube = "tabler:brand-youtube-filled",
+    Broadcast = "tabler:broadcast",
+    Calendar = "tabler:calendar",
     CaretDown = "tabler:caret-down",
     CaretLeft = "tabler:caret-left",
     CaretRight = "tabler:caret-right",
@@ -142,6 +159,8 @@ export declare enum IconNames {
     Click = "tabler:click",
     ClipboardCopy = "tabler:clipboard-copy",
     ClipboardText = "tabler:clipboard-text",
+    Clock = "tabler:clock",
+    Clock2 = "tabler:clock-2",
     Code = "tabler:code",
     Columns1 = "tabler:columns-1",
     Columns2 = "tabler:columns-2",
@@ -156,6 +175,7 @@ export declare enum IconNames {
     Delete = "tabler:x",
     Devices = "tabler:devices",
     DeviceDesktop = "tabler:device-desktop",
+    DeviceGamepad = "tabler:device-gamepad",
     DeviceMobile = "tabler:device-mobile",
     DeviceTablet = "tabler:device-tablet",
     DeviceTv = "tabler:device-tv",
@@ -180,6 +200,7 @@ export declare enum IconNames {
     FileTypeVue = "tabler:file-type-vue",
     Folder = "tabler:folder",
     Forms = "tabler:forms",
+    Hanger = "tabler:hanger",
     Heading = "tabler:heading",
     Help = "tabler:help",
     HelpCircle = "tabler:help-circle",
@@ -205,6 +226,7 @@ export declare enum IconNames {
     ListTree = "tabler:list-tree",
     LogIn = "tabler:login",
     LogOut = "tabler:logout",
+    Music = "tabler:music",
     Palette = "tabler:palette",
     Paint = "tabler:paint",
     Marquee = "tabler:marquee",
@@ -230,6 +252,7 @@ export declare enum IconNames {
     Plus = "tabler:plus",
     Rectangle = "tabler:rectangle",
     Refresh = "tabler:refresh",
+    Rss = "tabler:rss",
     ShoppingCart = "tabler:shopping-cart",
     Search = "tabler:search",
     Section = "tabler:section",
@@ -246,12 +269,16 @@ export declare enum IconNames {
     Stack2 = "tabler:stack-2",
     Stack3 = "tabler:stack-3",
     Sun = "tabler:sun",
+    Ticket = "tabler:ticket",
     Terminal = "tabler:terminal",
     Terminal2 = "tabler:terminal-2",
     TextSize = "tabler:text-size",
     TrashCan = "tabler:trash",
     Typography = "tabler:typography",
     Upload = "tabler:upload",
+    User = "tabler:user",
+    UserCircle = "tabler:user-circle",
+    UserSquareRounded = "tabler:user-square-rounded",
     Video = "tabler:video",
     WindowMaximize = "tabler:window-maximize",
     WindowMinimize = "tabler:window-minimize"
@@ -303,6 +330,7 @@ export type PillThemes = Exclude<Themes, Themes.Transparent>;
 export interface InputProps {
     ariaLabel?: string;
     autoComplete?: boolean;
+    borderRadius?: BorderRadius;
     busy?: boolean;
     checked?: boolean;
     disabled?: boolean;
@@ -408,15 +436,16 @@ export declare enum Themes {
     Dark = "dark"
 }
 export interface ToastProps {
-    title?: string;
-    message?: string;
-    width?: string;
-    rounded?: boolean;
     actionLabel?: string;
-    icon?: IconNames;
-    iconSize?: Sizes;
+    borderRadius?: BorderRadius;
     /** Time in seconds e.g 5 = 5 seconds */
     dismissTimer?: number;
+    icon?: IconNames;
+    iconSize?: Sizes;
+    message?: string;
     onAction?: (event?: Event) => void;
     onDismiss: () => void;
+    rounded?: boolean;
+    title?: string;
+    width?: string;
 }

package/package.json

@@ -5,14 +5,14 @@
     "name": "Anthony Cholmondeley",
     "url": "https://callaloo.codeandfunction.com"
   },
-  "version": "1.8.1",
+  "version": "1.10.0",
   "license": "MIT",
   "type": "module",
   "scripts": {
     "start": "yarn export:icons && storybook dev -p 4400 --no-open",
     "build:lib": "yarn export:icons && vite build && npm pack",
     "build:watch": "vite build --watch",
-    "build:web": "yarn storybook build",
+    "build:web": "yarn export:icons && yarn storybook build",
     "test-storybook": "test-storybook --url http://127.0.0.1:4400",
     "export:icons": "npx tsx export-icons.ts"
   },
@@ -35,18 +35,18 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^2.0.2",
     "@floating-ui/vue": "^1.1.5",
-    "@iconify-json/tabler": "^1.2.6",
+    "@iconify-json/tabler": "^1.2.7",
     "@iconify/types": "^2.0.0",
-    "@storybook/addon-a11y": "^8.3.6",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/cli": "^8.3.6",
-    "@storybook/core-server": "^8.3.6",
-    "@storybook/test": "^8.3.6",
+    "@storybook/addon-a11y": "^8.4.1",
+    "@storybook/addon-essentials": "^8.4.1",
+    "@storybook/addon-interactions": "^8.4.1",
+    "@storybook/cli": "^8.4.1",
+    "@storybook/core-server": "^8.4.1",
+    "@storybook/test": "^8.4.1",
     "@storybook/test-runner": "^0.19.1",
-    "@storybook/vue3": "^8.3.6",
-    "@storybook/vue3-vite": "^8.3.6",
-    "@types/node": "20.17.1",
+    "@storybook/vue3": "^8.4.1",
+    "@storybook/vue3-vite": "^8.4.1",
+    "@types/node": "20.17.5",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
     "@vitejs/plugin-vue": "^5.1.4",
@@ -57,12 +57,12 @@
     "@vue/tsconfig": "^0.5.1",
     "eslint": "8.57.1",
     "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-vue": "^9.29.1",
+    "eslint-plugin-vue": "^9.30.0",
     "glob": "^11.0.0",
     "playwright": "^1.48.2",
     "prettier": "^3.3.3",
-    "sass": "^1.80.4",
-    "storybook": "^8.3.6",
+    "sass": "^1.80.6",
+    "storybook": "^8.4.1",
     "typescript": "^5.6.3",
     "vite": "5.4.10",
     "vite-plugin-dts": "^3.9.1",